@charset "UTF-8";
@font-face {
  font-family: 'InterVariable';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterVariable.woff2") format("woff2"); }

@font-face {
  font-family: 'InterVariable';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterVariable-Italic.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-Thin.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-ThinItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-ExtraLight.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-ExtraLightItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-Light.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-LightItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-Regular.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-Italic.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-Medium.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-MediumItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-SemiBold.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-SemiBoldItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-Bold.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-BoldItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-ExtraBold.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-ExtraBoldItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-Black.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-BlackItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-Thin.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-ThinItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-ExtraLight.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-ExtraLightItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-Light.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-LightItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-Regular.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-Italic.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-Medium.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-MediumItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-SemiBold.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-SemiBoldItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-Bold.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-BoldItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-ExtraBold.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-ExtraBoldItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-Black.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-BlackItalic.woff2") format("woff2"); }

:root {
  --mdb-body-fontFamily: 'InterVariable', 'Inter', 'InterDisplay', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji';
  --mdb-black-rgb: 0, 0, 0;
  --mdb-black: #000000;
  --mdb-blue: #3c83f6;
  --mdb-body-bg-rgb: 255, 255, 255;
  --mdb-body-bg: #ffffff;
  --mdb-body-color-rgb: 42, 45, 50;
  --mdb-body-color: #2a2d32;
  --mdb-body-font-family: var(--mdb-body-fontFamily);
  --mdb-body-font-size: 1rem;
  --mdb-body-font-weight: 400;
  --mdb-body-line-height: 1.625;
  --mdb-border-color-translucent: rgba(0, 0, 0, 0.175);
  --mdb-border-color: #a6abb5;
  --mdb-border-radius-2xl: 2rem;
  --mdb-border-radius-lg: 0.5rem;
  --mdb-border-radius-pill: 50rem;
  --mdb-border-radius-sm: 0.25rem;
  --mdb-border-radius-xl: 1rem;
  --mdb-border-radius: 0.25rem;
  --mdb-border-style: solid;
  --mdb-border-width: 1px;
  --mdb-code-color: #ec4699;
  --mdb-cyan: #06b6d4;
  --mdb-danger-rgb: 128, 0, 0;
  --mdb-danger: #800000;
  --mdb-dark-rgb: 31, 41, 55;
  --mdb-dark: #1f2937;
  --mdb-font-monospace: ui-monospace, 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
  --mdb-font-roboto: var(--mdb-body-fontFamily);
  --mdb-font-sans-serif: var(--mdb-body-fontFamily);
  --mdb-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0));
  --mdb-gray-50: #f1f2f3;
  --mdb-gray-100: #bdcad1;
  --mdb-gray-200: #c2c5cc;
  --mdb-gray-300: #a6abb5;
  --mdb-gray-400: #878e9b;
  --mdb-gray-500: #6b7280;
  --mdb-gray-600: #565c67;
  --mdb-gray-700: #41454e;
  --mdb-gray-800: #2a2d32;
  --mdb-gray-900: #050505;
  --mdb-gray-dark: #273444;
  --mdb-gray: #6b7280;
  --mdb-green: #21c45d;
  --mdb-highlight-bg: #fdf1ce;
  --mdb-indigo: #030321;
  --mdb-info-rgb: 85, 179, 211;
  --mdb-info: #55b3d3;
  --mdb-light-rgb: 249, 250, 251;
  --mdb-light: #f9fafb;
  --mdb-link-color: #1c1c1c;
  --mdb-link-hover-color: #1a1a1a;
  --mdb-orange: #f97415;
  --mdb-pink: #ec4699;
  --mdb-primary-rgb: 28, 28, 28;
  --mdb-primary: #1c1c1c;
  --mdb-purple: #a855f7;
  --mdb-red: #ef4343;
  --mdb-secondary-rgb: 251, 189, 36;
  --mdb-secondary: #fbbd24;
  --mdb-success-rgb: 14, 113, 52;
  --mdb-success: #0e7134;
  --mdb-teal: #14b8a5;
  --mdb-warning-rgb: 228, 161, 27;
  --mdb-warning: #e4a11b;
  --mdb-white-rgb: 255, 255, 255;
  --mdb-white: #ffffff;
  --mdb-yellow: #e7b008;
  --bg-gray: #6b7280;
  --color-accent-50: #fff9eb;
  --color-accent-100: #fef2d2;
  --color-accent-200: #fde6aa;
  --color-accent-300: #fdd87d;
  --color-accent-400: #fccb50;
  --color-accent-500: #fbbf24;
  --color-accent-600: #e1a304;
  --color-accent-700: #aa7b03;
  --color-accent-800: #735302;
  --color-accent-900: #372801;
  --color-accent-950: #1e1601;
  --color-accent-content: #000000;
  --color-accent: var(--color-accent-500);
  --color-amber-50: #fef5e7;
  --color-amber-100: #fdecce;
  --color-amber-200: #fbd99d;
  --color-amber-300: #f9c56c;
  --color-amber-400: #f7b23b;
  --color-amber-500: #f59e0b;
  --color-amber-600: #c47f08;
  --color-amber-700: #935f06;
  --color-amber-800: #624004;
  --color-amber-900: #312002;
  --color-amber-950: #181001;
  --color-amber: var(--color-amber-500);
  --color-background-50: #ffffff;
  --color-background-100: var(--color-background-50);
  --color-background-200: #fcfcfd;
  --color-background-300: var(--color-background-200);
  --color-background-400: #f9fafb;
  --color-background-500: var(--color-background-400);
  --color-background-600: #bcc7d2;
  --color-background-700: #8296ab;
  --color-background-800: #506377;
  --color-background-900: #29333d;
  --color-background-950: #141a1f;
  --color-background: var(--color-background-500);
  --color-base-100: var(--color-background-400);
  --color-base-200: #f0f3f5;
  --color-base-300: #dbe2e6;
  --color-base-content: #2e2e2e;
  --color-base-muted: #737373;
  --color-black-50: #e6e6e6;
  --color-black-100: #cccccc;
  --color-black-200: #999999;
  --color-black-300: #666666;
  --color-black-400: #333333;
  --color-black-500: #000000;
  --color-black-600: var(--color-black-500);
  --color-black-700: var(--color-black-500);
  --color-black-800: var(--color-black-500);
  --color-black-900: var(--color-black-500);
  --color-black-950: var(--color-black-500);
  --color-black: var(--color-black-500);
  --color-blue-50: #ebf3fe;
  --color-blue-100: #d8e6fd;
  --color-blue-200: #b1cefb;
  --color-blue-300: #8ab5fa;
  --color-blue-400: #639cf8;
  --color-blue-500: #3b82f6;
  --color-blue-600: #0b60ea;
  --color-blue-700: #0848b0;
  --color-blue-800: #053075;
  --color-blue-900: #03183b;
  --color-blue-950: #010c1d;
  --color-blue: var(--color-blue-500);
  --color-blue-gray-50: #f0f3f5;
  --color-blue-gray-100: #dee5e8;
  --color-blue-gray-200: #bdcad1;
  --color-blue-gray-300: #9eb2bc;
  --color-blue-gray-400: #7d98a5;
  --color-blue-gray-500: #607d8b;
  --color-blue-gray-600: #4d6470;
  --color-blue-gray-700: #3a4c54;
  --color-blue-gray-800: #263136;
  --color-blue-gray-900: #13181b;
  --color-blue-gray-950: #0a0e0f;
  --color-blue-gray: var(--color-blue-gray-500);
  --color-body-50: #ededed;
  --color-body-100: #dbdbdb;
  --color-body-200: #b8b8b8;
  --color-body-300: #969696;
  --color-body-400: var(--color-base-muted);
  --color-body-500: #4f4f4f;
  --color-body-600: #404040;
  --color-body-700: #303030;
  --color-body-800: #1f1f1f;
  --color-body-900: #0f0f0f;
  --color-body-950: #080808;
  --color-body: var(--color-body-500);
  --color-body-dark-50: #ebebeb;
  --color-body-dark-100: #d6d6d6;
  --color-body-dark-200: #adadad;
  --color-body-dark-300: #828282;
  --color-body-dark-400: #595959;
  --color-body-dark-500: var(--color-body-700);
  --color-body-dark-600: #262626;
  --color-body-dark-700: #1c1c1c;
  --color-body-dark-800: #141414;
  --color-body-dark-900: #0a0a0a;
  --color-body-dark-950: #050505;
  --color-body-dark: var(--color-body-700);
  --color-brown-50: #f4eeec;
  --color-brown-100: #e8ddd9;
  --color-brown-200: #cfb8af;
  --color-brown-300: #b99589;
  --color-brown-400: #a0705f;
  --color-brown-500: #795548;
  --color-brown-600: #604339;
  --color-brown-700: #4a342c;
  --color-brown-800: #30221d;
  --color-brown-900: #1a120f;
  --color-brown-950: #0d0908;
  --color-brown: var(--color-brown-500);
  --color-cyan-50: #e1fafe;
  --color-cyan-100: #c8f6fd;
  --color-cyan-200: #8debfc;
  --color-cyan-300: #56e2fa;
  --color-cyan-400: #1bd7f9;
  --color-cyan-500: #06b6d4;
  --color-cyan-600: #0590a9;
  --color-cyan-700: #046e81;
  --color-cyan-800: #024854;
  --color-cyan-900: #01262d;
  --color-cyan-950: #011114;
  --color-cyan: var(--color-cyan-500);
  --color-danger-50: #ffdbdb;
  --color-danger-100: #ffb3b3;
  --color-danger-200: #ff6666;
  --color-danger-300: #ff1a1a;
  --color-danger-400: #cc0000;
  --color-danger-500: #800000;
  --color-danger-600: #660000;
  --color-danger-700: #4d0000;
  --color-danger-800: #330000;
  --color-danger-900: #190000;
  --color-danger-950: #0f0000;
  --color-danger: var(--color-danger-500);
  --color-dark-50: #e5eaf0;
  --color-dark-100: #c8d2e0;
  --color-dark-200: #93a7c2;
  --color-dark-300: #5c7aa3;
  --color-dark-400: #3f536f;
  --color-dark-500: #1f2937;
  --color-dark-600: #1a222e;
  --color-dark-700: #121821;
  --color-dark-800: #0d1117;
  --color-dark-900: #06070a;
  --color-dark-950: #040506;
  --color-dark: var(--color-dark-500);
  --color-dark-gray-50: #e5eaf0;
  --color-dark-gray-100: #cbd5e1;
  --color-dark-gray-200: #97abc4;
  --color-dark-gray-300: #6784a8;
  --color-dark-gray-400: #455c78;
  --color-dark-gray-500: #273444;
  --color-dark-gray-600: #202a37;
  --color-dark-gray-700: #18202a;
  --color-dark-gray-800: #0f141a;
  --color-dark-gray-900: #070a0d;
  --color-dark-gray-950: #040506;
  --color-dark-gray: var(--color-dark-gray-500);
  --color-deep-orange-50: #ffefeb;
  --color-deep-orange-100: #ffdcd1;
  --color-deep-orange-200: #ffbda8;
  --color-deep-orange-300: #ff997a;
  --color-deep-orange-400: #ff764d;
  --color-deep-orange-500: #ff5722;
  --color-deep-orange-600: #e63600;
  --color-deep-orange-700: #ad2800;
  --color-deep-orange-800: #751b00;
  --color-deep-orange-900: #380d00;
  --color-deep-orange-950: #1f0700;
  --color-deep-orange: var(--color-deep-orange-500);
  --color-deep-purple-50: #f0ecf9;
  --color-deep-purple-100: #dfd4f2;
  --color-deep-purple-200: #c2aee5;
  --color-deep-purple-300: #a283d8;
  --color-deep-purple-400: #855ccb;
  --color-deep-purple-500: #673ab7;
  --color-deep-purple-600: #532f93;
  --color-deep-purple-700: #3e226c;
  --color-deep-purple-800: #2a174a;
  --color-deep-purple-900: #140b23;
  --color-deep-purple-950: #0b0613;
  --color-deep-purple: var(--color-deep-purple-500);
  --color-disabled-50: #f4f5f6;
  --color-disabled-100: #ebedef;
  --color-disabled-200: #d8dadf;
  --color-disabled-300: #c4c8cf;
  --color-disabled-400: #b0b6bf;
  --color-disabled-500: #9ca3af;
  --color-disabled-600: #788192;
  --color-disabled-700: #59616e;
  --color-disabled-800: #3b4049;
  --color-disabled-900: #1e2025;
  --color-disabled-950: #0e0f11;
  --color-disabled: var(--color-disabled-500);
  --color-emerald-50: #e3fdf4;
  --color-emerald-100: #c7fae9;
  --color-emerald-200: #8ef5d3;
  --color-emerald-300: #56f0bd;
  --color-emerald-400: #1eeca7;
  --color-emerald-500: #10b981;
  --color-emerald-600: #0d9668;
  --color-emerald-700: #0a714e;
  --color-emerald-800: #064b34;
  --color-emerald-900: #03261a;
  --color-emerald-950: #02120d;
  --color-emerald: var(--color-emerald-500);
  --color-error-50: var(--color-danger-50);
  --color-error-100: var(--color-danger-100);
  --color-error-200: var(--color-danger-200);
  --color-error-300: var(--color-danger-300);
  --color-error-400: var(--color-danger-400);
  --color-error-500: var(--color-danger-500);
  --color-error-600: var(--color-danger-600);
  --color-error-700: var(--color-danger-700);
  --color-error-800: var(--color-danger-800);
  --color-error-900: var(--color-danger-900);
  --color-error-950: var(--color-danger-950);
  --color-error-content: var(--color-danger-500);
  --color-error: var(--color-danger-500);
  --color-fuchsia-50: #fbecfd;
  --color-fuchsia-100: #f7d9fc;
  --color-fuchsia-200: #efb4f9;
  --color-fuchsia-300: #e88ef5;
  --color-fuchsia-400: #e069f2;
  --color-fuchsia-500: #d946ef;
  --color-fuchsia-600: #c613e1;
  --color-fuchsia-700: #940fa9;
  --color-fuchsia-800: #630a71;
  --color-fuchsia-900: #310538;
  --color-fuchsia-950: #1a021d;
  --color-fuchsia: var(--color-fuchsia-500);
  --color-gray-50: #f1f2f3;
  --color-gray-100: #e0e2e5;
  --color-gray-200: #c2c5cc;
  --color-gray-300: #a6abb5;
  --color-gray-400: #888e9b;
  --color-gray-500: var(--bg-gray);
  --color-gray-600: #565c67;
  --color-gray-700: #41454e;
  --color-gray-800: #2a2d32;
  --color-gray-900: #151619;
  --color-gray-950: #0c0c0e;
  --color-gray: var(--bg-gray);
  --color-green-50: #e9fbf0;
  --color-green-100: #cff7de;
  --color-green-200: #9fefbc;
  --color-green-300: #6fe69b;
  --color-green-400: #40de7a;
  --color-green-500: #22c55e;
  --color-green-600: #1b9d4b;
  --color-green-700: #147538;
  --color-green-800: #0d4e25;
  --color-green-900: #072713;
  --color-green-950: #04160a;
  --color-green: var(--color-green-500);
  --color-grey-50: var(--color-gray-50);
  --color-grey-100: var(--color-gray-100);
  --color-grey-200: var(--color-gray-200);
  --color-grey-300: var(--color-gray-300);
  --color-grey-400: var(--color-gray-400);
  --color-grey-500: var(--color-gray-500);
  --color-grey-600: var(--color-gray-600);
  --color-grey-700: var(--color-gray-700);
  --color-grey-800: var(--color-gray-800);
  --color-grey-900: var(--color-gray-900);
  --color-grey-950: var(--color-gray-950);
  --color-grey: var(--bg-gray);
  --color-indigo-50: #f1f1fe;
  --color-indigo-100: #dedffc;
  --color-indigo-200: #c2c3fa;
  --color-indigo-300: #a1a3f7;
  --color-indigo-400: #8183f4;
  --color-indigo-500: #6366f1;
  --color-indigo-600: #2326eb;
  --color-indigo-700: #1114bb;
  --color-indigo-800: #0b0d7e;
  --color-indigo-900: #05063d;
  --color-indigo-950: #030321;
  --color-indigo: var(--color-indigo-500);
  --color-info-50: #eff8fb;
  --color-info-100: #dff1f7;
  --color-info-200: #bae0ed;
  --color-info-300: #9ad2e5;
  --color-info-400: #75c2dc;
  --color-info-500: #54b4d3;
  --color-info-600: #3098bb;
  --color-info-700: #25748e;
  --color-info-800: #184c5d;
  --color-info-900: #0d2831;
  --color-info-950: #061418;
  --color-info-content: var(--color-black-500);
  --color-info: var(--color-info-500);
  --color-light-50: var(--color-background-50);
  --color-light-100: var(--color-background-50);
  --color-light-200: var(--color-background-200);
  --color-light-300: var(--color-background-200);
  --color-light-400: var(--color-background-400);
  --color-light-500: var(--color-background-400);
  --color-light-600: var(--color-background-600);
  --color-light-700: var(--color-background-700);
  --color-light-800: var(--color-background-800);
  --color-light-900: var(--color-background-900);
  --color-light-950: var(--color-background-950);
  --color-light: var(--color-background-400);
  --color-light-blue-50: #e6f7ff;
  --color-light-blue-100: #cdeffe;
  --color-light-blue-200: #95ddfe;
  --color-light-blue-300: #63ccfd;
  --color-light-blue-400: #30bcfc;
  --color-light-blue-500: #03a9f4;
  --color-light-blue-600: #0287c5;
  --color-light-blue-700: #026492;
  --color-light-blue-800: #014260;
  --color-light-blue-900: #012332;
  --color-light-blue-950: #001119;
  --color-light-blue: var(--color-light-blue-500);
  --color-light-gray-50: var(--color-background-200);
  --color-light-gray-100: #f5f7f9;
  --color-light-gray-200: #eff2f6;
  --color-light-gray-300: #e5eaf0;
  --color-light-gray-400: #dbe2eb;
  --color-light-gray-500: #d3dce6;
  --color-light-gray-600: #9aafc6;
  --color-light-gray-700: #6382a6;
  --color-light-gray-800: #415872;
  --color-light-gray-900: #1f2b37;
  --color-light-gray-950: #11171d;
  --color-light-gray: var(--color-light-gray-500);
  --color-light-green-50: #f3f9ec;
  --color-light-green-100: #e9f4dd;
  --color-light-green-200: #d0e7b6;
  --color-light-green-300: #badb94;
  --color-light-green-400: #a1cf6d;
  --color-light-green-500: #8bc34a;
  --color-light-green-600: #6fa135;
  --color-light-green-700: #547b29;
  --color-light-green-800: #37501b;
  --color-light-green-900: #1d2a0e;
  --color-light-green-950: #0d1306;
  --color-light-green: var(--color-light-green-500);
  --color-lime-50: #f2fce3;
  --color-lime-100: #e7facc;
  --color-lime-200: #d0f49a;
  --color-lime-300: #b8ef67;
  --color-lime-400: #9fe930;
  --color-lime-500: #84cc16;
  --color-lime-600: #68a111;
  --color-lime-700: #507c0d;
  --color-lime-800: #355309;
  --color-lime-900: #1b2904;
  --color-lime-950: #0c1202;
  --color-lime: var(--color-lime-500);
  --color-muted-50: #eeeff1;
  --color-muted-100: #dbdde1;
  --color-muted-200: #b7bbc2;
  --color-muted-300: #969ba7;
  --color-muted-400: #727988;
  --color-muted-500: #545964;
  --color-muted-600: #444850;
  --color-muted-700: #33363d;
  --color-muted-800: #212327;
  --color-muted-900: #101113;
  --color-muted-950: #090a0b;
  --color-muted: var(--color-muted-500);
  --color-natural-50: #f2f2f2;
  --color-natural-100: #e3e3e3;
  --color-natural-200: #c7c7c7;
  --color-natural-300: #ababab;
  --color-natural-400: #8f8f8f;
  --color-natural-500: var(--color-base-muted);
  --color-natural-600: #5c5c5c;
  --color-natural-700: #454545;
  --color-natural-800: #2e2e2e;
  --color-natural-900: #171717;
  --color-natural-950: #0d0d0d;
  --color-natural: var(--color-natural-500);
  --color-nerden-dark-50: #e8e8e8;
  --color-nerden-dark-100: #d1d1d1;
  --color-nerden-dark-200: #a1a1a1;
  --color-nerden-dark-300: var(--color-base-muted);
  --color-nerden-dark-400: #454545;
  --color-nerden-dark-500: #151515;
  --color-nerden-dark-600: #121212;
  --color-nerden-dark-700: #0d0d0d;
  --color-nerden-dark-800: var(--color-body-950);
  --color-nerden-dark-900: #050505;
  --color-nerden-dark-950: #030303;
  --color-nerden-dark: var(--color-nerden-dark-500);
  --color-neutral-50: var(--color-natural-50);
  --color-neutral-100: var(--color-natural-100);
  --color-neutral-200: var(--color-natural-200);
  --color-neutral-300: var(--color-natural-300);
  --color-neutral-400: var(--color-natural-400);
  --color-neutral-500: var(--color-natural-500);
  --color-neutral-600: var(--color-natural-600);
  --color-neutral-700: var(--color-natural-700);
  --color-neutral-800: var(--color-natural-800);
  --color-neutral-900: var(--color-natural-900);
  --color-neutral-950: var(--color-natural-950);
  --color-neutral-content: var(--color-background-50);
  --color-neutral: var(--color-base-muted);
  --color-orange-50: #fef0e7;
  --color-orange-100: #fee4d2;
  --color-orange-200: #fdc7a1;
  --color-orange-300: #fbac74;
  --color-orange-400: #fa8f42;
  --color-orange-500: #f97316;
  --color-orange-600: #d15a05;
  --color-orange-700: #9f4504;
  --color-orange-800: #682d03;
  --color-orange-900: #371801;
  --color-orange-950: #190b01;
  --color-orange: var(--color-orange-500);
  --color-pink-50: #fdedf5;
  --color-pink-100: #fbdaeb;
  --color-pink-200: #f7b5d6;
  --color-pink-300: #f390c2;
  --color-pink-400: #f06bad;
  --color-pink-500: #ec4899;
  --color-pink-600: #de177a;
  --color-pink-700: #a6115c;
  --color-pink-800: #6f0c3d;
  --color-pink-900: #37061f;
  --color-pink-950: #1c030f;
  --color-pink: var(--color-pink-500);
  --color-primary-50: #e8e8e8;
  --color-primary-100: #d1d1d1;
  --color-primary-200: #a3a3a3;
  --color-primary-300: #757575;
  --color-primary-400: #474747;
  --color-primary-500: #1b1b1b;
  --color-primary-600: #141414;
  --color-primary-700: var(--color-body-900);
  --color-primary-800: #0a0a0a;
  --color-primary-900: #050505;
  --color-primary-950: #030303;
  --color-primary-content: var(--color-background-50);
  --color-primary: var(--color-primary-500);
  --color-primary-accent-50: var(--color-body-50);
  --color-primary-accent-100: #d9d9d9;
  --color-primary-accent-200: #b5b5b5;
  --color-primary-accent-300: #8f8f8f;
  --color-primary-accent-400: #696969;
  --color-primary-accent-500: #444444;
  --color-primary-accent-600: #363636;
  --color-primary-accent-700: #292929;
  --color-primary-accent-800: var(--color-body-dark-700);
  --color-primary-accent-900: #0d0d0d;
  --color-primary-accent-950: var(--color-body-950);
  --color-primary-accent: var(--color-primary-accent-500);
  --color-purple-50: #f8f0fe;
  --color-purple-100: #eeddfd;
  --color-purple-200: #dcbbfc;
  --color-purple-300: #cb99fa;
  --color-purple-400: #ba77f9;
  --color-purple-500: #a855f7;
  --color-purple-600: #8815f4;
  --color-purple-700: #6609be;
  --color-purple-800: #44067f;
  --color-purple-900: #22033f;
  --color-purple-950: #120222;
  --color-purple: var(--color-purple-500);
  --color-red-50: #fdecec;
  --color-red-100: #fcd9d9;
  --color-red-200: #f9b4b4;
  --color-red-300: #f58e8e;
  --color-red-400: #f26969;
  --color-red-500: #ef4444;
  --color-red-600: #e11313;
  --color-red-700: #a90f0f;
  --color-red-800: #710a0a;
  --color-red-900: #380505;
  --color-red-950: #1c0202;
  --color-red: var(--color-red-500);
  --color-rose-50: #feecef;
  --color-rose-100: #fdd8de;
  --color-rose-200: #fbb2be;
  --color-rose-300: #f88b9d;
  --color-rose-400: #f6657d;
  --color-rose-500: #f43f5e;
  --color-rose-600: #e80d32;
  --color-rose-700: #ae0a25;
  --color-rose-800: #740719;
  --color-rose-900: #3a030c;
  --color-rose-950: #1d0206;
  --color-rose: var(--color-rose-500);
  --color-secondary-50: var(--color-accent-50);
  --color-secondary-100: var(--color-accent-100);
  --color-secondary-200: var(--color-accent-200);
  --color-secondary-300: var(--color-accent-300);
  --color-secondary-400: var(--color-accent-400);
  --color-secondary-500: var(--color-accent-500);
  --color-secondary-600: var(--color-accent-600);
  --color-secondary-700: var(--color-accent-700);
  --color-secondary-800: var(--color-accent-800);
  --color-secondary-900: var(--color-accent-900);
  --color-secondary-950: var(--color-accent-950);
  --color-secondary-content: var(--color-black-500);
  --color-secondary: var(--color-accent-500);
  --color-sky-50: #e7f6fe;
  --color-sky-100: #cfeefc;
  --color-sky-200: #9adbf9;
  --color-sky-300: #6acaf6;
  --color-sky-400: #3ab8f3;
  --color-sky-500: #0ea5e9;
  --color-sky-600: #0b84bc;
  --color-sky-700: #08628c;
  --color-sky-800: #05405b;
  --color-sky-900: #032230;
  --color-sky-950: #011118;
  --color-sky: var(--color-sky-500);
  --color-slate-50: #f0f2f4;
  --color-slate-100: #dee2e8;
  --color-slate-200: #c1c8d2;
  --color-slate-300: #a0abbb;
  --color-slate-400: #8291a5;
  --color-slate-500: #64748b;
  --color-slate-600: #515e71;
  --color-slate-700: #3c4553;
  --color-slate-800: #292f38;
  --color-slate-900: #13161b;
  --color-slate-950: #0b0c0f;
  --color-slate: var(--color-slate-500);
  --color-stone-50: #f1f0ef;
  --color-stone-100: #e4e3e1;
  --color-stone-200: #cac6c4;
  --color-stone-300: #afaaa6;
  --color-stone-400: #958e89;
  --color-stone-500: #78716c;
  --color-stone-600: #615b57;
  --color-stone-700: #484441;
  --color-stone-800: #302d2b;
  --color-stone-900: #181716;
  --color-stone-950: #0b0a0a;
  --color-stone: var(--color-stone-500);
  --color-success-50: #dffbea;
  --color-success-100: #bbf7d2;
  --color-success-200: #77eea5;
  --color-success-300: #33e677;
  --color-success-400: #16b653;
  --color-success-500: #0e7235;
  --color-success-600: #0b5b2a;
  --color-success-700: #08441f;
  --color-success-800: #062d15;
  --color-success-900: #03170a;
  --color-success-950: #020e06;
  --color-success-content: var(--color-background-50);
  --color-success: var(--color-success-500);
  --color-surface-50: var(--color-body-50);
  --color-surface-100: var(--color-body-100);
  --color-surface-200: var(--color-body-200);
  --color-surface-300: var(--color-body-300);
  --color-surface-400: var(--color-base-muted);
  --color-surface-500: var(--color-body-500);
  --color-surface-600: var(--color-body-600);
  --color-surface-700: var(--color-body-700);
  --color-surface-800: var(--color-body-800);
  --color-surface-900: var(--color-body-900);
  --color-surface-950: var(--color-body-950);
  --color-surface: var(--color-body-500);
  --color-teal-50: #e3fcf9;
  --color-teal-100: #c8f9f3;
  --color-teal-200: #91f3e8;
  --color-teal-300: #59eddc;
  --color-teal-400: #22e7d0;
  --color-teal-500: #14b8a6;
  --color-teal-600: #109384;
  --color-teal-700: #0c6e63;
  --color-teal-800: #084942;
  --color-teal-900: #042521;
  --color-teal-950: #021210;
  --color-teal: var(--color-teal-500);
  --color-tertiary-50: #f7f7f8;
  --color-tertiary-100: #ebedef;
  --color-tertiary-200: #d7dadf;
  --color-tertiary-300: #c6cbd2;
  --color-tertiary-400: #b3b8c2;
  --color-tertiary-500: #9fa6b2;
  --color-tertiary-600: #7a8494;
  --color-tertiary-700: #5b6371;
  --color-tertiary-800: #3b404a;
  --color-tertiary-900: #1e2025;
  --color-tertiary-950: #101114;
  --color-tertiary: var(--color-tertiary-500);
  --color-text-50: #e8e8e8;
  --color-text-100: #d1d1d1;
  --color-text-200: #a1a1a1;
  --color-text-300: var(--color-base-muted);
  --color-text-400: #454545;
  --color-text-500: #151515;
  --color-text-600: #121212;
  --color-text-700: #0d0d0d;
  --color-text-800: var(--color-body-950);
  --color-text-900: #050505;
  --color-text-950: #030303;
  --color-text: var(--color-body-500);
  --color-text-secondary-50: var(--color-body-50);
  --color-text-secondary-100: var(--color-body-100);
  --color-text-secondary-200: var(--color-body-200);
  --color-text-secondary-300: var(--color-body-300);
  --color-text-secondary-400: var(--color-base-muted);
  --color-text-secondary-500: var(--color-body-500);
  --color-text-secondary-600: var(--color-body-600);
  --color-text-secondary-700: var(--color-body-700);
  --color-text-secondary-800: var(--color-body-800);
  --color-text-secondary-900: var(--color-body-900);
  --color-text-secondary-950: var(--color-body-950);
  --color-text-secondary: var(--color-body-500);
  --color-textBase: var(--color-body-500);
  --color-textHeading: var(--color-body-900);
  --color-violet-50: #f5f1fe;
  --color-violet-100: #e7ddfd;
  --color-violet-200: #d2c0fc;
  --color-violet-300: #ba9efa;
  --color-violet-400: #a27df8;
  --color-violet-500: #8b5cf6;
  --color-violet-600: #5c1cf2;
  --color-violet-700: #410bc1;
  --color-violet-800: #2c0782;
  --color-violet-900: #15033f;
  --color-violet-950: #0b0222;
  --color-violet: var(--color-violet-500);
  --color-warning-50: #fcf6e8;
  --color-warning-100: #faecd1;
  --color-warning-200: #f4d9a4;
  --color-warning-300: #efc776;
  --color-warning-400: #e9b449;
  --color-warning-500: #e4a11b;
  --color-warning-600: #b68116;
  --color-warning-700: #896110;
  --color-warning-800: #5b400b;
  --color-warning-900: #2e2005;
  --color-warning-950: #171003;
  --color-warning-content: var(--color-black-500);
  --color-warning: var(--color-warning-500);
  --color-white-50: var(--color-background-50);
  --color-white-100: var(--color-background-50);
  --color-white-200: var(--color-background-50);
  --color-white-300: var(--color-background-50);
  --color-white-400: var(--color-background-50);
  --color-white-500: var(--color-background-50);
  --color-white-600: var(--color-black-100);
  --color-white-700: var(--color-black-200);
  --color-white-800: var(--color-black-300);
  --color-white-900: var(--color-black-400);
  --color-white-950: #1a1a1a;
  --color-white: var(--color-background-50);
  --color-yellow-50: #fef8e6;
  --color-yellow-100: #fdf1ce;
  --color-yellow-200: #fbe297;
  --color-yellow-300: #fad566;
  --color-yellow-400: #f8c630;
  --color-yellow-500: #eab308;
  --color-yellow-600: #bb8e06;
  --color-yellow-700: #8f6c05;
  --color-yellow-800: #5e4703;
  --color-yellow-900: #312502;
  --color-yellow-950: #191301;
  --color-yellow: var(--color-yellow-500);
  --color-zinc-50: #f2f2f3;
  --color-zinc-100: #e2e2e4;
  --color-zinc-200: #c5c5c9;
  --color-zinc-300: #aaaab1;
  --color-zinc-400: #8d8d96;
  --color-zinc-500: #71717a;
  --color-zinc-600: #5b5b62;
  --color-zinc-700: #45454a;
  --color-zinc-800: #2c2c30;
  --color-zinc-900: #161618;
  --color-zinc-950: #0c0c0d;
  --color-zinc: var(--color-zinc-500);
  --fa-border-color: var(--color-accent-500);
  --fa-primary-color: var(--color-primary-500);
  --fa-secondary-color: var(--color-accent-500);
  --fa-style-family: 'Font Awesome Kit Duotone', sans-serif;
  --fa-style: 400;
  --font-body: var(--mdb-body-fontFamily);
  --font-mono: ui-monospace, 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
  --font-sans: var(--mdb-body-fontFamily);
  --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
  --mdb-bg-opacity: 1;
  --nerdenColor-black-100: var(--color-black-100);
  --nerdenColor-black-300: var(--color-black-300);
  --nerdenColor-black: var(--color-black-500);
  --nerdenColor-blue-gray-50: var(--color-blue-gray-50);
  --nerdenColor-blue-gray-100: var(--color-blue-gray-100);
  --nerdenColor-blue-gray-200: var(--color-blue-gray-200);
  --nerdenColor-blue-gray-400: var(--color-blue-gray-400);
  --nerdenColor-blue-gray-700: var(--color-blue-gray-700);
  --nerdenColor-body-500: var(--color-gray-800);
  --nerdenColor-border-containerGlobal-base: var(--color-dark-50);
  --nerdenColor-danger-700: var(--color-danger-700);
  --nerdenColor-danger: var(--color-danger-500);
  --nerdenColor-dark-100: var(--color-dark-100);
  --nerdenColor-dark: var(--color-dark-500);
  --nerdenColor-disabled-200: var(--color-disabled-200);
  --nerdenColor-errorLight: var(--color-error-50);
  --nerdenColor-gray-50: var(--color-gray-50);
  --nerdenColor-gray-100: var(--color-gray-100);
  --nerdenColor-gray-200: var(--color-gray-200);
  --nerdenColor-gray-300: var(--color-gray-300);
  --nerdenColor-gray-400: var(--color-gray-400);
  --nerdenColor-gray-500: var(--color-gray-500);
  --nerdenColor-gray-600: var(--color-gray-600);
  --nerdenColor-gray-700: var(--color-gray-700);
  --nerdenColor-gray-800: var(--color-gray-800);
  --nerdenColor-gray-900: var(--color-gray-900);
  --nerdenColor-gray-950: var(--color-gray-950);
  --nerdenColor-green-500: var(--color-green-500);
  --nerdenColor-greyMedium: var(--color-zinc-500);
  --nerdenColor-indigo-500: var(--color-indigo-500);
  --nerdenColor-indigo-700: var(--color-indigo-700);
  --nerdenColor-info: var(--color-info-500);
  --nerdenColor-infoLight: var(--color-sky-50);
  --nerdenColor-light-200: var(--color-background-200);
  --nerdenColor-light-500: var(--color-background-400);
  --nerdenColor-light-700: var(--color-background-700);
  --nerdenColor-light-gray-500: var(--color-light-gray-500);
  --nerdenColor-light-gray: var(--color-light-gray-500);
  --nerdenColor-muted-50: var(--color-muted-50);
  --nerdenColor-muted-100: var(--color-muted-100);
  --nerdenColor-muted-700: var(--color-muted-700);
  --nerdenColor-on-dark-100: var(--color-background-400);
  --nerdenColor-on-light-100: var(--color-dark-gray-100);
  --nerdenColor-on-secondary-200: var(--color-gray-300);
  --nerdenColor-on-secondary-400: var(--color-gray-700);
  --nerdenColor-orange-500: var(--color-orange-500);
  --nerdenColor-primary-100: var(--color-primary-100);
  --nerdenColor-primary-300: var(--color-primary-300);
  --nerdenColor-primary-600: var(--color-primary-600);
  --nerdenColor-primary-900: var(--color-primary-900);
  --nerdenColor-primary-950: var(--color-primary-950);
  --nerdenColor-primary-base: var(--color-body-dark-700);
  --nerdenColor-primaryDark: var(--color-primary-600);
  --nerdenColor-primaryDarker: var(--color-body-900);
  --nerdenColor-secondary-dark: var(--color-amber-600);
  --nerdenColor-secondary-darker: var(--color-amber-600);
  --nerdenColor-secondary-light: var(--color-accent-400);
  --nerdenColor-secondary: var(--color-accent-500);
  --nerdenColor-slate-800: var(--color-slate-800);
  --nerdenColor-stone-100: var(--color-stone-100);
  --nerdenColor-success: var(--color-success-500);
  --nerdenColor-successLight: var(--color-green-100);
  --nerdenColor-tertiary-800: var(--color-tertiary-800);
  --nerdenColor-textBase: var(--color-muted-800);
  --nerdenColor-textLink--active: var(--color-indigo-700);
  --nerdenColor-very-light-400: var(--color-light-gray-200);
  --nerdenColor-warning: var(--color-warning-500);
  --nerdenColor-white-base: var(--color-background-50);
  --nerdenColor-yellow-50: var(--color-yellow-50);
  --nerdenColor-zinc-200: var(--color-zinc-200);
  --nerdenFocusTooltip-backgroundColor: var(--color-slate-700);
  --nerdenNeutral-800: var(--color-neutral-800);
  --surface-500: var(--color-primary-accent-600);
  --tertiary-100: var(--color-tertiary-100); }

@supports (font-variation-settings: normal) {
  :root {
    font-family: 'InterVariable', sans-serif;
    font-optical-sizing: auto; } }

.prose {
  --tw-prose-body: #384252;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: var(--bg-gray);
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: var(--bg-gray);
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: 17 24 39;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: var(--color-background-50);
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: var(--color-background-50);
  --tw-prose-invert-bold: var(--color-background-50);
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: var(--color-background-50);
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: var(--color-background-50);
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0, 0, 0, 0.5);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  max-width: 65ch;
  color: var(--tw-prose-body);
  font-size: 1rem;
  line-height: 1.75; }

/* defining the right font-family/font-face and inherited weight for each style */
.icon-solid::before {
  font: var(--fa-font-solid); }

.icon-regular::before {
  font: var(--fa-font-regular); }

.icon-light::before {
  font: var(--fa-font-light); }

.icon-thin::before {
  font: var(--fa-font-thin); }

.icon-brand::before {
  font: var(--fa-font-brands); }

/* defining the right unicode values for each icon */
.icon-award::before {
  content: '\f559'; }

.icon-amazon::before {
  content: '\f270'; }

/* duotone icons follow a similar setup, but require use of the ::after pseudo-element and more styling setup */
.icon-duotone {
  position: relative;
  padding-left: 1.25em;
  /* make space for the width of the absolutely positioned icon */ }

.icon-duotone::before,
.icon-duotone::after {
  /* position both layers of the icon to the left, set our fixed-width width, horizontally center layers, and then vertically align them so they flex with different line heights */
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1.25em;
  font: var(--fa-font-duotone);
  text-align: center; }

.icon-duotone::before {
  color: var(--fa-primary-color, inherit);
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1); }

.icon-duotone::after {
  color: var(--fa-secondary-color, inherit);
  opacity: var(--fa-secondary-opacity, 0.4); }

.icon::before {
  display: inline-block;
  margin-right: 0.5rem;
  font: var(--fa-font-duotone);
  font-family: 'Font Awesome Kit Duotone', sans-serif;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased; }

@font-face {
  font-family: 'InterVariable';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterVariable.woff2") format("woff2"); }

@font-face {
  font-family: 'InterVariable';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterVariable-Italic.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-Thin.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-ThinItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-ExtraLight.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-ExtraLightItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-Light.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-LightItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-Regular.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-Italic.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-Medium.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-MediumItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-SemiBold.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-SemiBoldItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-Bold.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-BoldItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-ExtraBold.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-ExtraBoldItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-Black.woff2") format("woff2"); }

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/Inter-BlackItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-Thin.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-ThinItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-ExtraLight.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-ExtraLightItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-Light.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-LightItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-Regular.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-Italic.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-Medium.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-MediumItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-SemiBold.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-SemiBoldItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-Bold.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-BoldItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-ExtraBold.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-ExtraBoldItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-Black.woff2") format("woff2"); }

@font-face {
  font-family: 'InterDisplay';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("https://img.rhinorails.com/fonts/Inter-4.1/web/InterDisplay-BlackItalic.woff2") format("woff2"); }

html {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', sans-serif; }
  html.fonts-loaded {
    font-family: 'InterVariable', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', sans-serif; }

body {
  line-height: 1.5;
  letter-spacing: -0.011em; }
  @supports (font-variation-settings: normal) {
    body {
      font-variation-settings: 'wght' 400; } }

h1,
h2,
h3,
h4,
h5,
h6,
.heading,
.btn,
.nav-link {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

h1,
h2,
.hero-heading {
  font-family: 'InterDisplay', 'InterVariable', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; }

p,
li,
td,
span {
  text-rendering: optimizeSpeed; }

@media (max-width: 768px) {
  body {
    font-weight: 400; }
  strong,
  b {
    font-weight: 600; } }

.bg-black {
  --mdb-bg-opacity: 1;
  background-color: #000000; }

.bg-white {
  --mdb-bg-opacity: 1;
  background-color: #ffffff; }

.bg-body {
  --mdb-bg-opacity: 1;
  background-color: #ededed; }

.bg-transparent {
  background-color: transparent !important; }

.bg-opacity-10 {
  --mdb-bg-opacity: 0.1; }

.bg-opacity-25 {
  --mdb-bg-opacity: 0.25; }

.bg-opacity-50 {
  --mdb-bg-opacity: 0.5; }

.bg-opacity-75 {
  --mdb-bg-opacity: 0.75; }

.bg-opacity-100 {
  --mdb-bg-opacity: 1; }

.bg-gradient {
  background-image: none; }

.object-cover {
  -o-object-fit: cover;
  object-fit: cover; }

.object-top {
  -o-object-position: top;
  object-position: top; }

.object-center {
  -o-object-position: center;
  object-position: center; }

.object-bottom {
  -o-object-position: bottom;
  object-position: bottom; }

.bg-super-light {
  --mdb-bg-super-light: $nerdenColor-on-dark-100;
  background-color: #fafafa; }

.bg-local {
  background-attachment: local; }

.bg-scroll {
  background-attachment: scroll; }

.bg-primary {
  --mdb-bg-opacity: 1;
  --mdb--bg-opacity: 1;
  background-color: #1b1b1b; }

.bg-secondary {
  --mdb-bg-opacity: 1;
  background-color: #fbbf24; }

.bg-success {
  --mdb-bg-opacity: 1;
  background-color: #0e7235; }

.bg-danger {
  --mdb--bg-opacity: 1;
  background-color: #800000; }

.bg-warning {
  --mdb--bg-opacity: 1;
  background-color: #e4a11b; }

.bg-info {
  background-color: #54b4d3; }

.bg-info,
.bg-light {
  --mdb--bg-opacity: 1; }

.bg-light {
  background-color: #fbfbfb; }

.bg-dark {
  --mdb--bg-opacity: 1;
  background-color: #1f2937; }

.bg-fixed {
  background-attachment: fixed; }

.bg-image {
  position: relative;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  overflow: hidden; }

.mask {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
  background-attachment: fixed; }

.badge {
  --mdb-badge-padding-x: 0.65em;
  --mdb-badge-padding-y: 0.35em;
  --mdb-badge-font-size: 0.75em;
  --mdb-badge-color: $nerdenColor-white-base;
  --mdb-badge-border-radius: 0.27rem;
  display: inline-block;
  padding: var(--mdb-badge-padding-y) var(--mdb-badge-padding-x);
  border-radius: var(--mdb-badge-border-radius);
  color: var(--mdb-badge-color);
  font-size: var(--mdb-badge-font-size);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline; }
  .badge:empty {
    display: none; }
  .btn .badge {
    position: relative;
    top: -1px; }

.badge-secondary {
  color: #061518 !important;
  background-color: #d1d1d1; }

.badge-success {
  color: #020d06 !important;
  background-color: #dffbea; }

.badge-danger {
  color: #0f0000 !important;
  background-color: #ffb3b3; }

.badge-warning {
  color: #151104 !important;
  background-color: #fbf0da; }

.badge-info {
  color: #061518 !important;
  background-color: #def1f7; }

.badge-light {
  color: #1a1a1a !important;
  background-color: #f5f7f9; }

.badge-dot {
  --mdb-badge-border-radius: 4.5px;
  --mdb-badge-height: 9px;
  --mdb-badge-width: 9px;
  --mdb-badge-margin-left: -0.3125rem;
  position: absolute;
  width: var(--mdb-badge-width);
  min-width: 0;
  height: var(--mdb-badge-height);
  margin-left: var(--mdb-badge-margin-left);
  padding: 0;
  border-radius: var(--mdb-badge-border-radius); }
  .badge-dot:empty {
    display: inline-block; }

.badge-notification {
  --mdb-badge-font-size: 0.6rem;
  --mdb-badge-padding-x: 0.45em;
  --mdb-badge-padding-y: 0.2em;
  --mdb-badge-margin-top: -0.1rem;
  --mdb-badge-margin-left: -0.5rem;
  position: absolute;
  margin-top: var(--mdb-badge-margin-top);
  margin-left: var(--mdb-badge-margin-left);
  padding: var(--mdb-badge-padding-y) var(--mdb-badge-padding-x);
  font-size: var(--mdb-badge-font-size); }

.badge-primary {
  color: #1b1b1b;
  background-color: #fef2d2; }
  .badge-primary i {
    color: #1b1b1b; }

.badge-secondary i {
  color: #565e6c; }

.badge-success i {
  color: #0e7134; }

.badge-danger i {
  color: #d62e4a; }

.badge-warning i {
  color: #a17112; }

.badge-info i {
  color: #2686a6; }

.badge-light i {
  color: #8c8c8c; }

.badge-dark {
  color: #f5f7f9;
  background-color: #332e2e; }
  .badge-dark i {
    color: #e8e8e8; }

.btn-outline-secondary,
.btn-secondary {
  color: #000000 !important; }

.btn-check {
  position: absolute;
  pointer-events: none;
  clip: rect(0, 0, 0, 0); }
  .btn-check:disabled + .btn,
  .btn-check[disabled] + .btn {
    opacity: 0.65;
    pointer-events: none;
    -webkit-filter: none;
    filter: none; }

.btn {
  --mdb-btn-padding-top: 0.625rem;
  --mdb-btn-padding-bottom: 0.5rem;
  --mdb-btn-border-color: none;
  --mdb-btn-border-radius: 0.25rem;
  --mdb-btn-box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35);
  --mdb-btn-hover-box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 $gradient-1-dark;
  --mdb-btn-focus-box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 $gradient-1-dark;
  --mdb-btn-active-box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 $gradient-1-dark;
  --mdb-btn-padding-x: 1.5rem;
  --mdb-btn-padding-y: 0.375rem;
  --mdb-btn-font-size: 0.6rem;
  --mdb-btn-line-height: 1.5;
  --mdb-btn-color: $nerdenColor-gray-800;
  --mdb-btn-bg: transparent;
  --mdb-btn-border-width: 2px;
  --mdb-btn-hover-border-color: transparent;
  --mdb-btn-disabled-opacity: 0.65;
  display: inline-block;
  padding: var(--mdb-btn-padding-y) var(--mdb-btn-padding-x);
  padding-top: var(--mdb-btn-padding-top);
  padding-bottom: var(--mdb-btn-padding-bottom);
  border: 1px solid transparent;
  border-radius: var(--mdb-btn-border-radius);
  color: var(--mdb-btn-color);
  font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  font-size: var(--mdb-btn-font-size);
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  box-shadow: none !important;
  cursor: pointer;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-optical-sizing: auto; }
  .btn:hover, .btn:focus {
    border-color: var(--mdb-btn-hover-border-color);
    color: var(--mdb-btn-hover-color); }
  .input-group > .btn {
    padding-top: 0.59rem; }
    .input-group > .btn[class*='btn-outline-'] {
      padding-top: 0.47rem; }
  .input-group .btn {
    line-height: 1.5; }
  @media (prefers-reduced-motion: reduce) {
    .btn {
      transition: none; } }

.btn-check + .btn:hover,
.btn-check + .btn:focus {
  border-color: #1b1b1b;
  color: #ffffff; }

.btn:focus-visible {
  border-color: var(--mdb-btn-hover-border-color);
  color: var(--mdb-btn-hover-color);
  box-shadow: var(--mdb-btn-box-shadow), var(--mdb-btn-focus-box-shadow);
  outline: 0; }

.btn-check:focus-visible + .btn {
  border-color: var(--mdb-btn-hover-border-color);
  box-shadow: var(--mdb-btn-box-shadow), var(--mdb-btn-focus-box-shadow);
  outline: 0; }

.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  color: var(--mdb-btn-active-color);
  box-shadow: var(--mdb-btn-active-shadow); }

.btn-check:checked + .btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check) + .btn:active:focus-visible {
  box-shadow: var(--mdb-btn-active-shadow), var(--mdb-btn-focus-box-shadow); }

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
  color: var(--mdb-btn-disabled-color);
  box-shadow: var(--mdb-btn-box-shadow);
  opacity: var(--mdb-btn-disabled-opacity);
  pointer-events: none; }

.btn-secondary {
  --mdb-btn-bg: $nerdenColor-secondary;
  --mdb-btn-color: $nerdenColor-black;
  --mdb-btn-box-shadow: 0 4px 9px -4px #ab7b03;
  --mdb-btn-hover-bg: #eeb420;
  --mdb-btn-hover-color: $nerdenColor-black;
  --mdb-btn-focus-bg: #eeb420;
  --mdb-btn-focus-color: $nerdenColor-black;
  --mdb-btn-active-bg: #e2ac22;
  --mdb-btn-active-color: $nerdenColor-black;
  --mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(170, 123, 3, 0.3), 0 4px 18px 0 rgba(170, 123, 3, 0.2);
  --mdb-btn-border-color: $nerdenColor-secondary;
  --mdb-btn-hover-border-color: #fbc53c;
  --mdb-btn-focus-shadow-rgb: 213, 162, 31;
  --mdb-btn-active-border-color: #fbc53c;
  --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 $gradient-1-dark;
  --mdb-btn-disabled-color: $nerdenColor-black;
  --mdb-btn-disabled-bg: $nerdenColor-secondary;
  --mdb-btn-disabled-border-color: $nerdenColor-secondary;
  color: #000000;
  background-color: #fbbf24;
  box-shadow: none; }

.btn-success {
  --mdb-btn-border-color: #0e7134;
  --mdb-btn-hover-border-color: #0b5b2a;
  --mdb-btn-focus-shadow-rgb: 50, 135, 83;
  --mdb-btn-active-border-color: #0b5628;
  --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 $gradient-1-dark;
  --mdb-btn-disabled-color: $nerdenColor-white-base;
  --mdb-btn-disabled-bg: #0e7134;
  --mdb-btn-disabled-border-color: #0e7134;
  --mdb-btn-bg: #0e7134;
  --mdb-btn-color: $nerdenColor-white-base;
  --mdb-btn-box-shadow: 0 4px 9px -4px #08441f;
  --mdb-btn-hover-bg: #0d6e32;
  --mdb-btn-hover-color: $nerdenColor-white-base;
  --mdb-btn-focus-bg: #0d6e32;
  --mdb-btn-focus-color: $nerdenColor-white-base;
  --mdb-btn-active-bg: #0d6830;
  --mdb-btn-active-color: $nerdenColor-white-base;
  --mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(8, 68, 31, 0.3), 0 4px 18px 0 rgba(8, 68, 31, 0.2); }

.btn-danger {
  --mdb-btn-border-color: #800000;
  --mdb-btn-hover-border-color: #660000;
  --mdb-btn-focus-shadow-rgb: 147, 38, 38;
  --mdb-btn-active-border-color: #660000;
  --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 $gradient-1-dark;
  --mdb-btn-disabled-color: $nerdenColor-white-base;
  --mdb-btn-disabled-bg: #800000;
  --mdb-btn-disabled-border-color: #800000;
  --mdb-btn-bg: #800000;
  --mdb-btn-color: $nerdenColor-white-base;
  --mdb-btn-box-shadow: 0 4px 9px -4px #4d0000;
  --mdb-btn-hover-bg: #7a0000;
  --mdb-btn-hover-color: $nerdenColor-white-base;
  --mdb-btn-focus-bg: #7a0000;
  --mdb-btn-focus-color: $nerdenColor-white-base;
  --mdb-btn-active-bg: #750000;
  --mdb-btn-active-color: $nerdenColor-white-base;
  --mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(77, 0, 0, 0.3), 0 4px 18px 0 rgba(77, 0, 0, 0.2); }

.btn-warning {
  --mdb-btn-color: $nerdenColor-black;
  --mdb-btn-border-color: #e4a11b;
  --mdb-btn-hover-color: $nerdenColor-black;
  --mdb-btn-hover-bg: #e8ae3b;
  --mdb-btn-hover-border-color: #e7aa32;
  --mdb-btn-focus-shadow-rgb: 194, 137, 23;
  --mdb-btn-active-color: $nerdenColor-black;
  --mdb-btn-active-bg: #e9b449;
  --mdb-btn-active-border-color: #e7aa32;
  --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 $gradient-1-dark;
  --mdb-btn-disabled-color: $nerdenColor-black;
  --mdb-btn-disabled-bg: #e4a11b;
  --mdb-btn-disabled-border-color: #e4a11b;
  --mdb-btn-bg: #e4a11b;
  --mdb-btn-box-shadow: 0 4px 9px -4px #886011;
  --mdb-btn-focus-bg: #db9b1a;
  --mdb-btn-focus-color: $nerdenColor-white-base;
  --mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(137, 97, 16, 0.3), 0 4px 18px 0 rgba(137, 97, 16, 0.2); }

.btn-info {
  --mdb-btn-color: $nerdenColor-black;
  --mdb-btn-border-color: #55b3d3;
  --mdb-btn-hover-color: $nerdenColor-black;
  --mdb-btn-hover-bg: #6dbed9;
  --mdb-btn-hover-border-color: #65bdd7;
  --mdb-btn-focus-shadow-rgb: 71, 153, 179;
  --mdb-btn-active-color: $nerdenColor-black;
  --mdb-btn-active-bg: #75c2db;
  --mdb-btn-active-border-color: #65bdd7;
  --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 $gradient-1-dark;
  --mdb-btn-disabled-color: $nerdenColor-black;
  --mdb-btn-disabled-bg: #55b3d3;
  --mdb-btn-disabled-border-color: #55b3d3;
  --mdb-btn-bg: #55b3d3;
  --mdb-btn-box-shadow: 0 4px 9px -4px #25748e;
  --mdb-btn-focus-bg: #51aac8;
  --mdb-btn-focus-color: $nerdenColor-white-base;
  --mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(37, 116, 142, 0.3), 0 4px 18px 0 rgba(37, 116, 142, 0.2); }

.btn-light {
  --mdb-btn-border-color: $nerdenColor-on-dark-100;
  --mdb-btn-hover-border-color: $nerdenColor-on-light-100;
  --mdb-btn-focus-shadow-rgb: 213, 213, 213;
  --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 $gradient-1-dark;
  --mdb-btn-disabled-color: $nerdenColor-black;
  --mdb-btn-disabled-bg: $nerdenColor-on-dark-100;
  --mdb-btn-disabled-border-color: $nerdenColor-on-dark-100;
  --mdb-btn-bg: $nerdenColor-on-dark-100;
  --mdb-btn-color: $nerdenColor-black;
  --mdb-btn-box-shadow: 0 4px 9px -4px #969696;
  --mdb-btn-hover-bg: #ededed;
  --mdb-btn-hover-color: $nerdenColor-black;
  --mdb-btn-focus-bg: #ededed;
  --mdb-btn-focus-color: $nerdenColor-black;
  --mdb-btn-active-bg: #e3e3e3;
  --mdb-btn-active-color: $nerdenColor-black;
  --mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(150, 150, 150, 0.3), 0 4px 18px 0 rgba(150, 150, 150, 0.2); }

.btn-dark {
  --mdb-btn-border-color: #1f2937;
  --mdb-btn-hover-bg: #404854;
  --mdb-btn-hover-border-color: #353e4b;
  --mdb-btn-focus-shadow-rgb: 65, 73, 85;
  --mdb-btn-active-bg: #4d5560;
  --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 $gradient-1-dark;
  --mdb-btn-disabled-color: $nerdenColor-white-base;
  --mdb-btn-disabled-bg: #1f2937;
  --mdb-btn-disabled-border-color: #1f2937;
  --mdb-btn-bg: #1f2937;
  --mdb-btn-color: $nerdenColor-white-base;
  --mdb-btn-box-shadow: 0 4px 9px -4px #121821;
  --mdb-btn-hover-color: $nerdenColor-white-base;
  --mdb-btn-focus-bg: #1d2734;
  --mdb-btn-focus-color: $nerdenColor-white-base;
  --mdb-btn-active-color: $nerdenColor-white-base;
  --mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(18, 24, 33, 0.3), 0 4px 18px 0 rgba(18, 24, 33, 0.2); }

.btn-outline-primary {
  --mdb-btn-hover-color: $nerdenColor-white-base;
  --mdb-btn-hover-bg: $nerdenColor-primary-base;
  --mdb-btn-hover-border-color: $nerdenColor-primary-base;
  --mdb-btn-focus-shadow-rgb: 27, 27, 27;
  --mdb-btn-active-color: $nerdenColor-white-base;
  --mdb-btn-active-bg: $nerdenColor-primary-base;
  --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 $gradient-1-dark;
  --mdb-btn-disabled-color: $nerdenColor-primary-base;
  --mdb-btn-disabled-bg: transparent;
  --mdb-btn-disabled-border-color: $nerdenColor-primary-base;
  --mdb-gradient: none;
  --mdb-btn-bg: transparent;
  --mdb-btn-color: $nerdenColor-primary-base;
  --mdb-btn-focus-bg: transparent;
  --mdb-btn-focus-color: #1a1a1a;
  --mdb-btn-border-color: $nerdenColor-primary-base;
  --mdb-btn-focus-border-color: #1a1a1a;
  border-color: #1b1b1b; }

.btn-outline-secondary {
  --mdb-btn-color: $nerdenColor-secondary;
  --mdb-btn-hover-color: $nerdenColor-black;
  --mdb-btn-hover-bg: $nerdenColor-secondary;
  --mdb-btn-hover-border-color: $nerdenColor-secondary;
  --mdb-btn-focus-shadow-rgb: 251, 191, 36;
  --mdb-btn-active-color: $nerdenColor-black;
  --mdb-btn-active-bg: $nerdenColor-secondary;
  --mdb-btn-active-border-color: $nerdenColor-secondary;
  --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 $gradient-1-dark;
  --mdb-btn-disabled-color: $nerdenColor-secondary;
  --mdb-btn-disabled-bg: transparent;
  --mdb-btn-disabled-border-color: $nerdenColor-secondary;
  --mdb-gradient: none;
  --mdb-btn-bg: transparent;
  --mdb-btn-focus-bg: transparent;
  --mdb-btn-focus-color: #1a1a1a;
  --mdb-btn-border-color: $nerdenColor-secondary;
  --mdb-btn-focus-border-color: #eeb420; }

.btn-group,
.btn-group-vertical {
  --mdb-btn-box-shadow: 0 4px 9px -4px rgba(0, 0, 0, 0.35);
  --mdb-btn-hover-box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 $gradient-1-dark;
  --mdb-btn-focus-box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 $gradient-1-dark;
  --mdb-btn-active-box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 $gradient-1-dark;
  --mdb-btn-group-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  position: relative;
  display: inline-flex;
  flex-wrap: nowrap;
  box-shadow: var(--mdb-btn-box-shadow);
  transition: var(--mdb-btn-group-transition); }

.btn-group-vertical > .btn,
.btn-group > .btn {
  position: relative;
  flex: 1 1 auto; }

.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn.active,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:hover {
  z-index: 1; }

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .btn-toolbar .input-group {
    width: auto; }

.btn-group {
  border-radius: 0.25rem; }
  .btn-group > .btn-group:not(:first-child),
  .btn-group > :not(.btn-check:first-child) + .btn {
    margin-left: -2px; }
  .btn-group > .btn-group:not(:last-child) > .btn,
  .btn-group > .btn.dropdown-toggle-split:first-child,
  .btn-group > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .btn-group > .btn-group:not(:first-child) > .btn,
  .btn-group > .btn:nth-child(n + 3),
  .btn-group > :not(.btn-check) + .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

.btn-group-sm > .btn + .dropdown-toggle-split,
.btn-sm + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem; }

.btn-group-lg > .btn + .dropdown-toggle-split,
.btn-lg + .dropdown-toggle-split {
  padding-right: 1.2656rem;
  padding-left: 1.2656rem; }

.btn-group.show .dropdown-toggle {
  box-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 rgba(0, 0, 0, 0.1); }

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center; }
  .btn-group-vertical > .btn,
  .btn-group-vertical > .btn-group {
    width: 100%; }
  .btn-group-vertical > .btn-group:not(:first-child),
  .btn-group-vertical > .btn:not(:first-child) {
    margin-top: -2px; }
  .btn-group-vertical > .btn-group:not(:last-child) > .btn,
  .btn-group-vertical > .btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .btn-group-vertical > .btn-group:not(:first-child) > .btn,
  .btn-group-vertical > .btn ~ .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.btn-tertiary:first-child:hover,
.btn-tertiary:focus-visible,
.btn-tertiary:hover,
:not(.btn-check) + .btn-tertiary:hover {
  text-decoration: none;
  box-shadow: none !important; }

.btn-check:active + .btn-tertiary:focus,
.btn-check:checked + .btn-tertiary:focus,
.btn-tertiary.active:focus,
.btn-tertiary.show:focus,
.btn-tertiary:active:focus,
.btn-check:active + .btn-tertiary,
.btn-check:checked + .btn-tertiary,
.btn-tertiary.active,
.btn-tertiary.show,
.btn-tertiary:active,
.btn-check:focus + .btn-tertiary,
.btn-check:focus-visible + .btn-tertiary,
.btn-tertiary:focus {
  color: var(--mdb-btn-focus-color);
  box-shadow: none !important; }

.btn-tertiary {
  --mdb-btn-color: $nerdenColor-primary-base;
  --mdb-btn-hover-color: #1a1a1a;
  --mdb-btn-hover-bg: transparent;
  --mdb-btn-focus-color: #171717;
  --mdb-btn-active-color: #171717;
  --mdb-btn-disabled-color: $nerdenColor-gray-500;
  --mdb-btn-box-shadow: none;
  padding-right: 0;
  padding-left: 0;
  text-decoration: none; }

.btn-group-lg > .btn,
.btn-lg {
  --mdb-btn-padding-y: 0.5rem;
  --mdb-btn-border-radius: 0.5rem;
  --mdb-btn-padding-top: 0.75rem;
  --mdb-btn-padding-bottom: 0.6875rem;
  --mdb-btn-padding-x: 1.6875rem;
  --mdb-btn-font-size: 0.875rem;
  --mdb-btn-line-height: 1.625; }

.btn-group-sm > .btn,
.btn-sm {
  --mdb-btn-padding-y: 0.25rem;
  --mdb-btn-border-radius: 0.25rem;
  --mdb-btn-padding-top: 0.375rem;
  --mdb-btn-padding-bottom: 0.3125rem;
  --mdb-btn-padding-x: 1rem;
  --mdb-btn-font-size: 0.75rem;
  --mdb-btn-line-height: 1.5; }

.btn-rounded {
  --mdb-btn-border-radius: 10rem;
  border-radius: var(--mdb-btn-border-radius); }

.btn-floating,
[class*='btn-outline-'].btn-floating {
  --mdb-btn-border-radius: 50%;
  position: relative;
  display: inline-flex;
  flex-wrap: nowrap;
  padding: 0;
  border-radius: var(--mdb-btn-border-radius);
  align-items: center;
  justify-content: center; }

.btn-floating {
  --mdb-btn-width: 2.3125rem;
  --mdb-btn-height: 2.3125rem;
  --mdb-btn-icon-width: 2.3125rem;
  --mdb-btn-icon-line-height: 2.25;
  --mdb-btn-width-lg: 2.8125rem;
  --mdb-btn-height-lg: 2.8125rem;
  --mdb-btn-icon-width-lg: 2.8125rem;
  --mdb-btn-icon-line-height-lg: 2.8125;
  --mdb-btn-width-sm: 1.8125rem;
  --mdb-btn-height-sm: 1.8125rem;
  --mdb-btn-icon-width-sm: 1.8125rem;
  --mdb-btn-icon-line-height-sm: 1.875;
  width: var(--mdb-btn-width);
  height: var(--mdb-btn-height); }
  .btn-floating .fab,
  .btn-floating .far,
  .btn-floating .fas {
    width: var(--mdb-btn-icon-width);
    line-height: var(--mdb-btn-icon-line-height); }

.btn-floating.btn-lg,
.btn-group-lg > .btn-floating.btn {
  width: var(--mdb-btn-width-lg);
  height: var(--mdb-btn-height-lg); }

.btn-floating.btn-sm,
.btn-group-sm > .btn-floating.btn {
  width: var(--mdb-btn-width-sm);
  height: var(--mdb-btn-height-sm); }

[class*='btn-outline-'].btn-floating {
  --mdb-btn-icon-width: 2.0625rem;
  --mdb-btn-icon-width-lg: 2.5625rem;
  --mdb-btn-icon-width-sm: 1.5625rem;
  --mdb-btn-icon-line-height: 2.25;
  --mdb-btn-icon-line-height-lg: 2.8125;
  --mdb-btn-icon-line-height-sm: 1.625; }
  [class*='btn-outline-'].btn-floating .fab,
  [class*='btn-outline-'].btn-floating .far,
  [class*='btn-outline-'].btn-floating .fas {
    width: var(--mdb-btn-icon-width);
    line-height: var(--mdb-btn-icon-line-height); }

.btn-floating.btn-lg .fab,
.btn-floating.btn-lg .far,
.btn-floating.btn-lg .fas,
.btn-group-lg > .btn-floating.btn .fab,
.btn-group-lg > .btn-floating.btn .far,
.btn-group-lg > .btn-floating.btn .fas,
.btn-group-lg > [class*='btn-outline-'].btn-floating.btn .fab,
.btn-group-lg > [class*='btn-outline-'].btn-floating.btn .far,
.btn-group-lg > [class*='btn-outline-'].btn-floating.btn .fas,
[class*='btn-outline-'].btn-floating.btn-lg .fab,
[class*='btn-outline-'].btn-floating.btn-lg .far,
[class*='btn-outline-'].btn-floating.btn-lg .fas {
  width: var(--mdb-btn-icon-width-lg);
  line-height: var(--mdb-btn-icon-line-height-lg); }

.btn-floating.btn-sm .fab,
.btn-floating.btn-sm .far,
.btn-floating.btn-sm .fas,
.btn-group-sm > .btn-floating.btn .fab,
.btn-group-sm > .btn-floating.btn .far,
.btn-group-sm > .btn-floating.btn .fas,
.btn-group-sm > [class*='btn-outline-'].btn-floating.btn .fab,
.btn-group-sm > [class*='btn-outline-'].btn-floating.btn .far,
.btn-group-sm > [class*='btn-outline-'].btn-floating.btn .fas,
[class*='btn-outline-'].btn-floating.btn-sm .fab,
[class*='btn-outline-'].btn-floating.btn-sm .far,
[class*='btn-outline-'].btn-floating.btn-sm .fas {
  width: var(--mdb-btn-icon-width-sm);
  line-height: var(--mdb-btn-icon-line-height-sm); }

.fixed-action-btn {
  --mdb-btn-right: 2.1875rem;
  --mdb-btn-bottom: 2.1875rem;
  --mdb-btn-zindex: 1030;
  --mdb-btn-padding-top: 0.9375rem;
  --mdb-btn-padding-bottom: 1.25rem;
  --mdb-btn-padding-x: 1.25rem;
  --mdb-btn-margin-bottom: 1.5rem;
  position: fixed;
  right: var(--mdb-btn-right);
  bottom: var(--mdb-btn-bottom);
  z-index: var(--mdb-btn-zindex);
  display: flex;
  flex-flow: column-reverse nowrap;
  height: auto;
  margin-bottom: 0;
  padding: var(--mdb-btn-padding-top) var(--mdb-btn-padding-x) var(--mdb-btn-padding-bottom);
  align-items: center;
  overflow: hidden; }
  .fixed-action-btn > .btn-floating {
    position: relative;
    z-index: 10;
    transform: scale(1.2); }
  .fixed-action-btn ul {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    text-align: center;
    opacity: 0;
    transition: transform 0.4s, opacity 0.4s; }
    .fixed-action-btn ul li {
      z-index: 0;
      display: flex;
      flex-wrap: nowrap;
      margin-right: auto;
      margin-bottom: var(--mdb-btn-margin-bottom);
      margin-left: auto; }
      .fixed-action-btn ul li:first-of-type {
        margin-top: calc(var(--mdb-btn-margin-bottom) * 0.5); }
    .fixed-action-btn ul a.btn {
      opacity: 0;
      transition: opacity 0.4s ease-in; }
      @media (prefers-reduced-motion: reduce) {
        .fixed-action-btn ul a.btn {
          transition: none; } }
    @media (prefers-reduced-motion: reduce) {
      .fixed-action-btn ul {
        transition: none; } }
  .fixed-action-btn ul a.btn.shown,
  .fixed-action-btn.active ul {
    opacity: 1; }

.btn-block {
  --mdb-btn-margin-top: 0.5rem;
  display: block;
  width: 100%; }
  .btn-block + .btn-block {
    margin-top: var(--mdb-btn-margin-top); }

.btn-group-vertical > .btn-tertiary:first-child,
.btn-group > .btn-tertiary:first-child {
  box-shadow: none !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-tertiary:last-child,
.btn-group > .btn-tertiary:last-child {
  box-shadow: none !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.btn-group,
.btn-group-lg > .btn,
.btn-group-sm > .btn {
  --mdb-btn-border-radius: 0.25rem;
  border-radius: var(--mdb-btn-border-radius); }

button {
  border-radius: 4px; }

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  font-size: inherit;
  line-height: 1.5;
  font-optical-sizing: auto; }

button,
select {
  text-transform: none; }

[type='button'],
[type='reset'],
[type='submit'],
button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: auto; }

[role='button'],
[type='button']:not(:disabled),
[type='reset']:not(:disabled),
[type='submit']:not(:disabled),
button:not(:disabled) {
  cursor: pointer; }

::-webkit-inner-spin-button {
  height: auto; }

[class*='btn-outline-'] {
  --mdb-btn-padding-top: 0.5rem;
  --mdb-btn-padding-bottom: 0.375rem;
  --mdb-btn-padding-x: 1.375rem;
  --mdb-btn-border-width: 2px;
  --mdb-btn-line-height: 1.5;
  padding: var(--mdb-btn-padding-top) var(--mdb-btn-padding-x) var(--mdb-btn-padding-bottom);
  border-width: var(--mdb-btn-border-width);
  border-style: solid;
  box-shadow: none; }
  .input-group > [class*='btn-outline-'] + [class*='btn-outline-'] {
    border-left: 0; }

.btn-group-lg > [class*='btn-outline-'].btn,
[class*='btn-outline-'].btn-lg {
  --mdb-btn-padding-top: 0.625rem;
  --mdb-btn-padding-bottom: 0.5625rem;
  --mdb-btn-padding-x: 1.5625rem;
  --mdb-btn-font-size: 0.875rem;
  --mdb-btn-line-height: 1.875; }

.btn-group-sm > [class*='btn-outline-'].btn,
[class*='btn-outline-'].btn-sm {
  --mdb-btn-padding-top: 0.25rem;
  --mdb-btn-padding-bottom: 0.1875rem;
  --mdb-btn-padding-x: 0.875rem;
  --mdb-btn-font-size: 0.75rem;
  --mdb-btn-line-height: 1.875; }

.btn-check:focus + .btn-secondary,
.btn-check:focus-visible + .btn-secondary,
.btn-secondary:focus {
  box-shadow: none; }

.btn-white {
  --mdb-btn-bg: $nerdenColor-white-base;
  --mdb-btn-color: $nerdenColor-black;
  --mdb-btn-box-shadow: 0 4px 9px -4px #999999;
  --mdb-btn-hover-bg: #f2f2f2;
  --mdb-btn-hover-color: $nerdenColor-black;
  --mdb-btn-focus-bg: #f2f2f2;
  --mdb-btn-focus-color: $nerdenColor-black;
  --mdb-btn-active-bg: #e6e6e6;
  --mdb-btn-active-color: $nerdenColor-black;
  --mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(153, 153, 153, 0.3), 0 4px 18px 0 rgba(153, 153, 153, 0.2); }

.btn-black {
  --mdb-btn-bg: $nerdenColor-black;
  --mdb-btn-color: $nerdenColor-white-base;
  --mdb-btn-box-shadow: 0 4px 9px -4px $nerdenColor-black;
  --mdb-btn-hover-bg: $nerdenColor-black;
  --mdb-btn-hover-color: $nerdenColor-white-base;
  --mdb-btn-focus-bg: $nerdenColor-black;
  --mdb-btn-focus-color: $nerdenColor-white-base;
  --mdb-btn-active-bg: $nerdenColor-black;
  --mdb-btn-active-color: $nerdenColor-white-base;
  --mdb-btn-box-shadow-state: 0 8px 9px -4px $gradient-3-dark, 0 4px 18px 0 $gradient-2-dark; }

.btn-check:focus + .btn-primary,
.btn-check:focus-visible + .btn-primary,
.btn-primary:focus,
.btn-check:focus + .btn-success,
.btn-check:focus-visible + .btn-success,
.btn-success:focus,
.btn-check:focus + .btn-danger,
.btn-check:focus-visible + .btn-danger,
.btn-danger:focus,
.btn-check:focus + .btn-warning,
.btn-check:focus-visible + .btn-warning,
.btn-warning:focus,
.btn-check:focus + .btn-info,
.btn-check:focus-visible + .btn-info,
.btn-info:focus,
.btn-check:focus + .btn-light,
.btn-check:focus-visible + .btn-light,
.btn-light:focus,
.btn-check:focus + .btn-dark,
.btn-check:focus-visible + .btn-dark,
.btn-dark:focus,
.btn-check:focus + .btn-white,
.btn-check:focus-visible + .btn-white,
.btn-white:focus,
.btn-black:focus,
.btn-check:focus + .btn-black,
.btn-check:focus-visible + .btn-black,
:not(.btn-check) + .btn-black:hover,
:not(.btn-check) + .btn-danger:hover,
:not(.btn-check) + .btn-dark:hover,
:not(.btn-check) + .btn-info:hover,
:not(.btn-check) + .btn-light:hover,
:not(.btn-check) + .btn-primary:hover,
:not(.btn-check) + .btn-success:hover,
:not(.btn-check) + .btn-warning:hover,
:not(.btn-check) + .btn-white:hover,
.btn-black:active,
.btn-black:active:focus,
.btn-black:first-child:hover,
.btn-black:focus-visible,
.btn-black:hover,
.btn-black.active,
.btn-black.active:focus,
.btn-black.show,
.btn-black.show:focus,
.btn-check:active + .btn-black,
.btn-check:active + .btn-black:focus,
.btn-check:active + .btn-danger,
.btn-check:active + .btn-danger:focus,
.btn-check:active + .btn-dark,
.btn-check:active + .btn-dark:focus,
.btn-check:active + .btn-info,
.btn-check:active + .btn-info:focus,
.btn-check:active + .btn-light,
.btn-check:active + .btn-light:focus,
.btn-check:active + .btn-primary,
.btn-check:active + .btn-primary:focus,
.btn-check:active + .btn-primary:hover,
.btn-check:active + .btn-secondary,
.btn-check:active + .btn-secondary:focus,
.btn-check:active + .btn-secondary:hover,
.btn-check:active + .btn-success,
.btn-check:active + .btn-success:focus,
.btn-check:active + .btn-success:hover,
.btn-check:active + .btn-warning,
.btn-check:active + .btn-warning:focus,
.btn-check:active + .btn-white,
.btn-check:active + .btn-white:focus,
.btn-check:checked + .btn-black,
.btn-check:checked + .btn-black:focus,
.btn-check:checked + .btn-danger,
.btn-check:checked + .btn-danger:focus,
.btn-check:checked + .btn-dark,
.btn-check:checked + .btn-dark:focus,
.btn-check:checked + .btn-info,
.btn-check:checked + .btn-info:focus,
.btn-check:checked + .btn-light,
.btn-check:checked + .btn-light:focus,
.btn-check:checked + .btn-primary,
.btn-check:checked + .btn-primary:focus,
.btn-check:checked + .btn-primary:hover,
.btn-check:checked + .btn-secondary,
.btn-check:checked + .btn-secondary:focus,
.btn-check:checked + .btn-secondary:hover,
.btn-check:checked + .btn-success,
.btn-check:checked + .btn-success:focus,
.btn-check:checked + .btn-success:hover,
.btn-check:checked + .btn-warning,
.btn-check:checked + .btn-warning:focus,
.btn-check:checked + .btn-white,
.btn-check:checked + .btn-white:focus,
.btn-danger:active,
.btn-danger:active:focus,
.btn-danger:first-child:hover,
.btn-danger:focus-visible,
.btn-danger:hover,
.btn-danger.active,
.btn-danger.active:focus,
.btn-danger.show,
.btn-danger.show:focus,
.btn-dark:active,
.btn-dark:active:focus,
.btn-dark:first-child:hover,
.btn-dark:focus-visible,
.btn-dark:hover,
.btn-dark.active,
.btn-dark.active:focus,
.btn-dark.show,
.btn-dark.show:focus,
.btn-info:active,
.btn-info:active:focus,
.btn-info:first-child:hover,
.btn-info:focus-visible,
.btn-info:hover,
.btn-info.active,
.btn-info.active:focus,
.btn-info.show,
.btn-info.show:focus,
.btn-light:active,
.btn-light:active:focus,
.btn-light:first-child:hover,
.btn-light:focus-visible,
.btn-light:hover,
.btn-light.active,
.btn-light.active:focus,
.btn-light.show,
.btn-light.show:focus,
.btn-primary:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary:first-child:hover,
.btn-primary:focus-visible,
.btn-primary:hover,
.btn-primary.active,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.show,
.btn-primary.show:focus,
.btn-primary.show:hover,
.btn-secondary:active,
.btn-secondary:active:focus,
.btn-secondary:active:hover,
.btn-secondary.active,
.btn-secondary.active:focus,
.btn-secondary.active:hover,
.btn-secondary.show,
.btn-secondary.show:focus,
.btn-secondary.show:hover,
.btn-success:active,
.btn-success:active:focus,
.btn-success:active:hover,
.btn-success:first-child:hover,
.btn-success:focus-visible,
.btn-success:hover,
.btn-success.active,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success.show,
.btn-success.show:focus,
.btn-success.show:hover,
.btn-warning:active,
.btn-warning:active:focus,
.btn-warning:first-child:hover,
.btn-warning:focus-visible,
.btn-warning:hover,
.btn-warning.active,
.btn-warning.active:focus,
.btn-warning.show,
.btn-warning.show:focus,
.btn-white:active,
.btn-white:active:focus,
.btn-white:first-child:hover,
.btn-white:focus-visible,
.btn-white:hover,
.btn-white.active,
.btn-white.active:focus,
.btn-white.show,
.btn-white.show:focus {
  box-shadow: var(--mdb-btn-box-shadow-state); }

.btn-tertiary:disabled,
fieldset:disabled .btn-tertiary,
.btn-tertiary,
.btn-primary.disabled,
fieldset:disabled .btn-primary,
.btn-secondary.disabled,
fieldset:disabled .btn-secondary,
.btn-success.disabled,
fieldset:disabled .btn-success,
.btn-danger.disabled,
fieldset:disabled .btn-danger,
.btn-info.disabled,
fieldset:disabled .btn-info,
.btn-light.disabled,
fieldset:disabled .btn-light,
.btn-dark.disabled,
fieldset:disabled .btn-dark,
.btn-white.disabled,
fieldset:disabled .btn-white,
.btn-warning.disabled,
fieldset:disabled .btn-warning,
.btn-black.disabled,
fieldset:disabled .btn-black,
.btn-check:focus + [class*='btn-outline-'],
.btn-check:focus-visible + [class*='btn-outline-'],
[class*='btn-outline-']:focus,
.btn-check:active + [class*='btn-outline-'],
.btn-check:active + [class*='btn-outline-']:focus,
.btn-check:checked + [class*='btn-outline-'],
.btn-check:checked + [class*='btn-outline-']:focus,
[class*='btn-outline-'].active,
[class*='btn-outline-'].active:focus,
[class*='btn-outline-'].disabled,
[class*='btn-outline-'].show,
[class*='btn-outline-'].show:focus,
[class*='btn-outline-']:active,
[class*='btn-outline-']:active:focus,
[class*='btn-outline-']:disabled,
fieldset:disabled [class*='btn-outline-'],
.btn-check:active + .btn-secondary,
.btn-check:active + .btn-secondary:focus,
.btn-check:checked + .btn-secondary,
.btn-check:checked + .btn-secondary:focus,
.btn-secondary.active,
.btn-secondary.active:focus,
.btn-secondary.show,
.btn-secondary.show:focus,
.btn-secondary:active,
.btn-secondary:active:focus,
.btn-secondary:disabled,
.btn-group-vertical > .btn,
.btn-group > .btn,
.btn-check:focus + .btn-group-vertical > .btn,
.btn-check:focus + .btn-group > .btn,
.btn-check:focus-visible + .btn-group-vertical > .btn,
.btn-check:focus-visible + .btn-group > .btn,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:focus,
.btn-close:focus,
.btn-check:active + .btn-group-vertical > .btn,
.btn-check:active + .btn-group-vertical > .btn:focus,
.btn-check:active + .btn-group > .btn,
.btn-check:active + .btn-group > .btn:focus,
.btn-check:checked + .btn-group-vertical > .btn,
.btn-check:checked + .btn-group-vertical > .btn:focus,
.btn-check:checked + .btn-group > .btn,
.btn-check:checked + .btn-group > .btn:focus,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn.active:focus,
.btn-group-vertical > .btn.disabled,
.btn-group-vertical > .btn.show,
.btn-group-vertical > .btn.show:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:active:focus,
.btn-group-vertical > .btn:disabled,
.btn-group > .btn-group,
.btn-group > .btn.active,
.btn-group > .btn.active:focus,
.btn-group > .btn.disabled,
.btn-group > .btn.show,
.btn-group > .btn.show:focus,
.btn-group > .btn:active,
.btn-group > .btn:active:focus,
.btn-group > .btn:disabled,
fieldset:disabled .btn-group-vertical > .btn,
fieldset:disabled .btn-group > .btn,
.btn-secondary:first-child:hover,
.btn-secondary:focus-visible,
.btn-secondary:hover,
:not(.btn-check) + .btn-secondary:hover,
.btn-group-vertical > .btn:first-child:hover,
.btn-group-vertical > .btn:focus-visible,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:first-child:hover,
.btn-group > .btn:focus-visible,
.btn-group > .btn:hover,
:not(.btn-check) + .btn-group-vertical > .btn:hover,
:not(.btn-check) + .btn-group > .btn:hover,
:not(.btn-check) + [class*='btn-outline-']:hover,
[class*='btn-outline-']:first-child:hover,
[class*='btn-outline-']:focus-visible,
[class*='btn-outline-']:hover {
  box-shadow: none !important; }

.btn-outline-success {
  --mdb-btn-focus-shadow-rgb: 14, 114, 53;
  --mdb-btn-active-border-color: #0e7134;
  --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 $gradient-1-dark;
  --mdb-btn-disabled-color: #0e7134;
  --mdb-btn-disabled-bg: transparent;
  --mdb-btn-disabled-border-color: #0e7134;
  --mdb-gradient: none;
  --mdb-btn-bg: transparent;
  --mdb-btn-color: #0e7134;
  --mdb-btn-hover-bg: transparent;
  --mdb-btn-hover-color: #0d6e32;
  --mdb-btn-focus-bg: transparent;
  --mdb-btn-focus-color: #0d6e32;
  --mdb-btn-active-bg: transparent;
  --mdb-btn-active-color: #0d6830;
  --mdb-btn-border-color: #0e7134;
  --mdb-btn-focus-border-color: #0d6e32;
  --mdb-btn-hover-border-color: #0d6e32; }

.btn-outline-danger {
  --mdb-btn-bg: transparent;
  --mdb-btn-color: #800000;
  --mdb-btn-hover-bg: transparent;
  --mdb-btn-focus-bg: transparent;
  --mdb-btn-focus-color: #7a0000;
  --mdb-btn-active-bg: transparent;
  --mdb-btn-active-color: #750000;
  --mdb-btn-border-color: #800000;
  --mdb-btn-focus-border-color: #7a0000;
  --mdb-btn-hover-border-color: #7a0000;
  --mdb-btn-hover-color: $nerdenColor-white-base;
  --mdb-btn-focus-shadow-rgb: 128, 0, 0;
  --mdb-btn-active-border-color: #800000;
  --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 $gradient-1-dark;
  --mdb-btn-disabled-color: #800000;
  --mdb-btn-disabled-bg: transparent;
  --mdb-btn-disabled-border-color: #800000;
  --mdb-gradient: none; }

.btn-outline-warning {
  --mdb-btn-bg: transparent;
  --mdb-btn-color: #e4a11b;
  --mdb-btn-border-color: #e4a11b;
  --mdb-btn-hover-color: #db9b1a;
  --mdb-btn-hover-bg: transparent;
  --mdb-btn-hover-border-color: #db9b1a;
  --mdb-btn-focus-bg: transparent;
  --mdb-btn-focus-color: #db9b1a;
  --mdb-btn-focus-border-color: #db9b1a;
  --mdb-btn-focus-shadow-rgb: 228, 161, 27;
  --mdb-btn-active-color: #cd9118;
  --mdb-btn-active-bg: transparent;
  --mdb-btn-active-border-color: #e4a11b;
  --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 $gradient-1-dark;
  --mdb-btn-disabled-color: #e4a11b;
  --mdb-btn-disabled-bg: transparent;
  --mdb-btn-disabled-border-color: #e4a11b;
  --mdb-gradient: none; }

.btn-outline-info {
  --mdb-btn-bg: transparent;
  --mdb-btn-color: #55b3d3;
  --mdb-btn-border-color: #55b3d3;
  --mdb-btn-hover-color: $nerdenColor-black;
  --mdb-btn-hover-bg: #55b3d3;
  --mdb-btn-hover-border-color: #55b3d3;
  --mdb-btn-focus-bg: transparent;
  --mdb-btn-focus-color: #51aac8;
  --mdb-btn-focus-border-color: #51aac8;
  --mdb-btn-focus-shadow-rgb: 84, 180, 211;
  --mdb-btn-active-color: $nerdenColor-black;
  --mdb-btn-active-bg: #55b3d3;
  --mdb-btn-active-border-color: #55b3d3;
  --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 $gradient-1-dark;
  --mdb-btn-disabled-color: #55b3d3;
  --mdb-btn-disabled-bg: transparent;
  --mdb-btn-disabled-border-color: #55b3d3;
  --mdb-gradient: none; }

.btn-outline-light {
  --mdb-btn-bg: transparent;
  --mdb-btn-color: $nerdenColor-on-dark-100;
  --mdb-btn-border-color: $nerdenColor-on-dark-100;
  --mdb-btn-hover-color: #ededed;
  --mdb-btn-hover-bg: transparent;
  --mdb-btn-hover-border-color: #ededed;
  --mdb-btn-focus-bg: transparent;
  --mdb-btn-focus-color: #ededed;
  --mdb-btn-focus-border-color: #ededed;
  --mdb-btn-focus-shadow-rgb: 251, 251, 251;
  --mdb-btn-active-color: #e3e3e3;
  --mdb-btn-active-bg: transparent;
  --mdb-btn-active-border-color: $nerdenColor-on-dark-100;
  --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 $gradient-1-dark;
  --mdb-btn-disabled-color: $nerdenColor-on-dark-100;
  --mdb-btn-disabled-bg: transparent;
  --mdb-btn-disabled-border-color: $nerdenColor-on-dark-100;
  --mdb-gradient: none; }

.btn-outline-dark {
  --mdb-btn-bg: transparent;
  --mdb-btn-color: #1f2937;
  --mdb-btn-border-color: #1f2937;
  --mdb-btn-hover-color: $nerdenColor-white-base;
  --mdb-btn-hover-bg: #1f2937;
  --mdb-btn-hover-border-color: #1f2937;
  --mdb-btn-focus-bg: transparent;
  --mdb-btn-focus-color: #1d2734;
  --mdb-btn-focus-border-color: #1d2734;
  --mdb-btn-focus-shadow-rgb: 31, 41, 55;
  --mdb-btn-active-color: $nerdenColor-white-base;
  --mdb-btn-active-bg: #1f2937;
  --mdb-btn-active-border-color: #1f2937;
  --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 $gradient-1-dark;
  --mdb-btn-disabled-color: #1f2937;
  --mdb-btn-disabled-bg: transparent;
  --mdb-btn-disabled-border-color: #1f2937;
  --mdb-gradient: none; }

.btn-outline-white {
  --mdb-btn-bg: transparent;
  --mdb-btn-color: $nerdenColor-white-base;
  --mdb-btn-hover-bg: transparent;
  --mdb-btn-hover-color: #f2f2f2;
  --mdb-btn-focus-bg: transparent;
  --mdb-btn-focus-color: #f2f2f2;
  --mdb-btn-active-bg: transparent;
  --mdb-btn-active-color: #e6e6e6;
  --mdb-btn-border-color: $nerdenColor-white-base;
  --mdb-btn-focus-border-color: #f2f2f2;
  --mdb-btn-hover-border-color: #f2f2f2; }

.btn-outline-black {
  --mdb-btn-bg: transparent;
  --mdb-btn-color: $nerdenColor-black;
  --mdb-btn-hover-bg: transparent;
  --mdb-btn-hover-color: $nerdenColor-black;
  --mdb-btn-focus-bg: transparent;
  --mdb-btn-focus-color: $nerdenColor-black;
  --mdb-btn-active-bg: transparent;
  --mdb-btn-active-color: $nerdenColor-black;
  --mdb-btn-border-color: $nerdenColor-black;
  --mdb-btn-focus-border-color: $nerdenColor-black;
  --mdb-btn-hover-border-color: $nerdenColor-black; }

.btn:first-child:hover,
.btn:focus-visible,
.btn:hover,
:not(.btn-check) + .btn:hover,
.btn-group-vertical:hover,
.btn-group:hover,
.btn-group-vertical:focus,
.btn-group:focus {
  box-shadow: var(--mdb-btn-hover-box-shadow); }

.btn-check:active + .btn,
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:active,
.btn-group-vertical.active,
.btn-group-vertical:active,
.btn-group.active,
.btn-group:active {
  box-shadow: var(--mdb-btn-active-box-shadow); }

.btn-check:focus + .btn,
.btn-check:focus-visible + .btn,
.btn:focus,
.btn-check:active + .btn:focus,
.btn-check:checked + .btn:focus,
.btn.active:focus,
.btn.show:focus,
.btn:active:focus,
.btn-group-vertical.focus,
.btn-group-vertical:focus,
.btn-group.focus,
.btn-group:focus,
.btn-group-vertical.active:focus,
.btn-group-vertical:active:focus,
.btn-group.active:focus,
.btn-group:active:focus {
  box-shadow: var(--mdb-btn-focus-box-shadow); }

.btn-group-vertical.disabled,
.btn-group-vertical:disabled,
.btn-group.disabled,
.btn-group:disabled,
fieldset:disabled .btn-group,
fieldset:disabled .btn-group-vertical {
  border: 0;
  box-shadow: var(--mdb-btn-box-shadow); }

.select-clear-btn {
  position: absolute;
  top: var(--mdb-form-outline-select-clear-btn-top);
  right: var(--mdb-form-outline-select-clear-btn-right);
  color: var(--mdb-form-outline-select-clear-btn-color);
  font-size: var(--mdb-form-outline-select-clear-btn-font-size);
  cursor: pointer; }
  .form-control-sm ~ .select-clear-btn {
    top: var(--mdb-form-outline-select-sm-clear-btn-top);
    font-size: var(--mdb-form-outline-select-sm-clear-btn-font-size); }
  .form-control-lg ~ .select-clear-btn {
    top: var(--mdb-form-outline-select-lg-clear-btn-top); }
  .form-white .select-clear-btn {
    color: var(--mdb-form-outline-select-white-clear-btn); }

.btn-primary {
  --mdb-btn-border-color: $nerdenColor-primary-base;
  --mdb-btn-hover-border-color: #171717;
  --mdb-btn-focus-shadow-rgb: 61, 61, 61;
  --mdb-btn-active-border-color: #141414;
  --mdb-btn-active-shadow: 0 8px 9px -4px rgba(0, 0, 0, 0.15), 0 4px 18px 0 $gradient-1-dark;
  --mdb-btn-disabled-color: $nerdenColor-white-base;
  --mdb-btn-disabled-bg: $nerdenColor-primary-base;
  --mdb-btn-disabled-border-color: $nerdenColor-primary-base;
  --mdb-btn-bg: $nerdenColor-primary-base;
  --mdb-btn-color: $nerdenColor-white-base;
  --mdb-btn-box-shadow: 0 4px 9px -4px $nerdenColor-primary-900;
  --mdb-btn-hover-bg: #1a1a1a;
  --mdb-btn-hover-color: $nerdenColor-white-base;
  --mdb-btn-focus-bg: #1a1a1a;
  --mdb-btn-focus-color: $nerdenColor-white-base;
  --mdb-btn-active-bg: #171717;
  --mdb-btn-active-color: $nerdenColor-white-base;
  --mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(15, 15, 15, 0.3), 0 4px 18px 0 rgba(15, 15, 15, 0.2);
  color: #ffffff;
  background-color: #1b1b1b; }
  .btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
    color: #ffffff;
    background-color: #050505; }

.btn-check:active + .btn-primary,
.btn-check:checked + .btn-primary,
.btn-primary.active,
.btn-primary:active,
.show > .btn-primary.dropdown-toggle,
.btn-primary.disabled,
.btn-primary:disabled {
  color: #ffffff; }

.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:hover {
  color: #000000;
  background-color: #e2a303; }

.btn-check:active + .btn-secondary,
.btn-check:checked + .btn-secondary,
.btn-secondary.active,
.btn-secondary:active,
.show > .btn-secondary.dropdown-toggle {
  color: #000000;
  background-color: #ab7b03; }

.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #000000;
  background-color: #fbbf24; }

.btn-outline-primary,
.btn-outline-primary:hover,
.btn-outline-primary:focus {
  border-color: #1b1b1b;
  color: #1b1b1b; }

.btn-outline-secondary,
.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
  border-color: #fbbf24;
  color: #000000; }

.btn-outline-secondary.active,
.btn-outline-secondary.disabled,
.btn-outline-secondary.dropdown-toggle.show,
.btn-outline-secondary.focus,
.btn-outline-secondary:active,
.btn-outline-secondary:disabled,
.btn-outline-secondary:focus {
  color: #000000; }

.btn-close {
  width: 20px; }

.select-arrow,
.select-clear-btn {
  color: #4f4f4f; }

.btn-outline-primary.active,
.btn-outline-primary.disabled,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary.focus,
.btn-outline-primary:active,
.btn-outline-primary:disabled,
.btn-outline-primary:focus,
.select-clear-btn:focus {
  color: #1b1b1b; }

.popconfirm .btn-flat {
  color: #262626; }

.card {
  --mdb-card-spacer-y: 1.5rem;
  --mdb-card-spacer-x: 1.5rem;
  --mdb-card-title-spacer-y: 0.5rem;
  --mdb-card-border-width: 1px;
  --mdb-card-border-color: rgba(0, 0, 0, 0.175);
  --mdb-card-border-radius: 0.5rem;
  --mdb-card-box-shadow: 0 2px 15px -3px $gradient-07-dark, 0 10px 20px -2px $gradient-04-dark;
  --mdb-card-inner-border-radius: calc(0.5rem - 1px);
  --mdb-card-cap-padding-y: 0.75rem;
  --mdb-card-cap-padding-x: 1.5rem;
  --mdb-card-cap-bg: rgba(255, 255, 255, 0);
  --mdb-card-color: $nerdenColor-primary-900;
  --mdb-card-bg: $nerdenColor-white-base;
  --mdb-card-img-overlay-padding: 1.5rem;
  --mdb-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--mdb-card-height);
  border: var(--mdb-card-border-width) solid var(--mdb-card-border-color);
  border-radius: var(--mdb-card-border-radius);
  word-wrap: break-word;
  background-color: #ffffff;
  box-shadow: var(--mdb-card-box-shadow);
  background-clip: border-box; }
  .card[class*='bg-'] .card-header {
    --mdb-card-header-border-bottom-color: rgba(0, 0, 0, 0.175);
    border-bottom-color: var(--mdb-card-header-border-bottom-color); }
  .card[class*='bg-'] .card-footer {
    --mdb-card-footer-border-top-color: rgba(0, 0, 0, 0.175);
    border-top-color: var(--mdb-card-footer-border-top-color); }
  .card .bg-image {
    border-top-left-radius: var(--mdb-card-border-radius);
    border-top-right-radius: var(--mdb-card-border-radius); }
  .card > hr {
    margin-right: 0;
    margin-left: 0; }

.card-body {
  flex: 1 1 auto;
  padding: var(--mdb-card-spacer-y) var(--mdb-card-spacer-x);
  color: var(--mdb-card-color); }

.card-title {
  margin-bottom: var(--mdb-card-title-spacer-y); }

.card-subtitle {
  margin-top: calc(var(--mdb-card-title-spacer-y) * -0.5); }

.card-subtitle,
.card-text:last-child {
  margin-bottom: 0; }

.card-link + .card-link {
  margin-left: var(--mdb-card-spacer-x); }

.card-header {
  --mdb-card-header-border-width: 2px;
  --mdb-card-header-border-color: $bg-gray;
  margin-bottom: 0;
  padding: var(--mdb-card-cap-padding-y) var(--mdb-card-cap-padding-x);
  border-bottom: var(--mdb-card-header-border-width) solid var(--mdb-card-header-border-color);
  color: var(--mdb-card-cap-color);
  background-color: var(--mdb-card-cap-bg);
  border-bottom-color: #e0e0e0; }
  .card-header:first-child {
    border-radius: var(--mdb-card-inner-border-radius) var(--mdb-card-inner-border-radius) 0 0; }

.card-footer {
  --mdb-card-footer-border-color: $bg-gray;
  --mdb-card-footer-border-width: 2px;
  padding: var(--mdb-card-cap-padding-y) var(--mdb-card-cap-padding-x);
  border-top: var(--mdb-card-footer-border-width) solid var(--mdb-card-footer-border-color);
  color: var(--mdb-card-cap-color);
  background-color: var(--mdb-card-cap-bg);
  border-top-color: #e0e0e0; }
  .card-footer:last-child {
    border-radius: 0 0 var(--mdb-card-inner-border-radius) var(--mdb-card-inner-border-radius); }

.card-header-tabs {
  margin-right: calc(var(--mdb-card-cap-padding-x) * -0.5);
  margin-bottom: calc(var(--mdb-card-cap-padding-y) * -1);
  margin-left: calc(var(--mdb-card-cap-padding-x) * -0.5);
  border-bottom: 0; }
  .card-header-tabs .nav-link.active {
    background-color: var(--mdb-card-bg);
    border-bottom-color: var(--mdb-card-bg); }

.card-header-pills {
  margin-right: calc(var(--mdb-card-cap-padding-x) * -0.5);
  margin-left: calc(var(--mdb-card-cap-padding-x) * -0.5); }

.card-img-overlay {
  position: absolute;
  padding: var(--mdb-card-img-overlay-padding);
  border-radius: var(--mdb-card-inner-border-radius);
  inset: 0; }

.card-img,
.card-img-bottom,
.card-img-top {
  width: 100%; }

.card-img,
.card-img-top {
  border-top-left-radius: var(--mdb-card-inner-border-radius);
  border-top-right-radius: var(--mdb-card-inner-border-radius); }

.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--mdb-card-inner-border-radius);
  border-bottom-left-radius: var(--mdb-card-inner-border-radius); }

.card-group > .card {
  margin-bottom: var(--mdb-card-group-margin); }

@media (min-width: 600px) {
  .card-group {
    display: flex;
    flex-flow: row wrap; }
    .card-group > .card {
      flex: 1 0 0%;
      margin-bottom: 0; }
      .card-group > .card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
        .card-group > .card:not(:last-child) .card-header,
        .card-group > .card:not(:last-child) .card-img-top {
          border-top-right-radius: 0; }
        .card-group > .card:not(:last-child) .card-footer,
        .card-group > .card:not(:last-child) .card-img-bottom {
          border-bottom-right-radius: 0; }
      .card-group > .card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
        .card-group > .card:not(:first-child) .card-header,
        .card-group > .card:not(:first-child) .card-img-top {
          border-top-left-radius: 0; }
        .card-group > .card:not(:first-child) .card-footer,
        .card-group > .card:not(:first-child) .card-img-bottom {
          border-bottom-left-radius: 0; }
      .card-group > .card + .card {
        margin-left: 0;
        border-left: 0; } }

.card.hover-shadow,
.card.hover-shadow-soft,
.hover-shadow,
.hover-shadow-soft {
  --mdb-image-hover-shadow-transition: all 0.3s ease-in-out;
  transition: var(--mdb-image-hover-shadow-transition); }
  @media (prefers-reduced-motion: reduce) {
    .card.hover-shadow,
    .card.hover-shadow-soft,
    .hover-shadow,
    .hover-shadow-soft {
      transition: none; } }

.card.hover-shadow-soft:hover,
.card.hover-shadow:hover,
.hover-shadow-soft:hover,
.hover-shadow:hover,
.card.hover-shadow-soft:focus,
.card.hover-shadow:focus,
.hover-shadow-soft:focus,
.hover-shadow:focus {
  transition: var(--mdb-image-hover-shadow-transition); }
  @media (prefers-reduced-motion: reduce) {
    .card.hover-shadow-soft:hover,
    .card.hover-shadow:hover,
    .hover-shadow-soft:hover,
    .hover-shadow:hover,
    .card.hover-shadow-soft:focus,
    .card.hover-shadow:focus,
    .hover-shadow-soft:focus,
    .hover-shadow:focus {
      transition: none; } }

.card.hover-shadow,
.hover-shadow {
  --mdb-image-hover-shadow-box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.16), 0 10px 20px -2px $gradient-1-dark;
  box-shadow: none; }

.card.hover-shadow:hover,
.hover-shadow:hover,
.card.hover-shadow:focus,
.hover-shadow:focus {
  box-shadow: var(--mdb-image-hover-shadow-box-shadow); }

.card.hover-shadow-soft,
.hover-shadow-soft {
  --mdb-image-hover-shadow-box-shadow-soft: 0 2px 25px -5px $gradient-07-dark, 0 25px 21px -5px $gradient-04-dark;
  box-shadow: none; }

.card.hover-shadow-soft:hover,
.hover-shadow-soft:hover,
.card.hover-shadow-soft:focus,
.hover-shadow-soft:focus {
  box-shadow: var(--mdb-image-hover-shadow-box-shadow-soft); }

.card-body[class*='bg-'] {
  border-bottom-right-radius: var(--mdb-card-border-radius);
  border-bottom-left-radius: var(--mdb-card-border-radius); }

.card-img-left {
  border-top-left-radius: var(--mdb-card-border-radius);
  border-bottom-left-radius: var(--mdb-card-border-radius); }

.card-footer,
.card-header {
  background-color: #ffffff !important; }

.card-link {
  color: #4f4f4f; }
  .card-link:hover, .card-link:focus {
    color: #404040; }

.img-fluid,
.img-thumbnail {
  max-width: 100%;
  height: auto; }

.img-thumbnail {
  padding: 0.25rem;
  border: 1px solid var(--mdb-border-color);
  border-radius: 0.25rem;
  background-color: #ffffff;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); }

.figure {
  display: inline-block; }

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1.5; }

.figure-caption {
  color: #565c67;
  font-size: 0.875em; }

figure {
  margin: 0 0 1rem; }

.ratio {
  position: relative;
  width: 100%; }
  .ratio::before {
    display: block;
    padding-top: var(--mdb-aspect-ratio);
    content: ''; }
  .ratio > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.ratio-1x1 {
  --mdb-aspect-ratio: 100%; }

.ratio-4x3 {
  --mdb-aspect-ratio: 75%; }

.ratio-16x9 {
  --mdb-aspect-ratio: 56.25%; }

.ratio-21x9 {
  --mdb-aspect-ratio: 42.8571%; }

.hstack {
  flex-direction: row;
  align-items: center; }

.hover-overlay .mask {
  --mdb-image-hover-transition: all 0.3s ease-in-out;
  opacity: 0;
  transition: var(--mdb-image-hover-transition); }
  .hover-overlay .mask:hover, .hover-overlay .mask:focus {
    opacity: 1; }
  @media (prefers-reduced-motion: reduce) {
    .hover-overlay .mask {
      transition: none; } }

.hover-zoom {
  --mdb-image-hover-zoom-transition: all 0.3s linear;
  --mdb-image-hover-zoom-transform: scale(1.1); }
  .hover-zoom:hover img,
  .hover-zoom:hover video,
  .hover-zoom:focus img,
  .hover-zoom:focus video {
    transform: var(--mdb-image-hover-zoom-transform); }
  .hover-zoom img,
  .hover-zoom video {
    transition: var(--mdb-image-hover-zoom-transition); }
    @media (prefers-reduced-motion: reduce) {
      .hover-zoom img,
      .hover-zoom video {
        transition: none; } }

.link-primary {
  color: #1b1b1b !important; }
  .link-primary:hover, .link-primary:focus {
    color: #1a1a1a !important; }

.link-secondary {
  color: #fbbd24 !important; }
  .link-secondary:hover, .link-secondary:focus {
    color: #fbc02d !important; }

.link-success {
  color: #0e7134 !important; }
  .link-success:focus, .link-success:hover {
    color: #0d6e32 !important; }

.link-danger {
  color: #800000 !important; }
  .link-danger:focus, .link-danger:hover {
    color: #7a0000 !important; }

.link-warning {
  color: #e4a11b !important; }
  .link-warning:focus, .link-warning:hover {
    color: #e5a524 !important; }

.link-info {
  color: #55b3d3 !important; }
  .link-info:focus, .link-info:hover {
    color: #5db7d5 !important; }

.link-light,
.link-light:focus,
.link-light:hover {
  color: #fafafa !important; }

.link-dark {
  color: #1f2937 !important; }
  .link-dark:focus, .link-dark:hover {
    color: #1d2734 !important; }

.stretched-link::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  content: ''; }

.link-danger,
.link-dark,
.link-info,
.link-light,
.link-primary,
.link-secondary,
.link-success,
.link-warning {
  transition: color 0.15s; }
  @media (prefers-reduced-motion: reduce) {
    .link-danger,
    .link-dark,
    .link-info,
    .link-light,
    .link-primary,
    .link-secondary,
    .link-success,
    .link-warning {
      transition: none; } }

a {
  --mdb-link-decoration: none; }

.page-link {
  color: #000000 !important; }
  .page-link:hover, .page-link:focus {
    color: #ffffff;
    background: rgba(27, 27, 27, 0.15); }
  .page-link:focus {
    color: #262626;
    background-color: rgba(27, 27, 27, 0.15); }
  .page-item.disabled .page-link {
    background-color: rgba(27, 27, 27, 0.15); }

.page-item.active .page-link,
.progress-bar {
  color: #000000 !important;
  background-color: #1b1b1b; }

.text-muted {
  color: #a3a3a3 !important; }

.card > .list-group {
  border-top: inherit;
  border-bottom: inherit; }
  .card > .list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: var(--mdb-card-inner-border-radius);
    border-top-right-radius: var(--mdb-card-inner-border-radius); }
  .card > .list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: var(--mdb-card-inner-border-radius);
    border-bottom-left-radius: var(--mdb-card-inner-border-radius); }

.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0; }

.list-group-numbered {
  list-style-type: none;
  counter-reset: section; }
  .list-group-numbered > .list-group-item::before {
    content: counters(section, ".") ". ";
    counter-increment: section; }

.list-group-item-action:focus,
.list-group-item-action:hover {
  z-index: 1;
  color: var(--mdb-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--mdb-list-group-action-hover-bg); }

.list-group-item-action:active {
  color: var(--mdb-list-group-action-active-color);
  background-color: var(--mdb-list-group-action-active-bg); }

.list-group-horizontal {
  flex-direction: row; }
  .list-group-horizontal > .list-group-item:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--mdb-list-group-border-radius); }
  .list-group-horizontal > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--mdb-list-group-border-radius);
    border-bottom-left-radius: 0; }
  .list-group-horizontal > .list-group-item.active {
    margin-top: 0; }
  .list-group-horizontal > .list-group-item + .list-group-item {
    border-top-width: var(--mdb-list-group-border-width);
    border-left-width: 0; }
    .list-group-horizontal > .list-group-item + .list-group-item.active {
      margin-left: calc(var(--mdb-list-group-border-width) * -1);
      border-left-width: var(--mdb-list-group-border-width); }

@media (min-width: 600px) {
  .list-group-horizontal-sm {
    flex-direction: row; }
    .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
      border-top-right-radius: 0;
      border-bottom-left-radius: var(--mdb-list-group-border-radius); }
    .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
      border-top-right-radius: var(--mdb-list-group-border-radius);
      border-bottom-left-radius: 0; }
    .list-group-horizontal-sm > .list-group-item.active {
      margin-top: 0; }
    .list-group-horizontal-sm > .list-group-item + .list-group-item {
      border-top-width: var(--mdb-list-group-border-width);
      border-left-width: 0; }
      .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
        margin-left: calc(var(--mdb-list-group-border-width) * -1);
        border-left-width: var(--mdb-list-group-border-width); } }

@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row; }
    .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
      border-top-right-radius: 0;
      border-bottom-left-radius: var(--mdb-list-group-border-radius); }
    .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
      border-top-right-radius: var(--mdb-list-group-border-radius);
      border-bottom-left-radius: 0; }
    .list-group-horizontal-md > .list-group-item.active {
      margin-top: 0; }
    .list-group-horizontal-md > .list-group-item + .list-group-item {
      border-top-width: var(--mdb-list-group-border-width);
      border-left-width: 0; }
      .list-group-horizontal-md > .list-group-item + .list-group-item.active {
        margin-left: calc(var(--mdb-list-group-border-width) * -1);
        border-left-width: var(--mdb-list-group-border-width); } }

@media (min-width: 1024px) {
  .list-group-horizontal-lg {
    flex-direction: row; }
    .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
      border-top-right-radius: 0;
      border-bottom-left-radius: var(--mdb-list-group-border-radius); }
    .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
      border-top-right-radius: var(--mdb-list-group-border-radius);
      border-bottom-left-radius: 0; }
    .list-group-horizontal-lg > .list-group-item.active {
      margin-top: 0; }
    .list-group-horizontal-lg > .list-group-item + .list-group-item {
      border-top-width: var(--mdb-list-group-border-width);
      border-left-width: 0; }
      .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
        margin-left: calc(var(--mdb-list-group-border-width) * -1);
        border-left-width: var(--mdb-list-group-border-width); } }

@media (min-width: 1280px) {
  .list-group-horizontal-xl {
    flex-direction: row; }
    .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
      border-top-right-radius: 0;
      border-bottom-left-radius: var(--mdb-list-group-border-radius); }
    .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
      border-top-right-radius: var(--mdb-list-group-border-radius);
      border-bottom-left-radius: 0; }
    .list-group-horizontal-xl > .list-group-item.active {
      margin-top: 0; }
    .list-group-horizontal-xl > .list-group-item + .list-group-item {
      border-top-width: var(--mdb-list-group-border-width);
      border-left-width: 0; }
      .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
        margin-left: calc(var(--mdb-list-group-border-width) * -1);
        border-left-width: var(--mdb-list-group-border-width); } }

@media (min-width: 1440px) {
  .list-group-horizontal-xxl {
    flex-direction: row; }
    .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
      border-top-right-radius: 0;
      border-bottom-left-radius: var(--mdb-list-group-border-radius); }
    .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
      border-top-right-radius: var(--mdb-list-group-border-radius);
      border-bottom-left-radius: 0; }
    .list-group-horizontal-xxl > .list-group-item.active {
      margin-top: 0; }
    .list-group-horizontal-xxl > .list-group-item + .list-group-item {
      border-top-width: var(--mdb-list-group-border-width);
      border-left-width: 0; }
      .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
        margin-left: calc(var(--mdb-list-group-border-width) * -1);
        border-left-width: var(--mdb-list-group-border-width); } }

.list-group-flush {
  border-radius: 0; }
  .list-group-flush > .list-group-item {
    border-width: 0 0 var(--mdb-list-group-border-width); }
    .list-group-flush > .list-group-item:last-child {
      border-bottom-width: 0; }

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
  color: #050505;
  background-color: #bdbdbd; }

.list-group-item-primary.list-group-item-action.active {
  border-color: #050505;
  color: #ffffff;
  background-color: #050505; }

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
  color: #624a0e;
  background-color: #e5dabd; }

.list-group-item-secondary.list-group-item-action.active {
  border-color: #624a0e;
  color: #ffffff;
  background-color: #624a0e; }

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
  color: #084420;
  background-color: #b9cbc1; }

.list-group-item-success.list-group-item-action.active {
  border-color: #084420;
  color: #ffffff;
  background-color: #084420; }

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
  color: #4d0000;
  background-color: #cfb9b9; }

.list-group-item-danger.list-group-item-action.active {
  border-color: #4d0000;
  color: #ffffff;
  background-color: #4d0000; }

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
  color: #886011;
  background-color: #e1d4bc; }

.list-group-item-warning.list-group-item-action.active {
  border-color: #886011;
  color: #ffffff;
  background-color: #886011; }

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
  color: #326d81;
  background-color: #c6d7dc; }

.list-group-item-info.list-group-item-action.active {
  border-color: #326d81;
  color: #ffffff;
  background-color: #326d81; }

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
  color: #636363;
  background-color: #e6e6e6; }

.list-group-item-light.list-group-item-action.active {
  border-color: #636363;
  color: #ffffff;
  background-color: #636363; }

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
  color: #131920;
  background-color: #bdbfc2; }

.list-group-item-dark.list-group-item-action.active {
  border-color: #131920;
  color: #ffffff;
  background-color: #131920; }

.list-inline,
.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline-item {
  display: inline-block; }
  .list-inline-item:not(:last-child) {
    margin-right: 0.5rem; }

.list-group {
  --mdb-list-group-color: $nerdenColor-gray-800;
  --mdb-list-group-bg: $nerdenColor-white-base;
  --mdb-list-group-border-color: rgba(0, 0, 0, 0.125);
  --mdb-list-group-border-width: 1px;
  --mdb-list-group-border-radius: 0.5rem;
  --mdb-list-group-item-padding-x: 1.5rem;
  --mdb-list-group-item-padding-y: 0.5rem;
  --mdb-list-group-action-color: $nerdenColor-gray-700;
  --mdb-list-group-action-hover-color: $nerdenColor-gray-700;
  --mdb-list-group-action-hover-bg: #bdcad1;
  --mdb-list-group-action-active-color: $nerdenColor-gray-800;
  --mdb-list-group-action-active-bg: $nerdenColor-gray-200;
  --mdb-list-group-disabled-color: $nerdenColor-gray-600;
  --mdb-list-group-disabled-bg: $nerdenColor-white-base;
  --mdb-list-group-active-color: $nerdenColor-primary-base;
  --mdb-list-group-active-bg: #d1d1d1;
  --mdb-list-group-active-border-color: #d1d1d1;
  --mdb-list-group-item-transition-time: 0.5s;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 0;
  border-radius: var(--mdb-list-group-border-radius); }

.list-group-item-action,
.list-group-item-action:hover,
.list-group-item-action:focus {
  transition: var(--mdb-list-group-item-transition-time); }
  @media (prefers-reduced-motion: reduce) {
    .list-group-item-action,
    .list-group-item-action:hover,
    .list-group-item-action:focus {
      transition: none; } }

.list-group-light .active,
.list-group-light .list-group-item-action:focus,
.list-group-light .list-group-item-action:hover {
  border-radius: 4px; }

.list-group-light .list-group-item {
  padding: 0.5rem 0;
  border: 1px solid transparent; }

.list-group-light .active {
  border: 0;
  color: transparent;
  background-color: #d1d1d1; }

.list-group-small {
  --mdb-list-group-small-item-py: 0.5rem; }
  .list-group-small .list-group-item {
    padding: var(--mdb-list-group-small-item-py) 0; }

.list-group-item-success {
  color: #0e7134;
  background-color: #dffbea; }
  .list-group-item-success i {
    color: #0b5b2a; }

.list-group-item-danger {
  color: #800000;
  background-color: #ffdbdb; }
  .list-group-item-danger i {
    color: #660000; }

.list-group-item-warning {
  color: #e4a11b;
  background-color: #fcf6e8; }
  .list-group-item-warning i {
    color: #b68116; }

.list-group-item-info {
  color: #55b3d3;
  background-color: #def1f7; }
  .list-group-item-info i {
    color: #3098bb; }

.list-group-item-light {
  color: #fafafa;
  background-color: #ffffff; }
  .list-group-item-light i {
    color: #cbd5e1; }

.list-group-item-dark {
  color: #1f2937;
  background-color: #c8d2e0; }
  .list-group-item-dark i {
    color: #1a222e; }

.list-group-item {
  position: relative;
  display: block;
  padding: var(--mdb-list-group-item-padding-y) var(--mdb-list-group-item-padding-x);
  border: var(--mdb-list-group-border-width) solid var(--mdb-list-group-border-color);
  border-color: #e0e0e0;
  color: var(--mdb-list-group-color);
  background-color: #ffffff; }
  .list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit; }
  .list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit; }
  .list-group-item.disabled, .list-group-item:disabled {
    color: var(--mdb-list-group-disabled-color);
    background-color: #ffffff;
    pointer-events: none; }
  .list-group-item.active {
    z-index: 2;
    border-color: #1b1b1b;
    color: var(--mdb-list-group-active-color);
    background-color: #1b1b1b; }
  .list-group-item + .list-group-item {
    border-top-width: 0; }
    .list-group-item + .list-group-item.active {
      margin-top: calc(var(--mdb-list-group-border-width) * -1);
      border-top-width: var(--mdb-list-group-border-width); }

.list-group-item-action {
  width: 100%;
  color: #262626;
  text-align: inherit; }
  .list-group-item-action.active:focus, .list-group-item-action.active:hover {
    border-color: #1b1b1b;
    background-color: #1b1b1b; }
  .list-group-item-action:active, .list-group-item-action:focus, .list-group-item-action:hover {
    color: #262626;
    background: #ededed; }
  .list-group-item-action.list-group-item-primary {
    color: #5c5c5c; }
    .list-group-item-action.list-group-item-primary:hover, .list-group-item-action.list-group-item-primary:focus {
      color: #404040;
      background-color: #828282; }
  .list-group-item-action.list-group-item-secondary:hover, .list-group-item-action.list-group-item-secondary:focus {
    color: #cd9404;
    background-color: #fddc86; }

.list-group-item-primary {
  color: #1b1b1b;
  background-color: #d1d1d1; }
  .list-group-item-primary i {
    color: #141414; }

.list-group-item-secondary {
  color: #fbbf24;
  background-color: #fef2d2; }
  .list-group-item-secondary i {
    color: #e2a303; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none; }
  .modal.fade .modal-dialog {
    transform: translateY(-50px);
    transition: transform 0.3s ease-out; }
    @media (prefers-reduced-motion: reduce) {
      .modal.fade .modal-dialog {
        transition: none; } }
  .modal.show .modal-dialog {
    transform: none; }
  .modal.modal-static .modal-dialog {
    transform: scale(1.02); }

.modal-dialog-scrollable {
  height: calc(100% - 0.5rem * 2); }
  .modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden; }
  .modal-dialog-scrollable .modal-body {
    overflow-y: auto;
    scrollbar-gutter: stable;
    overscroll-behavior: contain;
    -ms-scroll-chaining: none; }

.modal-dialog-centered {
  display: flex;
  flex-wrap: nowrap;
  min-height: calc(100% - 0.5rem * 2);
  align-items: center; }

.modal-backdrop {
  --mdb-backdrop-zindex: 1050;
  --mdb-backdrop-bg: $nerdenColor-black;
  --mdb-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--mdb-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--mdb-backdrop-bg); }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.show {
    opacity: var(--mdb-backdrop-opacity); }

.modal-title {
  margin-bottom: 0;
  line-height: var(--mdb-modal-title-line-height); }

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem; }

@media (min-width: 600px) {
  .modal-dialog {
    max-width: 500px;
    margin-right: auto;
    margin-left: auto; } }

.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0; }
  .modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0; }
  .modal-fullscreen .modal-body {
    overflow-y: auto;
    scrollbar-gutter: stable;
    overscroll-behavior: contain;
    -ms-scroll-chaining: none; }
  .modal-fullscreen .modal-footer,
  .modal-fullscreen .modal-header {
    border-radius: 0; }

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
    .modal-fullscreen-sm-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0; }
    .modal-fullscreen-sm-down .modal-body {
      overflow-y: auto;
      scrollbar-gutter: stable;
      overscroll-behavior: contain;
      -ms-scroll-chaining: none; }
    .modal-fullscreen-sm-down .modal-footer,
    .modal-fullscreen-sm-down .modal-header {
      border-radius: 0; } }

@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
    .modal-fullscreen-md-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0; }
    .modal-fullscreen-md-down .modal-body {
      overflow-y: auto;
      scrollbar-gutter: stable;
      overscroll-behavior: contain;
      -ms-scroll-chaining: none; }
    .modal-fullscreen-md-down .modal-footer,
    .modal-fullscreen-md-down .modal-header {
      border-radius: 0; } }

@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
    .modal-fullscreen-lg-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0; }
    .modal-fullscreen-lg-down .modal-body {
      overflow-y: auto;
      scrollbar-gutter: stable;
      overscroll-behavior: contain;
      -ms-scroll-chaining: none; }
    .modal-fullscreen-lg-down .modal-footer,
    .modal-fullscreen-lg-down .modal-header {
      border-radius: 0; } }

@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
    .modal-fullscreen-xl-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0; }
    .modal-fullscreen-xl-down .modal-body {
      overflow-y: auto;
      scrollbar-gutter: stable;
      overscroll-behavior: contain;
      -ms-scroll-chaining: none; }
    .modal-fullscreen-xl-down .modal-footer,
    .modal-fullscreen-xl-down .modal-header {
      border-radius: 0; } }

@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
    .modal-fullscreen-xxl-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0; }
    .modal-fullscreen-xxl-down .modal-body {
      overflow-y: auto;
      scrollbar-gutter: stable;
      overscroll-behavior: contain;
      -ms-scroll-chaining: none; }
    .modal-fullscreen-xxl-down .modal-footer,
    .modal-fullscreen-xxl-down .modal-header {
      border-radius: 0; } }

.modal {
  --mdb-modal-inner-border-radius: calc(0.5rem - 1px);
  --mdb-modal-header-padding-x: 1rem;
  --mdb-modal-header-padding-y: 1rem;
  --mdb-modal-header-padding: 1rem 1rem;
  --mdb-modal-header-border-color: $bg-gray;
  --mdb-modal-header-border-width: 2px;
  --mdb-modal-title-line-height: 1.625;
  --mdb-modal-top-left-top: 10px;
  --mdb-modal-top-left-left: 10px;
  --mdb-modal-top-right-top: 10px;
  --mdb-modal-top-right-right: 10px;
  --mdb-modal-bottom-left-bottom: 10px;
  --mdb-modal-bottom-left-left: 10px;
  --mdb-modal-bottom-right-bottom: 10px;
  --mdb-modal-bottom-right-right: 10px;
  --mdb-modal-fade-top-transform: translate3d(0, -25%, 0);
  --mdb-modal-fade-right-transform: translate3d(25%, 0, 0);
  --mdb-modal-fade-bottom-transform: translate3d(0, 25%, 0);
  --mdb-modal-fade-left-transform: translate3d(-25%, 0, 0);
  --mdb-modal-side-right: 10px;
  --mdb-modal-side-bottom: 10px;
  --mdb-modal-non-invasive-box-shadow: 0 3px 6px -1px $gradient-07-dark, 0 7px 18px -1px $gradient-04-dark;
  --mdb-modal-non-invasive-box-shadow-top: 0 -10px 20px 0 rgba(18, 18, 18, 0.1);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1055;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden auto;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  outline: 0;
  -ms-scroll-chaining: none; }

@media (min-width: 768px) {
  .modal .modal-dialog.modal-top {
    top: 0; }
  .modal .modal-dialog.modal-left {
    left: 0; }
  .modal .modal-dialog.modal-right {
    right: 0; }
  .modal .modal-dialog.modal-top-left {
    top: var(--mdb-modal-top-left-top);
    left: var(--mdb-modal-top-left-left); }
  .modal .modal-dialog.modal-top-right {
    top: var(--mdb-modal-top-right-top);
    right: var(--mdb-modal-top-right-right); }
  .modal .modal-dialog.modal-bottom-left {
    bottom: var(--mdb-modal-bottom-left-bottom);
    left: var(--mdb-modal-bottom-left-left); }
  .modal .modal-dialog.modal-bottom-right {
    right: var(--mdb-modal-bottom-right-right);
    bottom: var(--mdb-modal-bottom-right-bottom); } }

.modal .modal-dialog.modal-bottom {
  bottom: 0; }

.modal.fade.top:not(.show) .modal-dialog {
  transform: var(--mdb-modal-fade-top-transform); }

.modal.fade.right:not(.show) .modal-dialog {
  transform: var(--mdb-modal-fade-right-transform); }

.modal.fade.bottom:not(.show) .modal-dialog {
  transform: var(--mdb-modal-fade-bottom-transform); }

.modal.fade.left:not(.show) .modal-dialog {
  transform: var(--mdb-modal-fade-left-transform); }

@media (min-width: 1024px) {
  .modal .modal-side {
    position: absolute;
    right: var(--mdb-modal-side-right);
    bottom: var(--mdb-modal-side-bottom);
    width: 100%;
    margin: 0; } }

.modal .modal-frame {
  position: absolute;
  width: 100%;
  max-width: 100%;
  margin: 0; }

.modal-open .modal.frame {
  overflow-y: hidden; }

.modal-non-invasive-open {
  overflow-y: auto;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  -ms-scroll-chaining: none; }
  .modal-non-invasive-open .modal.modal-non-invasive-show {
    display: table; }

@media (min-width: 1024px) {
  .modal-non-invasive-open .modal.modal-non-invasive-show .modal-dialog.modal-bottom-left,
  .modal-non-invasive-open .modal.modal-non-invasive-show .modal-dialog.modal-bottom-right,
  .modal-non-invasive-open .modal.modal-non-invasive-show .modal-side {
    bottom: 0; }
  .modal-non-invasive-open .modal.modal-non-invasive-show.modal.frame.bottom,
  .modal-non-invasive-open .modal.modal-non-invasive-show.modal.frame.bottom .modal-content {
    box-shadow: var(--mdb-modal-non-invasive-box-shadow-top); }
  .modal-non-invasive-open .modal.modal-non-invasive-show.modal.frame.top {
    box-shadow: var(--mdb-modal-non-invasive-box-shadow); }
  .modal-non-invasive-open .modal.modal-non-invasive-show .modal-side.modal-bottom-left .modal-content,
  .modal-non-invasive-open .modal.modal-non-invasive-show .modal-side.modal-bottom-right .modal-content {
    box-shadow: var(--mdb-modal-non-invasive-box-shadow-top); } }

.modal-non-invasive-open .modal.modal-non-invasive-show .modal-dialog.modal-bottom-left,
.modal-non-invasive-open .modal.modal-non-invasive-show .modal-dialog.modal-top-left {
  left: 0; }

.right-0,
.carousel-control-next,
.modal-non-invasive-open .modal.modal-non-invasive-show .modal-dialog.modal-bottom-right,
.modal-non-invasive-open .modal.modal-non-invasive-show .modal-side {
  right: 0; }

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 0;
  border-radius: 0.5rem;
  color: var(--mdb-modal-color);
  background-color: #ffffff;
  box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04);
  pointer-events: auto;
  outline: 0;
  background-clip: padding-box; }

.modal-header {
  display: flex;
  flex-shrink: 0;
  flex-wrap: nowrap;
  padding: var(--mdb-modal-header-padding);
  border-bottom: var(--mdb-modal-header-border-width) solid var(--mdb-modal-header-border-color);
  color: #262626;
  align-items: center;
  justify-content: space-between;
  border-bottom-color: #e0e0e0;
  border-top-left-radius: calc(0.5rem - 1px);
  border-top-right-radius: calc(0.5rem - 1px); }
  .modal-header .btn-close {
    margin: calc(var(--mdb-modal-header-padding-y) * -0.5) calc(var(--mdb-modal-header-padding-x) * -0.5) calc(var(--mdb-modal-header-padding-y) * -0.5) auto;
    padding: calc(var(--mdb-modal-header-padding-y) * 0.5) calc(var(--mdb-modal-header-padding-x) * 0.5); }

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  padding: calc(1rem - 0.5rem * 0.5);
  border-top: 1px solid #e0e0e0;
  background-color: var(--mdb-modal-footer-bg);
  align-items: center;
  justify-content: flex-end;
  border-bottom-right-radius: calc(0.5rem - 1px);
  border-bottom-left-radius: calc(0.5rem - 1px); }
  .modal-footer > * {
    margin: calc(0.5rem * 0.5); }

.pagination {
  display: flex;
  flex-wrap: nowrap;
  padding-left: 0;
  list-style: none; }

@media (hover: hover) {
  .page-link:hover, .page-link:focus {
    z-index: 2;
    color: #000000 !important;
    background-color: #c2c5cc; } }

.page-link:focus {
  z-index: 3;
  color: #000000 !important;
  background-color: #c2c5cc;
  box-shadow: 0 0 0 0.25rem rgba(27, 27, 27, 0.25);
  outline: 0; }

.disabled > .page-link,
.page-link.disabled {
  color: #000000 !important;
  background-color: #ffffff;
  pointer-events: none; }

.page-item:not(:first-child) .page-link {
  margin-left: -1px; }

.pagination-lg {
  --mdb-pagination-padding-x: 1.5rem;
  --mdb-pagination-padding-y: 0.75rem;
  --mdb-pagination-font-size: 1.25rem;
  --mdb-pagination-border-radius: 0.5rem; }

.pagination-sm {
  --mdb-pagination-padding-x: 0.5rem;
  --mdb-pagination-padding-y: 0.25rem;
  --mdb-pagination-font-size: 0.875rem;
  --mdb-pagination-border-radius: 0.25rem; }

.active > .page-link,
.page-link.active {
  z-index: 3;
  color: #ffffff !important;
  font-weight: 500;
  background-color: #1b1b1b !important;
  box-shadow: 0 4px 9px -4px #e3ebf7;
  transition: all 0.2s linear; }

.page-link {
  position: relative;
  display: block;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  color: #000000 !important;
  font-size: 0.875rem;
  background-color: #ffffff;
  transition: all 0.3s linear;
  outline: 0; }
  .page-item.active .page-link {
    color: #ffffff !important; }
  .pagination-circle .page-item:first-child .page-link,
  .pagination-circle .page-item:last-child .page-link,
  .pagination-circle .page-link {
    border-radius: 50%;
    color: #1b1b1b !important; }
  .pagination-circle.pagination-sm .page-link {
    padding-right: 0.688rem;
    padding-left: 0.696rem; }
  .pagination-circle.pagination-lg .page-link {
    padding-right: 1.3994rem;
    padding-left: 1.3994rem; }
  .pagination-circle .page-link {
    padding-right: 0.841rem;
    padding-left: 0.841rem; }
  .page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  .page-item:first-child .page-link {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  @media (prefers-reduced-motion: reduce) {
    .page-link {
      transition: none; } }

.shadow-demo {
  width: 100px;
  height: 100px;
  background-color: #ffffff; }

.shadow-demo-1 {
  width: 100px;
  height: 100px;
  background-color: #cccccc; }

.shadow-demo-2 {
  width: 100px;
  height: 100px;
  background-color: #000000; }

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }

.shadow-0,
.shadow-none {
  box-shadow: none !important; }

.shadow-1 {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07), 0 2px 1px 0 rgba(0, 0, 0, 0.04) !important; }

.shadow-2 {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.07), 0 2px 2px 0 rgba(0, 0, 0, 0.04) !important; }

.shadow-3 {
  box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.07), 0 7px 18px -1px rgba(0, 0, 0, 0.04) !important; }

.shadow-4 {
  box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04) !important; }

.shadow-5 {
  box-shadow: 0 2px 25px -5px rgba(0, 0, 0, 0.07), 0 25px 21px -5px rgba(0, 0, 0, 0.04) !important; }

.shadow-6 {
  box-shadow: 0 2px 35px -12px rgba(0, 0, 0, 0.21), 0 50px 40px -5px rgba(0, 0, 0, 0.04) !important; }

.shadow-1-soft {
  box-shadow: 0 1px 5px 0 rgba(18, 18, 18, 0.1) !important; }

.shadow-2-soft {
  box-shadow: 0 2px 10px 0 rgba(18, 18, 18, 0.1) !important; }

.shadow-3-soft {
  box-shadow: 0 5px 15px 0 rgba(18, 18, 18, 0.1) !important; }

.shadow-4-soft {
  box-shadow: 0 10px 20px 0 rgba(18, 18, 18, 0.1) !important; }

.shadow-5-soft {
  box-shadow: 0 15px 30px 0 rgba(18, 18, 18, 0.1) !important; }

.shadow-6-soft {
  box-shadow: 0 20px 40px 0 rgba(18, 18, 18, 0.1) !important; }

.shadow-1-strong {
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.1) !important; }

.shadow-2-strong {
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16), 0 2px 2px 0 rgba(0, 0, 0, 0.1) !important; }

.shadow-3-strong {
  box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.16), 0 6px 18px -1px rgba(0, 0, 0, 0.1) !important; }

.shadow-4-strong {
  box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.16), 0 10px 20px -2px rgba(0, 0, 0, 0.1) !important; }

.shadow-5-strong {
  box-shadow: 0 2px 25px -5px rgba(0, 0, 0, 0.16), 0 25px 21px -5px rgba(0, 0, 0, 0.1) !important; }

.shadow-6-strong {
  box-shadow: 0 2px 35px -12px rgba(0, 0, 0, 0.26), 0 50px 40px -5px rgba(0, 0, 0, 0.1) !important; }

.shadow-inner {
  box-shadow: inset 0 2px 4px 0 rgba(27, 27, 27, 0.06) !important; }

.shadow-1-primary {
  box-shadow: 0 2px 5px 0 rgba(27, 27, 27, 0.25), 0 3px 10px 0 rgba(27, 27, 27, 0.2); }

.shadow-2-primary {
  box-shadow: 0 4px 8px 0 rgba(27, 27, 27, 0.25), 0 5px 15px 2px rgba(27, 27, 27, 0.2); }

.shadow-3-primary {
  box-shadow: 0 6px 11px 0 rgba(27, 27, 27, 0.25), 0 7px 20px 3px rgba(27, 27, 27, 0.2); }

.shadow-4-primary {
  box-shadow: 0 6px 14px 0 rgba(27, 27, 27, 0.25), 0 10px 30px 4px rgba(27, 27, 27, 0.2); }

.shadow-5-primary {
  box-shadow: 0 6px 20px 0 rgba(27, 27, 27, 0.25), 0 12px 40px 5px rgba(27, 27, 27, 0.2); }

.shadow-1-secondary {
  box-shadow: 0 2px 5px 0 rgba(251, 191, 36, 0.25), 0 3px 10px 0 rgba(251, 191, 36, 0.2); }

.shadow-2-secondary {
  box-shadow: 0 4px 8px 0 rgba(251, 191, 36, 0.25), 0 5px 15px 2px rgba(251, 191, 36, 0.2); }

.shadow-3-secondary {
  box-shadow: 0 6px 11px 0 rgba(251, 191, 36, 0.25), 0 7px 20px 3px rgba(251, 191, 36, 0.2); }

.shadow-4-secondary {
  box-shadow: 0 6px 14px 0 rgba(251, 191, 36, 0.25), 0 10px 30px 4px rgba(251, 191, 36, 0.2); }

.shadow-5-secondary {
  box-shadow: 0 6px 20px 0 rgba(251, 191, 36, 0.25), 0 12px 40px 5px rgba(251, 191, 36, 0.2); }

table {
  border-collapse: collapse;
  caption-side: bottom; }

.table {
  --mdb-table-color: var(--mdb-body-color);
  --mdb-table-bg: transparent;
  --mdb-table-border-color: #a6abb5;
  --mdb-table-accent-bg: transparent;
  --mdb-table-striped-color: var(--mdb-body-color);
  --mdb-table-striped-bg: $gradient-02-dark;
  --mdb-table-active-color: var(--mdb-body-color);
  --mdb-table-active-bg: rgba(0, 0, 0, 0.1);
  --mdb-table-hover-color: var(--mdb-body-color);
  --mdb-table-hover-bg: rgba(0, 0, 0, 0.025);
  width: 100%;
  margin-bottom: 1rem;
  border-color: #a6abb5 !important;
  color: var(--mdb-table-color);
  vertical-align: top; }

.table > :not(caption) > * > * {
  padding: 1rem 1.4rem;
  background-color: var(--mdb-table-bg);
  box-shadow: inset 0 0 0 9999px var(--mdb-table-accent-bg);
  border-bottom-width: 1px; }

.table > tbody {
  vertical-align: inherit; }

.table > thead {
  vertical-align: bottom; }

.table-group-divider {
  border-top-style: solid;
  border-top-width: 1px; }

.caption-top {
  caption-side: top; }

.table-sm > :not(caption) > * > * {
  padding: 0.5rem; }

.table-bordered > :not(caption) > * {
  border-width: 1px 0; }

.table-bordered > :not(caption) > * > * {
  border-width: 0 1px; }

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0; }

.table-borderless > :not(:first-child) {
  border-top-width: 0; }

.table-striped-columns > :not(caption) > tr > :nth-child(2n),
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --mdb-table-accent-bg: var(--mdb-table-striped-bg);
  color: var(--mdb-table-striped-color); }

.table-active {
  --mdb-table-accent-bg: var(--mdb-table-active-bg);
  color: var(--mdb-table-active-color); }

.table-hover > tbody > tr:hover > *,
.table-hover > tbody > tr:focus > * {
  --mdb-table-accent-bg: var(--mdb-table-hover-bg);
  color: var(--mdb-table-hover-color); }

.table-responsive {
  overflow-x: auto;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch; }

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch; } }

@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch; } }

@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch; } }

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch; } }

@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch; } }

.table-fixed {
  table-layout: fixed; }

.table-auto {
  table-layout: auto; }

.d-table {
  display: table; }

.d-table-row {
  display: table-row; }

.d-table-cell {
  display: table-cell; }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

hr {
  margin: 1rem 0;
  border: 0;
  border-top: 1px solid;
  color: inherit;
  opacity: 0.25; }

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.5; }

.h1,
h1 {
  font-size: 35px; }

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

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

@media (min-width: 1280px) {
  .h2,
  h2 {
    font-size: 2rem; } }

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

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

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

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

.h5,
h5 {
  font-size: 1.25rem; }

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

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: 1.5; }

ol,
ul {
  padding-left: 2rem; }

p,
dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0; }

dd {
  margin-bottom: 0.5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

dt,
b,
strong {
  font-weight: 700; }

.small,
small {
  font-size: 0.875em; }

.mark,
mark {
  padding: 0.1875em;
  background-color: var(--mdb-highlight-bg); }

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 1.5;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

a {
  color: var(--mdb-link-color);
  text-decoration: none; }
  @media (hover: hover) {
    a a:hover,
    a a:focus {
      text-decoration: none; } }

@media (hover: hover) {
  a:hover,
  a:focus {
    color: var(--mdb-link-hover-color); } }

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none; }
  @media (hover: hover) {
    a  a :hover,
    a  a :focus {
      color: inherit;
      text-decoration: none; } }

code,
kbd,
pre,
samp {
  font-family: ui-monospace, 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
  font-size: 1em;
  font-optical-sizing: auto; }

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 0.875em;
  overflow: auto;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  -ms-scroll-chaining: none; }
  pre code {
    color: inherit;
    font-size: inherit;
    word-break: normal; }

code {
  color: var(--mdb-code-color);
  font-size: 0.875em;
  word-wrap: break-word; }
  a > code {
    color: inherit; }

kbd {
  padding: 0.1875rem 0.375rem;
  border-radius: 0.25rem;
  color: var(--mdb-body-bg);
  font-size: 0.875em;
  background-color: var(--mdb-body-color); }
  kbd kbd {
    padding: 0;
    font-size: 1em; }

label {
  display: inline-block; }

.lead {
  font-size: 1.25rem;
  font-weight: 300; }

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.5; }
  @media (min-width: 1280px) {
    .display-1 {
      font-size: 5rem; } }

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.5; }
  @media (min-width: 1280px) {
    .display-2 {
      font-size: 4.5rem; } }

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.5; }
  @media (min-width: 1280px) {
    .display-3 {
      font-size: 4rem; } }

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.5; }
  @media (min-width: 1280px) {
    .display-4 {
      font-size: 3.5rem; } }

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.5; }
  @media (min-width: 1280px) {
    .display-5 {
      font-size: 3rem; } }

.display-6 {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.5; }
  @media (min-width: 1280px) {
    .display-6 {
      font-size: 2.5rem; } }

summary {
  display: list-item;
  cursor: pointer; }

[hidden] {
  display: none !important; }

.initialism {
  font-size: 0.875em;
  text-transform: uppercase; }

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem; }
  .blockquote > :last-child {
    margin-bottom: 0; }

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  color: #565c67;
  font-size: 0.875em; }
  .blockquote-footer::before {
    content: '— '; }

.text-bg-primary {
  color: #ffffff !important;
  background-color: RGBA(27, 27, 27, var(--mdb-bg-opacity, 1)) !important; }

.text-bg-secondary {
  color: #000000 !important;
  background-color: RGBA(251, 191, 36, var(--mdb-bg-opacity, 1)) !important; }

.text-bg-success {
  color: #ffffff !important;
  background-color: RGBA(14, 114, 53, var(--mdb-bg-opacity, 1)) !important; }

.text-bg-danger {
  color: #ffffff !important;
  background-color: RGBA(128, 0, 0, var(--mdb-bg-opacity, 1)) !important; }

.text-bg-warning {
  color: #000000 !important;
  background-color: RGBA(228, 161, 27, var(--mdb-bg-opacity, 1)) !important; }

.text-bg-info {
  color: #000000 !important;
  background-color: RGBA(84, 180, 211, var(--mdb-bg-opacity, 1)) !important; }

.text-bg-light {
  color: #000000 !important;
  background-color: RGBA(251, 251, 251, var(--mdb-bg-opacity, 1)) !important; }

.text-bg-dark {
  color: #ffffff !important;
  background-color: RGBA(31, 41, 55, var(--mdb-bg-opacity, 1)) !important; }

.font-monospace {
  font-family: ui-monospace, 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace !important;
  font-optical-sizing: auto; }

.fs-1 {
  font-size: 24px !important; }

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important; }

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important; }

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important; }

.fs-5 {
  font-size: 1.25rem !important; }

.fs-6 {
  font-size: 1rem !important; }

.fst-italic {
  font-style: italic !important; }

.fst-normal {
  font-style: normal !important; }

.fw-light {
  font-weight: 300 !important; }

.fw-lighter {
  font-weight: 200 !important; }

.fw-normal {
  font-weight: 400 !important; }

.fw-bold {
  font-weight: 700 !important; }

.fw-semibold {
  font-weight: 600 !important; }

.fw-bolder {
  font-weight: 900 !important; }

.lh-1,
.lh-sm {
  line-height: 1.5 !important; }

.lh-base {
  line-height: 1.625 !important; }

.lh-lg {
  line-height: 2 !important; }

.text-start {
  text-align: left !important; }

.text-end {
  text-align: right !important; }

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

.text-decoration-none {
  text-decoration: none !important; }

.text-decoration-underline {
  text-decoration: underline !important; }

.text-decoration-line-through {
  text-decoration: line-through !important; }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.text-wrap {
  white-space: normal !important; }

.text-nowrap {
  white-space: nowrap !important; }

.text-break {
  word-break: break-all !important; }

.text-success {
  --mdb-text-opacity: 1;
  color: rgba(14, 113, 52, var(--mdb-text-opacity)) !important; }

.text-danger {
  --mdb-text-opacity: 1;
  color: rgba(128, 0, 0, var(--mdb-text-opacity)) !important; }

.text-warning {
  --mdb-text-opacity: 1;
  color: rgba(228, 161, 27, var(--mdb-text-opacity)) !important; }

.text-info {
  --mdb-text-opacity: 1;
  color: rgba(85, 179, 211, var(--mdb-text-opacity)) !important; }

.text-light {
  --mdb-text-opacity: 1;
  color: rgba(249, 250, 251, var(--mdb-text-opacity)) !important; }

.text-dark {
  --mdb-text-opacity: 1;
  color: rgba(31, 41, 55, var(--mdb-text-opacity)) !important; }

.text-black {
  --mdb-text-opacity: 1;
  color: #000000 !important; }

.text-white {
  --mdb-text-opacity: 1;
  color: #ffffff !important; }

.text-body {
  --mdb-text-opacity: 1;
  color: #2a2d32 !important; }

.text-muted {
  --mdb-text-opacity: 1;
  color: #565c67 !important; }

.text-black-50 {
  --mdb-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important; }

.text-white-50 {
  --mdb-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important; }

.text-reset {
  --mdb-text-opacity: 1;
  color: inherit !important; }

.text-opacity-25 {
  --mdb-text-opacity: 0.25; }

.text-opacity-50 {
  --mdb-text-opacity: 0.5; }

.text-opacity-75 {
  --mdb-text-opacity: 0.75; }

.text-opacity-100 {
  --mdb-text-opacity: 1; }

.ls-tighter {
  letter-spacing: -0.05em !important; }

.ls-tight {
  letter-spacing: -0.025em !important; }

.ls-normal {
  letter-spacing: 0 !important; }

.ls-wide {
  letter-spacing: 0.025em !important; }

.ls-wider {
  letter-spacing: 0.05em !important; }

.ls-widest {
  letter-spacing: 0.1em !important; }

@media (min-width: 1280px) {
  .fs-1 {
    font-size: 2.5rem !important; }
  .fs-2 {
    font-size: 2rem !important; }
  .fs-3 {
    font-size: 1.75rem !important; }
  .fs-4 {
    font-size: 1.5rem !important; } }

body {
  color: #4f4f4f;
  background-color: #ffffff; }

.bg-body {
  background-color: #ffffff !important; }

.bg-primary {
  color: #ffffff;
  background-color: #1b1b1b !important; }

.bg-secondary {
  color: #000000;
  background-color: #fbbd24 !important; }

.border,
.border-bottom,
.border-left,
.border-right,
.border-top {
  border-color: #e0e0e0 !important; }

.border-primary {
  border-color: #1b1b1b !important; }

.border-secondary {
  border-color: #fbbd24 !important; }

.text-primary {
  --mdb-text-opacity: 1;
  color: #050505 !important; }

.text-secondary {
  --mdb-text-opacity: 1;
  color: #fbbd24 !important; }

*,
::after,
::before {
  box-sizing: border-box; }

body {
  margin: 0;
  color: #2a2d32;
  font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625;
  font-optical-sizing: auto;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%; }

iframe {
  border: 0; }

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --mdb-gutter-x: 1.5rem;
  --mdb-gutter-y: 0;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: calc(var(--mdb-gutter-x) * 0.5);
  padding-left: calc(var(--mdb-gutter-x) * 0.5); }

@media (min-width: 600px) {
  .container,
  .container-sm {
    max-width: 540px; } }

@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 720px; } }

@media (min-width: 1024px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px; } }

@media (min-width: 1280px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px; } }

@media (min-width: 1440px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px; } }

.row {
  --mdb-gutter-x: 1.5rem;
  --mdb-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--mdb-gutter-y) * -1);
  margin-right: calc(var(--mdb-gutter-x) * -0.5);
  margin-left: calc(var(--mdb-gutter-x) * -0.5); }
  .row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    margin-top: var(--mdb-gutter-y);
    padding-right: calc(var(--mdb-gutter-x) * 0.5);
    padding-left: calc(var(--mdb-gutter-x) * 0.5); }

.col {
  flex: 1 0 0%; }

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%; }

.row-cols-auto > *,
.col-auto {
  flex: 0 0 auto;
  width: auto; }

.col-1 {
  flex: 0 0 auto;
  width: 8.3333%; }

.row-cols-6 > *,
.col-2 {
  flex: 0 0 auto;
  width: 16.6667%; }

.row-cols-4 > *,
.col-3 {
  flex: 0 0 auto;
  width: 25%; }

.row-cols-3 > *,
.col-4 {
  flex: 0 0 auto;
  width: 33.3333%; }

.col-5 {
  flex: 0 0 auto;
  width: 41.6667%; }

.row-cols-2 > *,
.col-6 {
  flex: 0 0 auto;
  width: 50%; }

.col-7 {
  flex: 0 0 auto;
  width: 58.3333%; }

.col-8 {
  flex: 0 0 auto;
  width: 66.6667%; }

.col-9 {
  flex: 0 0 auto;
  width: 75%; }

.col-10 {
  flex: 0 0 auto;
  width: 83.3333%; }

.col-11 {
  flex: 0 0 auto;
  width: 91.6667%; }

.row-cols-1 > *,
.col-12 {
  flex: 0 0 auto;
  width: 100%; }

.offset-1 {
  margin-left: 8.3333%; }

.offset-2 {
  margin-left: 16.6667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.3333%; }

.offset-5 {
  margin-left: 41.6667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.3333%; }

.offset-8 {
  margin-left: 66.6667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.3333%; }

.offset-11 {
  margin-left: 91.6667%; }

.g-0,
.gx-0 {
  --mdb-gutter-x: 0; }

.g-0,
.gy-0 {
  --mdb-gutter-y: 0; }

.g-1,
.gx-1 {
  --mdb-gutter-x: 0.25rem; }

.g-1,
.gy-1 {
  --mdb-gutter-y: 0.25rem; }

.g-2,
.gx-2 {
  --mdb-gutter-x: 0.5rem; }

.g-2,
.gy-2 {
  --mdb-gutter-y: 0.5rem; }

.g-3,
.gx-3 {
  --mdb-gutter-x: 1rem; }

.g-3,
.gy-3 {
  --mdb-gutter-y: 1rem; }

.g-4,
.gx-4 {
  --mdb-gutter-x: 1.5rem; }

.g-4,
.gy-4 {
  --mdb-gutter-y: 1.5rem; }

.g-5,
.gx-5 {
  --mdb-gutter-x: 3rem; }

.g-5,
.gy-5 {
  --mdb-gutter-y: 3rem; }

@media (min-width: 600px) {
  .col-sm {
    flex: 1 0 0%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.3333%; }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.6667%; }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.3333%; }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.6667%; }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.3333%; }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.6667%; }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.3333%; }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.6667%; }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.3333%; }
  .offset-sm-2 {
    margin-left: 16.6667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.3333%; }
  .offset-sm-5 {
    margin-left: 41.6667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.3333%; }
  .offset-sm-8 {
    margin-left: 66.6667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.3333%; }
  .offset-sm-11 {
    margin-left: 91.6667%; }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto; }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%; }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%; }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333%; }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%; }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%; }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6667%; }
  .g-sm-0,
  .gx-sm-0 {
    --mdb-gutter-x: 0; }
  .g-sm-0,
  .gy-sm-0 {
    --mdb-gutter-y: 0; }
  .g-sm-1,
  .gx-sm-1 {
    --mdb-gutter-x: 0.25rem; }
  .g-sm-1,
  .gy-sm-1 {
    --mdb-gutter-y: 0.25rem; }
  .g-sm-2,
  .gx-sm-2 {
    --mdb-gutter-x: 0.5rem; }
  .g-sm-2,
  .gy-sm-2 {
    --mdb-gutter-y: 0.5rem; }
  .g-sm-3,
  .gx-sm-3 {
    --mdb-gutter-x: 1rem; }
  .g-sm-3,
  .gy-sm-3 {
    --mdb-gutter-y: 1rem; }
  .g-sm-4,
  .gx-sm-4 {
    --mdb-gutter-x: 1.5rem; }
  .g-sm-4,
  .gy-sm-4 {
    --mdb-gutter-y: 1.5rem; }
  .g-sm-5,
  .gx-sm-5 {
    --mdb-gutter-x: 3rem; }
  .g-sm-5,
  .gy-sm-5 {
    --mdb-gutter-y: 3rem; } }

@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.3333%; }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.6667%; }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.3333%; }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.6667%; }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.3333%; }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.6667%; }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.3333%; }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.6667%; }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.3333%; }
  .offset-md-2 {
    margin-left: 16.6667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.3333%; }
  .offset-md-5 {
    margin-left: 41.6667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.3333%; }
  .offset-md-8 {
    margin-left: 66.6667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.3333%; }
  .offset-md-11 {
    margin-left: 91.6667%; }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto; }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%; }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%; }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333%; }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%; }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%; }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6667%; }
  .g-md-0,
  .gx-md-0 {
    --mdb-gutter-x: 0; }
  .g-md-0,
  .gy-md-0 {
    --mdb-gutter-y: 0; }
  .g-md-1,
  .gx-md-1 {
    --mdb-gutter-x: 0.25rem; }
  .g-md-1,
  .gy-md-1 {
    --mdb-gutter-y: 0.25rem; }
  .g-md-2,
  .gx-md-2 {
    --mdb-gutter-x: 0.5rem; }
  .g-md-2,
  .gy-md-2 {
    --mdb-gutter-y: 0.5rem; }
  .g-md-3,
  .gx-md-3 {
    --mdb-gutter-x: 1rem; }
  .g-md-3,
  .gy-md-3 {
    --mdb-gutter-y: 1rem; }
  .g-md-4,
  .gx-md-4 {
    --mdb-gutter-x: 1.5rem; }
  .g-md-4,
  .gy-md-4 {
    --mdb-gutter-y: 1.5rem; }
  .g-md-5,
  .gx-md-5 {
    --mdb-gutter-x: 3rem; }
  .g-md-5,
  .gy-md-5 {
    --mdb-gutter-y: 3rem; } }

@media (min-width: 1024px) {
  .col-lg {
    flex: 1 0 0%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.3333%; }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.6667%; }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.3333%; }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.6667%; }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.3333%; }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.6667%; }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.3333%; }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.6667%; }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.3333%; }
  .offset-lg-2 {
    margin-left: 16.6667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.3333%; }
  .offset-lg-5 {
    margin-left: 41.6667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.3333%; }
  .offset-lg-8 {
    margin-left: 66.6667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.3333%; }
  .offset-lg-11 {
    margin-left: 91.6667%; }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto; }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%; }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%; }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333%; }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%; }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%; }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6667%; }
  .g-lg-0,
  .gx-lg-0 {
    --mdb-gutter-x: 0; }
  .g-lg-0,
  .gy-lg-0 {
    --mdb-gutter-y: 0; }
  .g-lg-1,
  .gx-lg-1 {
    --mdb-gutter-x: 0.25rem; }
  .g-lg-1,
  .gy-lg-1 {
    --mdb-gutter-y: 0.25rem; }
  .g-lg-2,
  .gx-lg-2 {
    --mdb-gutter-x: 0.5rem; }
  .g-lg-2,
  .gy-lg-2 {
    --mdb-gutter-y: 0.5rem; }
  .g-lg-3,
  .gx-lg-3 {
    --mdb-gutter-x: 1rem; }
  .g-lg-3,
  .gy-lg-3 {
    --mdb-gutter-y: 1rem; }
  .g-lg-4,
  .gx-lg-4 {
    --mdb-gutter-x: 1.5rem; }
  .g-lg-4,
  .gy-lg-4 {
    --mdb-gutter-y: 1.5rem; }
  .g-lg-5,
  .gx-lg-5 {
    --mdb-gutter-x: 3rem; }
  .g-lg-5,
  .gy-lg-5 {
    --mdb-gutter-y: 3rem; } }

@media (min-width: 1280px) {
  .col-xl {
    flex: 1 0 0%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.3333%; }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.6667%; }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.3333%; }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.6667%; }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.3333%; }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.6667%; }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.3333%; }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.6667%; }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.3333%; }
  .offset-xl-2 {
    margin-left: 16.6667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.3333%; }
  .offset-xl-5 {
    margin-left: 41.6667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.3333%; }
  .offset-xl-8 {
    margin-left: 66.6667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.3333%; }
  .offset-xl-11 {
    margin-left: 91.6667%; }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto; }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%; }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%; }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333%; }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%; }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%; }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6667%; }
  .g-xl-0,
  .gx-xl-0 {
    --mdb-gutter-x: 0; }
  .g-xl-0,
  .gy-xl-0 {
    --mdb-gutter-y: 0; }
  .g-xl-1,
  .gx-xl-1 {
    --mdb-gutter-x: 0.25rem; }
  .g-xl-1,
  .gy-xl-1 {
    --mdb-gutter-y: 0.25rem; }
  .g-xl-2,
  .gx-xl-2 {
    --mdb-gutter-x: 0.5rem; }
  .g-xl-2,
  .gy-xl-2 {
    --mdb-gutter-y: 0.5rem; }
  .g-xl-3,
  .gx-xl-3 {
    --mdb-gutter-x: 1rem; }
  .g-xl-3,
  .gy-xl-3 {
    --mdb-gutter-y: 1rem; }
  .g-xl-4,
  .gx-xl-4 {
    --mdb-gutter-x: 1.5rem; }
  .g-xl-4,
  .gy-xl-4 {
    --mdb-gutter-y: 1.5rem; }
  .g-xl-5,
  .gx-xl-5 {
    --mdb-gutter-x: 3rem; }
  .g-xl-5,
  .gy-xl-5 {
    --mdb-gutter-y: 3rem; } }

@media (min-width: 1440px) {
  .col-xxl {
    flex: 1 0 0%; }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.3333%; }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.6667%; }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.3333%; }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.6667%; }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.3333%; }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.6667%; }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.3333%; }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.6667%; }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-xxl-0 {
    margin-left: 0; }
  .offset-xxl-1 {
    margin-left: 8.3333%; }
  .offset-xxl-2 {
    margin-left: 16.6667%; }
  .offset-xxl-3 {
    margin-left: 25%; }
  .offset-xxl-4 {
    margin-left: 33.3333%; }
  .offset-xxl-5 {
    margin-left: 41.6667%; }
  .offset-xxl-6 {
    margin-left: 50%; }
  .offset-xxl-7 {
    margin-left: 58.3333%; }
  .offset-xxl-8 {
    margin-left: 66.6667%; }
  .offset-xxl-9 {
    margin-left: 75%; }
  .offset-xxl-10 {
    margin-left: 83.3333%; }
  .offset-xxl-11 {
    margin-left: 91.6667%; }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto; }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%; }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%; }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333%; }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%; }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%; }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6667%; }
  .g-xxl-0,
  .gx-xxl-0 {
    --mdb-gutter-x: 0; }
  .g-xxl-0,
  .gy-xxl-0 {
    --mdb-gutter-y: 0; }
  .g-xxl-1,
  .gx-xxl-1 {
    --mdb-gutter-x: 0.25rem; }
  .g-xxl-1,
  .gy-xxl-1 {
    --mdb-gutter-y: 0.25rem; }
  .g-xxl-2,
  .gx-xxl-2 {
    --mdb-gutter-x: 0.5rem; }
  .g-xxl-2,
  .gy-xxl-2 {
    --mdb-gutter-y: 0.5rem; }
  .g-xxl-3,
  .gx-xxl-3 {
    --mdb-gutter-x: 1rem; }
  .g-xxl-3,
  .gy-xxl-3 {
    --mdb-gutter-y: 1rem; }
  .g-xxl-4,
  .gx-xxl-4 {
    --mdb-gutter-x: 1.5rem; }
  .g-xxl-4,
  .gy-xxl-4 {
    --mdb-gutter-y: 1.5rem; }
  .g-xxl-5,
  .gx-xxl-5 {
    --mdb-gutter-x: 3rem; }
  .g-xxl-5,
  .gy-xxl-5 {
    --mdb-gutter-y: 3rem; } }

[type='search'] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  outline-offset: -2px; }

::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-color-swatch-wrapper {
  padding: 0; }

.clearfix::after {
  display: block;
  clear: both;
  content: ''; }

.hstack,
.vstack {
  display: flex;
  flex-wrap: nowrap;
  align-self: stretch; }

.vstack {
  flex: 1 1 auto;
  flex-direction: column; }

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  clip: rect(0, 0, 0, 0); }

.text-truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.align-baseline {
  vertical-align: baseline; }

.align-top {
  vertical-align: top; }

.align-bottom {
  vertical-align: bottom; }

.align-text-bottom {
  vertical-align: text-bottom; }

.align-text-top {
  vertical-align: text-top; }

.float-start {
  float: left; }

.float-end {
  float: right; }

.float-none {
  float: none; }

.opacity-0 {
  opacity: 0; }

.opacity-5 {
  opacity: 0.05 !important; }

.opacity-10 {
  opacity: 0.1 !important; }

.opacity-15 {
  opacity: 0.15 !important; }

.opacity-20 {
  opacity: 0.2 !important; }

.opacity-25 {
  opacity: 0.25 !important; }

.opacity-30 {
  opacity: 0.3 !important; }

.opacity-35 {
  opacity: 0.35 !important; }

.opacity-40 {
  opacity: 0.4 !important; }

.opacity-45 {
  opacity: 0.45 !important; }

.opacity-50 {
  opacity: 0.5 !important; }

.opacity-55 {
  opacity: 0.55 !important; }

.opacity-60 {
  opacity: 0.6 !important; }

.opacity-65 {
  opacity: 0.65 !important; }

.opacity-70 {
  opacity: 0.7 !important; }

.opacity-75 {
  opacity: 0.75 !important; }

.opacity-80 {
  opacity: 0.8 !important; }

.opacity-85 {
  opacity: 0.85 !important; }

.opacity-90 {
  opacity: 0.9 !important; }

.opacity-95 {
  opacity: 0.95 !important; }

.opacity-100 {
  opacity: 1 !important; }

.overflow-auto {
  overflow: auto;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  -ms-scroll-chaining: none; }

.overflow-hidden {
  overflow: hidden; }

.overflow-visible {
  overflow: visible; }

.overflow-scroll {
  overflow: scroll;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  -ms-scroll-chaining: none; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-grid {
  display: grid !important; }

.d-flex {
  display: flex !important;
  flex-wrap: nowrap; }

.d-inline-flex {
  display: inline-flex !important;
  flex-wrap: nowrap; }

.d-none {
  display: none !important; }

.position-static {
  position: static; }

.position-relative {
  position: relative; }

.position-absolute {
  position: absolute; }

.position-fixed {
  position: fixed; }

.top-0 {
  top: 0 !important; }

.top-50 {
  top: 50% !important; }

.top-100 {
  top: 100% !important; }

.bottom-0 {
  bottom: 0 !important; }

.bottom-50 {
  bottom: 50% !important; }

.bottom-100 {
  bottom: 100% !important; }

.start-0 {
  left: 0 !important; }

.start-50 {
  left: 50% !important; }

.start-100 {
  left: 100% !important; }

.end-0 {
  right: 0 !important; }

.end-50 {
  right: 50% !important; }

.end-100 {
  right: 100% !important; }

.translate-middle {
  transform: translate(-50%, -50%) !important; }

.translate-middle-x {
  transform: translateX(-50%) !important; }

.translate-middle-y {
  transform: translateY(-50%) !important; }

.overflow-y-scroll {
  overflow-y: scroll;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  -ms-scroll-chaining: none; }

.overflow-x-scroll {
  overflow-x: scroll;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  -ms-scroll-chaining: none; }

hr:not([size]).hr {
  --mdb-divider-height: 2px;
  --mdb-divider-bg: $bg-gray;
  --mdb-divider-opacity: 1;
  --mdb-divider-blurry-bg: transparent;
  --mdb-divider-blurry-bg-image: linear-gradient(90deg, transparent, #757575, transparent);
  --mdb-divider-blurry-height: 1px;
  --mdb-divider-blurry-opacity: 0.25;
  height: var(--mdb-divider-height);
  background-color: var(--mdb-divider-bg);
  opacity: var(--mdb-divider-opacity); }
  hr:not([size]).hr.hr-blurry {
    height: var(--mdb-divider-blurry-height);
    background-color: var(--mdb-divider-blurry-bg);
    background-image: var(--mdb-divider-blurry-bg-image);
    opacity: var(--mdb-divider-blurry-opacity); }

hr:not([size]).vr {
  height: auto; }

hr.hr,
hr.vr {
  border-top: 0 !important; }

.vr {
  --mdb-divider-width: 2px;
  --mdb-divider-bg: $bg-gray;
  --mdb-divider-opacity: 1;
  display: inline-block;
  width: var(--mdb-divider-width);
  min-height: 1em;
  background-color: var(--mdb-divider-bg);
  opacity: var(--mdb-divider-opacity);
  align-self: stretch; }

.vr-blurry {
  --mdb-divider-blurry-vr-bg-image: linear-gradient(180deg, transparent, #474747, transparent);
  --mdb-divider-blurry-vr-width: 1px;
  --mdb-divider-blurry-opacity: 0.25;
  width: var(--mdb-divider-blurry-vr-width);
  background-image: var(--mdb-divider-blurry-vr-bg-image);
  opacity: var(--mdb-divider-blurry-opacity); }

.w-25 {
  width: 25% !important; }

.w-50 {
  width: 50% !important; }

.w-75 {
  width: 75% !important; }

.w-100 {
  width: 100% !important; }

.w-auto {
  width: auto !important; }

.mw-100 {
  max-width: 100% !important; }

.vw-100 {
  width: 100vw !important; }

.min-vw-100 {
  min-width: 100vw !important; }

.h-25 {
  height: 25% !important; }

.h-50 {
  height: 50% !important; }

.h-75 {
  height: 75% !important; }

.h-100 {
  height: 100% !important; }

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

.mh-100 {
  max-height: 100% !important; }

.vh-100 {
  height: 100vh !important; }

.min-vh-100 {
  min-height: 100vh !important; }

.flex-fill {
  flex: 1 1 auto !important; }

.flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

.flex-grow-0 {
  flex-grow: 0 !important; }

.flex-grow-1 {
  flex-grow: 1 !important; }

.flex-shrink-0 {
  flex-shrink: 0 !important; }

.flex-shrink-1 {
  flex-shrink: 1 !important; }

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

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.justify-content-start {
  justify-content: flex-start !important; }

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

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

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

.justify-content-around {
  justify-content: space-around !important; }

.justify-content-evenly {
  justify-content: space-evenly !important; }

.align-items-start {
  align-items: flex-start !important; }

.align-items-end {
  align-items: flex-end !important; }

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

.align-items-baseline {
  align-items: baseline !important; }

.align-items-stretch {
  align-items: stretch !important; }

.align-content-start {
  align-content: flex-start !important; }

.align-content-end {
  align-content: flex-end !important; }

.align-content-center {
  align-content: center !important; }

.align-content-between {
  align-content: space-between !important; }

.align-content-around {
  align-content: space-around !important; }

.align-content-stretch {
  align-content: stretch !important; }

.align-self-auto {
  align-self: auto !important; }

.align-self-start {
  align-self: flex-start !important; }

.align-self-end {
  align-self: flex-end !important; }

.align-self-center {
  align-self: center !important; }

.align-self-baseline {
  align-self: baseline !important; }

.align-self-stretch {
  align-self: stretch !important; }

.order-first {
  order: -1 !important; }

.order-0 {
  order: 0 !important; }

.order-1 {
  order: 1 !important; }

.order-2 {
  order: 2 !important; }

.order-3 {
  order: 3 !important; }

.order-4 {
  order: 4 !important; }

.order-5 {
  order: 5 !important; }

.order-last {
  order: 6 !important; }

.m-0 {
  margin: 0 !important; }

.m-1 {
  margin: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.m-5 {
  margin: 3rem !important; }

.m-auto {
  margin: auto !important; }

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important; }

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important; }

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important; }

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important; }

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important; }

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

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

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important; }

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important; }

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important; }

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important; }

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important; }

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

.mt-0 {
  margin-top: 0 !important; }

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

.mt-2 {
  margin-top: 0.5rem !important; }

.mt-3 {
  margin-top: 1rem !important; }

.mt-4 {
  margin-top: 1.5rem !important; }

.mt-5 {
  margin-top: 3rem !important; }

.mt-auto {
  margin-top: auto !important; }

.me-0 {
  margin-right: 0 !important; }

.me-1 {
  margin-right: 0.25rem !important; }

.me-2 {
  margin-right: 0.5rem !important; }

.me-3 {
  margin-right: 1rem !important; }

.me-4 {
  margin-right: 1.5rem !important; }

.me-5 {
  margin-right: 3rem !important; }

.me-auto {
  margin-right: auto !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.mb-1 {
  margin-bottom: 0.25rem !important; }

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

.mb-3 {
  margin-bottom: 1rem !important; }

.mb-4 {
  margin-bottom: 1.5rem !important; }

.mb-5 {
  margin-bottom: 3rem !important; }

.mb-auto {
  margin-bottom: auto !important; }

.mb-6 {
  margin-bottom: 3.5rem !important; }

.mb-7 {
  margin-bottom: 4rem !important; }

.mb-8 {
  margin-bottom: 5rem !important; }

.mb-9 {
  margin-bottom: 6rem !important; }

.mb-10 {
  margin-bottom: 8rem !important; }

.mb-11 {
  margin-bottom: 10rem !important; }

.mb-12 {
  margin-bottom: 12rem !important; }

.mb-13 {
  margin-bottom: 14rem !important; }

.mb-14 {
  margin-bottom: 16rem !important; }

.ms-0 {
  margin-left: 0 !important; }

.ms-1 {
  margin-left: 0.25rem !important; }

.ms-2 {
  margin-left: 0.5rem !important; }

.ms-3 {
  margin-left: 1rem !important; }

.ms-4 {
  margin-left: 1.5rem !important; }

.ms-5 {
  margin-left: 3rem !important; }

.ms-auto {
  margin-left: auto !important; }

.m-n1 {
  margin: -0.25rem !important; }

.m-n2 {
  margin: -0.5rem !important; }

.m-n3 {
  margin: -1rem !important; }

.m-n4 {
  margin: -1.5rem !important; }

.m-n5 {
  margin: -3rem !important; }

.mx-n1 {
  margin-right: -0.25rem !important;
  margin-left: -0.25rem !important; }

.mx-n2 {
  margin-right: -0.5rem !important;
  margin-left: -0.5rem !important; }

.mx-n3 {
  margin-right: -1rem !important;
  margin-left: -1rem !important; }

.mx-n4 {
  margin-right: -1.5rem !important;
  margin-left: -1.5rem !important; }

.mx-n5 {
  margin-right: -3rem !important;
  margin-left: -3rem !important; }

.my-n1 {
  margin-top: -0.25rem !important;
  margin-bottom: -0.25rem !important; }

.my-n2 {
  margin-top: -0.5rem !important;
  margin-bottom: -0.5rem !important; }

.my-n3 {
  margin-top: -1rem !important;
  margin-bottom: -1rem !important; }

.my-n4 {
  margin-top: -1.5rem !important;
  margin-bottom: -1.5rem !important; }

.my-n5 {
  margin-top: -3rem !important;
  margin-bottom: -3rem !important; }

.mt-n1 {
  margin-top: -0.25rem !important; }

.mt-n2 {
  margin-top: -0.5rem !important; }

.mt-n3 {
  margin-top: -1rem !important; }

.mt-n4 {
  margin-top: -1.5rem !important; }

.mt-n5 {
  margin-top: -3rem !important; }

.me-n1 {
  margin-right: -0.25rem !important; }

.me-n2 {
  margin-right: -0.5rem !important; }

.me-n3 {
  margin-right: -1rem !important; }

.me-n4 {
  margin-right: -1.5rem !important; }

.me-n5 {
  margin-right: -3rem !important; }

.mb-n1 {
  margin-bottom: -0.25rem !important; }

.mb-n2 {
  margin-bottom: -0.5rem !important; }

.mb-n3 {
  margin-bottom: -1rem !important; }

.mb-n4 {
  margin-bottom: -1.5rem !important; }

.mb-n5 {
  margin-bottom: -3rem !important; }

.ms-n1 {
  margin-left: -0.25rem !important; }

.ms-n2 {
  margin-left: -0.5rem !important; }

.ms-n3 {
  margin-left: -1rem !important; }

.ms-n4 {
  margin-left: -1.5rem !important; }

.ms-n5 {
  margin-left: -3rem !important; }

.p-0 {
  padding: 0 !important; }

.p-1 {
  padding: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important; }

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

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

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important; }

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important; }

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important; }

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

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

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

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important; }

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important; }

.pt-0 {
  padding-top: 0 !important; }

.pt-1 {
  padding-top: 0.25rem !important; }

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

.pt-3 {
  padding-top: 1rem !important; }

.pt-4 {
  padding-top: 1.5rem !important; }

.pt-5 {
  padding-top: 3rem !important; }

.pe-0 {
  padding-right: 0 !important; }

.pe-1 {
  padding-right: 0.25rem !important; }

.pe-2 {
  padding-right: 0.5rem !important; }

.pe-3 {
  padding-right: 1rem !important; }

.pe-4 {
  padding-right: 1.5rem !important; }

.pe-5 {
  padding-right: 3rem !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.pb-1 {
  padding-bottom: 0.25rem !important; }

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

.pb-3 {
  padding-bottom: 1rem !important; }

.pb-4 {
  padding-bottom: 1.5rem !important; }

.pb-5 {
  padding-bottom: 3rem !important; }

.ps-0 {
  padding-left: 0 !important; }

.ps-1 {
  padding-left: 0.25rem !important; }

.ps-2 {
  padding-left: 0.5rem !important; }

.ps-3 {
  padding-left: 1rem !important; }

.ps-4 {
  padding-left: 1.5rem !important; }

.ps-5 {
  padding-left: 3rem !important; }

.gap-0 {
  gap: 0 !important; }

.gap-1 {
  gap: 0.25rem !important; }

.gap-2 {
  gap: 0.5rem !important; }

.gap-3 {
  gap: 1rem !important; }

.gap-4 {
  gap: 1.5rem !important; }

.gap-5 {
  gap: 3rem !important; }

.user-select-all {
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all; }

.user-select-auto {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto; }

.user-select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.pe-none {
  pointer-events: none; }

.pe-auto {
  pointer-events: auto; }

.rounded-0 {
  border-radius: 0 !important; }

.rounded-1 {
  border-radius: var(--mdb-border-radius-sm) !important; }

.rounded,
.rounded-2 {
  border-radius: var(--mdb-border-radius) !important; }

.rounded-3 {
  border-radius: var(--mdb-border-radius-lg) !important; }

.rounded-4 {
  border-radius: 0.375rem !important; }

.rounded-5 {
  border-radius: 0.5rem !important; }

.rounded-circle {
  border-radius: 50% !important; }

.rounded-pill {
  border-radius: var(--mdb-border-radius-pill) !important; }

.rounded-6 {
  border-radius: 0.75rem !important; }

.rounded-7 {
  border-radius: 1rem !important; }

.rounded-8 {
  border-radius: 1.25rem !important; }

.rounded-9 {
  border-radius: 1.5rem !important; }

.rounded-end,
.rounded-top {
  border-top-right-radius: var(--mdb-border-radius) !important; }

.rounded-bottom,
.rounded-end {
  border-bottom-right-radius: var(--mdb-border-radius) !important; }

.rounded-bottom,
.rounded-start {
  border-bottom-left-radius: var(--mdb-border-radius) !important; }

.rounded-top,
.rounded-start {
  border-top-left-radius: var(--mdb-border-radius) !important; }

.visible {
  visibility: visible; }

.invisible {
  visibility: hidden; }

@media (min-width: 600px) {
  .float-sm-start {
    float: left !important; }
  .float-sm-end {
    float: right !important; }
  .float-sm-none {
    float: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-grid {
    display: grid !important; }
  .d-sm-flex {
    display: flex !important;
    flex-wrap: nowrap; }
  .d-sm-inline-flex {
    display: inline-flex !important;
    flex-wrap: nowrap; }
  .d-sm-none {
    display: none !important; }
  .flex-sm-fill {
    flex: 1 1 auto !important; }
  .flex-sm-row {
    flex-direction: row !important; }
  .flex-sm-column {
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-sm-grow-0 {
    flex-grow: 0 !important; }
  .flex-sm-grow-1 {
    flex-grow: 1 !important; }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important; }
  .flex-sm-wrap {
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-sm-start {
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    justify-content: center !important; }
  .justify-content-sm-between {
    justify-content: space-between !important; }
  .justify-content-sm-around {
    justify-content: space-around !important; }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important; }
  .align-items-sm-start {
    align-items: flex-start !important; }
  .align-items-sm-end {
    align-items: flex-end !important; }
  .align-items-sm-center {
    align-items: center !important; }
  .align-items-sm-baseline {
    align-items: baseline !important; }
  .align-items-sm-stretch {
    align-items: stretch !important; }
  .align-content-sm-start {
    align-content: flex-start !important; }
  .align-content-sm-end {
    align-content: flex-end !important; }
  .align-content-sm-center {
    align-content: center !important; }
  .align-content-sm-between {
    align-content: space-between !important; }
  .align-content-sm-around {
    align-content: space-around !important; }
  .align-content-sm-stretch {
    align-content: stretch !important; }
  .align-self-sm-auto {
    align-self: auto !important; }
  .align-self-sm-start {
    align-self: flex-start !important; }
  .align-self-sm-end {
    align-self: flex-end !important; }
  .align-self-sm-center {
    align-self: center !important; }
  .align-self-sm-baseline {
    align-self: baseline !important; }
  .align-self-sm-stretch {
    align-self: stretch !important; }
  .order-sm-first {
    order: -1 !important; }
  .order-sm-0 {
    order: 0 !important; }
  .order-sm-1 {
    order: 1 !important; }
  .order-sm-2 {
    order: 2 !important; }
  .order-sm-3 {
    order: 3 !important; }
  .order-sm-4 {
    order: 4 !important; }
  .order-sm-5 {
    order: 5 !important; }
  .order-sm-last {
    order: 6 !important; }
  .m-sm-0 {
    margin: 0 !important; }
  .m-sm-1 {
    margin: 0.25rem !important; }
  .m-sm-2 {
    margin: 0.5rem !important; }
  .m-sm-3 {
    margin: 1rem !important; }
  .m-sm-4 {
    margin: 1.5rem !important; }
  .m-sm-5 {
    margin: 3rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mt-sm-0 {
    margin-top: 0 !important; }
  .mt-sm-1 {
    margin-top: 0.25rem !important; }
  .mt-sm-2 {
    margin-top: 0.5rem !important; }
  .mt-sm-3 {
    margin-top: 1rem !important; }
  .mt-sm-4 {
    margin-top: 1.5rem !important; }
  .mt-sm-5 {
    margin-top: 3rem !important; }
  .mt-sm-auto {
    margin-top: auto !important; }
  .me-sm-0 {
    margin-right: 0 !important; }
  .me-sm-1 {
    margin-right: 0.25rem !important; }
  .me-sm-2 {
    margin-right: 0.5rem !important; }
  .me-sm-3 {
    margin-right: 1rem !important; }
  .me-sm-4 {
    margin-right: 1.5rem !important; }
  .me-sm-5 {
    margin-right: 3rem !important; }
  .me-sm-auto {
    margin-right: auto !important; }
  .mb-sm-0 {
    margin-bottom: 0 !important; }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important; }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important; }
  .mb-sm-3 {
    margin-bottom: 1rem !important; }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important; }
  .mb-sm-5 {
    margin-bottom: 3rem !important; }
  .mb-sm-auto {
    margin-bottom: auto !important; }
  .mb-sm-6 {
    margin-bottom: 3.5rem !important; }
  .mb-sm-7 {
    margin-bottom: 4rem !important; }
  .mb-sm-8 {
    margin-bottom: 5rem !important; }
  .mb-sm-9 {
    margin-bottom: 6rem !important; }
  .mb-sm-10 {
    margin-bottom: 8rem !important; }
  .mb-sm-11 {
    margin-bottom: 10rem !important; }
  .mb-sm-12 {
    margin-bottom: 12rem !important; }
  .mb-sm-13 {
    margin-bottom: 14rem !important; }
  .mb-sm-14 {
    margin-bottom: 16rem !important; }
  .ms-sm-0 {
    margin-left: 0 !important; }
  .ms-sm-1 {
    margin-left: 0.25rem !important; }
  .ms-sm-2 {
    margin-left: 0.5rem !important; }
  .ms-sm-3 {
    margin-left: 1rem !important; }
  .ms-sm-4 {
    margin-left: 1.5rem !important; }
  .ms-sm-5 {
    margin-left: 3rem !important; }
  .ms-sm-auto {
    margin-left: auto !important; }
  .m-sm-n1 {
    margin: -0.25rem !important; }
  .m-sm-n2 {
    margin: -0.5rem !important; }
  .m-sm-n3 {
    margin: -1rem !important; }
  .m-sm-n4 {
    margin: -1.5rem !important; }
  .m-sm-n5 {
    margin: -3rem !important; }
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important; }
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important; }
  .mx-sm-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important; }
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important; }
  .mx-sm-n5 {
    margin-right: -3rem !important;
    margin-left: -3rem !important; }
  .my-sm-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important; }
  .my-sm-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important; }
  .my-sm-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important; }
  .my-sm-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important; }
  .my-sm-n5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important; }
  .mt-sm-n1 {
    margin-top: -0.25rem !important; }
  .mt-sm-n2 {
    margin-top: -0.5rem !important; }
  .mt-sm-n3 {
    margin-top: -1rem !important; }
  .mt-sm-n4 {
    margin-top: -1.5rem !important; }
  .mt-sm-n5 {
    margin-top: -3rem !important; }
  .me-sm-n1 {
    margin-right: -0.25rem !important; }
  .me-sm-n2 {
    margin-right: -0.5rem !important; }
  .me-sm-n3 {
    margin-right: -1rem !important; }
  .me-sm-n4 {
    margin-right: -1.5rem !important; }
  .me-sm-n5 {
    margin-right: -3rem !important; }
  .mb-sm-n1 {
    margin-bottom: -0.25rem !important; }
  .mb-sm-n2 {
    margin-bottom: -0.5rem !important; }
  .mb-sm-n3 {
    margin-bottom: -1rem !important; }
  .mb-sm-n4 {
    margin-bottom: -1.5rem !important; }
  .mb-sm-n5 {
    margin-bottom: -3rem !important; }
  .ms-sm-n1 {
    margin-left: -0.25rem !important; }
  .ms-sm-n2 {
    margin-left: -0.5rem !important; }
  .ms-sm-n3 {
    margin-left: -1rem !important; }
  .ms-sm-n4 {
    margin-left: -1.5rem !important; }
  .ms-sm-n5 {
    margin-left: -3rem !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .p-sm-1 {
    padding: 0.25rem !important; }
  .p-sm-2 {
    padding: 0.5rem !important; }
  .p-sm-3 {
    padding: 1rem !important; }
  .p-sm-4 {
    padding: 1.5rem !important; }
  .p-sm-5 {
    padding: 3rem !important; }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .pt-sm-0 {
    padding-top: 0 !important; }
  .pt-sm-1 {
    padding-top: 0.25rem !important; }
  .pt-sm-2 {
    padding-top: 0.5rem !important; }
  .pt-sm-3 {
    padding-top: 1rem !important; }
  .pt-sm-4 {
    padding-top: 1.5rem !important; }
  .pt-sm-5 {
    padding-top: 3rem !important; }
  .pe-sm-0 {
    padding-right: 0 !important; }
  .pe-sm-1 {
    padding-right: 0.25rem !important; }
  .pe-sm-2 {
    padding-right: 0.5rem !important; }
  .pe-sm-3 {
    padding-right: 1rem !important; }
  .pe-sm-4 {
    padding-right: 1.5rem !important; }
  .pe-sm-5 {
    padding-right: 3rem !important; }
  .pb-sm-0 {
    padding-bottom: 0 !important; }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important; }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important; }
  .pb-sm-3 {
    padding-bottom: 1rem !important; }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important; }
  .pb-sm-5 {
    padding-bottom: 3rem !important; }
  .ps-sm-0 {
    padding-left: 0 !important; }
  .ps-sm-1 {
    padding-left: 0.25rem !important; }
  .ps-sm-2 {
    padding-left: 0.5rem !important; }
  .ps-sm-3 {
    padding-left: 1rem !important; }
  .ps-sm-4 {
    padding-left: 1.5rem !important; }
  .ps-sm-5 {
    padding-left: 3rem !important; }
  .gap-sm-0 {
    gap: 0 !important; }
  .gap-sm-1 {
    gap: 0.25rem !important; }
  .gap-sm-2 {
    gap: 0.5rem !important; }
  .gap-sm-3 {
    gap: 1rem !important; }
  .gap-sm-4 {
    gap: 1.5rem !important; }
  .gap-sm-5 {
    gap: 3rem !important; }
  .text-sm-start {
    text-align: left !important; }
  .text-sm-end {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

@media (min-width: 768px) {
  .float-md-start {
    float: left !important; }
  .float-md-end {
    float: right !important; }
  .float-md-none {
    float: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-grid {
    display: grid !important; }
  .d-md-flex {
    display: flex !important;
    flex-wrap: nowrap; }
  .d-md-inline-flex {
    display: inline-flex !important;
    flex-wrap: nowrap; }
  .d-md-none {
    display: none !important; }
  .flex-md-fill {
    flex: 1 1 auto !important; }
  .flex-md-row {
    flex-direction: row !important; }
  .flex-md-column {
    flex-direction: column !important; }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-md-grow-0 {
    flex-grow: 0 !important; }
  .flex-md-grow-1 {
    flex-grow: 1 !important; }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important; }
  .flex-md-wrap {
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-md-start {
    justify-content: flex-start !important; }
  .justify-content-md-end {
    justify-content: flex-end !important; }
  .justify-content-md-center {
    justify-content: center !important; }
  .justify-content-md-between {
    justify-content: space-between !important; }
  .justify-content-md-around {
    justify-content: space-around !important; }
  .justify-content-md-evenly {
    justify-content: space-evenly !important; }
  .align-items-md-start {
    align-items: flex-start !important; }
  .align-items-md-end {
    align-items: flex-end !important; }
  .align-items-md-center {
    align-items: center !important; }
  .align-items-md-baseline {
    align-items: baseline !important; }
  .align-items-md-stretch {
    align-items: stretch !important; }
  .align-content-md-start {
    align-content: flex-start !important; }
  .align-content-md-end {
    align-content: flex-end !important; }
  .align-content-md-center {
    align-content: center !important; }
  .align-content-md-between {
    align-content: space-between !important; }
  .align-content-md-around {
    align-content: space-around !important; }
  .align-content-md-stretch {
    align-content: stretch !important; }
  .align-self-md-auto {
    align-self: auto !important; }
  .align-self-md-start {
    align-self: flex-start !important; }
  .align-self-md-end {
    align-self: flex-end !important; }
  .align-self-md-center {
    align-self: center !important; }
  .align-self-md-baseline {
    align-self: baseline !important; }
  .align-self-md-stretch {
    align-self: stretch !important; }
  .order-md-first {
    order: -1 !important; }
  .order-md-0 {
    order: 0 !important; }
  .order-md-1 {
    order: 1 !important; }
  .order-md-2 {
    order: 2 !important; }
  .order-md-3 {
    order: 3 !important; }
  .order-md-4 {
    order: 4 !important; }
  .order-md-5 {
    order: 5 !important; }
  .order-md-last {
    order: 6 !important; }
  .m-md-0 {
    margin: 0 !important; }
  .m-md-1 {
    margin: 0.25rem !important; }
  .m-md-2 {
    margin: 0.5rem !important; }
  .m-md-3 {
    margin: 1rem !important; }
  .m-md-4 {
    margin: 1.5rem !important; }
  .m-md-5 {
    margin: 3rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mt-md-0 {
    margin-top: 0 !important; }
  .mt-md-1 {
    margin-top: 0.25rem !important; }
  .mt-md-2 {
    margin-top: 0.5rem !important; }
  .mt-md-3 {
    margin-top: 1rem !important; }
  .mt-md-4 {
    margin-top: 1.5rem !important; }
  .mt-md-5 {
    margin-top: 3rem !important; }
  .mt-md-auto {
    margin-top: auto !important; }
  .me-md-0 {
    margin-right: 0 !important; }
  .me-md-1 {
    margin-right: 0.25rem !important; }
  .me-md-2 {
    margin-right: 0.5rem !important; }
  .me-md-3 {
    margin-right: 1rem !important; }
  .me-md-4 {
    margin-right: 1.5rem !important; }
  .me-md-5 {
    margin-right: 3rem !important; }
  .me-md-auto {
    margin-right: auto !important; }
  .mb-md-0 {
    margin-bottom: 0 !important; }
  .mb-md-1 {
    margin-bottom: 0.25rem !important; }
  .mb-md-2 {
    margin-bottom: 0.5rem !important; }
  .mb-md-3 {
    margin-bottom: 1rem !important; }
  .mb-md-4 {
    margin-bottom: 1.5rem !important; }
  .mb-md-5 {
    margin-bottom: 3rem !important; }
  .mb-md-auto {
    margin-bottom: auto !important; }
  .mb-md-6 {
    margin-bottom: 3.5rem !important; }
  .mb-md-7 {
    margin-bottom: 4rem !important; }
  .mb-md-8 {
    margin-bottom: 5rem !important; }
  .mb-md-9 {
    margin-bottom: 6rem !important; }
  .mb-md-10 {
    margin-bottom: 8rem !important; }
  .mb-md-11 {
    margin-bottom: 10rem !important; }
  .mb-md-12 {
    margin-bottom: 12rem !important; }
  .mb-md-13 {
    margin-bottom: 14rem !important; }
  .mb-md-14 {
    margin-bottom: 16rem !important; }
  .ms-md-0 {
    margin-left: 0 !important; }
  .ms-md-1 {
    margin-left: 0.25rem !important; }
  .ms-md-2 {
    margin-left: 0.5rem !important; }
  .ms-md-3 {
    margin-left: 1rem !important; }
  .ms-md-4 {
    margin-left: 1.5rem !important; }
  .ms-md-5 {
    margin-left: 3rem !important; }
  .ms-md-auto {
    margin-left: auto !important; }
  .m-md-n1 {
    margin: -0.25rem !important; }
  .m-md-n2 {
    margin: -0.5rem !important; }
  .m-md-n3 {
    margin: -1rem !important; }
  .m-md-n4 {
    margin: -1.5rem !important; }
  .m-md-n5 {
    margin: -3rem !important; }
  .mx-md-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important; }
  .mx-md-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important; }
  .mx-md-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important; }
  .mx-md-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important; }
  .mx-md-n5 {
    margin-right: -3rem !important;
    margin-left: -3rem !important; }
  .my-md-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important; }
  .my-md-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important; }
  .my-md-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important; }
  .my-md-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important; }
  .my-md-n5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important; }
  .mt-md-n1 {
    margin-top: -0.25rem !important; }
  .mt-md-n2 {
    margin-top: -0.5rem !important; }
  .mt-md-n3 {
    margin-top: -1rem !important; }
  .mt-md-n4 {
    margin-top: -1.5rem !important; }
  .mt-md-n5 {
    margin-top: -3rem !important; }
  .me-md-n1 {
    margin-right: -0.25rem !important; }
  .me-md-n2 {
    margin-right: -0.5rem !important; }
  .me-md-n3 {
    margin-right: -1rem !important; }
  .me-md-n4 {
    margin-right: -1.5rem !important; }
  .me-md-n5 {
    margin-right: -3rem !important; }
  .mb-md-n1 {
    margin-bottom: -0.25rem !important; }
  .mb-md-n2 {
    margin-bottom: -0.5rem !important; }
  .mb-md-n3 {
    margin-bottom: -1rem !important; }
  .mb-md-n4 {
    margin-bottom: -1.5rem !important; }
  .mb-md-n5 {
    margin-bottom: -3rem !important; }
  .ms-md-n1 {
    margin-left: -0.25rem !important; }
  .ms-md-n2 {
    margin-left: -0.5rem !important; }
  .ms-md-n3 {
    margin-left: -1rem !important; }
  .ms-md-n4 {
    margin-left: -1.5rem !important; }
  .ms-md-n5 {
    margin-left: -3rem !important; }
  .p-md-0 {
    padding: 0 !important; }
  .p-md-1 {
    padding: 0.25rem !important; }
  .p-md-2 {
    padding: 0.5rem !important; }
  .p-md-3 {
    padding: 1rem !important; }
  .p-md-4 {
    padding: 1.5rem !important; }
  .p-md-5 {
    padding: 3rem !important; }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .pt-md-0 {
    padding-top: 0 !important; }
  .pt-md-1 {
    padding-top: 0.25rem !important; }
  .pt-md-2 {
    padding-top: 0.5rem !important; }
  .pt-md-3 {
    padding-top: 1rem !important; }
  .pt-md-4 {
    padding-top: 1.5rem !important; }
  .pt-md-5 {
    padding-top: 3rem !important; }
  .pe-md-0 {
    padding-right: 0 !important; }
  .pe-md-1 {
    padding-right: 0.25rem !important; }
  .pe-md-2 {
    padding-right: 0.5rem !important; }
  .pe-md-3 {
    padding-right: 1rem !important; }
  .pe-md-4 {
    padding-right: 1.5rem !important; }
  .pe-md-5 {
    padding-right: 3rem !important; }
  .pb-md-0 {
    padding-bottom: 0 !important; }
  .pb-md-1 {
    padding-bottom: 0.25rem !important; }
  .pb-md-2 {
    padding-bottom: 0.5rem !important; }
  .pb-md-3 {
    padding-bottom: 1rem !important; }
  .pb-md-4 {
    padding-bottom: 1.5rem !important; }
  .pb-md-5 {
    padding-bottom: 3rem !important; }
  .ps-md-0 {
    padding-left: 0 !important; }
  .ps-md-1 {
    padding-left: 0.25rem !important; }
  .ps-md-2 {
    padding-left: 0.5rem !important; }
  .ps-md-3 {
    padding-left: 1rem !important; }
  .ps-md-4 {
    padding-left: 1.5rem !important; }
  .ps-md-5 {
    padding-left: 3rem !important; }
  .gap-md-0 {
    gap: 0 !important; }
  .gap-md-1 {
    gap: 0.25rem !important; }
  .gap-md-2 {
    gap: 0.5rem !important; }
  .gap-md-3 {
    gap: 1rem !important; }
  .gap-md-4 {
    gap: 1.5rem !important; }
  .gap-md-5 {
    gap: 3rem !important; }
  .text-md-start {
    text-align: left !important; }
  .text-md-end {
    text-align: right !important; }
  .text-md-center {
    text-align: center !important; } }

@media (min-width: 1024px) {
  .float-lg-start {
    float: left !important; }
  .float-lg-end {
    float: right !important; }
  .float-lg-none {
    float: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-grid {
    display: grid !important; }
  .d-lg-flex {
    display: flex !important;
    flex-wrap: nowrap; }
  .d-lg-inline-flex {
    display: inline-flex !important;
    flex-wrap: nowrap; }
  .d-lg-none {
    display: none !important; }
  .flex-lg-fill {
    flex: 1 1 auto !important; }
  .flex-lg-row {
    flex-direction: row !important; }
  .flex-lg-column {
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-lg-grow-0 {
    flex-grow: 0 !important; }
  .flex-lg-grow-1 {
    flex-grow: 1 !important; }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important; }
  .flex-lg-wrap {
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-lg-start {
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    justify-content: center !important; }
  .justify-content-lg-between {
    justify-content: space-between !important; }
  .justify-content-lg-around {
    justify-content: space-around !important; }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important; }
  .align-items-lg-start {
    align-items: flex-start !important; }
  .align-items-lg-end {
    align-items: flex-end !important; }
  .align-items-lg-center {
    align-items: center !important; }
  .align-items-lg-baseline {
    align-items: baseline !important; }
  .align-items-lg-stretch {
    align-items: stretch !important; }
  .align-content-lg-start {
    align-content: flex-start !important; }
  .align-content-lg-end {
    align-content: flex-end !important; }
  .align-content-lg-center {
    align-content: center !important; }
  .align-content-lg-between {
    align-content: space-between !important; }
  .align-content-lg-around {
    align-content: space-around !important; }
  .align-content-lg-stretch {
    align-content: stretch !important; }
  .align-self-lg-auto {
    align-self: auto !important; }
  .align-self-lg-start {
    align-self: flex-start !important; }
  .align-self-lg-end {
    align-self: flex-end !important; }
  .align-self-lg-center {
    align-self: center !important; }
  .align-self-lg-baseline {
    align-self: baseline !important; }
  .align-self-lg-stretch {
    align-self: stretch !important; }
  .order-lg-first {
    order: -1 !important; }
  .order-lg-0 {
    order: 0 !important; }
  .order-lg-1 {
    order: 1 !important; }
  .order-lg-2 {
    order: 2 !important; }
  .order-lg-3 {
    order: 3 !important; }
  .order-lg-4 {
    order: 4 !important; }
  .order-lg-5 {
    order: 5 !important; }
  .order-lg-last {
    order: 6 !important; }
  .m-lg-0 {
    margin: 0 !important; }
  .m-lg-1 {
    margin: 0.25rem !important; }
  .m-lg-2 {
    margin: 0.5rem !important; }
  .m-lg-3 {
    margin: 1rem !important; }
  .m-lg-4 {
    margin: 1.5rem !important; }
  .m-lg-5 {
    margin: 3rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mt-lg-0 {
    margin-top: 0 !important; }
  .mt-lg-1 {
    margin-top: 0.25rem !important; }
  .mt-lg-2 {
    margin-top: 0.5rem !important; }
  .mt-lg-3 {
    margin-top: 1rem !important; }
  .mt-lg-4 {
    margin-top: 1.5rem !important; }
  .mt-lg-5 {
    margin-top: 3rem !important; }
  .mt-lg-auto {
    margin-top: auto !important; }
  .me-lg-0 {
    margin-right: 0 !important; }
  .me-lg-1 {
    margin-right: 0.25rem !important; }
  .me-lg-2 {
    margin-right: 0.5rem !important; }
  .me-lg-3 {
    margin-right: 1rem !important; }
  .me-lg-4 {
    margin-right: 1.5rem !important; }
  .me-lg-5 {
    margin-right: 3rem !important; }
  .me-lg-auto {
    margin-right: auto !important; }
  .mb-lg-0 {
    margin-bottom: 0 !important; }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important; }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important; }
  .mb-lg-3 {
    margin-bottom: 1rem !important; }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important; }
  .mb-lg-5 {
    margin-bottom: 3rem !important; }
  .mb-lg-auto {
    margin-bottom: auto !important; }
  .mb-lg-6 {
    margin-bottom: 3.5rem !important; }
  .mb-lg-7 {
    margin-bottom: 4rem !important; }
  .mb-lg-8 {
    margin-bottom: 5rem !important; }
  .mb-lg-9 {
    margin-bottom: 6rem !important; }
  .mb-lg-10 {
    margin-bottom: 8rem !important; }
  .mb-lg-11 {
    margin-bottom: 10rem !important; }
  .mb-lg-12 {
    margin-bottom: 12rem !important; }
  .mb-lg-13 {
    margin-bottom: 14rem !important; }
  .mb-lg-14 {
    margin-bottom: 16rem !important; }
  .ms-lg-0 {
    margin-left: 0 !important; }
  .ms-lg-1 {
    margin-left: 0.25rem !important; }
  .ms-lg-2 {
    margin-left: 0.5rem !important; }
  .ms-lg-3 {
    margin-left: 1rem !important; }
  .ms-lg-4 {
    margin-left: 1.5rem !important; }
  .ms-lg-5 {
    margin-left: 3rem !important; }
  .ms-lg-auto {
    margin-left: auto !important; }
  .m-lg-n1 {
    margin: -0.25rem !important; }
  .m-lg-n2 {
    margin: -0.5rem !important; }
  .m-lg-n3 {
    margin: -1rem !important; }
  .m-lg-n4 {
    margin: -1.5rem !important; }
  .m-lg-n5 {
    margin: -3rem !important; }
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important; }
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important; }
  .mx-lg-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important; }
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important; }
  .mx-lg-n5 {
    margin-right: -3rem !important;
    margin-left: -3rem !important; }
  .my-lg-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important; }
  .my-lg-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important; }
  .my-lg-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important; }
  .my-lg-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important; }
  .my-lg-n5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important; }
  .mt-lg-n1 {
    margin-top: -0.25rem !important; }
  .mt-lg-n2 {
    margin-top: -0.5rem !important; }
  .mt-lg-n3 {
    margin-top: -1rem !important; }
  .mt-lg-n4 {
    margin-top: -1.5rem !important; }
  .mt-lg-n5 {
    margin-top: -3rem !important; }
  .me-lg-n1 {
    margin-right: -0.25rem !important; }
  .me-lg-n2 {
    margin-right: -0.5rem !important; }
  .me-lg-n3 {
    margin-right: -1rem !important; }
  .me-lg-n4 {
    margin-right: -1.5rem !important; }
  .me-lg-n5 {
    margin-right: -3rem !important; }
  .mb-lg-n1 {
    margin-bottom: -0.25rem !important; }
  .mb-lg-n2 {
    margin-bottom: -0.5rem !important; }
  .mb-lg-n3 {
    margin-bottom: -1rem !important; }
  .mb-lg-n4 {
    margin-bottom: -1.5rem !important; }
  .mb-lg-n5 {
    margin-bottom: -3rem !important; }
  .ms-lg-n1 {
    margin-left: -0.25rem !important; }
  .ms-lg-n2 {
    margin-left: -0.5rem !important; }
  .ms-lg-n3 {
    margin-left: -1rem !important; }
  .ms-lg-n4 {
    margin-left: -1.5rem !important; }
  .ms-lg-n5 {
    margin-left: -3rem !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .p-lg-1 {
    padding: 0.25rem !important; }
  .p-lg-2 {
    padding: 0.5rem !important; }
  .p-lg-3 {
    padding: 1rem !important; }
  .p-lg-4 {
    padding: 1.5rem !important; }
  .p-lg-5 {
    padding: 3rem !important; }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .pt-lg-0 {
    padding-top: 0 !important; }
  .pt-lg-1 {
    padding-top: 0.25rem !important; }
  .pt-lg-2 {
    padding-top: 0.5rem !important; }
  .pt-lg-3 {
    padding-top: 1rem !important; }
  .pt-lg-4 {
    padding-top: 1.5rem !important; }
  .pt-lg-5 {
    padding-top: 3rem !important; }
  .pe-lg-0 {
    padding-right: 0 !important; }
  .pe-lg-1 {
    padding-right: 0.25rem !important; }
  .pe-lg-2 {
    padding-right: 0.5rem !important; }
  .pe-lg-3 {
    padding-right: 1rem !important; }
  .pe-lg-4 {
    padding-right: 1.5rem !important; }
  .pe-lg-5 {
    padding-right: 3rem !important; }
  .pb-lg-0 {
    padding-bottom: 0 !important; }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important; }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important; }
  .pb-lg-3 {
    padding-bottom: 1rem !important; }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important; }
  .pb-lg-5 {
    padding-bottom: 3rem !important; }
  .ps-lg-0 {
    padding-left: 0 !important; }
  .ps-lg-1 {
    padding-left: 0.25rem !important; }
  .ps-lg-2 {
    padding-left: 0.5rem !important; }
  .ps-lg-3 {
    padding-left: 1rem !important; }
  .ps-lg-4 {
    padding-left: 1.5rem !important; }
  .ps-lg-5 {
    padding-left: 3rem !important; }
  .gap-lg-0 {
    gap: 0 !important; }
  .gap-lg-1 {
    gap: 0.25rem !important; }
  .gap-lg-2 {
    gap: 0.5rem !important; }
  .gap-lg-3 {
    gap: 1rem !important; }
  .gap-lg-4 {
    gap: 1.5rem !important; }
  .gap-lg-5 {
    gap: 3rem !important; }
  .text-lg-start {
    text-align: left !important; }
  .text-lg-end {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1280px) {
  .float-xl-start {
    float: left !important; }
  .float-xl-end {
    float: right !important; }
  .float-xl-none {
    float: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-grid {
    display: grid !important; }
  .d-xl-flex {
    display: flex !important;
    flex-wrap: nowrap; }
  .d-xl-inline-flex {
    display: inline-flex !important;
    flex-wrap: nowrap; }
  .d-xl-none {
    display: none !important; }
  .flex-xl-fill {
    flex: 1 1 auto !important; }
  .flex-xl-row {
    flex-direction: row !important; }
  .flex-xl-column {
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xl-grow-0 {
    flex-grow: 0 !important; }
  .flex-xl-grow-1 {
    flex-grow: 1 !important; }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important; }
  .flex-xl-wrap {
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-xl-start {
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    justify-content: center !important; }
  .justify-content-xl-between {
    justify-content: space-between !important; }
  .justify-content-xl-around {
    justify-content: space-around !important; }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important; }
  .align-items-xl-start {
    align-items: flex-start !important; }
  .align-items-xl-end {
    align-items: flex-end !important; }
  .align-items-xl-center {
    align-items: center !important; }
  .align-items-xl-baseline {
    align-items: baseline !important; }
  .align-items-xl-stretch {
    align-items: stretch !important; }
  .align-content-xl-start {
    align-content: flex-start !important; }
  .align-content-xl-end {
    align-content: flex-end !important; }
  .align-content-xl-center {
    align-content: center !important; }
  .align-content-xl-between {
    align-content: space-between !important; }
  .align-content-xl-around {
    align-content: space-around !important; }
  .align-content-xl-stretch {
    align-content: stretch !important; }
  .align-self-xl-auto {
    align-self: auto !important; }
  .align-self-xl-start {
    align-self: flex-start !important; }
  .align-self-xl-end {
    align-self: flex-end !important; }
  .align-self-xl-center {
    align-self: center !important; }
  .align-self-xl-baseline {
    align-self: baseline !important; }
  .align-self-xl-stretch {
    align-self: stretch !important; }
  .order-xl-first {
    order: -1 !important; }
  .order-xl-0 {
    order: 0 !important; }
  .order-xl-1 {
    order: 1 !important; }
  .order-xl-2 {
    order: 2 !important; }
  .order-xl-3 {
    order: 3 !important; }
  .order-xl-4 {
    order: 4 !important; }
  .order-xl-5 {
    order: 5 !important; }
  .order-xl-last {
    order: 6 !important; }
  .m-xl-0 {
    margin: 0 !important; }
  .m-xl-1 {
    margin: 0.25rem !important; }
  .m-xl-2 {
    margin: 0.5rem !important; }
  .m-xl-3 {
    margin: 1rem !important; }
  .m-xl-4 {
    margin: 1.5rem !important; }
  .m-xl-5 {
    margin: 3rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mt-xl-0 {
    margin-top: 0 !important; }
  .mt-xl-1 {
    margin-top: 0.25rem !important; }
  .mt-xl-2 {
    margin-top: 0.5rem !important; }
  .mt-xl-3 {
    margin-top: 1rem !important; }
  .mt-xl-4 {
    margin-top: 1.5rem !important; }
  .mt-xl-5 {
    margin-top: 3rem !important; }
  .mt-xl-auto {
    margin-top: auto !important; }
  .me-xl-0 {
    margin-right: 0 !important; }
  .me-xl-1 {
    margin-right: 0.25rem !important; }
  .me-xl-2 {
    margin-right: 0.5rem !important; }
  .me-xl-3 {
    margin-right: 1rem !important; }
  .me-xl-4 {
    margin-right: 1.5rem !important; }
  .me-xl-5 {
    margin-right: 3rem !important; }
  .me-xl-auto {
    margin-right: auto !important; }
  .mb-xl-0 {
    margin-bottom: 0 !important; }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important; }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important; }
  .mb-xl-3 {
    margin-bottom: 1rem !important; }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important; }
  .mb-xl-5 {
    margin-bottom: 3rem !important; }
  .mb-xl-auto {
    margin-bottom: auto !important; }
  .mb-xl-6 {
    margin-bottom: 3.5rem !important; }
  .mb-xl-7 {
    margin-bottom: 4rem !important; }
  .mb-xl-8 {
    margin-bottom: 5rem !important; }
  .mb-xl-9 {
    margin-bottom: 6rem !important; }
  .mb-xl-10 {
    margin-bottom: 8rem !important; }
  .mb-xl-11 {
    margin-bottom: 10rem !important; }
  .mb-xl-12 {
    margin-bottom: 12rem !important; }
  .mb-xl-13 {
    margin-bottom: 14rem !important; }
  .mb-xl-14 {
    margin-bottom: 16rem !important; }
  .ms-xl-0 {
    margin-left: 0 !important; }
  .ms-xl-1 {
    margin-left: 0.25rem !important; }
  .ms-xl-2 {
    margin-left: 0.5rem !important; }
  .ms-xl-3 {
    margin-left: 1rem !important; }
  .ms-xl-4 {
    margin-left: 1.5rem !important; }
  .ms-xl-5 {
    margin-left: 3rem !important; }
  .ms-xl-auto {
    margin-left: auto !important; }
  .m-xl-n1 {
    margin: -0.25rem !important; }
  .m-xl-n2 {
    margin: -0.5rem !important; }
  .m-xl-n3 {
    margin: -1rem !important; }
  .m-xl-n4 {
    margin: -1.5rem !important; }
  .m-xl-n5 {
    margin: -3rem !important; }
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important; }
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important; }
  .mx-xl-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important; }
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important; }
  .mx-xl-n5 {
    margin-right: -3rem !important;
    margin-left: -3rem !important; }
  .my-xl-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important; }
  .my-xl-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important; }
  .my-xl-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important; }
  .my-xl-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important; }
  .my-xl-n5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important; }
  .mt-xl-n1 {
    margin-top: -0.25rem !important; }
  .mt-xl-n2 {
    margin-top: -0.5rem !important; }
  .mt-xl-n3 {
    margin-top: -1rem !important; }
  .mt-xl-n4 {
    margin-top: -1.5rem !important; }
  .mt-xl-n5 {
    margin-top: -3rem !important; }
  .me-xl-n1 {
    margin-right: -0.25rem !important; }
  .me-xl-n2 {
    margin-right: -0.5rem !important; }
  .me-xl-n3 {
    margin-right: -1rem !important; }
  .me-xl-n4 {
    margin-right: -1.5rem !important; }
  .me-xl-n5 {
    margin-right: -3rem !important; }
  .mb-xl-n1 {
    margin-bottom: -0.25rem !important; }
  .mb-xl-n2 {
    margin-bottom: -0.5rem !important; }
  .mb-xl-n3 {
    margin-bottom: -1rem !important; }
  .mb-xl-n4 {
    margin-bottom: -1.5rem !important; }
  .mb-xl-n5 {
    margin-bottom: -3rem !important; }
  .ms-xl-n1 {
    margin-left: -0.25rem !important; }
  .ms-xl-n2 {
    margin-left: -0.5rem !important; }
  .ms-xl-n3 {
    margin-left: -1rem !important; }
  .ms-xl-n4 {
    margin-left: -1.5rem !important; }
  .ms-xl-n5 {
    margin-left: -3rem !important; }
  .p-xl-0 {
    padding: 0 !important; }
  .p-xl-1 {
    padding: 0.25rem !important; }
  .p-xl-2 {
    padding: 0.5rem !important; }
  .p-xl-3 {
    padding: 1rem !important; }
  .p-xl-4 {
    padding: 1.5rem !important; }
  .p-xl-5 {
    padding: 3rem !important; }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .pt-xl-0 {
    padding-top: 0 !important; }
  .pt-xl-1 {
    padding-top: 0.25rem !important; }
  .pt-xl-2 {
    padding-top: 0.5rem !important; }
  .pt-xl-3 {
    padding-top: 1rem !important; }
  .pt-xl-4 {
    padding-top: 1.5rem !important; }
  .pt-xl-5 {
    padding-top: 3rem !important; }
  .pe-xl-0 {
    padding-right: 0 !important; }
  .pe-xl-1 {
    padding-right: 0.25rem !important; }
  .pe-xl-2 {
    padding-right: 0.5rem !important; }
  .pe-xl-3 {
    padding-right: 1rem !important; }
  .pe-xl-4 {
    padding-right: 1.5rem !important; }
  .pe-xl-5 {
    padding-right: 3rem !important; }
  .pb-xl-0 {
    padding-bottom: 0 !important; }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important; }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important; }
  .pb-xl-3 {
    padding-bottom: 1rem !important; }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important; }
  .pb-xl-5 {
    padding-bottom: 3rem !important; }
  .ps-xl-0 {
    padding-left: 0 !important; }
  .ps-xl-1 {
    padding-left: 0.25rem !important; }
  .ps-xl-2 {
    padding-left: 0.5rem !important; }
  .ps-xl-3 {
    padding-left: 1rem !important; }
  .ps-xl-4 {
    padding-left: 1.5rem !important; }
  .ps-xl-5 {
    padding-left: 3rem !important; }
  .gap-xl-0 {
    gap: 0 !important; }
  .gap-xl-1 {
    gap: 0.25rem !important; }
  .gap-xl-2 {
    gap: 0.5rem !important; }
  .gap-xl-3 {
    gap: 1rem !important; }
  .gap-xl-4 {
    gap: 1.5rem !important; }
  .gap-xl-5 {
    gap: 3rem !important; }
  .text-xl-start {
    text-align: left !important; }
  .text-xl-end {
    text-align: right !important; }
  .text-xl-center {
    text-align: center !important; } }

@media (min-width: 1440px) {
  .float-xxl-start {
    float: left !important; }
  .float-xxl-end {
    float: right !important; }
  .float-xxl-none {
    float: none !important; }
  .d-xxl-inline {
    display: inline !important; }
  .d-xxl-inline-block {
    display: inline-block !important; }
  .d-xxl-block {
    display: block !important; }
  .d-xxl-grid {
    display: grid !important; }
  .d-xxl-flex {
    display: flex !important;
    flex-wrap: nowrap; }
  .d-xxl-inline-flex {
    display: inline-flex !important;
    flex-wrap: nowrap; }
  .d-xxl-none {
    display: none !important; }
  .flex-xxl-fill {
    flex: 1 1 auto !important; }
  .flex-xxl-row {
    flex-direction: row !important; }
  .flex-xxl-column {
    flex-direction: column !important; }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important; }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important; }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important; }
  .flex-xxl-wrap {
    flex-wrap: wrap !important; }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-xxl-start {
    justify-content: flex-start !important; }
  .justify-content-xxl-end {
    justify-content: flex-end !important; }
  .justify-content-xxl-center {
    justify-content: center !important; }
  .justify-content-xxl-between {
    justify-content: space-between !important; }
  .justify-content-xxl-around {
    justify-content: space-around !important; }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important; }
  .align-items-xxl-start {
    align-items: flex-start !important; }
  .align-items-xxl-end {
    align-items: flex-end !important; }
  .align-items-xxl-center {
    align-items: center !important; }
  .align-items-xxl-baseline {
    align-items: baseline !important; }
  .align-items-xxl-stretch {
    align-items: stretch !important; }
  .align-content-xxl-start {
    align-content: flex-start !important; }
  .align-content-xxl-end {
    align-content: flex-end !important; }
  .align-content-xxl-center {
    align-content: center !important; }
  .align-content-xxl-between {
    align-content: space-between !important; }
  .align-content-xxl-around {
    align-content: space-around !important; }
  .align-content-xxl-stretch {
    align-content: stretch !important; }
  .align-self-xxl-auto {
    align-self: auto !important; }
  .align-self-xxl-start {
    align-self: flex-start !important; }
  .align-self-xxl-end {
    align-self: flex-end !important; }
  .align-self-xxl-center {
    align-self: center !important; }
  .align-self-xxl-baseline {
    align-self: baseline !important; }
  .align-self-xxl-stretch {
    align-self: stretch !important; }
  .order-xxl-first {
    order: -1 !important; }
  .order-xxl-0 {
    order: 0 !important; }
  .order-xxl-1 {
    order: 1 !important; }
  .order-xxl-2 {
    order: 2 !important; }
  .order-xxl-3 {
    order: 3 !important; }
  .order-xxl-4 {
    order: 4 !important; }
  .order-xxl-5 {
    order: 5 !important; }
  .order-xxl-last {
    order: 6 !important; }
  .m-xxl-0 {
    margin: 0 !important; }
  .m-xxl-1 {
    margin: 0.25rem !important; }
  .m-xxl-2 {
    margin: 0.5rem !important; }
  .m-xxl-3 {
    margin: 1rem !important; }
  .m-xxl-4 {
    margin: 1.5rem !important; }
  .m-xxl-5 {
    margin: 3rem !important; }
  .m-xxl-auto {
    margin: auto !important; }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mt-xxl-0 {
    margin-top: 0 !important; }
  .mt-xxl-1 {
    margin-top: 0.25rem !important; }
  .mt-xxl-2 {
    margin-top: 0.5rem !important; }
  .mt-xxl-3 {
    margin-top: 1rem !important; }
  .mt-xxl-4 {
    margin-top: 1.5rem !important; }
  .mt-xxl-5 {
    margin-top: 3rem !important; }
  .mt-xxl-auto {
    margin-top: auto !important; }
  .me-xxl-0 {
    margin-right: 0 !important; }
  .me-xxl-1 {
    margin-right: 0.25rem !important; }
  .me-xxl-2 {
    margin-right: 0.5rem !important; }
  .me-xxl-3 {
    margin-right: 1rem !important; }
  .me-xxl-4 {
    margin-right: 1.5rem !important; }
  .me-xxl-5 {
    margin-right: 3rem !important; }
  .me-xxl-auto {
    margin-right: auto !important; }
  .mb-xxl-0 {
    margin-bottom: 0 !important; }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important; }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important; }
  .mb-xxl-3 {
    margin-bottom: 1rem !important; }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important; }
  .mb-xxl-5 {
    margin-bottom: 3rem !important; }
  .mb-xxl-auto {
    margin-bottom: auto !important; }
  .mb-xxl-6 {
    margin-bottom: 3.5rem !important; }
  .mb-xxl-7 {
    margin-bottom: 4rem !important; }
  .mb-xxl-8 {
    margin-bottom: 5rem !important; }
  .mb-xxl-9 {
    margin-bottom: 6rem !important; }
  .mb-xxl-10 {
    margin-bottom: 8rem !important; }
  .mb-xxl-11 {
    margin-bottom: 10rem !important; }
  .mb-xxl-12 {
    margin-bottom: 12rem !important; }
  .mb-xxl-13 {
    margin-bottom: 14rem !important; }
  .mb-xxl-14 {
    margin-bottom: 16rem !important; }
  .ms-xxl-0 {
    margin-left: 0 !important; }
  .ms-xxl-1 {
    margin-left: 0.25rem !important; }
  .ms-xxl-2 {
    margin-left: 0.5rem !important; }
  .ms-xxl-3 {
    margin-left: 1rem !important; }
  .ms-xxl-4 {
    margin-left: 1.5rem !important; }
  .ms-xxl-5 {
    margin-left: 3rem !important; }
  .ms-xxl-auto {
    margin-left: auto !important; }
  .m-xxl-n1 {
    margin: -0.25rem !important; }
  .m-xxl-n2 {
    margin: -0.5rem !important; }
  .m-xxl-n3 {
    margin: -1rem !important; }
  .m-xxl-n4 {
    margin: -1.5rem !important; }
  .m-xxl-n5 {
    margin: -3rem !important; }
  .mx-xxl-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important; }
  .mx-xxl-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important; }
  .mx-xxl-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important; }
  .mx-xxl-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important; }
  .mx-xxl-n5 {
    margin-right: -3rem !important;
    margin-left: -3rem !important; }
  .my-xxl-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important; }
  .my-xxl-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important; }
  .my-xxl-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important; }
  .my-xxl-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important; }
  .my-xxl-n5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important; }
  .mt-xxl-n1 {
    margin-top: -0.25rem !important; }
  .mt-xxl-n2 {
    margin-top: -0.5rem !important; }
  .mt-xxl-n3 {
    margin-top: -1rem !important; }
  .mt-xxl-n4 {
    margin-top: -1.5rem !important; }
  .mt-xxl-n5 {
    margin-top: -3rem !important; }
  .me-xxl-n1 {
    margin-right: -0.25rem !important; }
  .me-xxl-n2 {
    margin-right: -0.5rem !important; }
  .me-xxl-n3 {
    margin-right: -1rem !important; }
  .me-xxl-n4 {
    margin-right: -1.5rem !important; }
  .me-xxl-n5 {
    margin-right: -3rem !important; }
  .mb-xxl-n1 {
    margin-bottom: -0.25rem !important; }
  .mb-xxl-n2 {
    margin-bottom: -0.5rem !important; }
  .mb-xxl-n3 {
    margin-bottom: -1rem !important; }
  .mb-xxl-n4 {
    margin-bottom: -1.5rem !important; }
  .mb-xxl-n5 {
    margin-bottom: -3rem !important; }
  .ms-xxl-n1 {
    margin-left: -0.25rem !important; }
  .ms-xxl-n2 {
    margin-left: -0.5rem !important; }
  .ms-xxl-n3 {
    margin-left: -1rem !important; }
  .ms-xxl-n4 {
    margin-left: -1.5rem !important; }
  .ms-xxl-n5 {
    margin-left: -3rem !important; }
  .p-xxl-0 {
    padding: 0 !important; }
  .p-xxl-1 {
    padding: 0.25rem !important; }
  .p-xxl-2 {
    padding: 0.5rem !important; }
  .p-xxl-3 {
    padding: 1rem !important; }
  .p-xxl-4 {
    padding: 1.5rem !important; }
  .p-xxl-5 {
    padding: 3rem !important; }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .pt-xxl-0 {
    padding-top: 0 !important; }
  .pt-xxl-1 {
    padding-top: 0.25rem !important; }
  .pt-xxl-2 {
    padding-top: 0.5rem !important; }
  .pt-xxl-3 {
    padding-top: 1rem !important; }
  .pt-xxl-4 {
    padding-top: 1.5rem !important; }
  .pt-xxl-5 {
    padding-top: 3rem !important; }
  .pe-xxl-0 {
    padding-right: 0 !important; }
  .pe-xxl-1 {
    padding-right: 0.25rem !important; }
  .pe-xxl-2 {
    padding-right: 0.5rem !important; }
  .pe-xxl-3 {
    padding-right: 1rem !important; }
  .pe-xxl-4 {
    padding-right: 1.5rem !important; }
  .pe-xxl-5 {
    padding-right: 3rem !important; }
  .pb-xxl-0 {
    padding-bottom: 0 !important; }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important; }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important; }
  .pb-xxl-3 {
    padding-bottom: 1rem !important; }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important; }
  .pb-xxl-5 {
    padding-bottom: 3rem !important; }
  .ps-xxl-0 {
    padding-left: 0 !important; }
  .ps-xxl-1 {
    padding-left: 0.25rem !important; }
  .ps-xxl-2 {
    padding-left: 0.5rem !important; }
  .ps-xxl-3 {
    padding-left: 1rem !important; }
  .ps-xxl-4 {
    padding-left: 1.5rem !important; }
  .ps-xxl-5 {
    padding-left: 3rem !important; }
  .gap-xxl-0 {
    gap: 0 !important; }
  .gap-xxl-1 {
    gap: 0.25rem !important; }
  .gap-xxl-2 {
    gap: 0.5rem !important; }
  .gap-xxl-3 {
    gap: 1rem !important; }
  .gap-xxl-4 {
    gap: 1.5rem !important; }
  .gap-xxl-5 {
    gap: 3rem !important; }
  .text-xxl-start {
    text-align: left !important; }
  .text-xxl-end {
    text-align: right !important; }
  .text-xxl-center {
    text-align: center !important; } }

.diagonal-fractions {
  font-variant-numeric: diagonal-fractions; }

@media (min-width: 1280px) {
  .w-responsive {
    width: 75%; } }

hr.divider-horizontal:not([size]) {
  height: 2px; }

.divider-horizontal {
  height: 2px;
  background-color: #f5f7f9;
  opacity: 1; }

.divider-vertical {
  display: inline-block;
  width: 2px;
  margin: 0 1rem;
  background-color: #f5f7f9;
  opacity: 1; }

hr.divider-horizontal-blurry {
  background-color: transparent;
  background-image: linear-gradient(90deg, transparent, #666666, transparent); }

hr.divider-vertical-blurry {
  top: 0;
  right: 0;
  width: 1px;
  background-color: transparent;
  background-image: linear-gradient(180deg, transparent, #666666, transparent); }

meta.foundation-version {
  font-family: "/5.5.3/"; }

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0; }

meta.foundation-mq-small-only {
  font-family: "/only screen and (max-width: 600px)/";
  width: 0; }

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:600px)/";
  width: 600px; }

meta.foundation-mq-medium-only {
  font-family: "/only screen and (min-width:600px) and (max-width:1024px)/";
  width: 600px; }

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:1024px)/";
  width: 1024px; }

meta.foundation-mq-large-only {
  font-family: "/only screen and (min-width:1024px) and (max-width:1440px)/";
  width: 1024px; }

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:1440px)/";
  width: 1440px; }

meta.foundation-mq-xlarge-only {
  font-family: "/only screen and (min-width:1440px) and (max-width:1681px)/";
  width: 1440px; }

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:1681px)/";
  width: 1681px; }

meta.foundation-data-attribute-namespace {
  font-family: false; }

.card {
  contain: layout style; }
  .card .card-image {
    position: relative;
    background-color: #f5f7f9;
    overflow: hidden;
    aspect-ratio: 4 / 5; }
    .card .card-image[data-aspect='square'] {
      aspect-ratio: 1 / 1; }
    .card .card-image[data-aspect='portrait'] {
      aspect-ratio: 3 / 4; }
    .card .card-image img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain; }
  .card .card-body .price-section {
    min-height: 24px; }
  .card .card-body .rating-section {
    min-height: 20px; }
  .card .card-actions {
    display: flex;
    flex-wrap: nowrap;
    min-height: 48px;
    align-items: center; }
    .card .card-actions:empty::before {
      display: block;
      height: 48px;
      content: ''; }

.heroCarousel {
  position: relative;
  min-height: 400px; }
  .heroCarousel .slick-list {
    height: 100% !important; }
  .heroCarousel .slick-track {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center; }
  .heroCarousel .heroCarousel-slide {
    display: flex !important;
    flex-wrap: nowrap;
    height: 100%;
    align-items: center; }
  @media (min-width: 768px) {
    .heroCarousel {
      min-height: 500px; } }
  @media (min-width: 1024px) {
    .heroCarousel {
      min-height: 600px; } }

body {
  font-family: 'Inter', 'InterDisplay', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji';
  line-height: 1.5;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%; }

h1,
h2,
h3,
h4,
h5,
h6,
.heading {
  font-synthesis: none; }
  h1:not(.loaded),
  h2:not(.loaded),
  h3:not(.loaded),
  h4:not(.loaded),
  h5:not(.loaded),
  h6:not(.loaded),
  .heading:not(.loaded) {
    letter-spacing: -0.02em; }

.navPages {
  min-height: 48px; }
  .navPages .navPages-item {
    position: relative; }
    .navPages .navPages-item .badge {
      position: absolute;
      top: -8px;
      right: -8px; }

.productView-options .form-field {
  min-height: 80px; }
  .productView-options .form-field .form-inlineMessage {
    position: absolute;
    font-size: 0.875rem; }

[data-slick]:not(.slick-initialized) .productCarousel-slide {
  display: none; }
  [data-slick]:not(.slick-initialized) .productCarousel-slide:first-child {
    display: block; }

img[data-src],
img.lazyload:not(.lazyloaded) {
  background: #f5f7f9; }
  img[data-src]::before,
  img.lazyload:not(.lazyloaded)::before {
    position: absolute;
    transform: translateX(-100%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
    -webkit-animation: shimmer 2s infinite;
    animation: shimmer 2s infinite;
    inset: 0;
    content: ''; }

@-webkit-keyframes shimmer {
  100% {
    transform: translateX(100%); } }

@keyframes shimmer {
  100% {
    transform: translateX(100%); } }

.page-content {
  min-height: 50vh;
  contain: layout; }

.modal.open body {
  padding-right: var(--scrollbar-width, 0);
  overflow: hidden; }

input,
select,
textarea {
  box-sizing: border-box; }
  @media (max-width: 768px) {
    input,
    select,
    textarea {
      font-size: 16px !important; } }

.u-block {
  display: block !important; }

.u-inlineBlock {
  display: inline-block !important;
  max-width: 100% !important; }

.u-hidden {
  display: none !important; }

.u-hiddenVisually {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.is-srOnly {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.u-textAlignCenter {
  text-align: center !important; }

.u-textAlignLeft {
  text-align: left !important; }

.u-textAlignRight {
  text-align: right !important; }

.u-textBreak {
  word-wrap: break-word !important; }

.u-textInheritColor {
  color: inherit !important; }

.u-textKern {
  text-rendering: optimizeLegibility !important;
  font-feature-settings: "kern" 1 !important;
  font-kerning: normal !important; }

.u-textLead {
  line-height: 1.6 !important;
  font-size: 1.1em !important; }

.u-textNoWrap {
  white-space: nowrap !important; }

.u-textTruncate {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  word-wrap: normal !important; }

.u-fontSmoothing {
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-font-smoothing: antialiased !important; }

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }
  .animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

.animated-loading {
  background: linear-gradient(to right, #cccccc 4%, #f3f5f6 25%, #cccccc 36%);
  background-size: 1200px 100%;
  -webkit-animation-name: shimmer;
  animation-name: shimmer;
  -webkit-animation-duration: 2.2s;
  animation-duration: 2.2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }
  .animated-loading .progress-shipping,
  .animated-loading .shipping-message {
    opacity: 0; }
  @media (prefers-reduced-motion: reduce) {
    .animated-loading {
      -webkit-animation: none;
      animation: none; } }

@-webkit-keyframes load-ani {
  100% {
    transform: rotate(360deg); } }

@keyframes load-ani {
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 40px 0; } }

@keyframes progress-bar-stripes {
  from {
    transform: translateX(0) translateZ(0); }
  to {
    transform: translateX(40px) translateZ(0); } }

@-webkit-keyframes load-animate {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(180deg);
    opacity: 0.35; }
  100% {
    transform: rotate(360deg); } }

@keyframes load-animate {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(180deg);
    opacity: 0.35; }
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes fadeInUp {
  from {
    transform: translate3d(0, 100%, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes fadeInUp {
  from {
    transform: translate3d(0, 100%, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    transform: translate3d(0, 100%, 0);
    opacity: 0; } }

@keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    transform: translate3d(0, 100%, 0);
    opacity: 0; } }

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  from {
    transform: translate3d(0, -100%, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes fadeInDown {
  from {
    transform: translate3d(0, -100%, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes animationRotate {
  from {
    transform: rotateZ(-8deg) scale(1.2);
    opacity: 0; }
  to {
    transform: none;
    opacity: 1; } }

@keyframes animationRotate {
  from {
    transform: rotateZ(-8deg) scale(1.2);
    opacity: 0; }
  to {
    transform: none;
    opacity: 1; } }

@-webkit-keyframes zoom-animation {
  from {
    transform: scale3d(1, 1, 1); }
  50% {
    transform: scale3d(1.55, 1.55, 1); }
  to {
    transform: scale3d(1, 1, 1); } }

@keyframes zoom-animation {
  from {
    transform: scale3d(1, 1, 1); }
  50% {
    transform: scale3d(1.55, 1.55, 1); }
  to {
    transform: scale3d(1, 1, 1); } }

@-webkit-keyframes zoom-animation-2 {
  from {
    transform: scale3d(1, 1, 1); }
  50% {
    transform: scale3d(2.1, 2.1, 1); }
  to {
    transform: scale3d(1, 1, 1); } }

@keyframes zoom-animation-2 {
  from {
    transform: scale3d(1, 1, 1); }
  50% {
    transform: scale3d(2.1, 2.1, 1); }
  to {
    transform: scale3d(1, 1, 1); } }

@-webkit-keyframes zoom-animation-3 {
  from {
    transform: scale3d(2, 2, 1); }
  50% {
    transform: scale3d(3, 3, 1); }
  to {
    transform: scale3d(2, 2, 1); } }

@keyframes zoom-animation-3 {
  from {
    transform: scale3d(2, 2, 1); }
  50% {
    transform: scale3d(3, 3, 1); }
  to {
    transform: scale3d(2, 2, 1); } }

@-webkit-keyframes zoom-animation-4 {
  from {
    transform: scale3d(1, 1, 1); }
  to {
    transform: scale3d(1.55, 1.55, 1.55); } }

@keyframes zoom-animation-4 {
  from {
    transform: scale3d(1, 1, 1); }
  to {
    transform: scale3d(1.55, 1.55, 1.55); } }

@-webkit-keyframes shimmer {
  0% {
    background-position: -1200px 0; }
  100% {
    background-position: 1200px 0; } }

@keyframes shimmer {
  0% {
    transform: translateX(-1200px) translateZ(0); }
  100% {
    transform: translateX(1200px) translateZ(0); } }

.shimmer-element {
  position: relative;
  overflow: hidden; }
  .shimmer-element::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);
    -webkit-animation: shimmer 2s infinite linear;
    animation: shimmer 2s infinite linear;
    content: '';
    will-change: transform; }
    @media (prefers-reduced-motion: reduce) {
      .shimmer-element::before {
        -webkit-animation: none;
        animation: none; } }

@-webkit-keyframes movingUp {
  0% {
    transform: translate3d(0, 10px, 0);
    visibility: visible; }
  50% {
    transform: translate3d(0, -10px, 0); }
  100% {
    transform: translate3d(0, 10px, 0);
    visibility: visible; } }

@keyframes movingUp {
  0% {
    transform: translate3d(0, 10px, 0); }
  50% {
    transform: translate3d(0, -10px, 0); }
  100% {
    transform: translate3d(0, 10px, 0); } }

@-webkit-keyframes haloFadeInLeft {
  from {
    transform: translate3d(-50%, 0, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes haloFadeInLeft {
  from {
    transform: translate3d(-50%, 0, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.haloFadeInLeft {
  -webkit-animation-name: haloFadeInLeft;
  animation-name: haloFadeInLeft; }

@-webkit-keyframes haloFadeOutRight {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  to {
    transform: translate3d(50%, 0, 0);
    opacity: 0; } }

@keyframes haloFadeOutRight {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  to {
    transform: translate3d(50%, 0, 0);
    opacity: 0; } }

@-webkit-keyframes scaleLeftToRight {
  0% {
    transform: translateX(-48px) scale(0);
    opacity: 0; }
  100% {
    transform: translateX(0) scale(1);
    opacity: 1; } }

@keyframes scaleLeftToRight {
  0% {
    transform: translateX(-48px) scale(0);
    opacity: 0; }
  100% {
    transform: translateX(0) scale(1);
    opacity: 1; } }

@-webkit-keyframes scaleRightToLeft {
  0% {
    transform: translateX(0) scale(1);
    opacity: 1; }
  100% {
    transform: translateX(-48px) scale(0);
    opacity: 0; } }

@keyframes scaleRightToLeft {
  0% {
    transform: translateX(0) scale(1);
    opacity: 1; }
  100% {
    transform: translateX(-48px) scale(0);
    opacity: 0; } }

.haloFadeOutRight {
  -webkit-animation-name: haloFadeOutRight;
  animation-name: haloFadeOutRight; }

@-webkit-keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.glightbox-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999 !important;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: 0; }

.glightbox-container.inactive {
  display: none; }

.glightbox-container .gcontainer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: hidden; }

.glightbox-container .gslider {
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease,-webkit-transform .4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.glightbox-container .gslide {
  width: 100%;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0; }

.glightbox-container .gslide.current {
  opacity: 1;
  z-index: 99999;
  position: relative; }

.glightbox-container .gslide.prev {
  opacity: 1;
  z-index: 9999; }

.glightbox-container .gslide-inner-content {
  width: 100%; }

.glightbox-container .ginner-container {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 100%;
  margin: auto;
  height: 100vh; }

.glightbox-container .ginner-container.gvideo-container {
  width: 100%; }

.glightbox-container .ginner-container.desc-bottom, .glightbox-container .ginner-container.desc-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.glightbox-container .ginner-container.desc-left, .glightbox-container .ginner-container.desc-right {
  max-width: 100% !important; }

.gslide iframe, .gslide video {
  outline: 0 !important;
  border: none;
  min-height: 165px;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: auto;
  touch-action: auto; }

.gslide:not(.current) {
  pointer-events: none; }

.gslide-image {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.gslide-image img {
  max-height: 100vh;
  display: block;
  padding: 0;
  float: none;
  outline: 0;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100vw;
  width: auto;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -ms-touch-action: none;
  touch-action: none;
  margin: auto;
  min-width: 200px; }

.desc-bottom .gslide-image img, .desc-top .gslide-image img {
  width: auto; }

.desc-left .gslide-image img, .desc-right .gslide-image img {
  width: auto;
  max-width: 100%; }

.gslide-image img.zoomable {
  position: relative; }

.gslide-image img.dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none; }

.gslide-video {
  position: relative;
  max-width: 100vh;
  width: 100% !important; }

.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
  display: none; }

.gslide-video .gvideo-wrapper {
  width: 100%;
  margin: auto; }

.gslide-video::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 0, 0, 0.34);
  display: none; }

.gslide-video.playing::before {
  display: none; }

.gslide-video.fullscreen {
  max-width: 100% !important;
  min-width: 100%;
  height: 75vh; }

.gslide-video.fullscreen video {
  max-width: 100% !important;
  width: 100% !important; }

.gslide-inline {
  background: #fff;
  text-align: left;
  max-height: calc(100vh - 40px);
  overflow: auto;
  max-width: 100%;
  margin: auto; }

.gslide-inline .ginlined-content {
  padding: 20px;
  width: 100%; }

.gslide-inline .dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none; }

.ginlined-content {
  overflow: auto;
  display: block !important;
  opacity: 1; }

.gslide-external {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 100%;
  background: #fff;
  padding: 0;
  overflow: auto;
  max-height: 75vh;
  height: 100%; }

.gslide-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto; }

.zoomed .gslide-media {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.desc-bottom .gslide-media, .desc-top .gslide-media {
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.gslide-description {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%; }

.gslide-description.description-left, .gslide-description.description-right {
  max-width: 100%; }

.gslide-description.description-bottom, .gslide-description.description-top {
  margin: 0 auto;
  width: 100%; }

.gslide-description p {
  margin-bottom: 12px; }

.gslide-description p:last-child {
  margin-bottom: 0; }

.zoomed .gslide-description {
  display: none; }

.glightbox-button-hidden {
  display: none; }

.glightbox-mobile .glightbox-container .gslide-description {
  height: auto !important;
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 19px 11px;
  max-width: 100vw !important;
  -webkit-box-ordinal-group: 3 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
  max-height: 78vh;
  overflow: auto !important;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.75) 100%);
  -webkit-transition: opacity .3s linear;
  transition: opacity .3s linear;
  padding-bottom: 50px; }

.glightbox-mobile .glightbox-container .gslide-title {
  color: #fff;
  font-size: 1em; }

.glightbox-mobile .glightbox-container .gslide-desc {
  color: #a1a1a1; }

.glightbox-mobile .glightbox-container .gslide-desc a {
  color: #fff;
  font-weight: 700; }

.glightbox-mobile .glightbox-container .gslide-desc * {
  color: inherit; }

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
  color: #fff;
  opacity: .4; }

.gdesc-open .gslide-media {
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
  opacity: .4; }

.gdesc-open .gdesc-inner {
  padding-bottom: 30px; }

.gdesc-closed .gslide-media {
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
  opacity: 1; }

.greset {
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }

.gabsolute {
  position: absolute; }

.grelative {
  position: relative; }

.glightbox-desc {
  display: none !important; }

.glightbox-open {
  overflow: hidden; }

.gloader {
  height: 25px;
  width: 25px;
  -webkit-animation: lightboxLoader .8s infinite linear;
  animation: lightboxLoader .8s infinite linear;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  display: block;
  z-index: 9999;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 47%; }

.goverlay {
  width: 100%;
  height: calc(100vh + 1px);
  position: fixed;
  top: -1px;
  left: 0;
  background: #000;
  will-change: opacity; }

.glightbox-mobile .goverlay {
  background: #000; }

.gclose, .gnext, .gprev {
  z-index: 99999;
  cursor: pointer;
  width: 26px;
  height: 44px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.gclose svg, .gnext svg, .gprev svg {
  display: block;
  width: 25px;
  height: auto;
  margin: 0;
  padding: 0; }

.gclose.disabled, .gnext.disabled, .gprev.disabled {
  opacity: .1; }

.gclose .garrow, .gnext .garrow, .gprev .garrow {
  stroke: #fff; }

.gbtn.focused {
  outline: 2px solid #0f3d81; }

iframe.wait-autoplay {
  opacity: 0; }

.glightbox-closing .gclose, .glightbox-closing .gnext, .glightbox-closing .gprev {
  opacity: 0 !important; }

.glightbox-clean .gslide-description {
  background: #fff; }

.glightbox-clean .gdesc-inner {
  padding: 22px 20px; }

.glightbox-clean .gslide-title {
  font-size: 1em;
  font-weight: 400;
  font-family: arial;
  color: #000;
  margin-bottom: 19px;
  line-height: 1.4em; }

.glightbox-clean .gslide-desc {
  font-size: .86em;
  margin-bottom: 0;
  font-family: arial;
  line-height: 1.4em; }

.glightbox-clean .gslide-video {
  background: #000; }

.glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px; }

.glightbox-clean .gclose path, .glightbox-clean .gnext path, .glightbox-clean .gprev path {
  fill: #fff; }

.glightbox-clean .gprev {
  position: absolute;
  top: -100%;
  left: 30px;
  width: 40px;
  height: 50px; }

.glightbox-clean .gnext {
  position: absolute;
  top: -100%;
  right: 30px;
  width: 40px;
  height: 50px; }

.glightbox-clean .gclose {
  width: 35px;
  height: 35px;
  top: 15px;
  right: 10px;
  position: absolute; }

.glightbox-clean .gclose svg {
  width: 18px;
  height: auto; }

.glightbox-clean .gclose:hover {
  opacity: 1; }

.gfadeIn {
  -webkit-animation: gfadeIn .5s ease;
  animation: gfadeIn .5s ease; }

.gfadeOut {
  -webkit-animation: gfadeOut .5s ease;
  animation: gfadeOut .5s ease; }

.gslideOutLeft {
  -webkit-animation: gslideOutLeft .3s ease;
  animation: gslideOutLeft .3s ease; }

.gslideInLeft {
  -webkit-animation: gslideInLeft .3s ease;
  animation: gslideInLeft .3s ease; }

.gslideOutRight {
  -webkit-animation: gslideOutRight .3s ease;
  animation: gslideOutRight .3s ease; }

.gslideInRight {
  -webkit-animation: gslideInRight .3s ease;
  animation: gslideInRight .3s ease; }

.gzoomIn {
  -webkit-animation: gzoomIn .5s ease;
  animation: gzoomIn .5s ease; }

.gzoomOut {
  -webkit-animation: gzoomOut .5s ease;
  animation: gzoomOut .5s ease; }

@-webkit-keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes gfadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes gfadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes gfadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes gfadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0); }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0); }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden; } }

@keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden; } }

@-webkit-keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0; } }

@keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0; } }

@-webkit-keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 1; } }

@keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 1; } }

@-webkit-keyframes gzoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@keyframes gzoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@media (min-width: 769px) {
  .glightbox-container .ginner-container {
    width: auto;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  .glightbox-container .ginner-container.desc-top .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .glightbox-container .ginner-container.desc-top .gslide-image, .glightbox-container .ginner-container.desc-top .gslide-image img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .glightbox-container .ginner-container.desc-left .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .glightbox-container .ginner-container.desc-left .gslide-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .gslide-image img {
    max-height: 97vh;
    max-width: 100%; }
  .gslide-image img.zoomable {
    cursor: -webkit-zoom-in;
    cursor: zoom-in; }
  .zoomed .gslide-image img.zoomable {
    cursor: -webkit-grab;
    cursor: grab; }
  .gslide-inline {
    max-height: 95vh; }
  .gslide-external {
    max-height: 100vh; }
  .gslide-description.description-left, .gslide-description.description-right {
    max-width: 275px; }
  .glightbox-open {
    height: auto; }
  .goverlay {
    background: rgba(0, 0, 0, 0.92); }
  .glightbox-clean .gslide-media {
    -webkit-box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, 0.65);
    box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, 0.65); }
  .glightbox-clean .description-left .gdesc-inner, .glightbox-clean .description-right .gdesc-inner {
    position: absolute;
    height: 100%;
    overflow-y: auto; }
  .glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {
    background-color: rgba(0, 0, 0, 0.32); }
  .glightbox-clean .gclose:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gprev:hover {
    background-color: rgba(0, 0, 0, 0.7); }
  .glightbox-clean .gprev {
    top: 45%; }
  .glightbox-clean .gnext {
    top: 45%; } }

@media (min-width: 992px) {
  .glightbox-clean .gclose {
    opacity: .7;
    right: 20px; } }

@media screen and (max-height: 420px) {
  .goverlay {
    background: #000; } }

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

*,
*:before,
*:after {
  box-sizing: border-box; }

html,
body {
  height: 100%; }

body {
  background: #bdcad1;
  color: #22262a;
  cursor: auto;
  margin: 0;
  padding: 0;
  position: relative; }

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }

a:hover {
  cursor: pointer; }

figure {
  margin: 0 0 1.71429rem; }

img {
  display: inline-block;
  height: auto;
  max-width: 100%;
  vertical-align: middle; }

img {
  -ms-interpolation-mode: bicubic; }

button {
  background: none;
  border: 0; }
  button:active, button:focus {
    box-shadow: none;
    outline: none; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

html {
  font-size: 14px; }
  @media (min-width: 600px) {
    html {
      font-size: 14px; } }
  @media (min-width: 1024px) {
    html {
      font-size: 14px; } }
  @media (min-width: 1440px) {
    html {
      font-size: 14px; } }

body {
  font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  font-weight: 400;
  line-height: 1.5; }

a {
  color: #0e119f;
  line-height: inherit; }
  a:hover,
  a:focus {
    color: #fbbf24; }

p {
  margin-bottom: 1.71429rem; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #030303;
  font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  font-weight: 700;
  letter-spacing: 0.25px;
  margin-bottom: 0.85714rem; }
  h1 small,
  h2 small,
  h3 small,
  h4 small,
  h5 small,
  h6 small {
    color: #4b515a;
    font-size: 60%;
    line-height: 0; }

h1 {
  font-size: 28px; }

h2 {
  font-size: 25px; }

h3 {
  font-size: 22px; }

h4 {
  font-size: 20px; }

h5 {
  font-size: 15px; }

h6 {
  font-size: 13px; }

.subheader {
  color: #050505;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0.85714rem; }

hr {
  border: solid #e5e7eb;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
  margin: 2.28571rem 0 2.21429rem; }

em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: 700;
  line-height: inherit; }

small {
  font-size: 60%;
  line-height: inherit; }

code {
  font-family: "InterVariable", "Inter", sans-serif; }

ul,
ol,
dl {
  font-family: "InterVariable", "Inter", sans-serif;
  list-style-position: outside;
  margin-bottom: 1.71429rem; }

ul ul,
ul ol,
ol ul,
ol ol {
  margin-left: 1.2rem;
  margin-bottom: 0; }

ul {
  margin-left: 1.15rem; }

ol {
  margin-left: 1.15rem; }

dl dt {
  font-weight: 700;
  margin-bottom: 0.42857rem; }

dl dd {
  margin-bottom: 1.71429rem; }

abbr,
acronym {
  border-bottom: 1px dotted #c2c5cc;
  color: #22262a;
  cursor: help;
  font-size: 90%;
  text-transform: uppercase; }

abbr {
  text-transform: none; }

blockquote { }

blockquote,
blockquote p {
  font-size: 22px;
  line-height: 29px; }

cite {
  color: #6b7280;
  display: block;
  font-size: 1rem; }

.icon {
  height: 1.14286rem;
  width: 1.14286rem;
  display: inline-block;
  vertical-align: middle; }
  .icon svg {
    display: inline-block;
    fill: #1b1b1b;
    height: 100%;
    vertical-align: top;
    width: 100%; }

/*doc
---
title: Lists
name: lists
category: Elements
---

*/
/*doc
---
title: Inline List
name: inline_list
category: Elements
parent: lists
---


```html_example
<ul class="inlineList">
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
    <li><a href="#">Link 4</a></li>
    <li><a href="#">Link 5</a></li>
</ul>
```
##### Inline list settings
```sass_file_example
src/settings/foundation/inlineList/_settings.scss
```

*/
.inlineList {
  list-style: none;
  margin-top: 0;
  margin-bottom: 1.21429rem;
  margin-left: -1.57143rem;
  margin-right: 0;
  overflow: hidden;
  padding: 0; }
  .inlineList > li {
    display: block;
    float: left;
    list-style: none;
    margin-left: 1.57143rem; }
    .inlineList > li > * {
      display: block; }

/*doc
---
title: Tables
name: tables
category: Elements
---


```html_example
<table class="table">
    <thead class="table-thead">
        <tr>
            <th>Table Header</th>
            <th>Table Header</th>
            <th class="table-header--numericData" scope="column">Totals</th>
        </tr>
    </thead>
    <tbody class="table-tbody">
        <tr>
            <td>Content Goes Here</td>
            <td>This is longer content Donec id elit non mi porta gravida at eget metus.</td>
            <td class="table-cell--numericData">$10</td>
        </tr>
    </tbody>
    <tfoot class="table-tfoot">
        <tr>
            <td class="table-cell--numericData" colspan="2">Subtotal:</td>
            <td class="table-cell--numericData"><strong>$60</strong></td>
        </tr>
    </tfoot>
</table>
```
##### Tables settings
```sass_file_example
src/settings/foundation/tables/_settings.scss
```

*/
.table {
  border: solid 1px #e5e7eb;
  margin-bottom: 2.28571rem;
  table-layout: auto;
  width: 100%; }
  .table thead {
    background: #f3f5f6; }
    .table thead tr th,
    .table thead tr td {
      font-size: 16px;
      font-weight: 700;
      padding: 0.85714rem 1.71429rem; }
  .table tr th,
  .table tr td {
    padding: 0.85714rem 1.71429rem;
    text-align: left; }
  .table thead tr th,
  .table tfoot tr th,
  .table tfoot tr td,
  .table tbody tr th,
  .table tbody tr td,
  .table tr td {
    display: table-cell;
    line-height: 1.5; }
  .table th.table-header--numericData,
  .table td.table-cell--numericData {
    text-align: right; }

.table-thead {
  border: #e5e7eb; }

.table-tfoot {
  border: #e5e7eb; }

.table-tbody tr {
  border-bottom: #e5e7eb; }
  .table-tbody tr:last-child {
    border-bottom: 0; }

/*doc
---
title: Buttons
name: button
category: Components
---

These are all the button

```sass_file_example
src/settings/foundation/buttons/_settings.scss
```

```html_example
<button class="button">Button</button>

<input type="submit" class="button" value="Button">

<a class="button" role="button" href="#">Button</a>
```

*/
.button {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  font-weight: 400;
  line-height: normal;
  margin: 0 0 1rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  background-color: #bdcad1;
  border-color: #bdcad1;
  color: #1b1b1b;
  font-size: 16px;
  padding: 1rem 2.57143rem;
  border-radius: 4px;
  outline: none;
  vertical-align: middle; }
  .button:hover, .button:focus, .button.is-active, .button.active {
    background-color: #e5e7eb;
    border-color: #e5e7eb;
    color: #1b1b1b; }
  .button:active {
    background-color: #c2c5cc;
    border: 1px solid #c2c5cc;
    color: #050505; }
  .button:focus, .button.is-active, .button.active {
    outline: none; }
  @media (min-width: 481px) {
    .button + .button {
      margin-left: 0.85714rem; } }

/*doc
---
title: Button states
name: button_states
category: Components
parent: button
---

```html_example
<button class="button button--primary">Primary Button</button>

<button class="button">Secondary / Default Button</button>

<button class="button button--tertiary">Tertiary Button</button>

<button class="button button--action">Call-to-Action Button</button>
```
    */
.button--primary {
  background-color: #1b1b1b;
  border-color: #1b1b1b;
  color: #ffffff; }
  .button--primary:hover, .button--primary:focus, .button--primary.is-active, .button--primary.active {
    background-color: rgba(0, 0, 0, 0.7);
    border-color: rgba(0, 0, 0, 0.7);
    color: #ffffff; }
  .button--primary:active {
    background-color: #050505;
    border: 1px solid #050505;
    color: #ffffff; }

.button--tertiary {
  background-color: #888e9b;
  border-color: #a6abb5;
  color: rgba(0, 0, 0, 0.7); }
  .button--tertiary:hover, .button--tertiary:focus, .button--tertiary.is-active, .button--tertiary.active {
    background-color: #bdcad1;
    border-color: #888e9b;
    color: #050505; }
  .button--tertiary:active {
    background-color: #bdcad1;
    border: 1px solid #888e9b;
    color: #050505; }

.button[disabled] {
  background-color: #c2c5cc;
  border-color: #bdcad1;
  color: #888e9b;
  cursor: default; }

/*doc
---
title: Button sizes
name: button_sizes
category: Components
parent: button
---

```html_example
<button class="button button--large">Large</button>

<button class="button">Default</button>

<button class="button button--small">Small</button>

<button class="button button--tiny">Tiny</button>
```

And a special case, slab, which takes the full width of it's container and any
size modifier

```html_example
<button class="button button--slab">Slab</button>

<button class="button button--slab button--large">Slab</button>
```

*/
.button--large {
  font-size: 16px; }

.button--small {
  font-size: 14px;
  padding: 0.64286rem 1.71429rem; }

.button--tiny { }

.button--slab {
  display: block;
  width: 100%; }
  .button + .button--slab {
    margin-left: 0; }

.button--icon {
  font-size: 16px;
  padding: 0.85714rem 0.85714rem; }
  .button--icon svg {
    fill: #1b1b1b; }

/*doc
---
title: Button Groups
name: button_groups
category: Components
parent: button
---


```html_example
<div class="buttonGroup">
    <button class="button">Button1</button>
    <button class="button">Button2</button>
    <button class="button">Button3</button>
</div>
```
##### Button group settings
```sass_file_example
src/settings/bigcommerce/buttonGroup/_settings.scss
```

*/
.buttonGroup {
  display: inline-block; }
  .buttonGroup > .button {
    border-radius: 0;
    border-right-width: 0;
    float: left;
    margin-left: 0; }
    .buttonGroup > .button:first-child {
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px; }
    .buttonGroup > .button:last-child {
      border-bottom-right-radius: 4px;
      border-right-width: 1px;
      border-top-right-radius: 4px; }

/*doc
---
title: Dropdowns
name: dropdown
category: Components
---

Dropdowns are simple lists that can appear next to any element that can trigger a click event.
They can be used by buttons, icons, links and other similar items.

```sass_file_example
src/settings/foundation/dropdown/_settings.scss
```
```html_example
<ul class="dropdown-menu" style="display:block; left: 0;">
    <li class="dropdown-menu-item"><a href="#" ng-click="$event.preventDefault()">One</a></li>
    <li class="dropdown-menu-item"><a href="#" ng-click="$event.preventDefault()">Two</a></li>
    <li class="dropdown-menu-item"><a href="#" ng-click="$event.preventDefault()">Three</a></li>
</ul>
```
*/
.dropdown-menu {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  position: absolute;
  background: #fafafa;
  font-size: 1rem;
  height: auto;
  width: 100%;
  z-index: 89;
  max-width: 200px; }
  .dropdown-menu.open {
    display: block; }
  .dropdown-menu > *:first-child {
    margin-top: 0; }
  .dropdown-menu > *:last-child {
    margin-bottom: 0; }

.dropdown-menu--content {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  position: absolute;
  background: #fafafa;
  font-size: 1rem;
  height: auto;
  padding: 0.85714rem;
  width: 100%;
  z-index: 89;
  max-width: 200px; }
  .dropdown-menu--content.open {
    display: block; }
  .dropdown-menu--content > *:first-child {
    margin-top: 0; }
  .dropdown-menu--content > *:last-child {
    margin-bottom: 0; }

.dropdown-menu-item {
  cursor: pointer;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
  padding: 0.42857rem 0.85714rem; }
  .dropdown-menu-item a {
    display: block;
    padding: 0.42857rem; }
  .dropdown-menu-item a {
    margin: -0.42857rem; }

/*doc
---
title: Forms
name: forms
category: Forms
---

##### Foundation Forms settings
```sass_file_example
src/settings/foundation/forms/_settings.scss
```

##### Citadel Forms settings
```sass_file_example
src/settings/foundation/forms/_settings.scss
```

*/
/*doc
---
title: Form basics
name: 01forms_basics
category: Forms
parent: forms
---

Citadel comes with styling for most form input types and some custom ones. To start
things off a basic, semantic mark-up structure should be adhered too, including
the `form`, `fieldset` and `legend` elements where ever possible.

```html_example
<form action="#" class="form">
    <fieldset class="form-fieldset">
        <legend class="form-legend">Form legend</legend>
    </fieldset>
</form>
```

*/
.form {
  margin: 0 0 1.71429rem; }

.form-fieldset {
  border-width: 0;
  margin: 0;
  padding: 0; }

.form-legend {
  background: transparent;
  border: solid #6b7280;
  border-width: 0 0 1px;
  display: block;
  line-height: 32px;
  margin-bottom: 0.85714rem;
  padding: 0;
  width: 100%; }

/*doc
---
title: Form labels and inputs
name: 03forms_basics
category: Forms
parent: forms
---

Inputs of all types should be associated with a label which has a `for` attribute

```html_example
<div class="form-field">
    <label class="form-label" for="input1">Input Label</label>
    <input class="form-input" id="input1" type="text" placeholder="Placeholder text">
</div>
<div class="form-field">
    <label class="form-label" for="input2">Number Label</label>
    <input class="form-input" id="input2" type="number" placeholder="Number input">
</div>
<div class="form-field">
    <label class="form-label" for="input3">Textarea Label <small>additional context</small></label>
    <textarea class="form-input" id="input3" placeholder="Placeholder text" rows="3"></textarea>
</div>
```
*/
.form-label {
  color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  display: block;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 0.57143rem; }
  .form-label small {
    color: rgba(0, 0, 0, 0.7);
    font-size: 0.71429rem;
    text-transform: uppercase;
    vertical-align: bottom; }

.form-input {
  appearance: none;
  background-color: #f0f3f5;
  border-color: #f0f3f5;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  box-shadow: 1px 1px 0 rgba(107, 114, 128, 0.4);
  color: #22262a;
  display: block;
  font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  font-size: 16px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  height: 3.42857rem;
  margin: 0;
  padding: 0.85714rem 1.14286rem;
  transition: border-color 100ms ease-out;
  width: 100%;
  /*doc
---
title: Disabled inputs
name: 04forms_basics
category: Forms
parent: forms
---

```html_example
<div class="form-field">
    <label class="form-label" for="disabled_input1">Input Label</label>
    <input class="form-input" id="disabled_input1" disabled type="text" value="Disabled text">
</div>

<div class="form-field">
    <label class="form-label" for="disabled_input2">Input Label</label>
    <input class="form-input" id="disabled_input2" readonly type="text" value="Readonly text">
</div>
```
*/ }
  .form-input:disabled {
    background-color: #bdcad1;
    color: #f0f3f5;
    cursor: not-allowed; }
  .form-input[readonly] {
    background-color: #ffffff;
    border-color: #6b7280;
    color: #71717a;
    cursor: text; }
  .form-input:focus {
    border-color: #1b1b1b;
    outline: none; }
  .form-input[rows] {
    height: auto; }
  .form-input[type="search"] {
    box-sizing: border-box; }
  .form-input::-webkit-input-placeholder {
    color: #f0f3f5; }
  .form-input::-ms-clear {
    height: 0;
    width: 0; }
  .form-input::-moz-placeholder {
    color: #f0f3f5; }
  .form-input:-ms-input-placeholder {
    color: #f0f3f5; }

/*doc
---
title: Selects
name: 05forms_basics
category: Forms
parent: forms
---

```html_example
<div class="form-field">
    <label class="form-label" for="select1">Native Select label</label>
    <select class="form-select" name="select1" id="select1">
        <option>Please select a value</option>
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
    </select>
</div>
```
*/
.form-select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: #f0f3f5;
  border-radius: 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");
  background-position: 100% center;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 1px;
  border-color: #f0f3f5;
  color: #22262a;
  font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  font-size: 16px;
  line-height: normal;
  padding: 0.85714rem;
  border-radius: 0;
  cursor: pointer;
  height: 3.42857rem;
  margin: 0;
  outline: 0; }
  .form-select::-ms-expand {
    display: none; }
  .form-select.radius {
    border-radius: 4px; }
  .form-select:focus {
    border-color: #1b1b1b; }
  .form-select:disabled {
    background-color: #bdcad1;
    cursor: not-allowed; }
  .form-select:focus {
    border-color: #1b1b1b; }

/*doc
---
title: Form Panels and Layouts
name: 13forms_layouts
category: Forms
parent: forms
---

We provide a couple of component styles to layout forms.

The more `form-field` components you place in the `form-row`, the smaller the columns gets.
Columns are equal length, and calculated automatically by Flexbox by default.

It's the same mark-up but depending on your browser support needs, you can switch
between a flexbox layout or a more traditional grid based layout by setting
`$formRow-modernBrowsers` to `false`.

The grid based layout of `form-feilds` will require the use of modifiers to calculate
the correct widths. We support `form-field--half`, `form-field--third` and
`form-field--quarter`

```html_example
<form action="#" class="form">
    <fieldset class="form-fieldset">
        <legend class="form-legend">Form legend</legend>
        <div class="form-body">
            <div class="form-row">
                <div class="form-field">
                    <label class="form-label" for="input12">Input Label</label>
                    <input class="form-input" id="input12" type="text" placeholder="Placeholder text">
                </div>
            </div>
            <div class="form-row">
                <div class="form-field">
                    <label class="form-label" for="input12">Input Label</label>
                    <input class="form-input" id="input12" type="text" placeholder="Placeholder text">
                </div>
                <div class="form-field">
                    <label class="form-label" for="input4">Prefixed Label</label>
                    <div class="form-prefixPostfix">
                        <span class="form-prefixPostfix-label form-prefixPostfix-label--prefix" id="prefixDesc1">KG</span>
                        <input class="form-input form-prefixPostfix-input" id="input4" type="text" placeholder="Placeholder text" aria-describedby="prefixDesc1">
                    </div>
                </div>
            </div>
            <div class="form-row">
                <div class="form-field">
                    <label class="form-label" for="input12">Input Label</label>
                    <input class="form-input" id="input12" type="text" placeholder="Placeholder text">
                </div>
                <div class="form-field">
                    <label class="form-label" for="input4">Prefixed Label</label>
                    <div class="form-prefixPostfix">
                        <span class="form-prefixPostfix-label form-prefixPostfix-label--prefix" id="prefixDesc1">KG</span>
                        <input class="form-input form-prefixPostfix-input" id="input4" type="text" placeholder="Placeholder text" aria-describedby="prefixDesc1">
                    </div>
                </div>
                <div class="form-field">
                    <label class="form-label" for="input12">Input Label</label>
                    <input class="form-input" id="input12" type="text" placeholder="Placeholder text">
                </div>
            </div>
            <div class="form-row">
                <div class="form-field">
                    <label class="form-label" for="input12">Input Label</label>
                    <input class="form-input" id="input12" type="text" placeholder="Placeholder text">
                </div>
                <div class="form-field">
                    <label class="form-label" for="input4">Prefixed Label</label>
                    <div class="form-prefixPostfix">
                        <span class="form-prefixPostfix-label form-prefixPostfix-label--prefix" id="prefixDesc1">KG</span>
                        <input class="form-input form-prefixPostfix-input" id="input4" type="text" placeholder="Placeholder text" aria-describedby="prefixDesc1">
                    </div>
                </div>
                <div class="form-field">
                    <label class="form-label" for="input12">Input Label</label>
                    <input class="form-input" id="input12" type="text" placeholder="Placeholder text">
                </div>
                <div class="form-field">
                    <label class="form-label" for="input4">Prefixed Label</label>
                    <div class="form-prefixPostfix">
                        <span class="form-prefixPostfix-label form-prefixPostfix-label--prefix" id="prefixDesc1">KG</span>
                        <input class="form-input form-prefixPostfix-input" id="input4" type="text" placeholder="Placeholder text" aria-describedby="prefixDesc1">
                    </div>
                </div>
            </div>
        </div>
    </fieldset>
</form>
```
*/
.form-body {
  background-color: #ffffff;
  border: 1px solid #6b7280;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.13);
  margin-bottom: 1.71429rem;
  max-width: none;
  padding: 1.71429rem; }

.form-row {
  margin: 0 -0.85714rem;
  max-width: none;
  width: auto; }
  .form-row:before, .form-row:after {
    content: " ";
    display: table; }
  .form-row:after {
    clear: both; }
  .form-row .form-field {
    padding-left: 0.85714rem;
    padding-right: 0.85714rem;
    width: 100%;
    float: left;
    max-width: none; }
  @media (min-width: 600px) {
    .form-row--half .form-field {
      width: 50%; }
    .form-row--third .form-field {
      width: 33.33333%; }
    .form-row--quarter .form-field {
      width: 25%; } }

/*doc
---
title: Form Fields
name: 02forms_basics
category: Forms
parent: forms
---

Each form input should be wrapped in a `form-field`

```html_example
<div class="form-field">
</div>
```
*/
.form-field {
  display: block;
  margin: 0 0 2.28571rem;
  max-width: none; }
  .form-field:before, .form-field:after {
    content: " ";
    display: table; }
  .form-field:after {
    clear: both; }

/*doc
---
title: Selects [multiple]
name: 06forms_basics
category: Forms
parent: forms
---

Styling of the select element with the multiple attribute

```html_example
<div class="form-field">
    <label class="form-label" for="multiselect1">Native Select Multiple label</label>
    <select class="form-select" multiple name="multiselect1" id="multiselect1">
        <option>Please select a value</option>
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
        <option value="4">Option 4</option>
    </select>
</div>
```
*/
.form-select[multiple] {
  height: auto; }
  .form-select[multiple] option {
    padding: 5px; }

/*doc
---
title: Radios and Checkbox
name: 07forms_basics
category: Forms
parent: forms
---

```html_example
<div class="form-field">
    <label class="form-label">Field label</label>
    <input class="form-checkbox" type="checkbox" id="check1">
    <label class="form-label" for="check1">Checkbox 1 label</label>
    <input class="form-checkbox" type="checkbox" id="check2">
    <label class="form-label" for="check2">Checkbox 2 label</label>
</div>
```

```html_example
<div class="form-field">
    <label class="form-label">Field label</label>
    <input class="form-radio" type="radio" name="radio_example" id="radio1">
    <label class="form-label" for="radio1">Radio 1 label</label>
    <input class="form-radio" type="radio" name="radio_example" id="radio2">
    <label class="form-label" for="radio2">Radio 2 label</label>
</div>
```
*/
.form-checkbox,
.form-radio {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .form-checkbox + .form-label,
  .form-radio + .form-label {
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0.42857rem;
    padding-left: 2.14286rem;
    position: relative;
    vertical-align: baseline;
    width: 100%; }
    .form-checkbox + .form-label::before, .form-checkbox + .form-label::after,
    .form-radio + .form-label::before,
    .form-radio + .form-label::after {
      content: "";
      display: block;
      position: absolute;
      transition: all 50ms ease-out; }
    .form-checkbox + .form-label::before,
    .form-radio + .form-label::before {
      background-color: #ffffff;
      border: solid #1b1b1b;
      border-width: 1px;
      height: 1.14286rem;
      left: 0;
      top: 0;
      width: 1.14286rem; }
    .form-checkbox + .form-label::after,
    .form-radio + .form-label::after {
      height: 1rem;
      left: 1px;
      opacity: 0;
      top: 1px;
      transform: scale(0);
      width: 1rem; }

.form-checkbox:checked + .form-label::after,
.form-radio:checked + .form-label::after {
  opacity: 1;
  transform: scale(1); }

.form-checkbox[disabled] + .form-label,
.form-radio[disabled] + .form-label {
  cursor: default; }
  .form-checkbox[disabled] + .form-label::before,
  .form-radio[disabled] + .form-label::before {
    background-color: #bdcad1; }

.form-checkbox + .form-label::before {
  border-radius: 4px; }

.form-checkbox + .form-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' fill='%2341454e' /%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  color: rgba(0, 0, 0, 0.7);
  content: "";
  font-size: 1rem;
  line-height: 1;
  text-align: center; }

.form-radio + .form-label::before {
  border-radius: 50%; }

.form-radio + .form-label::after {
  background: rgba(0, 0, 0, 0.7);
  border: 3px solid #ffffff;
  border-radius: 1rem; }

/*doc
---
title: Inputs with Extras
name: 08forms_inputextras
category: Forms
parent: forms
---

Sometimes inputs need inline actions. An inline button for a search box for example.

```html_example
<div class="form-field">
    <label class="form-label" for="input9">Input with action</label>
    <input class="form-input has-action" type="search" id="input9">
    <button class="button button--icon button--inputAction">
        <span class="u-hiddenVisually">Search</span>
        <icon glyph="ic-search" class="icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path></svg></icon>
    </button>
</div>
```
*/
.form-input.has-action {
  float: left;
  padding-right: 3.28571rem; }
  .form-input.has-action + .button--inputAction {
    background: transparent;
    border: 0;
    border-radius: 0 0 0 0;
    float: left;
    height: 3.28571rem;
    margin: 0.07143rem 0 0 -3.35714rem;
    width: 3.28571rem; }

/*doc
---
title: Inputs with Icons
name: 09forms_inputicons
category: Forms
parent: forms
---

Sometimes inputs need to display an informative icon to convey a certain meaning, like secure.

```html_example
<div class="form-field">
    <label class="form-label" for="input99">Input with icon</label>
    <input class="form-input has-icon" type="search" id="input9">
    <icon glyph="ic-lock" class="icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"></path></svg></icon>
</div>
```
*/
.form-input.has-icon {
  float: left;
  padding-right: 2.57143rem; }
  .form-input.has-icon + .icon {
    height: 3.42857rem;
    margin-left: -2.57143rem;
    width: 1.42857rem; }

/*doc
---
title: Form PrefixPostfix
name: 10forms_prefixpostfix
category: Forms
parent: forms
---

PrefixPostfix

```html_example
<div class="form-field">
    <label class="form-label" for="input4">Prefixed Label <small>(Inc. tax)</small></label>
    <div class="form-prefixPostfix">
        <span class="form-prefixPostfix-label form-prefixPostfix-label--prefix" id="prefixDesc1">AUD $</span>
        <input class="form-input form-prefixPostfix-input" id="input4" type="text" placeholder="Placeholder text" aria-describedby="prefixDesc1">
    </div>
</div>

<div class="form-field">
    <label class="form-label" for="input5">Postfixed Label</label>
    <div class="form-prefixPostfix">
        <input class="form-input form-prefixPostfix-input" id="input5" type="text" placeholder="Placeholder text" aria-describedby="prefixDesc2">
        <span class="form-prefixPostfix-label form-prefixPostfix-label--postfix" id="prefixDesc2">KG</span>
    </div>
</div>
```

### PrefixPostfix with a button

```html_example
<div class="form-field">
    <label class="form-label" for="input6">Prefixed Button</label>
    <div class="form-prefixPostfix">
        <input class="button form-prefixPostfix-button--prefix" type="submit" value="Save">
        <input class="form-input" id="input6" type="text" placeholder="Placeholder text">
    </div>
</div>

<div class="form-field">
    <label class="form-label" for="input7">Postfixed Button</label>
    <div class="form-prefixPostfix">
        <input class="form-input" id="input7" type="text" placeholder="Placeholder text">
        <input class="button form-prefixPostfix-button--postfix" type="submit" value="Save">
    </div>
</div>
```
*/
.form-prefixPostfix {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap; }
  .form-prefixPostfix .form-input {
    flex: 1; }
  .form-prefixPostfix .button {
    height: 3.42857rem; }

.form-prefixPostfix-input {
  border-radius: 0 0 0 0; }

.form-prefixPostfix-label {
  background-color: #ffffff;
  border: solid #6b7280;
  border-width: 1px;
  flex: 1;
  font-weight: 300;
  height: 3.42857rem;
  line-height: normal;
  max-width: 6.42857rem;
  padding: 0.85714rem;
  text-align: center; }

.form-prefixPostfix-label--prefix {
  border-radius: 0 0 0 0;
  border-width: 1px 0 1px 1px; }
  .form-prefixPostfix-label--prefix + .form-input {
    border-radius: 0 0 0 0; }

.form-prefixPostfix-label--postfix {
  border-radius: 0 0 0 0;
  border-width: 1px 1px 1px 0; }

.form-prefixPostfix-button--prefix {
  margin: 0 0.85714rem 0 0; }

.form-prefixPostfix-button--postfix {
  margin: 0 0 0 0.85714rem; }

/*doc
---
title: Form Switch
name: 11forms_switch
category: Forms
parent: forms
---

Switch

```html_example
<div class="form-field">
    <switch>
        <div class="switch">
            <input class="switch-checkbox" type="checkbox" id="switch-1" aria-describedby="switch-ariaDescription-2">
            <label class="switch-toggle" for="switch-1">
            </label>
            <span id="switch-ariaDescription-2" class="switch-ariaDescription">
                Switching this setting off will...
            </span>
        </div>
    </switch>
</div>

<div class="form-field">
    <switch>
        <div class="switch switch--checked">
            <input class="switch-checkbox" type="checkbox" id="switch-1" aria-describedby="switch-ariaDescription-2">
            <label class="switch-toggle" for="switch-1">
            </label>
            <span id="switch-ariaDescription-2" class="switch-ariaDescription">
                Switching this setting off will...
            </span>
        </div>
    </switch>
</div>

<div class="form-field">
    <switch>
        <div class="switch switch--checked">
            <input class="switch-checkbox" type="checkbox" id="switch-3" aria-describedby="switch-ariaDescription-4">
            <label class="switch-toggle" for="switch-3">
                <span class="switch-label">On</span>
            </label>
            <span id="switch-ariaDescription-4" class="switch-ariaDescription">
                Switching this setting off will...
            </span>
        </div>
    </switch>
</div>

<div class="form-field">
    <switch>
        <div class="switch">
            <input class="switch-checkbox" type="checkbox" id="switch-3" aria-describedby="switch-ariaDescription-4">
            <label class="switch-toggle" for="switch-3">
                <span class="switch-label">Off</span>
            </label>
            <span id="switch-ariaDescription-4" class="switch-ariaDescription">
                Switching this setting off will...
            </span>
        </div>
    </switch>
</div>

<div class="form-field">
    <switch>
        <div class="switch switch--important">
            <span class="switch-description--off">Down for Maintenance</span>
            <input class="switch-checkbox" type="checkbox" id="switch-7" aria-describedby="switch-ariaDescription-8">
            <label class="switch-toggle" for="switch-7">
            </label>
            <span class="switch-description--on">Open</span>
            <span id="switch-ariaDescription-8" class="switch-ariaDescription">
                Switching this setting to off will enter your store into maintenance mode.
            </span>
        </div>
    </switch>
</div>

<div class="form-field">
    <switch>
        <div class="switch switch--important switch--checked">
            <span class="switch-description--off">Down for Maintenance</span>
            <input class="switch-checkbox" type="checkbox" id="switch-7" aria-describedby="switch-ariaDescription-8">
            <label class="switch-toggle" for="switch-7">
            </label>
            <span class="switch-description--on">Open</span>
            <span id="switch-ariaDescription-8" class="switch-ariaDescription">
                Switching this setting to off will enter your store into maintenance mode.
            </span>
        </div>
    </switch>
</div>
```
*/
.switch-checkbox {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .switch-checkbox:focus + .switch-toggle {
    border-color: #1b1b1b;
    box-shadow: 0 0 4px rgba(27, 27, 27, 0.4); }

.switch-toggle {
  background-color: #71717a;
  border: 1px solid #71717a;
  border-radius: 2rem;
  cursor: pointer;
  display: inline-block;
  height: 2rem;
  position: relative;
  transition: all 100ms ease-out;
  vertical-align: middle;
  width: 4.28571rem; }
  .switch--important .switch-toggle {
    background-color: #e4a11b;
    border-color: #e4a11b; }
  .switch--checked .switch-toggle {
    background-color: #0e7235;
    border-color: #0e7235; }
  .switch--disabled .switch-toggle {
    background-color: #fafafa;
    border-color: #f0f3f5;
    cursor: default; }

.switch-toggle::before {
  background: #ffffff;
  border-radius: 1.4286rem;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  content: "";
  height: 1.4286rem;
  left: 0.21427rem;
  position: absolute;
  top: 0.21427rem;
  transition: all 100ms ease-out;
  width: 1.4286rem; }
  .switch--checked .switch-toggle::before {
    left: 2.49999rem; }

.switch-label {
  color: #ffffff;
  height: 26px;
  line-height: 1.92857;
  position: absolute;
  right: 0.42857rem;
  text-transform: uppercase;
  transition: all 100ms ease-out; }
  .switch--checked .switch-label {
    font-weight: 600;
    left: 0.42857rem;
    right: auto; }
  .switch--disabled .switch-label {
    color: #71717a; }

.switch-label--icon.icon {
  height: 1.85714rem;
  width: 1.85714rem; }
  .switch-label--icon.icon svg {
    height: 1.85714rem;
    width: 1.85714rem;
    fill: #ffffff; }
    .switch--disabled .switch-label--icon.icon svg {
      fill: #71717a; }

.switch-description--off {
  color: #050505;
  margin-right: 5px; }
  .switch--checked .switch-description--off {
    color: #71717a; }

.switch-description--on {
  color: #71717a;
  margin-left: 5px; }
  .switch--checked .switch-description--on {
    color: #050505; }

.switch-ariaDescription {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*doc
---
title: Form Actions
name: 14forms_actions
category: Forms
parent: forms
---

Forms require actions to submit or cancel (or what ever action a user should perform).
Form actions come in 2 flavours; normal and fixed.

```html_example
<div class="form-actions">
    <a href="#">Cancel</a>
    <button class="button">Reset</button>
    <button class="button button--primary">Submit</button>
</div>
```

### Form Actions --fixed

```html_example
<div class="form-actions form-actions--fixed">
    <a href="#">Cancel</a>
    <button class="button">Reset</button>
    <button class="button button--primary">Submit</button>
</div>
```
*/
.form-actions {
  background: none;
  border: 0;
  text-align: center; }
  @media (min-width: 481px) {
    .form-actions {
      text-align: left; } }

.form-actions > * {
  display: inline-block;
  margin-bottom: 1rem;
  width: 100%; }
  @media (min-width: 481px) {
    .form-actions > * {
      vertical-align: baseline;
      width: auto; } }

@media (min-width: 481px) {
  .form-actions--fixed {
    background: #ffffff;
    border-top: 1px solid #6b7280;
    bottom: 0;
    left: 0;
    padding: 1.71429rem 2.28571rem;
    position: fixed;
    right: 0;
    text-align: right;
    z-index: 20; } }

/*doc
---
title: Form Errors
name: 12forms_errors
category: Forms
parent: forms
---

Form inline errors

```html_example
<div class="form-field form-field--success">
    <label class="form-label" for="valid_simple">Valid field</label>
    <input class="form-input" id="valid_simple" type="text" value="Some Valid text">
    <icon class="form-input-indicator icon ng-isolate-scope" glyph="ic-check-circle" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></svg></icon>
</div>

<div class="form-field form-field--error">
    <label class="form-label" for="invalid_simple">Invalid field</label>
    <input class="form-input" id="invalid_simple" type="text" value="Some Invalid text">
    <icon class="form-input-indicator icon ng-isolate-scope" glyph="ic-error" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"></path></svg></icon>
    <ul class="form-field-errors">
        <li class="form-field-error">
            <label class="form-inlineMessage" for="invalid_simple">
                This is not a valid email address
            </label>
        </li>
    </ul>
</div>

<div class="form-field form-field--warning">
    <label class="form-label" for="warning_simple">Warning field</label>
    <input class="form-input" id="warning_simple" type="text" value="Text that generated a Warning">
    <icon class="form-input-indicator icon ng-isolate-scope" glyph="ic-error" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"></path></svg></icon>
    <ul class="form-field-errors">
        <li class="form-field-error">
            <label class="form-inlineMessage" for="warning_simple">
                Did you mean…
            </label>
        </li>
    </ul>
</div>

<div class="form-field form-field--error">
    <label class="form-label" for="invalid_select">Select label</label>
    <select class="form-select" name="invalid_select" id="invalid_select">
        <option value="Please select a value">Please select a value</option>
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
    </select>
    <ul class="form-field-errors">
        <li class="form-field-error">
            <label class="form-inlineMessage" for="invalid_select">
                You must select a value
            </label>
        </li>
    </ul>
</div>

<div class="form-field form-field--error">
    <label class="form-label">Checkbox label</label>
    <input class="form-checkbox" type="checkbox" id="invalid_check1">
    <label class="form-label" for="invalid_check1">Checkbox 1 label</label>
    <input class="form-checkbox" type="checkbox" id="invalid_check2">
    <label class="form-label" for="invalid_check2">Checkbox 2 label</label>
    <ul class="form-field-errors">
        <li class="form-field-error">
            <label class="form-inlineMessage">
                Please select one or more
            </label>
        </li>
    </ul>
</div>

<div class="form-field form-field--error">
    <label class="form-label">Radio label</label>
    <input class="form-radio" type="radio" name="invalid_radio_example" id="invalid_radio1">
    <label class="form-label" for="invalid_radio1">Radio 1 label</label>
    <input class="form-radio" type="radio" name="invalid_radio_example" id="invalid_radio2">
    <label class="form-label" for="invalid_radio2">Radio 2 label</label>
    <ul class="form-field-errors">
        <li class="form-field-error">
            <label class="form-inlineMessage">
                Please select an option
            </label>
        </li>
    </ul>
</div>

<div class="form-field form-field--error">
    <label class="form-label" for="invalid_prefix">Prefixed Label <small>(Inc. tax)</small></label>
    <div class="form-prefixPostfix">
        <span class="form-prefixPostfix-label form-prefixPostfix-label--prefix" id="prefixDesc1">AUD $</span>
        <input class="form-input form-prefixPostfix-input" id="invalid_prefix" type="text" placeholder="Placeholder text" aria-describedby="prefixDesc1">
        <icon class="form-input-indicator icon ng-isolate-scope" glyph="ic-error" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"></path></svg></icon>
    </div>
    <ul class="form-field-errors">
        <li class="form-field-error">
            <label class="form-inlineMessage" for="invalid_prefix">
                Please input a dollar amount
            </label>
        </li>
    </ul>
</div>

<div class="form-field form-field--error">
    <label class="form-label" for="invalid_postfix">Postfixed Label</label>
    <div class="form-prefixPostfix">
        <input class="form-input form-prefixPostfix-input" id="invalid_postfix" type="text" placeholder="Placeholder text" aria-describedby="prefixDesc2">
        <span class="form-prefixPostfix-label form-prefixPostfix-label--postfix" id="prefixDesc2">KG</span>
    </div>
    <ul class="form-field-errors">
        <li class="form-field-error">
            <label class="form-inlineMessage" for="invalid_postfix">
                Please enter the weight in kilograms
            </label>
        </li>
    </ul>
</div>

<div class="form-field form-field--error">
    <label class="form-label" for="invalid_postfix_button">Postfixed Button</label>
    <div class="form-prefixPostfix">
        <input class="form-input" id="invalid_postfix_button" type="text" placeholder="Placeholder text">
        <input class="button form-prefixPostfix-button--postfix" type="submit" value="Save">
    </div>
    <ul class="form-field-errors">
        <li class="form-field-error">
            <label class="form-inlineMessage" for="invalid_postfix_button">
                This is a really long error message to give alot
                more detail to the user about what is wrong with this field.
            </label>
        </li>
        <li class="form-field-error">
            <label class="form-inlineMessage" for="invalid_postfix_button">
                Something else was wrong
            </label>
        </li>
        <li class="form-field-error">
            <label class="form-inlineMessage" for="invalid_postfix_button">
                You really messed up here
            </label>
        </li>
    </ul>
</div>
```
*/
.form-input-indicator {
  height: 1.57143rem;
  width: 1.57143rem;
  float: left;
  margin: 0 0 0 -2.14286rem;
  position: relative;
  top: 0.71429rem; }
  .form-prefixPostfix .form-input-indicator {
    top: 0; }
  .form-input-indicator > svg {
    fill: #0e7235; }

.form-field-errors {
  list-style: none;
  margin-left: 0;
  margin-left: 0;
  clear: both;
  margin-bottom: 0;
  margin-top: 0.21429rem; }
  .form-field-errors ul,
  .form-field-errors ol {
    list-style: none;
    margin-bottom: 0; }

.form-inlineMessage {
  display: inline-block;
  line-height: 24px;
  margin: 0.42857rem 0 -0.57143rem;
  width: 100%; }

.form-field--success .form-input,
.form-field--error .form-input,
.form-field--warning .form-input {
  float: left; }

.form-field--success .form-input,
.form-field--success .form-select,
.form-field--success .form-checkbox + .form-label::before,
.form-field--success .form-radio + .form-label::before,
.form-field--success .form-prefixPostfix-label {
  border-color: #0e7235; }

.form-field--success .form-field-error,
.form-field--success .form-inlineMessage {
  color: #0e7235; }

.form-field--success .form-input-indicator > svg {
  fill: #0e7235; }

.form-field--error .form-input,
.form-field--error .form-select,
.form-field--error .form-checkbox + .form-label::before,
.form-field--error .form-radio + .form-label::before,
.form-field--error .form-prefixPostfix-label {
  border-color: #800000; }

.form-field--error .form-field-error,
.form-field--error .form-inlineMessage {
  color: #800000; }

.form-field--error .form-input-indicator > svg {
  fill: #800000; }

.form-field--warning .form-input,
.form-field--warning .form-select,
.form-field--warning .form-checkbox + .form-label::before,
.form-field--warning .form-radio + .form-label::before,
.form-field--warning .form-prefixPostfix-label {
  border-color: #e4a11b; }

.form-field--warning .form-field-error,
.form-field--warning .form-inlineMessage {
  color: #e4a11b; }

.form-field--warning .form-input-indicator > svg {
  fill: #e4a11b; }

/*doc
---
title: Panels
name: panel
category: Components
---

Panels are a simple container which is relatively positioned within the document which helps you section
your content. Panels may also have a header, which contains a related title to describe the contents.

```sass_file_example
src/settings/foundation/panels/_settings.scss
```
```html_example
<div class="panel">
    <div class="panel-header">
        <h2 class="panel-title">Panel Title</h2>
    </div>
    <div class="panel-body">
        <h2>Some Panel Content</h2>
        <p>Should be able to handle any type of content.</p>
    </div>
</div>
```
*/
.panel {
  position: relative; }

.panel-header {
  background-color: #f3f5f6;
  margin: 0;
  padding: 1.71429rem 2.28571rem 0; }

.panel-title {
  line-height: 1.5;
  margin: 0; }

.panel-body {
  margin-bottom: 1.71429rem;
  padding: 1rem 2.28571rem 1.71429rem;
  background: #f3f5f6; }
  .panel-body > :first-child {
    margin-top: 0; }
  .panel-body > :last-child {
    margin-bottom: 0; }
  .panel-body > :last-child {
    margin-bottom: 0; }

.breadcrumbs {
  display: block;
  list-style: none;
  margin-left: 0;
  overflow: hidden; }

.breadcrumb {
  color: rgba(0, 0, 0, 0.7);
  float: left;
  font-size: 14px;
  line-height: 14px;
  margin: 0;
  line-height: 1.5; }
  .breadcrumb a {
    color: rgba(0, 0, 0, 0.7); }
  .breadcrumb.current {
    color: rgba(0, 0, 0, 0.7);
    cursor: default; }
    .breadcrumb.current a {
      color: rgba(0, 0, 0, 0.7);
      cursor: default; }
    .breadcrumb.current:hover, .breadcrumb.current:hover a, .breadcrumb.current:focus, .breadcrumb.current:focus a {
      text-decoration: none; }
  .breadcrumb.unavailable {
    color: #f0f3f5; }
    .breadcrumb.unavailable a {
      color: #f0f3f5; }
    .breadcrumb.unavailable:hover,
    .breadcrumb.unavailable:hover a, .breadcrumb.unavailable:focus,
    .breadcrumb.unavailable a:focus {
      color: #f0f3f5;
      cursor: not-allowed;
      text-decoration: none; }
  .breadcrumb:before {
    color: rgba(0, 0, 0, 0.7);
    content: "/";
    margin: 0;
    position: relative;
    top: 1px; }
  .breadcrumb:first-child:before {
    content: " ";
    margin: 0; }
  .breadcrumb::before {
    margin: 0 0.57143rem; }
    @media (min-width: 481px) {
      .breadcrumb::before {
        margin: 0 0.57143rem; } }

.breadcrumb-label {
  cursor: pointer; }
  .breadcrumb-label:hover {
    color: #2a2d32;
    text-decoration: none; }
  .breadcrumb.is-active > .breadcrumb-label {
    color: rgba(0, 0, 0, 0.7);
    cursor: default; }
  .breadcrumb.is-unavailable > .breadcrumb-label {
    color: #f0f3f5;
    cursor: default; }

.tabs {
  border-bottom: 1px solid #e5e7eb;
  margin: 0; }
  .tabs:before, .tabs:after {
    content: " ";
    display: table; }
  .tabs:after {
    clear: both; }

.tab {
  border-bottom: #e5e7eb;
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative; }
  @media (min-width: 600px) {
    .tab {
      float: left; } }

.tab-title {
  color: rgba(0, 0, 0, 0.7);
  display: block;
  font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  font-size: 16px;
  padding: 0.85714rem 1.71429rem; }
  .tab-title:hover {
    color: #22262a; }

.tab.is-active .tab-title {
  color: #22262a;
  font-weight: 700; }

@media (min-width: 600px) {
  .tabs--vertical {
    border-bottom: 0;
    float: left;
    margin: 0 0 1.71429rem;
    max-width: 20%;
    width: 20%; } }

.tabs--vertical .tab {
  float: none; }

.tabs-contents {
  margin-bottom: 1.71429rem; }
  .tabs-contents:before, .tabs-contents:after {
    content: " ";
    display: table; }
  .tabs-contents:after {
    clear: both; }

@media (min-width: 600px) {
  .tabs-contents--vertical {
    float: left;
    max-width: 80%;
    padding-left: 1.71429rem;
    width: 80%; }
    .tabs-contents--vertical > .tab-content {
      padding: 0 1.71429rem; } }

.tab-content {
  display: none;
  padding: 1.71429rem 0; }
  .tab-content.is-active {
    display: block; }

.no-js .tab-content {
  display: block;
  float: none; }

/*doc
---
title: Navigation
name: nav
category: Components
---

The navigation pattern holds a list of links wrapped in a navigation element. The links can help you navigate
the document, or the information architecture. Each link should modify the URL in some way.

```sass_file_example
src/settings/bigcommerce/nav/_settings.scss
```
We generate our own navigation abstractions through a `nav()` mixin. The mixin works as follows:

```scss_example
nav($style: "navBar", $wrapper: "nav")
```
Where:

 - `$style` - The type of navigation (a bar or list)
 - `$wrapper` - The wrapper of the navigation (usually nav, ul or ol)

There is also a `nav-action()` mixin, which when used will set the styles for any actionable items in your navigation list.

```scss_example
nav-action($color, $fontFamily, $fontSize, $padding)
```

*/
/*doc
---
title: Navigation Bar
name: navBar
parent: nav
category: Components
---

The Navigation Bar is a horizontal navigation component, useful for page navigation or any other primary content navigation.

```html_example
<nav class="navBar navBar--internal">
    <ul class="navBar-section">
        <li class="navBar-item">
            <a class="navBar-action" href="#">Item 1</a>
        </li>
        <li class="navBar-item is-active">
            <a class="navBar-action" href="#">Item 2</a>
        </li>
        <li class="navBar-item">
            <a class="navBar-action" href="#">Item 3</a>
        </li>
        <li class="navBar-item">
            <a class="navBar-action" href="#">Item 4</a>
        </li>
    </ul>
    <ul class="navBar-section navBar-section--alt">
        <li class="navBar-item">
            <a class="navBar-action" href="#">Item 5</a>
        </li>
        <li class="navBar-item">
            <a class="navBar-action" href="#">Item 6</a>
        </li>
        <li class="navBar-item">
            <a class="navBar-action" href="#">Item 7</a>
        </li>
    </ul>
</nav>
```

You can create a navigation bar abstraction with the following mixin:

```scss_example
.pageNavigation {
    @include nav("navBar", "nav");
    @include nav-action($navBar-action-color, $navBar-action-fontFamily, $navBar-action-fontSize, $navBar-action-padding);
}
```

*/
.navBar:before, .navBar:after {
  content: " ";
  display: table; }

.navBar:after {
  clear: both; }

.navBar ul,
.navBar ol {
  list-style: none;
  margin-left: 0;
  margin: 0;
  padding: 0; }
  .navBar ul ul,
  .navBar ul ol,
  .navBar ol ul,
  .navBar ol ol {
    list-style: none;
    margin-bottom: 0; }
  .navBar ul li,
  .navBar ol li {
    margin: 0;
    padding: 0; }

.navBar-section {
  float: left; }
  .navBar-section:before, .navBar-section:after {
    content: " ";
    display: table; }
  .navBar-section:after {
    clear: both; }

.navBar-section--alt {
  float: right;
  margin-left: 1.71429rem; }

.navBar-section + .navBar-section {
  margin-left: 1.71429rem; }

@media (min-width: 600px) {
  .navBar-item {
    float: left; } }

.navBar-item, .navBar-action {
  display: block; }

.navBar-action {
  color: #050505;
  font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  font-size: 16px;
  padding: 0.85714rem; }

/*doc
---
title: Navigation List
name: navList
parent: nav
category: Components
---

The Navigation List is a vertical navigation component, useful for secondary navigation like a list of child pages.

```html_example
<nav class="navList navList--aside">
    <ul class="navList-section">
        <li class="navList-item">
            <a class="navList-action" href="#">Item 1</a>
        </li>
        <li class="navList-item is-active">
            <a class="navList-action" href="#">Item 2</a>
            <ul class="navList-subSection">
                <li class="navList-item">
                    <a class="navList-action" href="#">Sub-item 1</a>
                </li>
                <li class="navList-item is-active">
                    <a class="navList-action" href="#">Sub-item 2</a>
                </li>
                <li class="navList-item">
                    <a class="navList-action" href="#">Sub-item 3</a>
                </li>
                <li class="navList-item">
                    <a class="navList-action" href="#">Sub-item 4</a>
                </li>
            </ul>
        </li>
        <li class="navList-item">
            <a class="navList-action" href="#">Sub-item 3</a>
        </li>
        <li class="navList-item">
            <a class="navList-action" href="#">Sub-item 4</a>
        </li>
    </ul>
</nav>
```

You can create a navigation list abstraction with the following mixin:

```scss_example
.subPagesList {
    @include nav("navList", "ul");
    @include nav-action($navBar-action-color, $navBar-action-fontFamily, $navBar-action-fontSize, $navBar-action-padding);
}
```

*/
.navList:before, .navList:after {
  content: " ";
  display: table; }

.navList:after {
  clear: both; }

.navList ul,
.navList ol {
  list-style: none;
  margin-left: 0;
  margin: 0;
  padding: 0; }
  .navList ul ul,
  .navList ul ol,
  .navList ol ul,
  .navList ol ol {
    list-style: none;
    margin-bottom: 0; }
  .navList ul li,
  .navList ol li {
    margin: 0;
    padding: 0; }

.navList-section:before, .navList-section:after {
  content: " ";
  display: table; }

.navList-section:after {
  clear: both; }

.navList-section--alt {
  float: right;
  margin-left: 1.71429rem; }

.navList-section + .navList-section {
  margin-top: 1.71429rem; }

.navList-item, .navList-action {
  display: block; }

.navList-action {
  color: #0e119f;
  font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  font-size: 16px;
  padding: 0.21429rem 0; }

.pagination-list {
  display: block;
  margin-left: 0; }
  .pagination-list li {
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    margin-left: 0.42857rem; }
    .pagination-list li a, .pagination-list li button {
      border-radius: 4px;
      transition: background-color 300ms ease-out;
      background: none;
      color: rgba(0, 0, 0, 0.7);
      display: block;
      font-size: 1em;
      font-weight: normal;
      line-height: inherit;
      padding: 0.35714rem 0.57143rem; }
  .pagination-list li {
    display: block; }

li.pagination-item {
  cursor: pointer; }
  li.pagination-item:first-child {
    margin-left: 0; }
  li.pagination-item a:hover {
    color: #0e119f; }

li.pagination-item--current a, li.pagination-item--current button {
  color: #0e119f;
  cursor: default; }

/*doc
---
title: Alerts
name: alerts
category: Components
---

Alerts can be used to inform users about the actions they perform, whether it's a successful message, a warning, error, or just information.
They can be displayed at a page level or inside a specific container. They will take the full width of their containers.

```sass_file_example
src/settings/foundation/alerts/_settings.scss
```

The alert box consists of three `alertBox-column`s: The `alertBox-icon` which contains the icon for the type of alert,
the `alertBox-message` which can contain the heading and text for the alert message, and `alertBox-close` which holds the close button.
You can set the vertical alignment of the columns in the setting variables.

```html_example
<div class="alertBox">
    <div class="alertBox-column alertBox-icon">
        <icon class="icon" aria-hidden="true">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"></path>
            </svg>
        </icon>
    </div>
    <div class="alertBox-column alertBox-message">
        <span>Generic alert</span>
    </div>
    <a class="alertBox-column alertBox-close" tabindex="0" href="#">
        <icon glyph="ic-close" class="icon" aria-hidden="true">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path>
            </svg>
        </icon>
    </a>
</div>
```
*/
.alertBox {
  border-style: none;
  display: block;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0.85714rem;
  padding: 0.85714rem 1.28571rem 0.85714rem 1.28571rem;
  position: relative;
  transition: opacity 300ms ease-out;
  background-color: #fafafa;
  border-color: #fafafa;
  color: #000000; }
  .alertBox .icon {
    height: 1.42857rem;
    width: 1.42857rem; }
  .alertBox .button {
    margin: 0 0 0 0.85714rem; }

.alertBox--info {
  background-color: #54b4d3;
  border-color: #54b4d3;
  color: #1b1b1b; }
  .alertBox--info svg {
    fill: #e7f6fe; }

.alertBox--success {
  background-color: #dffbea;
  border-color: #dffbea;
  color: #000000; }
  .alertBox--success svg {
    fill: #0e7235; }

.alertBox--warning {
  background-color: #fef8e7;
  border-color: #fef8e7;
  color: #000000; }
  .alertBox--warning svg {
    fill: #e4a11b; }

.alertBox--error {
  background-color: #ffdbdb;
  border-color: #ffdbdb;
  color: #000000; }
  .alertBox--error svg {
    fill: #800000; }

.alertBox-column {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.alertBox-icon {
  padding-right: 1.28571rem; }

.alertBox-message {
  margin: 0;
  text-align: left;
  width: 100%; }

.alertBox-heading {
  margin: 0; }

.alertBox-close {
  cursor: pointer;
  padding-left: 1.28571rem; }
  .alertBox-close .icon {
    height: 1.42857rem;
    width: 1.42857rem; }
  .alertBox-close svg {
    fill: #6b7280; }

/*doc
---
title: Accordion
name: accordion
category: Components
---
```html_example
<section class="accordion">
    <article heading="Dynamic Group Header - 1" class="is-open">
        <h2 class="accordion-navigation is-open">
            <a href="javascript:void(0)" class="accordion-title">
                Dynamic Group Header - 1
                <icon class="accordion-indicator icon" glyph="ic-remove" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13H5v-2h14v2z"></path></svg></icon>
            </a>
        </h2>
        <div class="accordion-content is-open">
            Dynamic Group Body - 1
        </div>
    </article>
    <article heading="Dynamic Group Header - 2">
        <h2 class="accordion-navigation">
            <a href="javascript:void(0)" class="accordion-title">
                Dynamic Group Header - 2
                <icon class="accordion-indicator icon" glyph="ic-remove" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13H5v-2h14v2z"></path></svg></icon>
            </a>
        </h2>
    </article>
<article heading="Dynamic Group Header - 3">
        <h2 class="accordion-navigation accordion-navigation--error">
            <a href="javascript:void(0)" class="accordion-title">
                Dynamic Group Header - 3
                <icon class="accordion-indicator icon" glyph="ic-remove" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13H5v-2h14v2z"></path></svg></icon>
            </a>
        </h2>
    </article>
</section>
```

```sass_file_example
src/settings/foundation/accordion/_settings.scss
```
*/
.accordion {
  margin-bottom: 0;
  border: #e5e7eb solid;
  border-width: 1px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.13);
  margin: 0 0 1.71429rem; }
  .accordion:before, .accordion:after {
    content: " ";
    display: table; }
  .accordion:after {
    clear: both; }

.accordion-navigation {
  display: block;
  margin-bottom: 0 !important;
  border: #e5e7eb solid;
  border-width: 1px 0;
  cursor: pointer; }
  .accordion-navigation.is-open > a {
    background: #ffffff;
    color: #050505; }
  .accordion-navigation > a {
    background: #ffffff;
    color: #22262a;
    padding: 2.14286rem;
    display: block;
    font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
    font-size: 16px; }
    .accordion-navigation > a:hover {
      background: #f3f5f6; }
  .accordion-navigation .accordion-title {
    padding: 1.71429rem 2.14286rem; }

.accordion-title {
  font-weight: 700;
  line-height: 24px; }

.accordion-content {
  display: none;
  padding: 2.28571rem;
  border: #e5e7eb solid;
  border-width: 0 0 1px; }
  .accordion-content.is-open {
    display: block; }

.accordion-navigation--success .accordion-title,
.accordion-navigation--success.is-open > a {
  color: #0e7235; }

.accordion-navigation--error .accordion-title,
.accordion-navigation--error.is-open > a {
  color: #800000; }

.accordion-navigation--warning .accordion-title,
.accordion-navigation--warning.is-open > a {
  color: #e4a11b; }

body.has-activeModal {
  overflow: hidden; }

.modal-background {
  background: #050505;
  background: rgba(0, 0, 0, 0.95);
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1004;
  left: 0; }
  .has-activeModal .modal-background {
    display: block; }

.modal {
  border-radius: 0;
  display: none;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 1005;
  left: 0;
  background-color: #bdcad1;
  padding: 2.57143rem 2.57143rem;
  border: solid 0 #e5e7eb;
  box-shadow: none;
  max-height: 80%;
  overflow: auto;
  position: fixed; }
  @media only screen and (max-width: 600px) {
    .modal {
      min-height: 100vh; } }
  .modal .column, .modal .columns {
    min-width: 0; }
  .modal > :first-child {
    margin-top: 0; }
  .modal > :last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 600px) {
    .modal {
      left: 0;
      margin: 0 auto;
      max-width: 80%;
      right: 0;
      width: 900px; } }
  @media only screen and (min-width: 600px) {
    .modal {
      top: 50% !important; } }
  @media (min-width: 600px) {
    .modal {
      transform: translateY(-50%); } }

.modal--large {
  max-height: 90%;
  width: 68.75rem; }

.modal--small {
  width: 31.25rem; }

.modal-header {
  border-bottom: #e5e7eb;
  padding: 1rem 0;
  position: relative; }

.modal-header-title {
  margin: 0; }

.modal-body {
  padding: 3.42857rem 0; }
  .modal-body > :last-child {
    margin-bottom: 0; }

.modal-footer {
  border-top: #e5e7eb;
  padding: 0.85714rem 1.71429rem;
  text-align: center; }
  @media (min-width: 481px) {
    .modal-footer {
      text-align: right; } }
  .modal-footer .button {
    display: block; }
    @media (min-width: 481px) {
      .modal-footer .button {
        display: inline-block;
        margin-bottom: 0; } }

.modal-footer-link {
  display: inline-block;
  font-size: 16px;
  margin: 0 0 0.85714rem; }
  @media (min-width: 481px) {
    .modal-footer-link {
      display: inline;
      margin: 1.71429rem; } }

.modal-close {
  color: #888e9b;
  cursor: pointer;
  font-size: 25px;
  font-weight: normal;
  line-height: 1;
  position: absolute;
  top: 1.2rem;
  right: 0.85714rem;
  transform: translateY(none); }
  .modal-close .icon {
    height: 1.42857rem;
    width: 1.42857rem; }

@media print {
  .modal {
    background: #FFFFFF !important;
    display: none; } }

.loadingNotification {
  left: 50%;
  position: fixed;
  text-align: center;
  top: 3.42857rem;
  transform: translateX(-50%);
  transform-style: preserve-3d;
  transition: all 200ms ease-out;
  z-index: 500; }
  .loadingNotification.ng-hide-remove, .loadingNotification.ng-hide-add-active {
    opacity: 0;
    top: 4.11429rem;
    transform: scale(0.9) translateX(-50%); }
  .loadingNotification.ng-hide-remove-active {
    opacity: 1;
    top: 3.42857rem;
    transform: scale(1) translateX(-50%); }

.loadingNotification-label {
  background: #888e9b;
  border-radius: 4px;
  color: #ffffff;
  display: inline-block;
  font-size: 16px;
  padding: 0.42857rem 0.85714rem; }

.loadingOverlay-container {
  min-height: 120px;
  position: relative; }

.loadingOverlay {
  background: rgba(0, 0, 0, 0.9);
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 250ms ease-out;
  width: 100%; }
  .loadingOverlay::before {
    height: 2.85714rem;
    width: 2.85714rem;
    border-radius: 2.85714rem;
    border: solid 2px;
    border-color: #ffffff #ffffff #8296ab #8296ab;
    content: "";
    display: block;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    transform-style: preserve-3d;
    animation: spin 500ms infinite cubic-bezier(0.69, 0.31, 0.56, 0.83); }
  .loadingOverlay.ng-enter, .loadingOverlay.ng-leave.ng-leave-active {
    opacity: 0; }
  .loadingOverlay.ng-leave, .loadingOverlay.ng-enter.ng-enter-active {
    opacity: 1; }

@keyframes spin {
  0% {
    transform: translateY(-50%) rotate(0deg); }
  100% {
    transform: translateY(-50%) rotate(360deg); } }

/*doc
---
title: ActionBar
name: action_bar
category: Patterns
---
```html_example
<div class="actionBar">
    <div class="actionBar-section">
        <fieldset class="form-fieldset">
            <div class="actionBar-item form-field">
                <input class="form-input has-action" type="search" placeholder="Search">
                <button class="button button--icon button--inputAction">
                    <span class="is-srOnly">Search</span>
                    <icon glyph="ic-search"></icon>
                </button>
            </div>
            <a href="#" class="actionBar-item">Advanced</a>
        </fieldset>
    </div>
    <div class="actionBar-section actionBar-section--alt">
        <fieldset class="form-fieldset">
            <div class="actionBar-item form-field">
                <div class="buttonGroup">
                    <button class="button">
                        All
                    </button>
                    <button class="button">
                        Free
                    </button>
                    <button class="button">
                        Paid
                    </button>
                </div>
            </div>
            <div class="actionBar-item form-field">
                <label class="form-label" for="select1">Sort by</label>
                <select class="form-select" name="select1" id="select1">
                    <option value="1">Popular</option>
                    <option value="2">Newest</option>
                </select>
            </div>
        </fieldset>
    </div>
</div>
```

```sass_file_example
src/settings/bigcommerce/actionBar/_settings.scss
```
*/
.actionBar {
  margin: 1.71429rem 0; }
  .actionBar:before, .actionBar:after {
    content: " ";
    display: table; }
  .actionBar:after {
    clear: both; }
  .actionBar .button {
    margin-bottom: 0; }
  .actionBar .buttonGroup {
    vertical-align: middle; }

.actionBar-link {
  display: block;
  padding: 0.85714rem 0; }

.actionBar-section:before, .actionBar-section:after {
  content: " ";
  display: table; }

.actionBar-section:after {
  clear: both; }

@media (min-width: 600px) {
  .actionBar-section {
    float: left; }
    .actionBar-section .form-label {
      display: inline-block;
      margin: 0 0.42857rem 0 0; }
    .actionBar-section .form-select,
    .actionBar-section .form-input {
      display: inline-block;
      width: 14.28571rem; } }

@media (min-width: 600px) {
  .actionBar-section--alt {
    float: right; } }

.actionBar-item {
  margin-bottom: 1.71429rem; }
  @media (min-width: 600px) {
    .actionBar-item {
      display: inline-block;
      margin-bottom: 0;
      margin-right: 1.71429rem;
      vertical-align: middle; }
      .actionBar-item:last-child {
        margin-right: 0; } }

/*doc
---
title: Cards
name: cards
category: Components
---

Cards are a typical component consisting of a figure and a short snippet of descriptive text.
This could include a heading and a caption or definition, and perhaps a call to action
or other actionable functions.

```sass_file_example
src/settings/bigcommerce/cards/_settings.scss
```
```html_example
<article class="card">
    <figure class="card-figure">
        <img class="card-image" src="http://lorempixel.com/960/360/sports/" alt="Example card image">
        <figcaption class="card-figcaption">
            <a class="card-figcaption-action" href="#">
                <div class="card-figcaption-body">
                    <span class="button card-figcaption-button">Learn more</span>
                </div>
            </a>
        </figcaption>
    </figure>
    <div class="card-body">
        <h2 class="card-title">20% Off First Design Project</h2>
        <h3 class="card-subTitle">Custom Designs</h3>
        <p class="card-text">
            Be seen by customers at the very moment that
            they are searching on Google for the things you offer.
        </p>
    </div>
</article>
```
*/
.card {
  background-color: transparent;
  margin-bottom: 3.42857rem;
  padding: 0 0; }

.card-figure {
  background-color: #ffffff;
  margin-bottom: 0;
  padding: 0 0;
  position: relative; }

.card-image {
  border: 1px solid #6b7280;
  width: 100%; }

.card-figcaption {
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0; }
  .card-figcaption:hover {
    opacity: 1; }

.card-figcaption-action {
  display: block;
  height: 100%; }

.card-figcaption-body {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  transform-style: preserve-3d; }
  .card-figcaption-body > :first-child {
    margin-top: 0; }
  .card-figcaption-body > :last-child {
    margin-bottom: 0; }
  .card-figcaption-body .card-text {
    color: rgba(0, 0, 0, 0.7); }

.card-figcaption-button {
  background-color: rgba(0, 0, 0, 0.9);
  color: #ffffff; }
  .card-figcaption-button:hover {
    background-color: #1b1b1b;
    color: #ffffff; }

.card-body {
  padding: 0.85714rem 0 0; }
  .card-body > :first-child {
    margin-top: 0; }
  .card-body > :last-child {
    margin-bottom: 0; }
  .card-body .card-text {
    color: rgba(0, 0, 0, 0.7); }

.card-surTitle {
  float: right;
  margin-left: 1.71429rem;
  max-width: 40%;
  text-align: right; }

.card-footer {
  background-color: transparent;
  margin: 0; }
  .card-footer:before, .card-footer:after {
    content: " ";
    display: table; }
  .card-footer:after {
    clear: both; }

.card-button {
  margin-bottom: 0; }

.aria-description--hidden {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  margin-left: -10000px;
  overflow: hidden; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff center center no-repeat; }

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 0.8; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 1; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
    font-size: 20px;
    line-height: 1;
    color: #ffffff;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: ""; }
    [dir="rtl"] .slick-prev:before {
      content: ""; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: ""; }
    [dir="rtl"] .slick-next:before {
      content: ""; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 0.8; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 20px;
        height: 20px;
        font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
        font-size: 60px;
        line-height: 20px;
        text-align: center;
        color: #1b1b1b;
        opacity: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: #050505;
      opacity: 1; }

.carousel-tooltip {
  position: relative;
  display: none;
  height: 1px;
  margin-top: 0; }
  .carousel-tooltip::before {
    position: absolute;
    top: 50%;
    right: 0;
    border-width: 0.71429rem;
    border-style: solid;
    border-color: transparent transparent #384252;
    content: ' '; }
  .carousel-tooltip::after {
    position: absolute;
    top: 100%;
    right: 0;
    padding: 0.28571rem 0.42857rem;
    border-radius: 0.57143rem;
    color: #ffffff;
    font-size: 1rem;
    white-space: nowrap;
    background-color: #384252;
    cursor: default;
    content: attr(aria-label); }
  .carousel-tooltip::before, .carousel-tooltip::after {
    display: none; }
  .carousel-tooltip:focus::before, .carousel-tooltip:focus::after {
    display: block; }
  .carousel-tooltip::after {
    top: 10px;
    padding: 16px 8px; }
  .slick-prev .carousel-tooltip::before,
  .slick-next .carousel-tooltip::before {
    top: -7px; }
  .slick-next .carousel-tooltip::after {
    right: -5px; }
  .slick-dots button .carousel-tooltip {
    margin-top: 24px; }
    .slick-dots button .carousel-tooltip::before, .slick-dots button .carousel-tooltip::after {
      right: 50%;
      transform: translateX(50%); }
    .slick-dots button .carousel-tooltip::before {
      top: -7px; }
    .slick-prev .slick-dots button .carousel-tooltip::before {
      right: -2px; }
    .slick-prev .slick-dots button .carousel-tooltip::after {
      right: auto;
      left: -5px; }
  @media (min-width: 600px) {
    .carousel-tooltip {
      display: block; } }

.slick-next,
.slick-prev {
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 10;
  width: 3.14286rem;
  height: 3.14286rem;
  margin-top: -1.07143rem;
  padding: 0.71429rem;
  border: 1px solid #1b1b1b;
  border-radius: 50%; }
  .slick-next::before,
  .slick-prev::before {
    display: block;
    width: 0.64286rem;
    height: 1.07143rem;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%; }

.slick-next {
  right: -0.3125rem; }
  .slick-next::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 320 512'%3E%3Cpath d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z' class='fa-secondary' opacity='.9'/%3E%3C/svg%3E");
    background-repeat: no-repeat; }
  @media (hover: hover) {
    .slick-next:hover, .slick-next:focus, .slick-next:active {
      background-color: rgba(0, 0, 0, 0.9);
      border-color: #6b7280;
      background-repeat: no-repeat;
      background-position: 50%;
      background-size: 100%; }
      .slick-next:hover::before, .slick-next:focus::before, .slick-next:active::before {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 320 512'%3E%3Cpath d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z' class='fa-secondary' opacity='.9'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        opacity: 1; } }
  @media (min-width: 1440px) {
    .slick-next {
      right: -3.85714rem; } }

.slick-prev {
  left: -0.3125rem; }
  .slick-prev::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 320 512'%3E%3Cpath d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z' class='fa-secondary' opacity='.9'/%3E%3C/svg%3E");
    background-repeat: no-repeat; }
  @media (hover: hover) {
    .slick-prev:hover, .slick-prev:focus, .slick-prev:active {
      background-color: rgba(0, 0, 0, 0.9);
      border-color: #6b7280;
      background-repeat: no-repeat;
      background-position: 50%;
      background-size: 100%; }
      .slick-prev:hover::before, .slick-prev:focus::before, .slick-prev:active::before {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 320 512'%3E%3Cpath d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z' class='fa-secondary' opacity='.9'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        opacity: 1; } }
  @media (min-width: 1440px) {
    .slick-prev {
      left: -3.85714rem; } }

.slick-slide img {
  display: block;
  width: 100%; }

.slick-dots {
  margin: 0; }
  .productView .slick-dots {
    position: relative; }
  .slick-dots li {
    height: 2.28571rem;
    width: 2.28571rem;
    margin: 0;
    padding: 0.35714rem; }
    .slick-dots li.slick-active button::before {
      background: #050505; }
    .slick-dots li button,
    .slick-dots li button::before {
      height: 1.07143rem;
      width: 1.07143rem;
      border-radius: 50%; }
    .slick-dots li button {
      position: relative;
      display: inline-block;
      margin: 0;
      padding: 0;
      border: 1px solid #1b1b1b;
      text-align: center; }
      @media (hover: hover) {
        .slick-dots li button:hover::before, .slick-dots li button:focus::before {
          background: #1b1b1b; } }

.slick-disabled {
  opacity: 0;
  cursor: default; }

.slick-track {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  perspective: 1000px; }

div.slick-slider {
  *width: 100%;
  min-width: 100%; }

.carousel-play-pause-button {
  background-color: rgba(0, 0, 0, 0.9);
  position: absolute;
  bottom: 0.57143rem;
  left: 15px;
  z-index: 5;
  display: none;
  min-width: 60px;
  max-width: 60px;
  height: 32px;
  border: 1px solid #1b1b1b;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: opacity 100ms ease-out;
  overflow: hidden; }
  @media (hover: hover) {
    .carousel-play-pause-button:hover, .carousel-play-pause-button:focus {
      opacity: 0.8; } }
  @media (prefers-reduced-motion: reduce) {
    .carousel-play-pause-button {
      transition: none; } }
  @media (min-width: 480px) {
    .carousel-play-pause-button {
      min-width: 80px;
      max-width: 90px; } }
  @media (min-width: 600px) {
    .carousel-play-pause-button {
      max-width: 150px;
      font-size: 18px; } }
  @media (min-width: 1024px) {
    .carousel-play-pause-button {
      bottom: 1.71429rem;
      left: 25px; } }

.swal2-popup.swal2-toast {
  flex-direction: row;
  align-items: center;
  width: auto;
  padding: 0.625em;
  overflow-y: hidden;
  background: #fff;
  box-shadow: 0 0 0.625em #d9d9d9; }
  .swal2-popup.swal2-toast .swal2-header {
    flex-direction: row;
    padding: 0; }
  .swal2-popup.swal2-toast .swal2-title {
    flex-grow: 1;
    justify-content: flex-start;
    margin: 0 0.6em;
    font-size: 1em; }
  .swal2-popup.swal2-toast .swal2-footer {
    margin: 0.5em 0 0;
    padding: 0.5em 0 0;
    font-size: 0.8em; }
  .swal2-popup.swal2-toast .swal2-close {
    position: static;
    width: 0.8em;
    height: 0.8em;
    line-height: 0.8; }
  .swal2-popup.swal2-toast .swal2-content {
    justify-content: flex-start;
    padding: 0;
    font-size: 1em; }
  .swal2-popup.swal2-toast .swal2-icon {
    width: 2em;
    min-width: 2em;
    height: 2em;
    margin: 0; }
    .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
      display: flex;
      align-items: center;
      font-size: 1.8em;
      font-weight: bold; }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
          font-size: .25em; } }
    .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
      width: 2em;
      height: 2em; }
    .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
      top: .875em;
      width: 1.375em; }
      .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
        left: .3125em; }
      .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
        right: .3125em; }
  .swal2-popup.swal2-toast .swal2-actions {
    flex-basis: auto !important;
    width: auto;
    height: auto;
    margin: 0 .3125em; }
  .swal2-popup.swal2-toast .swal2-styled {
    margin: 0 .3125em;
    padding: .3125em .625em;
    font-size: 1em; }
    .swal2-popup.swal2-toast .swal2-styled:focus {
      box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, 0.4); }
  .swal2-popup.swal2-toast .swal2-success {
    border-color: #a5dc86; }
    .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'] {
      position: absolute;
      width: 1.6em;
      height: 3em;
      transform: rotate(45deg);
      border-radius: 50%; }
      .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='left'] {
        top: -.8em;
        left: -.5em;
        transform: rotate(-45deg);
        transform-origin: 2em 2em;
        border-radius: 4em 0 0 4em; }
      .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='right'] {
        top: -.25em;
        left: .9375em;
        transform-origin: 0 1.5em;
        border-radius: 0 4em 4em 0; }
    .swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
      width: 2em;
      height: 2em; }
    .swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
      top: 0;
      left: .4375em;
      width: .4375em;
      height: 2.6875em; }
    .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'] {
      height: .3125em; }
      .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='tip'] {
        top: 1.125em;
        left: .1875em;
        width: .75em; }
      .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='long'] {
        top: .9375em;
        right: .1875em;
        width: 1.375em; }
    .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
      animation: swal2-toast-animate-success-line-tip .75s; }
    .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
      animation: swal2-toast-animate-success-line-long .75s; }
  .swal2-popup.swal2-toast.swal2-show {
    animation: swal2-toast-show 0.5s; }
  .swal2-popup.swal2-toast.swal2-hide {
    animation: swal2-toast-hide 0.1s forwards; }

.swal2-container {
  display: flex;
  position: fixed;
  z-index: 1060;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0.625em;
  overflow-x: hidden;
  transition: background-color 0.1s;
  -webkit-overflow-scrolling: touch; }
  .swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
    background: rgba(0, 0, 0, 0.4); }
  .swal2-container.swal2-backdrop-hide {
    background: transparent !important; }
  .swal2-container.swal2-top {
    align-items: flex-start; }
  .swal2-container.swal2-top-start, .swal2-container.swal2-top-left {
    align-items: flex-start;
    justify-content: flex-start; }
  .swal2-container.swal2-top-end, .swal2-container.swal2-top-right {
    align-items: flex-start;
    justify-content: flex-end; }
  .swal2-container.swal2-center {
    align-items: center; }
  .swal2-container.swal2-center-start, .swal2-container.swal2-center-left {
    align-items: center;
    justify-content: flex-start; }
  .swal2-container.swal2-center-end, .swal2-container.swal2-center-right {
    align-items: center;
    justify-content: flex-end; }
  .swal2-container.swal2-bottom {
    align-items: flex-end; }
  .swal2-container.swal2-bottom-start, .swal2-container.swal2-bottom-left {
    align-items: flex-end;
    justify-content: flex-start; }
  .swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right {
    align-items: flex-end;
    justify-content: flex-end; }
  .swal2-container.swal2-bottom > :first-child,
  .swal2-container.swal2-bottom-start > :first-child,
  .swal2-container.swal2-bottom-left > :first-child,
  .swal2-container.swal2-bottom-end > :first-child,
  .swal2-container.swal2-bottom-right > :first-child {
    margin-top: auto; }
  .swal2-container.swal2-grow-fullscreen > .swal2-modal {
    display: flex !important;
    flex: 1;
    align-self: stretch;
    justify-content: center; }
  .swal2-container.swal2-grow-row > .swal2-modal {
    display: flex !important;
    flex: 1;
    align-content: center;
    justify-content: center; }
  .swal2-container.swal2-grow-column {
    flex: 1;
    flex-direction: column; }
    .swal2-container.swal2-grow-column.swal2-top, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-bottom {
      align-items: center; }
    .swal2-container.swal2-grow-column.swal2-top-start, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-bottom-left {
      align-items: flex-start; }
    .swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-top-right, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-bottom-right {
      align-items: flex-end; }
    .swal2-container.swal2-grow-column > .swal2-modal {
      display: flex !important;
      flex: 1;
      align-content: center;
      justify-content: center; }
  .swal2-container.swal2-no-transition {
    transition: none !important; }
  .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal {
    margin: auto; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .swal2-container .swal2-modal {
      margin: 0 !important; } }

.swal2-popup {
  display: none;
  position: relative;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  width: 32em;
  max-width: 100%;
  padding: 1.25em;
  border: none;
  border-radius: 0.3125em;
  background: #fff;
  font-family: inherit;
  font-size: 1rem; }
  .swal2-popup:focus {
    outline: none; }
  .swal2-popup.swal2-loading {
    overflow-y: hidden; }

.swal2-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1.8em; }

.swal2-title {
  position: relative;
  max-width: 100%;
  margin: 0 0 0.4em;
  padding: 0;
  color: #595959;
  font-size: 1.875em;
  font-weight: 600;
  text-align: center;
  text-transform: none;
  word-wrap: break-word; }

.swal2-actions {
  display: flex;
  z-index: 1;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 1.25em auto 0; }
  .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
    opacity: .4; }
  .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }
  .swal2-actions:not(.swal2-loading) .swal2-styled:active {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }
  .swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
    box-sizing: border-box;
    width: 2.5em;
    height: 2.5em;
    margin: .46875em;
    padding: 0;
    animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    border: .25em solid transparent;
    border-radius: 100%;
    border-color: transparent;
    background-color: transparent !important;
    color: transparent !important;
    cursor: default;
    user-select: none; }
  .swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
    margin-right: 30px;
    margin-left: 30px; }
  .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    border: 3px solid #999999;
    border-radius: 50%;
    border-right-color: transparent;
    box-shadow: 1px 1px 1px #fff; }

.swal2-styled {
  margin: .3125em;
  padding: .625em 2em;
  box-shadow: none;
  font-weight: 500; }
  .swal2-styled:not([disabled]) {
    cursor: pointer; }
  .swal2-styled.swal2-confirm {
    border: 0;
    border-radius: 0.25em;
    background: initial;
    background-color: #3085d6;
    color: #fff;
    font-size: 1.0625em; }
  .swal2-styled.swal2-cancel {
    border: 0;
    border-radius: 0.25em;
    background: initial;
    background-color: #aaa;
    color: #fff;
    font-size: 1.0625em; }
  .swal2-styled:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, 0.4); }
  .swal2-styled::-moz-focus-inner {
    border: 0; }

.swal2-footer {
  justify-content: center;
  margin: 1.25em 0 0;
  padding: 1em 0 0;
  border-top: 1px solid #eee;
  color: #545454;
  font-size: 1em; }

.swal2-timer-progress-bar-container {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0.25em;
  overflow: hidden;
  border-bottom-right-radius: 0.3125em;
  border-bottom-left-radius: 0.3125em; }

.swal2-timer-progress-bar {
  width: 100%;
  height: 0.25em;
  background: rgba(0, 0, 0, 0.2); }

.swal2-image {
  max-width: 100%;
  margin: 1.25em auto; }

.swal2-close {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  width: 1.2em;
  height: 1.2em;
  padding: 0;
  overflow: hidden;
  transition: color 0.1s ease-out;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #cccccc;
  font-family: serif;
  font-size: 2.5em;
  line-height: 1.2;
  cursor: pointer; }
  .swal2-close:hover {
    transform: none;
    background: transparent;
    color: #f27474; }
  .swal2-close::-moz-focus-inner {
    border: 0; }

.swal2-content {
  z-index: 1;
  justify-content: center;
  margin: 0;
  padding: 0 1.6em;
  color: #545454;
  font-size: 1.125em;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  word-wrap: break-word; }

.swal2-input,
.swal2-file,
.swal2-textarea,
.swal2-select,
.swal2-radio,
.swal2-checkbox {
  margin: 1em auto; }

.swal2-input,
.swal2-file,
.swal2-textarea {
  box-sizing: border-box;
  width: 100%;
  transition: border-color 0.3s, box-shadow 0.3s;
  border: 1px solid #d9d9d9;
  border-radius: 0.1875em;
  background: inherit;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
  color: inherit;
  font-size: 1.125em; }
  .swal2-input.swal2-inputerror,
  .swal2-file.swal2-inputerror,
  .swal2-textarea.swal2-inputerror {
    border-color: #f27474 !important;
    box-shadow: 0 0 2px #f27474 !important; }
  .swal2-input:focus,
  .swal2-file:focus,
  .swal2-textarea:focus {
    border: 1px solid #b4dbed;
    outline: none;
    box-shadow: 0 0 3px #c4e6f5; }
  .swal2-input::placeholder,
  .swal2-file::placeholder,
  .swal2-textarea::placeholder {
    color: #cccccc; }

.swal2-range {
  margin: 1em auto;
  background: #fff; }
  .swal2-range input {
    width: 80%; }
  .swal2-range output {
    width: 20%;
    color: inherit;
    font-weight: 600;
    text-align: center; }
  .swal2-range input,
  .swal2-range output {
    height: 2.625em;
    padding: 0;
    font-size: 1.125em;
    line-height: 2.625em; }

.swal2-input {
  height: 2.625em;
  padding: 0 0.75em; }
  .swal2-input[type='number'] {
    max-width: 10em; }

.swal2-file {
  background: inherit;
  font-size: 1.125em; }

.swal2-textarea {
  height: 6.75em;
  padding: 0.75em; }

.swal2-select {
  min-width: 50%;
  max-width: 100%;
  padding: .375em .625em;
  background: inherit;
  color: inherit;
  font-size: 1.125em; }

.swal2-radio,
.swal2-checkbox {
  align-items: center;
  justify-content: center;
  background: #fff;
  color: inherit; }
  .swal2-radio label,
  .swal2-checkbox label {
    margin: 0 .6em;
    font-size: 1.125em; }
  .swal2-radio input,
  .swal2-checkbox input {
    margin: 0 .4em; }

.swal2-validation-message {
  display: none;
  align-items: center;
  justify-content: center;
  padding: 0.625em;
  overflow: hidden;
  background: #f0f0f0;
  color: #666666;
  font-size: 1em;
  font-weight: 300; }
  .swal2-validation-message::before {
    content: '!';
    display: inline-block;
    width: 1.5em;
    min-width: 1.5em;
    height: 1.5em;
    margin: 0 .625em;
    border-radius: 50%;
    background-color: #f27474;
    color: #fff;
    font-weight: 600;
    line-height: 1.5em;
    text-align: center; }

.swal2-icon {
  position: relative;
  box-sizing: content-box;
  justify-content: center;
  width: 5em;
  height: 5em;
  margin: 1.25em auto 1.875em;
  border: .25em solid transparent;
  border-radius: 50%;
  font-family: inherit;
  line-height: 5em;
  cursor: default;
  user-select: none; }
  .swal2-icon .swal2-icon-content {
    display: flex;
    align-items: center;
    font-size: 3.75em; }
  .swal2-icon.swal2-error {
    border-color: #f27474;
    color: #f27474; }
    .swal2-icon.swal2-error .swal2-x-mark {
      position: relative;
      flex-grow: 1; }
    .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
      display: block;
      position: absolute;
      top: 2.3125em;
      width: 2.9375em;
      height: .3125em;
      border-radius: .125em;
      background-color: #f27474; }
      .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
        left: 1.0625em;
        transform: rotate(45deg); }
      .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
        right: 1em;
        transform: rotate(-45deg); }
    .swal2-icon.swal2-error.swal2-icon-show {
      animation: swal2-animate-error-icon .5s; }
      .swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
        animation: swal2-animate-error-x-mark .5s; }
  .swal2-icon.swal2-warning {
    border-color: #facea8;
    color: #f8bb86; }
  .swal2-icon.swal2-info {
    border-color: #9de0f6;
    color: #3fc3ee; }
  .swal2-icon.swal2-question {
    border-color: #c9dae1;
    color: #87adbd; }
  .swal2-icon.swal2-success {
    border-color: #a5dc86;
    color: #a5dc86; }
    .swal2-icon.swal2-success [class^='swal2-success-circular-line'] {
      position: absolute;
      width: 3.75em;
      height: 7.5em;
      transform: rotate(45deg);
      border-radius: 50%; }
      .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='left'] {
        top: -.4375em;
        left: -2.0635em;
        transform: rotate(-45deg);
        transform-origin: 3.75em 3.75em;
        border-radius: 7.5em 0 0 7.5em; }
      .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='right'] {
        top: -.6875em;
        left: 1.875em;
        transform: rotate(-45deg);
        transform-origin: 0 3.75em;
        border-radius: 0 7.5em 7.5em 0; }
    .swal2-icon.swal2-success .swal2-success-ring {
      position: absolute;
      z-index: 2;
      top: -.25em;
      left: -.25em;
      box-sizing: content-box;
      width: 100%;
      height: 100%;
      border: 0.25em solid rgba(165, 220, 134, 0.3);
      border-radius: 50%; }
    .swal2-icon.swal2-success .swal2-success-fix {
      position: absolute;
      z-index: 1;
      top: .5em;
      left: 1.625em;
      width: .4375em;
      height: 5.625em;
      transform: rotate(-45deg); }
    .swal2-icon.swal2-success [class^='swal2-success-line'] {
      display: block;
      position: absolute;
      z-index: 2;
      height: .3125em;
      border-radius: .125em;
      background-color: #a5dc86; }
      .swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] {
        top: 2.875em;
        left: .8125em;
        width: 1.5625em;
        transform: rotate(45deg); }
      .swal2-icon.swal2-success [class^='swal2-success-line'][class$='long'] {
        top: 2.375em;
        right: .5em;
        width: 2.9375em;
        transform: rotate(-45deg); }
    .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
      animation: swal2-animate-success-line-tip .75s; }
    .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
      animation: swal2-animate-success-line-long .75s; }
    .swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
      animation: swal2-rotate-success-circular-line 4.25s ease-in; }

.swal2-progress-steps {
  align-items: center;
  margin: 0 0 1.25em;
  padding: 0;
  background: inherit;
  font-weight: 600; }
  .swal2-progress-steps li {
    display: inline-block;
    position: relative; }
  .swal2-progress-steps .swal2-progress-step {
    z-index: 20;
    width: 2em;
    height: 2em;
    border-radius: 2em;
    background: #3085d6;
    color: #fff;
    line-height: 2em;
    text-align: center; }
    .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
      background: #3085d6; }
      .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
        background: #add8e6;
        color: #fff; }
      .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
        background: #add8e6; }
  .swal2-progress-steps .swal2-progress-step-line {
    z-index: 10;
    width: 2.5em;
    height: .4em;
    margin: 0 -1px;
    background: #3085d6; }

[class^='swal2'] {
  -webkit-tap-highlight-color: transparent; }

.swal2-show {
  animation: swal2-show 0.3s; }

.swal2-hide {
  animation: swal2-hide 0.15s forwards; }

.swal2-noanimation {
  transition: none; }

.swal2-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

.swal2-rtl .swal2-close {
  right: auto;
  left: 0; }

.swal2-rtl .swal2-timer-progress-bar {
  right: 0;
  left: auto; }

@supports (-ms-accelerator: true) {
  .swal2-range input {
    width: 100% !important; }
  .swal2-range output {
    display: none; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .swal2-range input {
    width: 100% !important; }
  .swal2-range output {
    display: none; } }

@-moz-document url-prefix() {
  .swal2-close:focus {
    outline: 2px solid rgba(50, 100, 150, 0.4); } }

@keyframes swal2-toast-show {
  0% {
    transform: translateY(-0.625em) rotateZ(2deg); }
  33% {
    transform: translateY(0) rotateZ(-2deg); }
  66% {
    transform: translateY(0.3125em) rotateZ(2deg); }
  100% {
    transform: translateY(0) rotateZ(0deg); } }

@keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0; } }

@keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: .5625em;
    left: .0625em;
    width: 0; }
  54% {
    top: .125em;
    left: .125em;
    width: 0; }
  70% {
    top: .625em;
    left: -.25em;
    width: 1.625em; }
  84% {
    top: 1.0625em;
    left: .75em;
    width: .5em; }
  100% {
    top: 1.125em;
    left: .1875em;
    width: .75em; } }

@keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0; }
  65% {
    top: 1.25em;
    right: .9375em;
    width: 0; }
  84% {
    top: .9375em;
    right: 0;
    width: 1.125em; }
  100% {
    top: .9375em;
    right: .1875em;
    width: 1.375em; } }

@keyframes swal2-show {
  0% {
    transform: scale(0.7); }
  45% {
    transform: scale(1.05); }
  80% {
    transform: scale(0.95); }
  100% {
    transform: scale(1); } }

@keyframes swal2-hide {
  0% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(0.5);
    opacity: 0; } }

@keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: .0625em;
    width: 0; }
  54% {
    top: 1.0625em;
    left: .125em;
    width: 0; }
  70% {
    top: 2.1875em;
    left: -.375em;
    width: 3.125em; }
  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em; }
  100% {
    top: 2.8125em;
    left: .8125em;
    width: 1.5625em; } }

@keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0; }
  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0; }
  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em; }
  100% {
    top: 2.375em;
    right: .5em;
    width: 2.9375em; } }

@keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg); } }

@keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0; }
  50% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0; }
  80% {
    margin-top: -.375em;
    transform: scale(1.15); }
  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1; } }

@keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    opacity: 1; } }

@keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
  overflow: hidden; }

body.swal2-height-auto {
  height: auto !important; }

body.swal2-no-backdrop .swal2-container {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  max-width: calc(100% - 0.625em * 2);
  background-color: transparent !important; }
  body.swal2-no-backdrop .swal2-container > .swal2-modal {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
  body.swal2-no-backdrop .swal2-container.swal2-top {
    top: 0;
    left: 50%;
    transform: translateX(-50%); }
  body.swal2-no-backdrop .swal2-container.swal2-top-start, body.swal2-no-backdrop .swal2-container.swal2-top-left {
    top: 0;
    left: 0; }
  body.swal2-no-backdrop .swal2-container.swal2-top-end, body.swal2-no-backdrop .swal2-container.swal2-top-right {
    top: 0;
    right: 0; }
  body.swal2-no-backdrop .swal2-container.swal2-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  body.swal2-no-backdrop .swal2-container.swal2-center-start, body.swal2-no-backdrop .swal2-container.swal2-center-left {
    top: 50%;
    left: 0;
    transform: translateY(-50%); }
  body.swal2-no-backdrop .swal2-container.swal2-center-end, body.swal2-no-backdrop .swal2-container.swal2-center-right {
    top: 50%;
    right: 0;
    transform: translateY(-50%); }
  body.swal2-no-backdrop .swal2-container.swal2-bottom {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); }
  body.swal2-no-backdrop .swal2-container.swal2-bottom-start, body.swal2-no-backdrop .swal2-container.swal2-bottom-left {
    bottom: 0;
    left: 0; }
  body.swal2-no-backdrop .swal2-container.swal2-bottom-end, body.swal2-no-backdrop .swal2-container.swal2-bottom-right {
    right: 0;
    bottom: 0; }

@media print {
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow-y: scroll !important; }
    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden='true'] {
      display: none; }
    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
      position: static !important; } }

body.swal2-toast-shown .swal2-container {
  background-color: transparent; }
  body.swal2-toast-shown .swal2-container.swal2-top {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%); }
  body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto; }
  body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0; }
  body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    transform: translateY(-50%); }
  body.swal2-toast-shown .swal2-container.swal2-center {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%); }
  body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    transform: translateY(-50%); }
  body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0; }
  body.swal2-toast-shown .swal2-container.swal2-bottom {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); }
  body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto; }

body.swal2-toast-column .swal2-toast {
  flex-direction: column;
  align-items: stretch; }
  body.swal2-toast-column .swal2-toast .swal2-actions {
    flex: 1;
    align-self: stretch;
    height: 2.2em;
    margin-top: .3125em; }
  body.swal2-toast-column .swal2-toast .swal2-loading {
    justify-content: center; }
  body.swal2-toast-column .swal2-toast .swal2-input {
    height: 2em;
    margin: .3125em auto;
    font-size: 1em; }
  body.swal2-toast-column .swal2-toast .swal2-validation-message {
    font-size: 1em; }

.swal2-modal {
  border-radius: 4px;
  font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  background-color: #f3f5f6 !important;
  font-optical-sizing: auto; }
  .swal2-modal .swal2-title {
    color: #050505;
    font-size: 2.14286rem; }
  .swal2-modal .swal2-content {
    color: #22262a;
    font-size: 1.28571rem; }
  .swal2-modal .swal2-buttonswrapper {
    margin: 25px 0 0; }
  .swal2-modal .swal2-styled {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
    font-weight: 400;
    line-height: normal;
    margin: 0 0 1rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    background-color: #bdcad1;
    border-color: #bdcad1;
    color: #1b1b1b;
    font-size: 16px;
    padding: 1rem 2.57143rem;
    border-radius: 4px;
    line-height: 1.5;
    transition: opacity 0.15s ease;
    outline: none; }
    .swal2-modal .swal2-styled:hover, .swal2-modal .swal2-styled:focus, .swal2-modal .swal2-styled.is-active, .swal2-modal .swal2-styled.active {
      background-color: #e5e7eb;
      border-color: #e5e7eb;
      color: #1b1b1b; }
    .swal2-modal .swal2-styled:active {
      background-color: #c2c5cc;
      border: 1px solid #c2c5cc;
      color: #050505; }
    .swal2-modal .swal2-styled:focus {
      outline: none; }
    @media (prefers-reduced-motion: reduce) {
      .swal2-modal .swal2-styled {
        transition: none; } }
  .swal2-modal .swal2-confirm {
    border-color: #1b1b1b;
    color: #ffffff;
    background-color: #1b1b1b; }
    .swal2-modal .swal2-confirm:active {
      border-color: #050505;
      color: #ffffff;
      background-color: #050505; }
    @media (hover: hover) {
      .swal2-modal .swal2-confirm:focus, .swal2-modal .swal2-confirm:hover {
        border-color: rgba(0, 0, 0, 0.7);
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.7); } }
  .swal2-modal .swal2-cancel {
    border-color: #e0e2e5;
    color: #1b1b1b;
    background-color: transparent; }
    .swal2-modal .swal2-cancel:active {
      border-color: #c2c5cc;
      color: #050505;
      background-color: transparent; }
    @media (hover: hover) {
      .swal2-modal .swal2-cancel:focus, .swal2-modal .swal2-cancel:hover {
        border-color: #e5e7eb;
        color: #1b1b1b;
        background-color: transparent; } }
  .swal2-modal .button + .button {
    margin-left: 0.85714rem; }
  .swal2-modal .swal2-file,
  .swal2-modal .swal2-input,
  .swal2-modal .swal2-textarea {
    border: 1px solid #e5e7eb;
    color: #22262a; }
  .swal2-modal .swal2-checkbox,
  .swal2-modal .swal2-select {
    color: #22262a; }

.swal2-icon {
  display: flex;
  flex-wrap: nowrap; }

.swal2-container {
  z-index: 1000; }

html,
body {
  height: auto; }

figcaption {
  margin-top: 0.85714rem;
  color: #f0f3f5; }

figure {
  margin-top: 2.28571rem;
  margin-bottom: 2.28571rem; }
  figure > figcaption {
    margin-bottom: -0.57143rem; }

html {
  -webkit-tap-highlight-color: transparent; }

body {
  font-size: 1rem;
  font-weight: 400;
  line-height: 29px;
  letter-spacing: 0.5px;
  overflow-x: hidden; }

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-top: 2.57143rem;
  font-weight: 700; }

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: inherit;
  line-height: 1.5;
  text-decoration: none; }

h5,
h6 {
  text-transform: uppercase; }

cite {
  margin: 0.57143rem 0 0;
  line-height: 1.5; }

.page-heading {
  margin: 0 0 3.42857rem;
  text-align: center; }

h1,
.h1 {
  font-size: 28px; }

h2,
.h2 {
  font-size: 25px; }

h3,
.h3 {
  font-size: 22px; }

h4,
.h4 {
  font-size: 20px; }

h5,
.h5 {
  font-size: 15px; }

h6,
.h6 {
  font-size: 13px; }

.definitionList:before, .definitionList:after {
  content: " ";
  display: table; }

.definitionList:after {
  clear: both; }

.definitionList-key {
  margin: 0 0.42857rem 0 0;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 400;
  float: left; }

.definitionList-value {
  margin: 0; }

.form-select {
  height: 50px;
  padding: 0.85714rem 3.42857rem 0.85714rem 1.14286rem;
  border-color: #cbd5e1;
  border-radius: 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23787878' viewBox='0 0 448 512'%3E%3Cpath d='M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z' class='fa-secondary' opacity='.4'/%3E%3C/svg%3E");
  background-position: right 0.64286rem top 0.78571rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.form-label {
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.625;
  letter-spacing: 0.5px;
  text-transform: none; }
  .form-label em {
    color: rgba(0, 0, 0, 0.7); }
  .form-label small {
    margin-top: 0.42857rem;
    color: rgba(0, 0, 0, 0.7);
    float: right; }

.form-actions .button,
.form-actions input,
.form-actions a {
  max-width: 100% !important; }

.form-label--inlineSmall small {
  margin-left: 0.42857rem;
  color: #4b515a;
  font-size: inherit;
  font-weight: 400;
  text-transform: none;
  float: none; }

.form-input {
  max-width: 100%;
  height: 50px;
  min-height: 50px;
  margin: 0;
  padding: 0 16px;
  border-color: #c2c5cc;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  line-height: 3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  .form-input::-webkit-input-placeholder {
    position: relative;
    left: 0;
    color: #22262a;
    font-style: normal !important;
    letter-spacing: 0.5px;
    text-transform: unset;
    opacity: 1;
    visibility: visible;
    -webkit-transition: color 0.15s ease;
    transition: color 0.15s ease; }
    @media (prefers-reduced-motion: reduce) {
      .form-input::-webkit-input-placeholder {
        transition: none; } }
  .form-input::-moz-placeholder {
    position: relative;
    left: 0;
    color: #22262a;
    font-style: normal !important;
    letter-spacing: 0.5px;
    text-transform: unset;
    opacity: 1;
    visibility: visible;
    -moz-transition: color 0.15s ease;
    transition: color 0.15s ease; }
  .form-input::-ms-input-placeholder {
    position: relative;
    left: 0;
    color: #22262a;
    font-style: normal !important;
    letter-spacing: 0.5px;
    text-transform: unset;
    opacity: 1;
    visibility: visible;
    -ms-transition: color 0.15s ease;
    transition: color 0.15s ease; }
  .form-input:-ms-input-placeholder {
    position: relative;
    left: 0;
    color: #22262a;
    font-style: normal !important;
    letter-spacing: 0.5px;
    text-transform: unset;
    opacity: 1;
    visibility: visible;
    -ms-transition: color 0.15s ease;
    transition: color 0.15s ease; }
  .form-input::placeholder {
    position: relative;
    left: 0;
    color: #22262a;
    font-style: normal !important;
    letter-spacing: 0.5px;
    text-transform: unset;
    opacity: 1;
    visibility: visible;
    transition: color 0.15s ease; }
  .form-input:focus::-webkit-input-placeholder {
    left: 5%;
    opacity: 0;
    visibility: hidden; }
  .form-input:focus::-moz-placeholder {
    left: 5%;
    opacity: 0;
    visibility: hidden; }
  .form-input:focus:-ms-input-placeholder {
    left: 5%;
    opacity: 0;
    visibility: hidden; }
  .form-input:focus::-ms-input-placeholder {
    left: 5%;
    opacity: 0;
    visibility: hidden; }
  .form-input:focus::placeholder {
    left: 5%;
    opacity: 0;
    visibility: hidden; }
  .form-input[rows] {
    padding-top: 16px;
    padding-bottom: 16px; }
  .home-layout-2 .form-input {
    padding: 0 20px;
    border-color: #1b1b1b;
    border-radius: 4px;
    background-color: #ffffff; }

.form-field.form-field-radio {
  position: relative;
  padding: 12px 0 0; }
  .form-field.form-field-radio .form-label {
    display: inline-block;
    width: auto;
    margin: 0 24px 0 0;
    line-height: 1.5;
    vertical-align: top; }
    .form-field.form-field-radio .form-label:last-child {
      display: inline-block;
      margin-bottom: 0; }
  .form-field.form-field-radio .form-radio + .form-label {
    padding-left: 24px;
    color: #41454e;
    font-size: 16px;
    font-weight: 400; }
    .form-field.form-field-radio .form-radio + .form-label::before {
      width: 18px;
      height: 18px;
      border-color: #888e9b; }
    .form-field.form-field-radio .form-radio + .form-label::after {
      top: 6px;
      left: 3px;
      width: 0;
      height: 0;
      border: 6px solid #22262a;
      border-radius: 50%; }

.form-field.form-field-radio2 {
  padding-top: 0;
  padding-bottom: 32px;
  border-bottom: 1px solid #c2c5cc; }
  .form-field.form-field-radio2 .form-label:first-child {
    display: block;
    margin-right: 0;
    margin-bottom: 8px; }

.form-check-input {
  width: 16px !important;
  height: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.9) !important; }
  .form-check-input:checked {
    background-color: #1b1b1b !important; }

.table {
  margin-top: 2.28571rem; }
  .table td + td {
    border-left: #e5e7eb; }
  .table .table-alignCenter {
    text-align: center; }
  .table .table-alignRight {
    text-align: right; }

.table-actions {
  margin: 1.71429rem;
  text-align: center; }
  .table-actions .form {
    margin-bottom: 0; }
  .table-actions .button {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0; }
    @media (min-width: 600px) {
      .table-actions .button + .button {
        margin-left: 0.42857rem; } }
    @media (min-width: 600px) {
      .table-actions .button {
        display: inline-block;
        width: auto;
        margin-bottom: 0; } }
    @media (max-width: 600px) {
      .table-actions .button {
        margin-bottom: 8px; }
        .table-actions .button:last-child {
          margin-bottom: 0; } }

.table--line {
  border-width: 0 0 1px;
  border-color: #e5e7eb; }
  .table--line .table-thead {
    border-width: 0 0 1px;
    border-color: #e5e7eb; }
    .table--line .table-thead tr th {
      padding-right: 0;
      padding-left: 0; }
      @media (min-width: 600px) {
        .table--line .table-thead tr th {
          text-align: center; }
          .table--line .table-thead tr th:first-child {
            text-align: left; }
          .table--line .table-thead tr th:last-child {
            text-align: right; } }
      .table--line .table-thead tr th + th {
        padding-left: 1.71429rem; }
  .table--line td + td {
    border-left: 0; }
  .table--line tr {
    border-color: #e5e7eb; }
    .table--line tr td {
      display: block;
      padding-right: 0;
      padding-left: 0; }
      @media (min-width: 600px) {
        .table--line tr td {
          text-align: center; }
          .table--line tr td:first-child {
            text-align: left; }
          .table--line tr td:last-child {
            text-align: right; } }
      .table--line tr td + td {
        padding-left: 1.71429rem; }

.dropdown {
  position: absolute;
  visibility: hidden;
  outline: none; }

.dropdown-menu {
  z-index: 5; }
  .dropdown-menu.is-open {
    display: block; }
  .dropdown-menu.is-loading .loadingOverlay {
    position: relative;
    padding: 5.14286rem 0;
    background: none; }
  .dropdown-menu .button:focus {
    z-index: 5; }

.dropdown-menu-item {
  text-align: left; }
  .dropdown-menu-item:first-child > a {
    padding-top: 0.85714rem; }
  .dropdown-menu-item:last-child > a {
    padding-bottom: 1rem; }
  .dropdown-menu-item > a {
    margin: 0;
    padding: 0.28571rem 1.28571rem;
    text-decoration: none; }

.dropdown-menu-button {
  width: 100%; }
  .dropdown-menu-button:focus {
    z-index: 10; }
  .dropdown-menu-button.is-open {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .dropdown-menu-button .icon {
    margin-left: 10px;
    float: right; }

.modal-background {
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: blur(0.3125rem);
  backdrop-filter: blur(0.3125rem); }
  .openQuickSearch .modal-background {
    z-index: 1010; }

.modal-body {
  padding: 2.57143rem 2.57143rem;
  padding-right: 16px;
  border-radius: 4px;
  overflow: auto;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  -ms-scroll-chaining: none; }
  .modal-body::-webkit-scrollbar {
    width: 4px; }
  .modal-body::-webkit-scrollbar-track {
    background: #bdcad1; }
  .modal-body::-webkit-scrollbar-thumb {
    background: #a6abb5; }
    @media (hover: hover) {
      .modal-body::-webkit-scrollbar-thumb:hover, .modal-body::-webkit-scrollbar-thumb:focus {
        background: #757575; } }

.modal {
  top: 50% !important;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 95%;
  min-height: 240px;
  max-height: 70%;
  margin: 0;
  padding: 0;
  border-radius: 4px;
  background-color: transparent !important;
  overflow: hidden;
  outline: none; }
  .modal.modal--standard {
    width: 100%; }
  .modal.modal--editOptions .modal-body {
    margin-right: 0;
    margin-left: 0;
    padding: 0 0 128px;
    padding-right: 16px;
    border-radius: 4px;
    background-color: #ffffff;
    overflow: auto;
    scrollbar-gutter: stable;
    overscroll-behavior: contain;
    -ms-scroll-chaining: none; }
  @media (min-width: 1024px) {
    .modal.modal--medium {
      width: 100%;
      max-width: 990px; }
    .modal.modal--standard {
      width: 890px;
      max-width: 100%; }
    .modal.modal--editOptions {
      width: 100%;
      max-width: 854px; }
    .modal.modal--giftWrapping {
      width: 100%;
      max-width: 854px; } }
  @media (min-width: 1440px) {
    .modal.modal--large {
      width: 68.75rem;
      max-width: 68.75rem; } }

.modal-header {
  position: relative;
  display: block;
  padding: 12px 28px;
  background-color: #c2c5cc;
  border-bottom-color: #c2c5cc; }
  .modal-header-title {
    display: block;
    margin: 0;
    font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
    font-size: 16px;
    font-weight: 600;
    line-height: 1.625;
    letter-spacing: 0.5px;
    text-align: center;
    text-transform: capitalize;
    font-optical-sizing: auto; }

.modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 50;
  padding: 0;
  color: #22262a;
  font-size: 0;
  line-height: 1.5;
  text-align: center; }
  .modal-close .icon {
    display: none;
    width: 20px !important;
    height: 20px !important;
    fill: #030303; }

.modal--alert {
  padding: 40px 20px 20px;
  border-radius: 4px;
  font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  text-align: center;
  background-color: #f3f5f6 !important;
  font-optical-sizing: auto; }
  .modal--alert .modal-content {
    color: #22262a;
    font-size: 1.28571rem; }
  .modal--alert .button-container {
    margin: 25px 0 0; }
    .modal--alert .button-container .confirm {
      border-color: #1b1b1b;
      color: #ffffff;
      background-color: #1b1b1b; }
      .modal--alert .button-container .confirm:active {
        border-color: #050505;
        color: #ffffff;
        background-color: #050505; }
      @media (hover: hover) {
        .modal--alert .button-container .confirm:focus, .modal--alert .button-container .confirm:hover {
          border-color: rgba(0, 0, 0, 0.7);
          color: #ffffff;
          background-color: rgba(0, 0, 0, 0.7); } }

.hide-content {
  opacity: 0; }

#video-gallery-pc-popup .modal-body {
  margin-right: 0;
  margin-left: 0;
  font-size: 16px; }

#video-gallery-popup .modal-body {
  margin-right: 0;
  margin-left: 0;
  font-size: 16px; }

#modal-review-form .modal-body {
  padding: 48px 44px 40px; }

.modal--quickShop {
  padding-right: 16px;
  overflow: auto;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  -ms-scroll-chaining: none; }

.breadcrumb-wrapper {
  padding: 0;
  text-align: left;
  background-color: transparent; }
  @media (min-width: 1024px) {
    .breadcrumb-wrapper {
      padding: 0; } }

.breadcrumbs {
  display: inline-block;
  margin: 0;
  padding: 0;
  border-radius: 4px;
  vertical-align: top;
  background-color: transparent; }
  @media (max-width: 768px) {
    .breadcrumbs {
      display: block;
      margin: 0 -8px;
      padding: 0 8px;
      padding-right: 16px;
      white-space: nowrap;
      overflow: auto;
      scrollbar-gutter: stable;
      overscroll-behavior: contain;
      -ms-scroll-chaining: none; }
      .breadcrumbs::before, .breadcrumbs::after {
        position: absolute;
        left: auto;
        z-index: 6;
        display: block;
        width: 0;
        height: 0;
        content: '';
        top: 0;
        left: 0;
        width: 50px;
        height: 40px; }
      .breadcrumbs .breadcrumb {
        float: none; }
        .breadcrumbs .breadcrumb.is-active .breadcrumb-label {
          padding-right: 20px; } }

.breadcrumb {
  display: inline-block;
  padding: 0;
  color: #666666;
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.5px;
  text-transform: capitalize;
  vertical-align: top; }
  .breadcrumb:not(:first-child)::before {
    position: relative;
    top: 0;
    display: inline-block;
    margin: 0 4px;
    color: #666666;
    font-weight: inherit;
    vertical-align: initial;
    content: '/'; }
  .breadcrumb.is-active .breadcrumb-label {
    color: #666666; }

.page .breadcrumb {
  padding-top: 2px;
  color: #666666; }

.panel-title {
  font-size: 18px; }

.panel--large .panel-body {
  margin-bottom: 2.28571rem;
  padding: 2.28571rem; }

.pagination-item--previous .pagination-link,
.pagination-item--next .pagination-link {
  width: 40px;
  height: 40px;
  padding: 8px; }
  .pagination-item--previous .pagination-link .icon,
  .pagination-item--next .pagination-link .icon {
    display: inherit;
    width: 40px !important;
    height: 100%;
    margin: 0;
    fill: #000000; }

.pagination-list--small .pagination-link {
  padding: 0 0.42857rem; }

.pagination-item {
  display: inline-block;
  margin: 0;
  border: 0;
  vertical-align: middle; }
  .pagination-item.pagination-item--previous .pagination-link, .pagination-item.pagination-item--next .pagination-link {
    padding-top: 0;
    padding-bottom: 0; }
  .pagination-item .pagination-link {
    min-width: 40px;
    height: 40px;
    padding: 0 4px;
    border-radius: 50%;
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    font-weight: 400;
    line-height: 3;
    text-align: center;
    text-decoration: none;
    transition: opacity 0.2s ease; }
    @media (prefers-reduced-motion: reduce) {
      .pagination-item .pagination-link {
        transition: none; } }
    @media (hover: hover) {
      .pagination-item .pagination-link:hover, .pagination-item .pagination-link:focus {
        color: #2a2d32; } }
  @media (min-width: 1024px) {
    .pagination-item.pagination-item--previous .pagination-link:hover .icon, .pagination-item.pagination-item--previous .pagination-link:focus .icon, .pagination-item.pagination-item--next .pagination-link:hover .icon, .pagination-item.pagination-item--next .pagination-link:focus .icon {
      fill: #ffffff; } }

.pagination-list {
  display: block;
  margin: 0;
  text-align: center; }
  .pagination-list:before, .pagination-list:after {
    content: " ";
    display: table; }
  .pagination-list:after {
    clear: both; }
  .pagination-list .pagination-item {
    display: inline-block;
    margin: 0 0 0 2px;
    vertical-align: middle; }
  @media (min-width: 768px) {
    .pagination-list {
      display: inline-block;
      vertical-align: top; } }

.pagination {
  display: block;
  margin: 28px 0 0;
  text-align: center; }
  .pagination.pagination-2 {
    display: block; }
    .pagination.pagination-2 .pagination-info {
      display: block;
      margin-bottom: 4px;
      text-align: center; }
    .pagination.pagination-2 .halo-product-show-more + .pagination-list {
      display: none; }
  .pagination .pagination-info {
    display: inline-block;
    margin: 0 0 20px;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.5px;
    text-align: center;
    vertical-align: top; }
  @media (min-width: 768px) {
    .pagination {
      display: flex;
      flex-wrap: nowrap;
      text-align: left;
      align-items: center;
      justify-content: space-between; }
      .pagination .pagination-info {
        margin-bottom: 0;
        text-align: left; }
      .page-blog .pagination {
        text-align: right;
        justify-content: flex-end; } }
  @media (min-width: 1024px) {
    .pagination {
      margin-top: 48px; }
      .page-blog .pagination {
        margin-top: 60px; } }

.pagination-list--small {
  position: relative; }
  .pagination-list--small .pagination-item {
    color: rgba(0, 0, 0, 0.7);
    line-height: 1.5;
    cursor: inherit; }
  .pagination-list--small .pagination-item--previous {
    left: 0; }
  .pagination-list--small .pagination-item--next {
    right: 0; }
  .pagination-list--small .pagination-item--previous,
  .pagination-list--small .pagination-item--next {
    position: absolute;
    top: 0; }

.pagination-total-progress {
  display: block;
  max-width: 255px;
  height: 3px;
  margin: 8px auto 20px;
  text-align: left;
  background-color: #c2c5cc; }
  .pagination-total-progress .pagination-total-item {
    display: block;
    width: 0;
    height: 100%;
    background-color: #fbbf24;
    transition: opacity ease 1s; }
    @media (prefers-reduced-motion: reduce) {
      .pagination-total-progress .pagination-total-item {
        transition: none; } }

.button {
  width: auto;
  height: 50px;
  margin: 0;
  padding: 0 16px;
  border-radius: 4px;
  color: #ffffff;
  font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 3;
  letter-spacing: 0.8px;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #1b1b1b;
  transition: color 0.15s ease;
  overflow: hidden;
  font-optical-sizing: auto;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: auto; }
  .button.button--icon svg {
    fill: #1b1b1b; }
  .button.button--primary:active {
    border-color: #050505;
    color: #ffffff;
    background-color: #050505; }
  .button.button--secondary {
    border-color: #fbbf24;
    color: #000000;
    background-color: #fbbf24; }
    .button.button--secondary:active {
      border-color: #fccb50;
      color: #050505;
      background-color: #fccb50; }
  .button.button--tertiary {
    border-color: #a6abb5;
    color: rgba(0, 0, 0, 0.7);
    background-color: #888e9b; }
    .button.button--tertiary:active {
      border-color: #888e9b;
      color: #050505;
      background-color: #bdcad1; }
  .button.disable, .button[disabled] {
    border-color: #f3f5f6;
    color: rgba(0, 0, 0, 0.7);
    background: #f3f5f6;
    cursor: not-allowed;
    pointer-events: none;
    outline: 0 !important; }
    .button.disable:active, .button[disabled]:active {
      border-color: #f3f5f6;
      color: rgba(0, 0, 0, 0.7);
      background: #f3f5f6; }
  @media (prefers-reduced-motion: reduce) {
    .button {
      transition: none; } }
  @media (min-width: 1024px) {
    .button {
      height: 50px;
      padding-right: 28px;
      padding-left: 28px;
      line-height: 3; } }
  @media (min-width: 1024px) and (hover: hover) {
    .button.button--primary:hover, .button.button--primary:focus {
      border-color: rgba(0, 0, 0, 0.7);
      color: #ffffff;
      background-color: rgba(0, 0, 0, 0.7); } }
  @media (min-width: 1024px) and (hover: hover) {
    .button.button--secondary:hover, .button.button--secondary:focus {
      border-color: #e5e7eb;
      color: #1b1b1b;
      background-color: #e5e7eb; } }
  @media (min-width: 1024px) and (hover: hover) {
    .button.button--tertiary:hover, .button.button--tertiary:focus {
      border-color: #888e9b;
      color: #050505;
      background-color: #bdcad1; } }
  @media (min-width: 1024px) and (hover: hover) {
    .button.disable, .button[disabled] {
      color: rgba(0, 0, 0, 0.7); }
      .button.disable:hover, .button.disable:focus, .button[disabled]:hover, .button[disabled]:focus {
        border-color: #f3f5f6;
        background: #f3f5f6; } }

.button--checkout {
  border-color: #fbbf24;
  color: #1b1b1b;
  background: #fbbf24; }
  @media (hover: hover) {
    .button--checkout:hover, .button--checkout:focus {
      border-color: #aa7c03;
      color: #1b1b1b;
      background: #aa7c03; } }

.tab {
  border-top: 1px solid #e5e7eb;
  float: none; }
  .tab.is-active {
    border-right-color: #e5e7eb;
    border-left-color: #e5e7eb; }
    @media (min-width: 600px) {
      .tab.is-active {
        margin-bottom: -1px; } }
    @media (min-width: 1024px) {
      .tab.is-active {
        border: 1px solid #e5e7eb;
        border-bottom: 1px solid #e5e7eb; } }
  @media (min-width: 1024px) {
    .tab {
      float: left;
      border-top-color: #e5e7eb; } }

.tab-title {
  padding: 1.28571rem 0;
  text-align: center;
  -webkit-text-decoration: none;
  text-decoration: none; }
  @media (min-width: 600px) {
    .tab-title {
      text-align: left; } }
  @media (min-width: 1024px) {
    .tab-title {
      padding: 0.85714rem 1.71429rem; } }
  @media (min-width: 1440px) {
    .tab-title {
      padding: 0.78571rem 1.28571rem; } }

.tab-content.has-jsContent {
  display: block;
  height: 0;
  padding: 0;
  visibility: hidden;
  overflow: hidden; }
  .tab-content.has-jsContent.is-active {
    height: auto;
    padding: 1.71429rem 0;
    visibility: visible;
    overflow: visible; }

@media (min-width: 600px) {
  .tab-content .productReview {
    width: 50%; } }

@media (min-width: 1024px) {
  .tab-content .productReview {
    width: 33.33333%; } }

@media (min-width: 1440px) {
  .tab-content .productReview {
    width: 50%; } }

.tab-content .productReviews {
  border-top: 0; }

.accordion {
  margin: 0;
  border: 0;
  box-shadow: none; }

.accordion-title {
  margin: 0.5rem 0 1.25rem;
  padding: 0;
  color: #22262a;
  font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.5px;
  text-transform: unset;
  font-optical-sizing: auto;
  margin: 0 0 20px; }

.accordion-content {
  padding: 0;
  border: 0; }

.accordion-navigation {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  margin: 0;
  padding: 0;
  text-decoration: none;
  align-items: center;
  justify-content: space-between; }

.accordion--navList {
  border: 0;
  border-radius: 0; }
  .accordion--navList .accordion-block {
    margin: 0 0 32px;
    padding: 0 0 8px;
    border-bottom: 1px solid #bdcad1; }
    .accordion--navList .accordion-block:last-child {
      border-bottom: 0; }
  .accordion--navList .accordion-navigation {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0; }
    .accordion--navList .accordion-navigation .accordion-navigation-actions {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 0; }
      .accordion--navList .accordion-navigation .accordion-navigation-actions .icon {
        width: 20px !important;
        height: 20px !important;
        vertical-align: top;
        background: transparent;
        stroke: transparent; }
  .accordion--navList .accordion-title {
    padding: 0; }
  .accordion--navList .accordion-content.is-open {
    padding-bottom: 24px; }
  .accordion--navList .accordion-content.facetedSearch-content--rating .navList-item + .navList-item {
    margin-top: 16px; }

ul.inlineList {
  overflow: visible; }
  ul.inlineList:before, ul.inlineList:after {
    content: " ";
    display: table; }
  ul.inlineList:after {
    clear: both; }

.inlineList--labels {
  margin-bottom: 0;
  margin-left: -0.85714rem; }
  .inlineList--labels > li {
    margin-bottom: 0.85714rem;
    margin-left: 0.85714rem; }

.alertBox {
  margin: 0 0 16px;
  padding: 12px 16px;
  border-radius: 4px;
  color: #1b1b1b;
  font-size: 16px;
  font-style: normal;
  font-weight: 400; }
  .alertBox.alertBox--warning {
    color: #e4a11b; }
    .alertBox.alertBox--warning .icon {
      fill: #e4a11b; }
      .alertBox.alertBox--warning .icon svg {
        fill: #e4a11b; }
  .alertBox.alertBox--success {
    color: #0e7235; }
    .alertBox.alertBox--success .icon {
      fill: #0e7235; }
      .alertBox.alertBox--success .icon svg {
        fill: #0e7235; }
  .alertBox.alertBox--error {
    color: #800000; }
    .alertBox.alertBox--error .icon {
      fill: #800000; }
      .alertBox.alertBox--error .icon svg {
        fill: #800000; }
  .alertBox.alertBox--info {
    color: #000000;
    font-weight: 500;
    background-color: rgba(252, 203, 80, 0.6); }
    .alertBox.alertBox--info .icon {
      fill: #000000; }
      .alertBox.alertBox--info .icon svg {
        fill: #000000; }
    .alertBox.alertBox--info .alertBox-close svg {
      fill: #000000; }
  .alertBox .icon {
    fill: #1b1b1b; }
    .alertBox .icon svg {
      fill: #1b1b1b; }

.alertBox-icon {
  padding: 0 8px 0 0; }
  .alertBox-icon .icon {
    height: 1.78571rem;
    width: 1.78571rem; }

.form--hiddenLabels .form-label {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.form-inlineMessage {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.5px; }

.form-field--error .form-input {
  float: none; }

.form-field--error .form-inlineMessage::before {
  position: relative;
  top: 0.21429rem;
  left: -0.14286rem;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 0.07143rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z' fill='%23800000' /%3E%3C/svg%3E") no-repeat;
  background-size: 100%;
  content: ''; }

.form-field--success .form-text-input {
  padding-right: 3.42857rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' fill='%23000000' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.78571rem center; }

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

.form-prefixPostfix .button,
.form-prefixPostfix .form-input {
  display: block;
  width: 100%; }

.form-prefixPostfix .button {
  height: 50px;
  margin-top: 20px;
  text-transform: uppercase; }
  @media (min-width: 600px) {
    .form-prefixPostfix .button {
      width: auto;
      margin-top: 0;
      margin-left: 20px; } }

@media (min-width: 600px) {
  .form-prefixPostfix .form-input {
    width: auto; } }

.form-prefixPostfix .form-inlineMessage {
  margin-bottom: 0.42857rem; }
  @media (min-width: 1440px) {
    .form-prefixPostfix .form-inlineMessage {
      margin-bottom: 0; } }

.form-checkbox + .form-label {
  padding-left: 24px; }

.form-checkbox + .form-label::before {
  top: 3px;
  width: 15px;
  height: 15px;
  border-color: #d1dbe5;
  border-radius: 0; }

.form-checkbox + .form-label::after {
  top: 3px;
  left: 0;
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.form-checkbox + .form-label + .form-inlineMessage {
  margin-top: 0;
  margin-bottom: 8px; }

.form-checkbox,
.form-radio {
  display: none; }

.form-checkbox + .form-label::before,
.form-radio + .form-label::before {
  top: 0.21429rem;
  width: 16px;
  height: 16px; }

.form-checkbox + .form-label::after,
.form-radio + .form-label::after {
  top: 0.28571rem; }

.form-checkbox + .form-label:last-child,
.form-radio + .form-label:last-child {
  display: block;
  margin-bottom: -0.35714rem; }

.form-checkbox:checked + .form-label::before {
  border-color: #22262a !important;
  background: #22262a; }

.form-actions {
  margin: 0 auto;
  max-width: 85.71429rem;
  width: 100%;
  display: block;
  text-align: center; }
  .form-actions:before, .form-actions:after {
    content: " ";
    display: table; }
  .form-actions:after {
    clear: both; }
  .form-actions .button,
  .form-actions input,
  .form-actions a {
    width: 100%;
    vertical-align: top; }
    .form-actions .button + .button,
    .form-actions .button + input,
    .form-actions .button + a,
    .form-actions input + .button,
    .form-actions input + input,
    .form-actions input + a,
    .form-actions a + .button,
    .form-actions a + input,
    .form-actions a + a {
      margin-top: 0.85714rem; }

.form-label--alternate {
  margin-bottom: 0.5rem;
  font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  font-size: 0.875rem;
  font-optical-sizing: auto; }

.form-select--date {
  width: initial; }
  .form-select--date + .form-select--date {
    margin-left: 16px; }

.form-select--small,
.form-select--date {
  max-width: 320px;
  height: 2.42857rem;
  padding: 0.64286rem 0.85714rem;
  padding-right: 2rem;
  font-size: 14px;
  line-height: 1.5;
  background-position: right 0.57143rem top 0.57143rem;
  background-size: 1.28571rem; }

.form-select--short {
  width: 72px;
  max-width: 96px; }

.form-file {
  margin-bottom: 0.57143rem;
  font-size: 16px; }
  .form-file + label input[type='checkbox'] {
    position: relative;
    top: 2px; }

.form-fileDescription {
  color: #22262a;
  font-size: 16px; }
  .form-fileDescription strong {
    font-weight: 500; }

.form-field-group {
  padding: 1.71429rem;
  border: 1px solid #f0f3f5;
  border-radius: 4px; }

.form-column {
  padding-left: 0.85714rem;
  padding-right: 0.85714rem;
  width: 100%;
  float: left; }
  @media (min-width: 600px) {
    .form-column {
      padding-left: 0.85714rem;
      padding-right: 0.85714rem;
      width: 50%;
      float: left; } }

.form-prefixPostfix-button--postfix {
  margin: 0.85714rem 0 0;
  order: 1; }
  @media (min-width: 1440px) {
    .form-prefixPostfix-button--postfix {
      margin: 0 0 0 0.85714rem;
      order: 0; } }

.form-increment {
  position: relative;
  max-width: 122px;
  min-height: 50px; }
  .form-increment .button {
    position: absolute;
    width: 32px;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: none; }
  .form-increment .button[data-action='dec'] {
    bottom: 0;
    left: 0; }
    .form-increment .button[data-action='dec']::before, .form-increment .button[data-action='dec']::after {
      position: absolute;
      background-color: #565c67;
      content: ''; }
    .form-increment .button[data-action='dec']::before {
      top: 50%;
      left: 10px;
      transform: translateY(-50%);
      width: 12px;
      height: 2px; }
  .form-increment .button[data-action='inc'] {
    bottom: 0;
    right: 0; }
    .form-increment .button[data-action='inc']::before, .form-increment .button[data-action='inc']::after {
      position: absolute;
      background-color: #565c67;
      content: ''; }
    .form-increment .button[data-action='inc']::before {
      top: 50%;
      left: 10px;
      transform: translateY(-50%);
      width: 12px;
      height: 2px; }
  .form-increment .button[data-action='inc']::after {
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    width: 2px;
    height: 12px; }

.form-input--incrementTotal {
  display: inline-block;
  width: 2.5rem;
  height: auto;
  padding: 0 !important;
  border: 0;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield; }
  .form-field--success .form-input--incrementTotal {
    float: none; }

.form-input--incrementTotal::-webkit-outer-spin-button,
.form-input--incrementTotal::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none; }

.form-option {
  display: inline-block;
  margin-right: 0.57143rem;
  margin-bottom: 0.57143rem;
  padding: 1px;
  border: 1px solid #e5e7eb;
  color: rgba(0, 0, 0, 0.7);
  font-size: 0;
  cursor: pointer;
  transition: opacity 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; }
  .form-radio:checked + .form-option {
    border-color: #1b1b1b;
    box-shadow: 0 0 0 1px #1b1b1b; }
  @media (prefers-reduced-motion: reduce) {
    .form-option {
      transition: none; } }
  @media (hover: hover) {
    .form-option:hover, .form-option:focus {
      border-color: #fbbf24; } }

.form-option-variant {
  display: inline-block;
  min-width: 2.71429rem;
  padding: 1px 0.42857rem;
  font-size: 1rem;
  text-align: center;
  pointer-events: none; }

.form-option-variant--color,
.form-option-variant--pattern {
  height: 1.57143rem;
  width: 1.57143rem;
  min-width: initial;
  padding: 0; }
  @media (min-width: 600px) {
    .form-option-variant--color,
    .form-option-variant--pattern {
      pointer-events: inherit; } }

.form-option-variant--pattern {
  background-repeat: no-repeat;
  background-position: center; }

.form-input--small {
  height: 2.42857rem;
  padding: 0.64286rem 0.85714rem;
  font-size: 18px;
  line-height: 1.5; }

.form-minMaxRow {
  margin-right: -0.42857rem;
  margin-left: -0.42857rem; }
  .form-minMaxRow:before, .form-minMaxRow:after {
    content: " ";
    display: table; }
  .form-minMaxRow:after {
    clear: both; }
  .form-minMaxRow .form-field {
    padding-left: 0.85714rem;
    padding-right: 0.85714rem;
    width: 33.33333%;
    float: left;
    margin-bottom: 0;
    padding-right: 0.42857rem;
    padding-left: 0.42857rem; }
  .form-minMaxRow .button {
    width: 100%;
    margin-bottom: 0;
    padding-right: 0;
    padding-left: 0; }
  .form-minMaxRow .form-input {
    padding: 0 4px; }

@media (min-width: 600px) {
  .form-row--half > .form-field:nth-child(odd) {
    clear: left; } }

[data-product-attribute='set-radio'] .unavailable,
[data-product-attribute='product-list'] .unavailable {
  text-decoration: line-through;
  opacity: 0.6; }

.form-field--success .form-input,
.form-field--success .form-select,
.form-field--success .form-checkbox + .form-label::before,
.form-field--success .form-radio + .form-label::before,
.form-field--success .form-prefixPostfix-label {
  border-color: #0e7235; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  opacity: 1; }

.card-figcaption {
  display: block;
  margin: 0;
  opacity: 1;
  pointer-events: none; }

.card-figcaption-button {
  display: block;
  min-width: 160px;
  height: 45px;
  margin: 0;
  line-height: 2.25; }
  .card-figcaption-button:active {
    background-color: rgba(0, 0, 0, 0.9); }
  .card-figcaption-button + .card-figcaption-button {
    margin: 0; }
    @media (min-width: 1024px) {
      .card-figcaption-button + .card-figcaption-button {
        margin: 0; } }
  .home-layout-2 .card-figcaption-button {
    height: 50px;
    line-height: 3; }
  .card-figcaption-body .card-figcaption-button:focus {
    background-color: rgba(0, 0, 0, 0.9);
    outline: revert; }
  @media (max-width: 1024px) {
    .card-figcaption-button {
      min-width: 100%;
      margin: 0; } }

.card-figure {
  position: relative;
  z-index: 1;
  display: block;
  margin: 0;
  overflow: hidden; }

.card-img-container {
  max-width: 402px; }
  .card-img-container::after {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    content: ''; }

.card-figcaption-body {
  top: 100%;
  transform: translate3d(0, -100%, 0);
  display: inline-block;
  width: 100%;
  pointer-events: all; }
  @media (min-width: 1024px) {
    .card-figcaption-body {
      top: 50%;
      transform: translate3d(0, -50%, 0);
      display: inline-block;
      width: auto;
      pointer-events: all; } }

.card-image {
  border: 0; }

.card-title {
  margin: 0;
  padding: 0 0 0.28571rem;
  overflow-wrap: break-word; }
  .card-title .card-ellipsis {
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; }
  .card-title > a {
    display: block;
    padding: 0 0 4px;
    color: #050505;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.625;
    letter-spacing: 0.5px;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-transform: capitalize; }
    .home-layout-2 .card-title > a {
      padding: 0 0 2px; }
    @media (min-width: 1024px) and (hover: hover) {
      .card-title > a:hover, .card-title > a:focus {
        color: rgba(0, 0, 0, 0.7); } }
  .home-layout-2 .card-title {
    padding: 0; }

.card-desc,
.card-rating-category {
  display: none; }

.card-text {
  margin: 0; }
  .card-text[data-test-info-type='brandName'] {
    color: #050505;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.625;
    letter-spacing: 0.5px;
    text-transform: uppercase; }
    .card-text[data-test-info-type='brandName'] + .card-title {
      margin-top: 0; }

.card .card-figcaption-top .button svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 20px !important;
  height: 20px !important; }

.card-body {
  padding-top: 16px;
  text-align: left; }
  .card-body .card-desc {
    display: none; }
  .card-body .card-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .home-layout-2 .card-body .card-wrapper {
      flex-direction: column;
      align-items: flex-start; }
      .home-layout-2 .card-body .card-wrapper .card-text {
        margin: 0 0 4px;
        order: -1; }
    @media (max-width: 1024px) {
      .card-body .card-wrapper {
        flex-direction: column; }
        .card-body .card-wrapper .card-text {
          order: -1; }
        .card-body .card-wrapper .card-price,
        .card-body .card-wrapper .card-text {
          width: 100%; } }
  .card-body .number-review {
    position: relative;
    top: -1px;
    margin-left: 2px;
    color: #888e9b;
    font-size: 12px; }
  .card-body .rating--small .icon {
    width: 17px !important;
    margin-top: -4px; }
    .card-body .rating--small .icon.icon--ratingEmpty svg {
      fill: #fbbf24; }
    .home-layout-2 .card-body .rating--small .icon {
      width: 14px !important; }
  .card--alternate .card-body {
    padding: 0.85714rem;
    background-color: #ffffff;
    transition: opacity 0.15s ease; }
    @media (min-width: 600px) {
      .card--alternate .card-body {
        padding: 1.71429rem; } }
    @media (prefers-reduced-motion: reduce) {
      .card--alternate .card-body {
        transition: none; } }
  @media (min-width: 1024px) {
    .card-body .card-figcaption-bottom {
      display: none; } }
  @media (max-width: 1024px) {
    .card-body .card-figcaption-bottom {
      position: relative;
      bottom: 0;
      opacity: 1;
      visibility: visible; }
      .card-body .card-figcaption-bottom .card-figcaption-button {
        padding: 0 8px; } }
  @media (max-width: 768px) {
    .card-body .card-figcaption-bottom .card-figcaption-button {
      font-size: 12px; } }

.card--alternate {
  border: 2px solid #e5e7eb;
  transition: opacity 0.15s ease; }
  @media (prefers-reduced-motion: reduce) {
    .card--alternate {
      transition: none; } }
  @media (hover: hover) {
    .card--alternate:hover, .card--alternate:focus {
      border-color: #1b1b1b; }
      .card--alternate:hover .card-body, .card--alternate:focus .card-body {
        background-color: #1b1b1b; }
        .card--alternate:hover .card-body .card-text, .card--alternate:focus .card-body .card-text {
          color: #ffffff; }
      .card--alternate:hover .card-title > a, .card--alternate:focus .card-title > a {
        color: #ffffff; } }

.card-link {
  position: relative;
  display: block;
  overflow: hidden; }
  .card-link .card-img-container {
    position: relative;
    display: block;
    max-width: 402px; }
    .card-link .card-img-container::after {
      display: block;
      width: 100%;
      height: 0;
      padding-bottom: 100%;
      content: ''; }
    .card-link .card-img-container.card-img-container-2 {
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: center; }
      .card-link .card-img-container.card-img-container-2::after {
        width: auto; }
  .card-link .card-image {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    opacity: 1;
    transition: opacity 0.8s ease;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    height: 100%; }
  .card-link .card-image-2 {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    transition: opacity 0.8s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18) 0s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
    .card-link .card-image-2 img {
      display: inline-block;
      width: 100%;
      height: 100%;
      max-height: 100%;
      vertical-align: top;
      transition: opacity 0.8s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18) 0s;
      -o-object-fit: cover;
      object-fit: cover; }
      @media (prefers-reduced-motion: reduce) {
        .card-link .card-image-2 img {
          transition: none; } }
    @media (prefers-reduced-motion: reduce) {
      .card-link .card-image-2 {
        transition: none; } }
  .card-link .card-no-image {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    opacity: 1;
    transition: opacity 0.8s ease;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    position: absolute;
    transform: translateY(-50%);
    height: auto;
    inset: 50% 0 0; }
  @media (min-width: 600px) {
    .card-link .card-img-container {
      max-width: 100%; } }
  @media (min-width: 1024px) {
    .card-link .card-image-2 {
      z-index: -1;
      opacity: 0;
      overflow: hidden; } }

.card-option {
  display: block;
  min-height: 43px;
  margin: 0; }
  .card-option:before, .card-option:after {
    content: " ";
    display: table; }
  .card-option:after {
    clear: both; }
  .card-option .card .card-figcaption-top .button svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    width: 20px !important;
    height: 20px !important; }
  .card-option.is-loaded .form-field {
    display: block; }
  .home-layout-2 .card-option {
    min-height: auto; }
    .home-layout-2 .card-option .form-field {
      min-height: 43px; }
  @media (min-width: 600px) {
    .card-option .form-field {
      text-align: left; } }
  @media (min-width: 1024px) {
    .card-option .form-field .form-option:hover .form-option-tooltip, .card-option .form-field .form-option:focus .form-option-tooltip {
      opacity: 1;
      visibility: visible;
      pointer-events: auto; }
    .card-option .form-field .form-option .form-option-tooltip {
      display: block;
      opacity: 0;
      visibility: hidden;
      pointer-events: none; } }

.card-rating {
  margin: 0 0 4px;
  font-size: 0;
  line-height: 1.5;
  letter-spacing: 0; }
  .card-rating .rating--count {
    display: inline-block;
    margin: 0 0 0 4px;
    color: rgba(0, 0, 0, 0.7);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.5px; }

.card-price {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625;
  letter-spacing: 0.5px;
  justify-content: left; }
  .card-price .price-section {
    margin-right: 8px;
    font-weight: 600; }
    .card-price .price-section:last-child {
      margin-right: 0; }
    .card-price .price-section.price-section--sale {
      color: rgba(0, 0, 0, 0.7); }
    .card-price .price-section.price-none + .price-section--withoutTax {
      color: rgba(0, 0, 0, 0.7); }
    .card-price .price-section.price-none + .price-section--withTax {
      color: rgba(0, 0, 0, 0.7); }
    .card-price .price-section.price-section--withoutTax {
      color: rgba(0, 0, 0, 0.7); }
    .card-price .price-section.non-sale-price--withoutTax, .card-price .price-section.non-sale-price--withTax {
      color: #8296ab;
      font-weight: 400;
      text-decoration: line-through; }
      .home-layout-2 .card-price .price-section.non-sale-price--withoutTax, .home-layout-2 .card-price .price-section.non-sale-price--withTax {
        font-size: 12px;
        font-weight: 400; }
    .card-price .price-section.price-section--saleLabel {
      display: none; }
    .card-price .price-section.rrp-price--withoutTax {
      display: none; }
    .home-layout-2 .card-price .price-section {
      font-weight: 500; }
  .card-price p {
    margin: 0;
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.625; }

.card-footer {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 20;
  transform: translate(-50%, -50%);
  display: none;
  width: 100%;
  min-width: 350px;
  text-align: left;
  background: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  transition: color 0.15s ease; }
  .card-footer.is-open {
    display: block; }
  .card-footer.is-loading .loadingOverlay {
    display: block; }
  @media (prefers-reduced-motion: reduce) {
    .card-footer {
      transition: none; } }

@media (max-width: 1024px) {
  .productCarousel-slide .product .card-footer {
    left: 0;
    transform: translateY(-50%);
    min-width: 100%; } }

@media (max-width: 1024px) {
  .productCarousel-slide .product:nth-child(3n + 1) .card-footer {
    left: 0;
    transform: translateY(-50%); }
  .productCarousel-slide .product:nth-child(3n) .card-footer {
    right: 0;
    left: auto;
    transform: translateY(-50%); }
  .productCarousel-slide .product .card-footer {
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 300px; } }

@media (max-width: 768px) {
  .productCarousel-slide .product:nth-child(odd) .card-footer {
    left: 0;
    transform: translateY(-50%); }
  .productCarousel-slide .product:nth-child(even) .card-footer {
    right: 0;
    left: auto;
    transform: translateY(-50%); } }

@media (max-width: 320px) {
  .productCarousel-slide .product .card-footer {
    min-width: 200%; } }

@media (max-width: 1024px) {
  .productGrid .product .card-footer {
    left: 0;
    transform: translateY(-50%);
    min-width: 100%; } }

@media (max-width: 1024px) {
  .productGrid .product:nth-child(3n + 1) .card-footer {
    left: 0;
    transform: translateY(-50%); }
  .productGrid .product:nth-child(3n) .card-footer {
    right: 0;
    left: auto;
    transform: translateY(-50%); }
  .productGrid .product .card-footer {
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 300px; } }

@media (max-width: 768px) {
  .productGrid .product:nth-child(odd) .card-footer {
    left: 0;
    transform: translateY(-50%); }
  .productGrid .product:nth-child(even) .card-footer {
    right: 0;
    left: auto;
    transform: translateY(-50%); } }

@media (max-width: 320px) {
  .productGrid .product .card-footer {
    min-width: 200%; } }

.productList .card-footer {
  left: 0;
  transform: translateY(-50%);
  min-width: 100%;
  max-width: 100%; }
  @media (min-width: 600px) {
    .productList .card-footer {
      min-width: 300px;
      max-width: 400px; } }

.slick-slide + .slick-active .card-footer {
  left: 0;
  transform: translateY(-50%); }

.slick-active:first-of-type .card-footer {
  left: 0;
  transform: translateY(-50%); }

.slick-active:last-of-type .card-footer {
  right: 0;
  left: auto;
  transform: translateY(-50%); }

.slick-active + .slick-slide .card-footer {
  right: 0;
  left: auto;
  transform: translateY(-50%); }

@media (max-width: 320px) {
  .slick-active .card-footer {
    min-width: 100% !important; } }

.card {
  position: relative;
  display: block;
  margin: 0;
  padding: 0; }
  .card:focus-within .card-figcaption {
    opacity: 1; }
  .card.card-lookbook {
    max-width: 270px;
    background: #ffffff; }
    .card.card-lookbook .card-link {
      display: block; }
      .card.card-lookbook .card-link .card-img-container::after {
        display: block;
        width: 100%;
        height: 0;
        padding-bottom: 100%;
        content: ''; }
    .card.card-lookbook .card-body {
      padding: 4px 20px 20px;
      text-align: left; }
    .card.card-lookbook .card-title .card-ellipsis {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden; }
    .card.card-lookbook .card-title > a {
      color: #22262a;
      font-style: normal; }
    .card.card-lookbook .card-body-button {
      margin: 8px 0 0;
      text-align: left; }
      .card.card-lookbook .card-body-button .card-body-button {
        position: relative;
        top: unset;
        right: unset;
        bottom: unset;
        left: unset;
        height: auto;
        line-height: 1.5;
        opacity: 1;
        visibility: visible; }
    .card.card-lookbook .card-action {
      padding: 0;
      border: 0;
      color: #0e119f;
      font-size: 12px;
      font-style: normal;
      font-weight: 500;
      line-height: 1.625;
      text-align: center;
      text-transform: uppercase;
      background-color: transparent; }
    @media (max-width: 768px) {
      .card.card-lookbook {
        display: inline-block;
        width: 100%;
        max-width: 350px;
        padding: 8px;
        border-radius: 2px;
        background-color: #ffffff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
        .card.card-lookbook .card-figure {
          width: 60px;
          float: left; }
          .card.card-lookbook .card-figure .halo-badge {
            padding: 0 4px; }
        .card.card-lookbook .card-body {
          width: calc(100% - 60px);
          margin-top: -2px;
          padding: 0 10px;
          text-align: left;
          float: left; }
          .card.card-lookbook .card-body .card-title .color-name {
            margin-bottom: 4px;
            text-align: left; }
          .card.card-lookbook .card-body .card-price {
            display: block; }
          .card.card-lookbook .card-body .card-body-button {
            margin: 8px 0 0;
            text-align: left; } }
    @media (max-width: 600px) {
      .card.card-lookbook {
        max-width: 300px; } }
  .card.card-quick-search .card-link .card-img-container::after {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    content: ''; }
  .card.card-quick-search .card-body-button {
    margin: 0; }
    .card.card-quick-search .card-body-button .card-body-button {
      position: relative;
      top: unset;
      right: unset;
      bottom: unset;
      left: unset;
      height: auto;
      line-height: 1.5;
      opacity: 1;
      visibility: visible; }
  .card.card-quick-search .card-action {
    padding: 0;
    border: 0;
    color: #0e119f;
    font-size: 16px;
    font-weight: 400;
    background-color: transparent; }
  .card.card-quick-search .card-option {
    min-height: auto; }
  .card.card-custom-2 {
    margin-bottom: 36px; }
    .card.card-custom-2 .card-link {
      width: 85px; }
      @media (min-width: 600px) {
        .card.card-custom-2 .card-link {
          width: 100px; } }
    .card.card-custom-2 .card-option .form-field {
      margin-bottom: 20px; }
    .card.card-custom-2 .card-action {
      display: inline-block;
      width: auto;
      min-width: 120px;
      height: 50px;
      margin-left: 0;
      border-color: #bdcad1;
      color: #bdcad1;
      line-height: 3.375;
      text-align: center;
      vertical-align: top;
      transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1);
      outline: 1px solid !important;
      outline-color: rgba(224, 226, 229, 0.5) !important;
      outline-offset: 0 !important; }
      @media (prefers-reduced-motion: reduce) {
        .card.card-custom-2 .card-action {
          transition: none; } }
  .card.card-custom {
    display: table;
    margin-bottom: 20px; }
    .card.card-custom .card-link {
      position: relative;
      z-index: 1;
      display: table-cell;
      width: 80px;
      vertical-align: top;
      overflow: hidden; }
    .card.card-custom .card-img-container::after {
      display: block;
      width: 100%;
      height: 0;
      padding-bottom: 100%;
      content: ''; }
    .card.card-custom .card-content {
      display: table-cell;
      width: calc(100% - 80px);
      padding: 0 0 0 16px;
      vertical-align: top; }
    .card.card-custom .card-title {
      position: relative;
      top: -6px;
      margin-top: 0; }
      .card.card-custom .card-title .card-ellipsis {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden; }
      .card.card-custom .card-title > a {
        margin-bottom: 0;
        line-height: 1.5; }
    .card.card-custom .card-price {
      justify-content: flex-start; }
    .card.card-custom .card-option .form-field {
      margin-bottom: 4px;
      text-align: left; }
    .home-layout-2 .card.card-custom .card-option {
      margin-top: 8px;
      margin-bottom: 4px; }
      .home-layout-2 .card.card-custom .card-option .form-field {
        min-height: auto; }
        .home-layout-2 .card.card-custom .card-option .form-field .form-option {
          margin: 0 4px 0 0; }
          .home-layout-2 .card.card-custom .card-option .form-field .form-option .form-option-variant {
            width: 20px;
            height: 20px; }
            .home-layout-2 .card.card-custom .card-option .form-field .form-option .form-option-variant::after {
              width: 10px;
              height: 10px; }
        .home-layout-2 .card.card-custom .card-option .form-field .showmore {
          line-height: 1.5; }
    .card.card-custom .card-action {
      width: 100%;
      border: 0;
      color: #0e119f;
      font-size: 12px;
      font-weight: 400;
      line-height: 1.5;
      text-align: left;
      background: transparent !important;
      transition: unset; }
      @media (min-width: 1024px) and (hover: hover) {
        .card.card-custom .card-action:hover, .card.card-custom .card-action:focus {
          color: #fbbf24; } }
      @media (prefers-reduced-motion: reduce) {
        .card.card-custom .card-action {
          transition: none; } }
  .card.focus-within .card-figcaption {
    opacity: 1; }
  .card .card-figcaption-bottom {
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    padding-top: 16px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease; }
    .card .card-figcaption-bottom .card-figcaption-button {
      margin: 0; }
    .home-layout-2 .card .card-figcaption-bottom {
      padding-top: 20px;
      padding-bottom: 20px; }
      .home-layout-2 .card .card-figcaption-bottom .card-figcaption-button {
        font-weight: 500;
        text-transform: capitalize; }
    @media (prefers-reduced-motion: reduce) {
      .card .card-figcaption-bottom {
        transition: none; } }
    @media (min-width: 1024px) {
      .card .card-figcaption-bottom {
        background-color: #ffffff; } }
  .card .button {
    pointer-events: all; }
  .card .card-figcaption-top {
    position: absolute;
    top: 10px;
    right: -10px;
    text-align: right;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease; }
    .card .card-figcaption-top .button {
      display: inline-block;
      min-width: 0;
      height: 36px;
      margin-right: 0;
      padding: 0;
      border: 0;
      font-size: 0;
      line-height: 1.625;
      background-color: transparent; }
      .card .card-figcaption-top .button .text {
        display: inline-block;
        margin: 4px 8px 4px 4px;
        padding: 4px 8px;
        color: #22262a;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.5;
        text-transform: uppercase;
        vertical-align: top;
        visibility: hidden; }
      .card .card-figcaption-top .button .icon-wrapper {
        position: relative;
        display: inline-block;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background-color: #ffffff; }
      @media (min-width: 1024px) {
        .card .card-figcaption-top .button:hover .text, .card .card-figcaption-top .button:focus .text, .card .card-figcaption-top .button:active .text {
          transform: translateX(0);
          opacity: 1;
          visibility: visible; } }
    .home-layout-2 .card .card-figcaption-top {
      top: 15px;
      right: -15px; }
    @media (max-width: 1024px) {
      .card .card-figcaption-top {
        top: 5px;
        right: 5px;
        opacity: 1;
        visibility: visible; } }
  @media (min-width: 1024px) {
    .card:hover .card-figcaption, .card:focus .card-figcaption {
      z-index: 2;
      opacity: 1; }
    .card:hover .card-figcaption-top, .card:focus .card-figcaption-top {
      right: 10px;
      opacity: 1;
      visibility: visible; }
      .home-layout-2 .card:hover .card-figcaption-top, .home-layout-2 .card:focus .card-figcaption-top {
        right: 15px; }
    .card:hover .card-figcaption-bottom, .card:focus .card-figcaption-bottom {
      bottom: 0;
      opacity: 1;
      visibility: visible; }
    .card:hover .card-compare, .card:focus .card-compare {
      z-index: 1;
      display: inline-block;
      opacity: 1;
      overflow: visible; }
    .card:not(.card-hover) .card-image {
      transition: opacity 0.8s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18) 0s; } }
  @media (min-width: 1024px) and (prefers-reduced-motion: reduce) {
    .card:not(.card-hover) .card-image {
      transition: none; } }
  @media (min-width: 1024px) {
    .card.card-hover:hover .card-link .card-image, .card.card-hover:focus .card-link .card-image {
      opacity: 0;
      -webkit-backface-visibility: visible;
      backface-visibility: visible; }
    .card.card-hover:hover .card-link .card-image-2, .card.card-hover:focus .card-link .card-image-2 {
      z-index: 1;
      opacity: 1;
      -webkit-backface-visibility: visible;
      backface-visibility: visible; } }

.navBar {
  margin: 0;
  list-style-type: none; }

.navView-all,
.navView-clear {
  display: block;
  margin: 12px 0 0; }
  .navView-all:before, .navView-all:after,
  .navView-clear:before,
  .navView-clear:after {
    content: " ";
    display: table; }
  .navView-all:after,
  .navView-clear:after {
    clear: both; }

.navList {
  margin: 0;
  padding-top: 2px;
  list-style-type: none; }
  .navList.haloCustomScrollbar {
    padding-right: 16px;
    overflow-y: auto;
    scrollbar-gutter: stable;
    overscroll-behavior: contain;
    -ms-scroll-chaining: none;
    max-height: 280px; }
    .navList.haloCustomScrollbar::-webkit-scrollbar {
      width: 4px; }
    .navList.haloCustomScrollbar::-webkit-scrollbar-track {
      background: #bdcad1; }
    .navList.haloCustomScrollbar::-webkit-scrollbar-thumb {
      background: #a6abb5; }
      @media (hover: hover) {
        .navList.haloCustomScrollbar::-webkit-scrollbar-thumb:hover, .navList.haloCustomScrollbar::-webkit-scrollbar-thumb:focus {
          background: #757575; } }
  .navList .navList-item {
    position: relative;
    display: block;
    margin: 0;
    padding: 4px 0; }
    .navList .navList-item:last-child {
      padding-bottom: 0; }

.navList-action--checkbox {
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 0.42857rem;
  padding-left: 2.14286rem;
  position: relative;
  vertical-align: baseline;
  width: 100%; }
  .navList-action--checkbox::before, .navList-action--checkbox::after {
    content: "";
    display: block;
    position: absolute;
    transition: all 50ms ease-out; }
  .navList-action--checkbox::before {
    background-color: #ffffff;
    border: solid #1b1b1b;
    border-width: 1px;
    height: 1.14286rem;
    left: 0;
    top: 0;
    width: 1.14286rem; }
  .navList-action--checkbox::after {
    height: 1rem;
    left: 1px;
    opacity: 0;
    top: 1px;
    transform: scale(0);
    width: 1rem; }
  .navList-action--checkbox::before {
    border-radius: 4px; }
  .navList-action--checkbox::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' fill='%2341454e' /%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    color: rgba(0, 0, 0, 0.7);
    content: "";
    font-size: 1rem;
    line-height: 1;
    text-align: center; }
  .navList-action--checkbox::before, .navList-action--checkbox::after {
    top: 50%; }
  .navList-action--checkbox::before {
    margin-top: -0.57143rem; }
  .navList-action--checkbox::after {
    margin-top: -0.5rem; }
  .navList-action--checkbox.is-disabled {
    cursor: default; }
    .navList-action--checkbox.is-disabled::before {
      background-color: #bdcad1; }
  .navList-action--checkbox.is-checked::after, .navList-action--checkbox.is-selected::after {
    opacity: 1;
    transform: scale(1); }

.navList-action-close {
  display: inline-block;
  padding: 0.28571rem;
  border-radius: 100%;
  line-height: 1.5;
  background: #f3f5f6;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease; }
  .navList-action-close .icon {
    height: 0.92857rem;
    width: 0.92857rem;
    fill: #0e119f; }
  @media (prefers-reduced-motion: reduce) {
    .navList-action-close {
      transition: none; } }
  @media (hover: hover) {
    .navList-action.is-selected:hover .navList-action-close,
    .navList-action.is-selected:focus .navList-action-close {
      opacity: 1;
      visibility: visible; } }

.navBar--sub {
  margin-bottom: 5.14286rem;
  text-align: center; }
  .navBar--sub.navBar--account {
    margin-bottom: 0; }
    .navBar--sub.navBar--account .navBar-section {
      font-size: 0;
      letter-spacing: 0;
      text-align: center;
      white-space: nowrap;
      float: none;
      overflow-x: auto;
      scrollbar-gutter: stable;
      overscroll-behavior: contain;
      -ms-scroll-chaining: none;
      display: block;
      margin: 0;
      padding-right: 16px;
      border: 1px solid #e4e3e2; }
      .navBar--sub.navBar--account .navBar-section .navBar-item {
        display: inline-block; }
      .navBar--sub.navBar--account .navBar-section .navBar-item {
        width: 260px;
        margin: 0;
        padding: 0;
        border-bottom: 0;
        text-align: center;
        vertical-align: top;
        float: none; }
        .navBar--sub.navBar--account .navBar-section .navBar-item.is-active .navBar-action {
          color: #141414 !important;
          background-color: #ffffff !important; }
        .navBar--sub.navBar--account .navBar-section .navBar-item .navBar-action {
          letter-spacing: 0.5px;
          text-overflow: ellipsis;
          text-transform: uppercase;
          white-space: nowrap;
          background-color: #fafafa;
          transition: unset;
          overflow: hidden;
          padding: 12px 16px 8px;
          color: #22262a;
          font-size: 16px;
          font-weight: 500; }
          @media (prefers-reduced-motion: reduce) {
            .navBar--sub.navBar--account .navBar-section .navBar-item .navBar-action {
              transition: none; } }
        .navBar--sub.navBar--account .navBar-section .navBar-item + .navBar-item {
          border-left: 1px solid #e4e3e2; }
    @media (min-width: 768px) {
      .navBar--sub.navBar--account.navBar--account2 .navBar-section {
        width: 100%;
        max-width: 1110px;
        margin-right: auto;
        margin-left: auto; }
        .navBar--sub.navBar--account.navBar--account2 .navBar-section .navBar-item {
          width: calc(100% / 3);
          padding-right: 0;
          padding-left: 0; } }
    @media (min-width: 1024px) {
      .navBar--sub.navBar--account .navBar-section .navBar-item {
        width: calc(100% / 3); } }

@media (min-width: 1024px) and (hover: hover) {
  .navBar--sub.navBar--account .navBar-section .navBar-item .navBar-action:hover,
  .navBar--sub.navBar--account .navBar-section .navBar-item .navBar-action:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.7); } }
  .navBar--sub .navBar-section {
    float: none; }
  .navBar--sub .navBar-action {
    padding: 0;
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px; }
    @media (hover: hover) {
      .navBar--sub .navBar-action:hover, .navBar--sub .navBar-action:focus {
        color: #2a2d32; } }
  .navBar--sub .navBar-item {
    margin: 0 0.85714rem;
    float: none; }
    .navBar--sub .navBar-item.is-active > .navBar-action {
      color: #888e9b; }
    @media (min-width: 1024px) {
      .navBar--sub .navBar-item.is-active {
        border-bottom: 1px solid #22262a; } }
    @media (min-width: 1024px) {
      .navBar--sub .navBar-item.navBar-item--separate {
        margin: 0;
        padding-left: 0.85714rem;
        border-left: 1px solid rgba(0, 0, 0, 0.7); } }
    @media (min-width: 1024px) {
      .navBar--sub .navBar-item {
        display: inline-block; } }

.loadingOverlay {
  position: absolute;
  z-index: 20;
  display: flex;
  flex-wrap: nowrap;
  background-color: #ffffff;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  inset: 0;
  align-items: center;
  justify-content: center; }
  .loadingOverlay::before {
    position: absolute;
    left: auto;
    z-index: 6;
    display: block;
    width: 0;
    height: 0;
    content: '';
    top: 50%;
    right: 0;
    left: 0;
    transform: translateY(-50%) rotate(0);
    width: 50px;
    height: 50px;
    margin: 0 auto;
    border: 0;
    border-radius: 0;
    background: url("https://img.rhinorails.com/loading.svg");
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-animation: unset;
    animation: unset;
    transform-style: preserve-3d; }
    .home-layout-2 .loadingOverlay::before {
      background: url("https://img.rhinorails.com/loading.svg");
      background-repeat: no-repeat; }
    @media (prefers-reduced-motion: reduce) {
      .loadingOverlay::before {
        transition: none;
        -webkit-animation: none;
        animation: none; } }
  @media (prefers-reduced-motion: reduce) {
    .loadingOverlay {
      transition: none; } }

.icons-svg-sprite {
  display: none; }

.icon,
.icon svg {
  transition: all 0.15s ease; }

@media (prefers-reduced-motion: reduce) {
  .icon,
  .icon svg {
    transition: none; } }

.actionBar-section .form-field {
  border: 1px solid #f0f3f5;
  border-radius: 4px;
  background-color: #f0f3f5; }
  @media (hover: hover) {
    .actionBar-section .form-field:hover, .actionBar-section .form-field:focus {
      border-color: #1b1b1b; } }

.actionBar-section .form-label {
  margin-bottom: 0;
  padding-left: 0.85714rem;
  color: rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 2.28571rem; }

.actionBar-section .form-select {
  height: 2.28571rem;
  color: #0e119f; }

.actionBar-section .form-input,
.actionBar-section .form-select {
  width: auto;
  padding-left: 0.21429rem;
  border: 0; }

.actionBar-section .form-label,
.actionBar-section .form-input,
.actionBar-section .form-select {
  display: inline-block; }

.has-ribbon {
  position: relative; }

.ribbon {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  margin: -0.78571rem -0.78571rem 0 0;
  padding: 0.07143rem 1rem;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0.7);
  cursor: default; }

.navUser {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  top: 26px;
  right: 0;
  width: 100%; }
  .navUser:before, .navUser:after {
    content: " ";
    display: table; }
  .navUser:after {
    clear: both; }
  .navUser ul,
  .navUser ol {
    list-style: none;
    margin-left: 0;
    margin: 0;
    padding: 0; }
    .navUser ul ul,
    .navUser ul ol,
    .navUser ol ul,
    .navUser ol ol {
      list-style: none;
      margin-bottom: 0; }
    .navUser ul li,
    .navUser ol li {
      margin: 0;
      padding: 0; }
  .navUser-section {
    float: left; }
    .navUser-section:before, .navUser-section:after {
      content: " ";
      display: table; }
    .navUser-section:after {
      clear: both; }
  .navUser-section--alt {
    float: right;
    margin-left: 1.71429rem; }
  .navUser-section + .navUser-section {
    margin-left: 1.71429rem; }
  @media (min-width: 600px) {
    .navUser-item {
      float: left; } }
  .navUser-item, .navUser-action {
    display: block; }
  .navUser .dropdown-menu {
    position: absolute;
    border: 1px solid #e5e7eb;
    background-color: #ffffff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.13); }
  @media (min-width: 1024px) {
    .navUser {
      position: relative;
      top: auto;
      right: auto;
      transform: none;
      padding: 0; } }

@media (min-width: 1024px) {
  .navUser-section {
    position: relative; } }

.navUser-action .icon {
  height: 1.42857rem;
  width: 1.42857rem;
  width: 26px !important;
  height: 26px !important;
  margin: -2px 0 0 0.21429rem !important; }

.dropdown--quickSearch {
  position: fixed;
  top: 50px;
  left: 50%;
  z-index: 102;
  transform: translateX(-50%);
  display: none;
  width: 100%;
  max-width: 770px; }
  .dropdown--quickSearch.is-open {
    display: block; }
  .dropdown--quickSearch .form-input {
    padding: 8px 64px 8px 16px;
    border: 0;
    background-color: #fafafa; }
  .dropdown--quickSearch button[type='submit'] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    padding: 0;
    border: 0;
    border-radius: 4px;
    text-align: center;
    background-color: transparent; }
    .dropdown--quickSearch button[type='submit'] .icon {
      padding: 0 16px;
      line-height: 50px; }
  .dropdown--quickSearch .form,
  .dropdown--quickSearch .form-field {
    position: relative;
    margin-bottom: 0; }

.navUser-action {
  padding: 1rem 0.85714rem;
  color: #a6abb5;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase; }
  .navUser-action svg {
    transition: opacity 0.15s ease;
    fill: #888e9b;
    stroke: #888e9b; }
    @media (prefers-reduced-motion: reduce) {
      .navUser-action svg {
        transition: none; } }
  @media (hover: hover) {
    .navUser-action:hover, .navUser-action:focus, .navUser-action.is-open {
      color: #aa7c03; }
      .navUser-action:hover svg, .navUser-action:focus svg, .navUser-action.is-open svg {
        fill: #aa7c03;
        stroke: #aa7c03; } }

.navUser-action-divider {
  display: inline-block;
  padding: 0 1.42857rem 0 0;
  border-right: #e5e7eb;
  color: rgba(0, 0, 0, 0.7);
  text-decoration: none; }

.navUser-item--cart {
  position: relative;
  display: inline-block;
  vertical-align: top; }
  @media (max-width: 600px) {
    .navUser-item--cart__hidden-s {
      display: none; } }
  .navUser-item--cart .dropdown-menu {
    min-width: 430px;
    max-width: 22.85714rem; }
    .navUser-item--cart .dropdown-menu.is-open {
      top: auto !important;
      right: 0.35714rem;
      left: auto !important; }
      .navUser-item--cart .dropdown-menu.is-open::before, .navUser-item--cart .dropdown-menu.is-open::after {
        left: auto; }
      .navUser-item--cart .dropdown-menu.is-open::before {
        right: 0.5rem; }
        @media (min-width: 1024px) {
          .navUser-item--cart .dropdown-menu.is-open::before {
            right: 0.85714rem; } }
      .navUser-item--cart .dropdown-menu.is-open::after {
        right: 0.64286rem; }
        @media (min-width: 1024px) {
          .navUser-item--cart .dropdown-menu.is-open::after {
            right: 1rem; } }
      @media (min-width: 1024px) {
        .navUser-item--cart .dropdown-menu.is-open {
          right: 0; } }
  .navUser-item--cart .navUser-action {
    color: #888e9b; }
    @media (hover: hover) {
      .navUser-item--cart .navUser-action:hover, .navUser-item--cart .navUser-action:focus, .navUser-item--cart .navUser-action.is-open {
        color: #aa7c03; } }

.navUser-item--liveHelp {
  position: relative; }

@media (min-width: 600px) {
  .navUser-item-cartLabel {
    display: inline; } }

.navUser-item {
  display: none; }
  @media (min-width: 1024px) {
    .navUser-item {
      display: block; }
      .navUser-item.navUser-item--social {
        margin-top: 0.35714rem;
        padding-right: 0.35714rem; }
      .navUser-item.navUser-item--divider {
        margin-top: 0.57143rem;
        padding-left: 0.14286rem;
        font-size: 1.14286rem; } }

.navUser-item--search,
.navUser-item--account {
  display: inline-block;
  vertical-align: top; }

.navUser-item--account .navUser-action {
  display: inline-block; }

.navUser-item--account .navUser-or + .navUser-action {
  margin-right: -8px; }

.navUser-item--account .navUser-item__item {
  position: relative;
  display: inline-block;
  vertical-align: top; }

.navUser-or {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin: 0 -0.85714rem;
  padding: 0 8px;
  color: #888e9b;
  cursor: default; }

.navUser-action--quickSearch.is-open {
  position: relative; }
  .navUser-action--quickSearch.is-open::before {
    border: inset 10px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent #fafafa transparent;
    border-bottom-style: solid;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); }

.countPill {
  position: absolute;
  top: -5px;
  right: -10px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  color: #000000 !important;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  background-color: #fbbf24 !important; }
  .countPill.countPill--positive {
    display: inline-block; }
  .home-layout-2 .countPill {
    color: #ffffff;
    font-size: 12px;
    background-color: #22262a; }
  .page-type-cart .countPill {
    display: inline-block; }
  @media (min-width: 1024px) {
    .countPill {
      top: 7px;
      right: -5px;
      color: #22262a;
      background-color: #ffffff; }
      .home-layout-2 .countPill {
        top: 3px;
        right: 0; } }

.countPill--alt {
  color: #000000 !important;
  background-color: #fbbf24 !important; }

.navPage-childList {
  margin: 0.42857rem 0.85714rem;
  padding-left: 0.85714rem;
  border-left: 1px solid #e5e7eb; }

.navPage-subMenu-deeply-nested {
  display: none !important; }

.navPage-subMenu-item-parent-hidden {
  display: none; }

.navPage-subMenu-item-custom-padded {
  padding: 0 16px; }

.navPages-action-moreIcon-positioned {
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%) rotate(-90deg);
  width: 12px;
  height: 12px;
  margin-left: 0; }

.navPage-subMenu-action-text-margin {
  margin: 8px 0; }

.navPage-subMenu-action-text-margin-left {
  margin: 0 0 0 8px; }

.navPage-subMenu-action-img-small {
  max-width: 60px; }

.navPage-subMenu-action-img-medium {
  max-width: 70px; }

.navPage-subMenu-action-img-large {
  max-width: 80px; }

.level-3-nav-action {
  color: #1b1b1b; }

.level-3-nav-icon {
  color: #1b1b1b;
  stroke: #1b1b1b;
  fill: #1b1b1b; }

.level-3-nav-focus {
  color: #000000; }
  .level-3-nav-focus .text {
    color: #000000; }
  .level-3-nav-focus .navPages-action-moreIcon svg {
    color: #000000;
    stroke: #000000;
    fill: #000000; }

.navPage-subMenu-nested-action {
  font-weight: 500; }

.has-activeNavPages {
  overflow: hidden;
  -webkit-overflow-scrolling: auto; }

.navPages-container {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none;
  height: 100%;
  -webkit-overflow-scrolling: touch; }
  .navPages-container.is-open {
    display: block;
    padding-top: 55px; }
  @media (min-width: 1024px) {
    .navPages-container {
      position: relative;
      display: block;
      height: auto;
      padding: 0;
      background: transparent; } }

.navPages {
  height: 100%;
  padding: 0;
  padding-right: 16px;
  background-color: #ffffff;
  overflow-y: auto;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  -ms-scroll-chaining: none; }
  .navPages .navPage-subMenu-list {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
    list-style: none; }
    @media (min-width: 1024px) {
      .navPages .navPage-subMenu-list .navPage-subMenu-item-child.navPage-subMenu-all {
        display: none !important; } }
    @media (min-width: 1024px) {
      .navPages .navPage-subMenu-list {
        margin: 0 auto;
        max-width: 85.71429rem;
        width: 100%;
        margin: auto;
        padding-left: 0;
        border-left: 0; }
        .navPages .navPage-subMenu-list:before, .navPages .navPage-subMenu-list:after {
          content: " ";
          display: table; }
        .navPages .navPage-subMenu-list:after {
          clear: both; } }
  .navPages ul {
    list-style: none; }
  @media (min-width: 1024px) {
    .navPages {
      margin: 0 auto;
      max-width: 85.71429rem;
      width: 100%;
      max-width: calc(100% - 50px);
      margin: 0;
      padding: 8px 0;
      font-size: 0;
      text-align: center;
      background: none;
      overflow-y: visible; }
      .navPages:before, .navPages:after {
        content: " ";
        display: table; }
      .navPages:after {
        clear: both; }
      .navPages:before, .navPages:after {
        content: " ";
        display: table; }
      .navPages:after {
        clear: both; }
      .navPages ul,
      .navPages ol {
        list-style: none;
        margin-left: 0;
        margin: 0;
        padding: 0; }
        .navPages ul ul,
        .navPages ul ol,
        .navPages ol ul,
        .navPages ol ol {
          list-style: none;
          margin-bottom: 0; }
        .navPages ul li,
        .navPages ol li {
          margin: 0;
          padding: 0; }
      .navPages-section {
        float: left; }
        .navPages-section:before, .navPages-section:after {
          content: " ";
          display: table; }
        .navPages-section:after {
          clear: both; }
      .navPages-section--alt {
        float: right;
        margin-left: 1.71429rem; }
      .navPages-section + .navPages-section {
        margin-left: 1.71429rem; } }
  @media (min-width: 1024px) and (min-width: 600px) {
    .navPages-item {
      float: left; } }
  @media (min-width: 1024px) {
      .navPages-item, .navPages-action {
        display: block; }
      .header-layout-3 .navPages {
        max-width: 100%;
        padding: 10px; } }

.navPages-action-moreIcon {
  height: 0.57143rem;
  width: 0.57143rem;
  transform: rotate(-90deg);
  margin-left: 0.85714rem; }
  @media (min-width: 1024px) {
    .navPage-subMenu-horizontal .navPages-action-moreIcon {
      transform: rotate(-90deg);
      display: inline-block; } }
  .navPages-list:not(.navPages-list-depth-max) .navPages-action-moreIcon {
    height: 0.78571rem;
    width: 0.78571rem;
    margin: 0; }
    @media (min-width: 1024px) {
      .navPages-list:not(.navPages-list-depth-max) .navPages-action-moreIcon {
        height: 0.57143rem;
        width: 0.57143rem;
        margin: 0 0 0 0.85714rem; } }
  .has-subMenu.is-open .navPages-action-moreIcon,
  .collapsible-icon-wrapper.is-open .navPages-action-moreIcon {
    transform: rotate(0); }
  @media (min-width: 1024px) {
    .navPages-action-moreIcon {
      transform: none;
      display: none; } }

@media (min-width: 1024px) {
  .navPage-subMenu-horizontal.is-open {
    top: 0;
    display: inherit;
    width: 16.35714rem;
    height: auto;
    margin-left: 15.35714rem;
    padding: 0 !important;
    border-left: 1px solid #e5e7eb; } }

@media (min-width: 1024px) {
  .has-subMenu.is-root + .navPage-subMenu-horizontal {
    top: inherit;
    left: inherit;
    width: 15.35714rem;
    height: auto;
    margin: auto;
    border-left: 0; } }

.navPages-action {
  display: block;
  margin-bottom: 0;
  padding: 0.85714rem 0;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  text-transform: capitalize; }
  .navPages-action.is-open svg,
  .navPages-action .collapsible-icon-wrapper.is-open svg {
    fill: #aa7c03;
    stroke: #aa7c03; }
  .navPages-list:not(.navPages-list-depth-max) .navPages-action.has-subMenu {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between; }
  .navPages-action svg {
    transition: opacity 0.15s ease, transform 0.15s ease, stroke 0.15s ease;
    stroke: #ffffff;
    fill: #ffffff; }
    @media (prefers-reduced-motion: reduce) {
      .navPages-action svg {
        transition: none;
        -webkit-animation: none;
        animation: none; } }
  .home-layout-2 .navPages-action {
    font-size: 18px; }
  @media (min-width: 1024px) {
    .navPages-action {
      display: inline-block;
      padding: 12px 16px; }
      .navPages-action.is-open {
        background-color: #ffffff; } }

.navPages-list-depth-max.subMenu-is-open .is-hidden {
  display: none; }
  @media (min-width: 1024px) {
    .navPages-list-depth-max.subMenu-is-open .is-hidden {
      display: inline-block; } }

.navPages-list-depth-max.subMenu-is-open .navPages-item-page {
  display: none; }
  @media (min-width: 1024px) {
    .navPages-list-depth-max.subMenu-is-open .navPages-item-page {
      display: inline-block; } }

.navPages-action-depth-max.has-subMenu.is-open {
  border-bottom: 1px solid #e5e7eb;
  text-align: center; }
  .navPages-action-depth-max.has-subMenu.is-open .navPages-action-moreIcon {
    transform: rotate(90deg);
    width: 35px;
    height: 35px;
    margin-top: -8px;
    padding: 12px;
    border: solid 1px #fafafa;
    border-radius: 4px;
    float: left; }
    @media (min-width: 1024px) {
      .navPages-action-depth-max.has-subMenu.is-open .navPages-action-moreIcon {
        height: 0.57143rem;
        width: 0.57143rem;
        transform: rotate(-90deg);
        margin-top: 0;
        padding: 0;
        border: 0;
        border-radius: 4px;
        float: none; } }
  .navPages-action-depth-max.has-subMenu.is-open svg {
    width: 20px !important;
    height: 20px !important; }
    @media (min-width: 1024px) {
      .navPages-action-depth-max.has-subMenu.is-open svg {
        width: 20px;
        height: 20px; } }
  @media (min-width: 1024px) {
    .navPages-action-depth-max.has-subMenu.is-open {
      border-bottom: 0;
      text-align: left; } }

@media (min-width: 1024px) {
  .navPages-action-depth-max.has-subMenu.is-root.is-open .navPages-action-moreIcon {
    transform: rotate(0); } }

.navPages-action--storeCredit {
  color: rgba(0, 0, 0, 0.7); }

@media (max-width: 1024px) {
  .navPage-childList.is-open {
    display: block; } }

.navPage-subMenu-action:not(.navPages-action-depth-max) + .navPage-childList {
  margin-left: 3.42857rem; }
  @media (min-width: 1024px) {
    .navPage-subMenu-action:not(.navPages-action-depth-max) + .navPage-childList {
      margin-left: 0; } }

@media (min-width: 1024px) {
  .navPage-childList {
    display: block;
    border: 0; } }

.navPage-subMenu {
  display: none;
  outline: 0; }
  .navPage-subMenu::-webkit-scrollbar {
    width: 10px; }
  .navPage-subMenu::-webkit-scrollbar-track {
    background: #bdcad1; }
  .navPage-subMenu::-webkit-scrollbar-thumb {
    background: #a6abb5; }
  .navPage-subMenu.is-open {
    display: block; }
  .navPages-list:not(.navPages-list-depth-max) .navPages-action.has-subMenu + .navPage-subMenu .navPage-subMenu-list {
    margin-right: 0; }
    @media (min-width: 1024px) {
      .navPages-list:not(.navPages-list-depth-max) .navPages-action.has-subMenu + .navPage-subMenu .navPage-subMenu-list {
        margin-right: auto; } }
  @media (min-width: 1024px) {
    .navPage-subMenu {
      position: absolute;
      padding: 1.71429rem 1.71429rem 2.57143rem;
      text-align: left;
      background-color: #ffffff; }
      .navPage-subMenu.is-open {
        left: 0;
        display: block;
        width: 100%; }
      .navPage-subMenu .navPages-action-moreIcon {
        display: none; } }

.navPage-subMenu-item {
  padding: 0.85714rem 0; }
  @media (min-width: 1024px) {
    .navPage-subMenu-item {
      padding-left: 0.85714rem;
      padding-right: 0.85714rem;
      width: 25%;
      float: left;
      padding: 0 12px; }
      .navPage-subMenu-item .navPages-action {
        width: 100%;
        text-transform: none; }
      .navPage-subMenu-item > .navPage-subMenu-action {
        margin-bottom: 1.28571rem;
        border-bottom: 1px solid #e5e7eb; } }

.navPage-subMenu-item-child,
.navPage-subMenu-item-parent {
  width: 100%; }
  @media (min-width: 1024px) {
    .navPage-subMenu-item-child .navPage-subMenu-action,
    .navPage-subMenu-item-parent .navPage-subMenu-action {
      width: 100%;
      padding-right: 0;
      padding-left: 0; } }

.navPage-subMenu-action {
  padding: 0.85714rem 0;
  font-size: 16px; }
  .navPages-list:not(.navPages-list-depth-max) .navPage-subMenu-action {
    padding: 0 0 0 1.71429rem; }
    @media (min-width: 1024px) {
      .navPages-list:not(.navPages-list-depth-max) .navPage-subMenu-action {
        padding: 0.85714rem 0 1.28571rem; } }
  .navPage-subMenu-action .collapsible-icon-wrapper {
    display: inline-block;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    text-align: right; }
    @media (min-width: 1024px) {
      .navPage-subMenu-action .collapsible-icon-wrapper {
        display: none; } }
  @media (min-width: 1024px) {
    .navPage-subMenu-action {
      padding: 0.85714rem 0 1.28571rem; } }

.navPages-item > .navPages-action {
  font-weight: 500;
  text-transform: uppercase; }
  .home-layout-2 .navPages-item > .navPages-action {
    font-weight: 400;
    text-transform: capitalize; }

.navPages-item .navPage-subMenu-item-child > .navPages-action:focus-within,
.navPages-item .navPage-subMenu-item-parent > .navPages-action:focus-within {
  color: #aa7c03; }

@media (hover: hover) {
  .navPages-item .navPage-subMenu-item-child > .navPages-action:hover,
  .navPages-item .navPage-subMenu-item-parent > .navPages-action:hover,
  .navPages-item .navPage-subMenu-item-child > .navPages-action:focus,
  .navPages-item .navPage-subMenu-item-parent > .navPages-action:focus {
    color: #aa7c03; } }

.navPages-list {
  margin: 0; }
  .navPages-list .navPages-item.navPages-item-user:last-child {
    border-bottom: 0; }
  .navPages-list .navPages-item .navPage-subMenu {
    position: absolute;
    top: auto;
    left: 130px;
    z-index: 6;
    transform: translate3d(0, 50px, 0);
    display: block;
    width: 245px;
    height: auto;
    margin: auto;
    padding: 0;
    text-align: left;
    background-color: #ffffff;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.01);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: color 0.15s ease; }
    @media (prefers-reduced-motion: reduce) {
      .navPages-list .navPages-item .navPage-subMenu {
        transition: none;
        -webkit-animation: none;
        animation: none; } }

.navPage-childList-action {
  padding: 0 0 0.42857rem;
  font-weight: 400; }

.navPages-quickSearch {
  margin-bottom: 0.85714rem;
  border-bottom: #c2c5cc; }
  .navPages-quickSearch > .container {
    padding: 0; }
  .navPages-quickSearch .form {
    margin: 0; }
  .navPages-quickSearch .form-field {
    margin-bottom: 0; }
  @media (min-width: 1024px) {
    .navPages-quickSearch {
      display: none; } }

@media (min-width: 1024px) {
  .navPages-container {
    position: static; }
    .navPages-container .navPages-item {
      position: relative; }
      .navPages-container .navPages-item.has-megamenu {
        position: static; }
        .navPages-container .navPages-item.has-megamenu.has-megamenu .navPage-subMenu-links > .navPage-subMenu-item-child {
          padding-right: 8px;
          padding-left: 8px; }
          .navPages-container .navPages-item.has-megamenu.has-megamenu .navPage-subMenu-links > .navPage-subMenu-item-child .navPage-subMenu-action {
            margin-bottom: 0; }
          .navPages-container .navPages-item.has-megamenu.has-megamenu .navPage-subMenu-links > .navPage-subMenu-item-child .navPage-subMenu-item-child {
            padding-right: 0;
            padding-left: 0; }
        .navPages-container .navPages-item.has-megamenu.style-2 .cateArea {
          padding: 0 calc((100% - 1800px) / 2); }
        .navPages-container .navPages-item.has-megamenu.style-2 > .navPage-subMenu {
          padding: 28px 0 0; }
        .navPages-container .navPages-item.has-megamenu > .navPage-subMenu {
          z-index: 1;
          padding: 40px calc((100% - 1800px) / 2) 80px;
          background-color: #ffffff;
          box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
          .navPages-container .navPages-item.has-megamenu > .navPage-subMenu::before {
            position: absolute;
            top: 10px;
            right: 0;
            left: 0;
            z-index: 1;
            width: 100%;
            height: 1px;
            background-color: #c2c5cc;
            cursor: pointer;
            content: ''; }
        .navPages-container .navPages-item.has-megamenu .navPage-subMenu-deeply-nested {
          display: none !important; }
        .navPages-container .navPages-item.has-megamenu .navPage-subMenu-links .navPage-subMenu-title {
          display: none; }
      .navPages-container .navPages-item:hover.has-dropdown:not(.has-megamenu) .navPage-subMenu, .navPages-container .navPages-item:focus-within.has-dropdown:not(.has-megamenu) .navPage-subMenu {
        transform: translate3d(-50px, 0, 0);
        width: 310px;
        padding: 0;
        background-color: #ffffff;
        box-shadow: 0 1px 50px 0 rgba(0, 0, 0, 0.01);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: color 0.15s ease; }
        .home-layout-2 .navPages-container .navPages-item:hover.has-dropdown:not(.has-megamenu) .navPage-subMenu, .home-layout-2 .navPages-container .navPages-item:focus-within.has-dropdown:not(.has-megamenu) .navPage-subMenu {
          transform: translate3d(0, -10px, 0); }
        .navPages-container .navPages-item:hover.has-dropdown:not(.has-megamenu) .navPage-subMenu .navPage-subMenu-item-child, .navPages-container .navPages-item:focus-within.has-dropdown:not(.has-megamenu) .navPage-subMenu .navPage-subMenu-item-child {
          padding: 0 20px; }
          .navPages-container .navPages-item:hover.has-dropdown:not(.has-megamenu) .navPage-subMenu .navPage-subMenu-item-child > .navPage-subMenu-action, .navPages-container .navPages-item:focus-within.has-dropdown:not(.has-megamenu) .navPage-subMenu .navPage-subMenu-item-child > .navPage-subMenu-action {
            padding: 12px 16px 12px 0; }
          .navPages-container .navPages-item:hover.has-dropdown:not(.has-megamenu) .navPage-subMenu .navPage-subMenu-item-child .navPages-action-moreIcon, .navPages-container .navPages-item:focus-within.has-dropdown:not(.has-megamenu) .navPage-subMenu .navPage-subMenu-item-child .navPages-action-moreIcon {
            position: absolute;
            top: 50%;
            right: 18px;
            transform: translateY(-50%) rotate(-90deg);
            width: 12px;
            height: 12px;
            margin-left: 0; }
          .navPages-container .navPages-item:hover.has-dropdown:not(.has-megamenu) .navPage-subMenu .navPage-subMenu-item-child + .navPage-subMenu-item-child .navPage-subMenu-action, .navPages-container .navPages-item:focus-within.has-dropdown:not(.has-megamenu) .navPage-subMenu .navPage-subMenu-item-child + .navPage-subMenu-item-child .navPage-subMenu-action {
            border-top: 1px solid #c2c5cc; } }
      @media (min-width: 1024px) and (prefers-reduced-motion: reduce) {
        .navPages-container .navPages-item:hover.has-dropdown:not(.has-megamenu) .navPage-subMenu, .navPages-container .navPages-item:focus-within.has-dropdown:not(.has-megamenu) .navPage-subMenu {
          transition: none;
          -webkit-animation: none;
          animation: none; } }

@media (min-width: 1024px) {
      .navPages-container .navPages-item:hover > .navPage-subMenu, .navPages-container .navPages-item:focus-within > .navPage-subMenu {
        top: auto;
        transform: translate3d(0, 0, 0);
        opacity: 1;
        visibility: visible;
        pointer-events: auto; }
      .menu-is-load .navPages-container .navPages-item.has-dropdown:not(.has-megamenu):hover > .navPage-subMenu, .menu-is-load .navPages-container .navPages-item.has-dropdown:not(.has-megamenu):focus-within > .navPage-subMenu, .menu-is-load
      .navPages-container .navPages-item.has-dropdown:not(.has-megamenu) .navPage-subMenu-item-child:hover > .navPage-subMenu, .menu-is-load
      .navPages-container .navPages-item.has-dropdown:not(.has-megamenu) .navPage-subMenu-item-child:focus-within > .navPage-subMenu {
        transform: translate3d(0, 0, 0);
        opacity: 1;
        visibility: visible;
        pointer-events: auto; }
      .navPages-container .navPages-item.has-dropdown:not(.has-megamenu) .navPage-subMenu-item-child {
        position: relative; }
        .navPages-container .navPages-item.has-dropdown:not(.has-megamenu) .navPage-subMenu-item-child > .navPage-subMenu {
          top: 0;
          left: 95%; }
      .navPages-container .navPages-item > .navPage-subMenu {
        left: 0;
        z-index: 1;
        transform: translate3d(-50px, 0, 0);
        margin-top: 0;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: color 0.15s ease; }
        .navPages-container .navPages-item > .navPage-subMenu .navPage-subMenu-item-parent {
          display: none; }
        .navPages-container .navPages-item > .navPage-subMenu .navPage-subMenu {
          padding-right: 0;
          padding-left: 0; }
        .home-layout-2 .navPages-container .navPages-item > .navPage-subMenu {
          transform: translate3d(0, -10px, 0); } }
      @media (min-width: 1024px) and (prefers-reduced-motion: reduce) {
        .navPages-container .navPages-item > .navPage-subMenu {
          transition: none;
          -webkit-animation: none;
          animation: none; } }

@media (min-width: 1024px) {
      .navPages-container .navPages-item .navPage-subMenu-item-child {
        position: relative; }
        .navPages-container .navPages-item .navPage-subMenu-item-child > .navPage-subMenu {
          top: 0;
          left: 95%; }
      .navPages-container .navPages-item > .navPages-action {
        position: relative; }
        .navPages-container .navPages-item > .navPages-action::after {
          position: absolute;
          right: 0;
          bottom: -14px;
          left: 0;
          z-index: 1;
          width: 100%;
          height: 14px;
          background-color: transparent;
          content: ''; }
    .navPages-container .navPages-list > .navPages-item > .navPages-action {
      transform: translateY(-45px);
      opacity: 0;
      transition-delay: 0.1s;
      transition-timing-function: ease;
      transition-property: transform, opacity; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 0) > .navPages-action {
      transition-duration: 0.5s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 1) > .navPages-action {
      transition-duration: 0.55s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 2) > .navPages-action {
      transition-duration: 0.6s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 3) > .navPages-action {
      transition-duration: 0.65s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 4) > .navPages-action {
      transition-duration: 0.7s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 5) > .navPages-action {
      transition-duration: 0.75s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 6) > .navPages-action {
      transition-duration: 0.8s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 7) > .navPages-action {
      transition-duration: 0.85s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 8) > .navPages-action {
      transition-duration: 0.9s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 9) > .navPages-action {
      transition-duration: 0.95s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 10) > .navPages-action {
      transition-duration: 1s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 11) > .navPages-action {
      transition-duration: 1.05s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 12) > .navPages-action {
      transition-duration: 1.1s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 13) > .navPages-action {
      transition-duration: 1.15s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 14) > .navPages-action {
      transition-duration: 1.2s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 15) > .navPages-action {
      transition-duration: 1.25s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 16) > .navPages-action {
      transition-duration: 1.3s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 17) > .navPages-action {
      transition-duration: 1.35s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 18) > .navPages-action {
      transition-duration: 1.4s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 19) > .navPages-action {
      transition-duration: 1.45s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 20) > .navPages-action {
      transition-duration: 1.5s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 21) > .navPages-action {
      transition-duration: 1.55s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 22) > .navPages-action {
      transition-duration: 1.6s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 23) > .navPages-action {
      transition-duration: 1.65s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 24) > .navPages-action {
      transition-duration: 1.7s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 25) > .navPages-action {
      transition-duration: 1.75s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 26) > .navPages-action {
      transition-duration: 1.8s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 27) > .navPages-action {
      transition-duration: 1.85s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 28) > .navPages-action {
      transition-duration: 1.9s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 29) > .navPages-action {
      transition-duration: 1.95s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 30) > .navPages-action {
      transition-duration: 2s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 31) > .navPages-action {
      transition-duration: 2.05s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 32) > .navPages-action {
      transition-duration: 2.1s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 33) > .navPages-action {
      transition-duration: 2.15s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 34) > .navPages-action {
      transition-duration: 2.2s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 35) > .navPages-action {
      transition-duration: 2.25s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 36) > .navPages-action {
      transition-duration: 2.3s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 37) > .navPages-action {
      transition-duration: 2.35s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 38) > .navPages-action {
      transition-duration: 2.4s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 39) > .navPages-action {
      transition-duration: 2.45s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 40) > .navPages-action {
      transition-duration: 2.5s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 41) > .navPages-action {
      transition-duration: 2.55s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 42) > .navPages-action {
      transition-duration: 2.6s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 43) > .navPages-action {
      transition-duration: 2.65s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 44) > .navPages-action {
      transition-duration: 2.7s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 45) > .navPages-action {
      transition-duration: 2.75s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 46) > .navPages-action {
      transition-duration: 2.8s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 47) > .navPages-action {
      transition-duration: 2.85s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 48) > .navPages-action {
      transition-duration: 2.9s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 49) > .navPages-action {
      transition-duration: 2.95s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 50) > .navPages-action {
      transition-duration: 3s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 51) > .navPages-action {
      transition-duration: 3.05s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 52) > .navPages-action {
      transition-duration: 3.1s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 53) > .navPages-action {
      transition-duration: 3.15s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 54) > .navPages-action {
      transition-duration: 3.2s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 55) > .navPages-action {
      transition-duration: 3.25s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 56) > .navPages-action {
      transition-duration: 3.3s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 57) > .navPages-action {
      transition-duration: 3.35s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 58) > .navPages-action {
      transition-duration: 3.4s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 59) > .navPages-action {
      transition-duration: 3.45s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 60) > .navPages-action {
      transition-duration: 3.5s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 61) > .navPages-action {
      transition-duration: 3.55s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 62) > .navPages-action {
      transition-duration: 3.6s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 63) > .navPages-action {
      transition-duration: 3.65s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 64) > .navPages-action {
      transition-duration: 3.7s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 65) > .navPages-action {
      transition-duration: 3.75s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 66) > .navPages-action {
      transition-duration: 3.8s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 67) > .navPages-action {
      transition-duration: 3.85s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 68) > .navPages-action {
      transition-duration: 3.9s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 69) > .navPages-action {
      transition-duration: 3.95s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 70) > .navPages-action {
      transition-duration: 4s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 71) > .navPages-action {
      transition-duration: 4.05s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 72) > .navPages-action {
      transition-duration: 4.1s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 73) > .navPages-action {
      transition-duration: 4.15s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 74) > .navPages-action {
      transition-duration: 4.2s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 75) > .navPages-action {
      transition-duration: 4.25s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 76) > .navPages-action {
      transition-duration: 4.3s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 77) > .navPages-action {
      transition-duration: 4.35s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 78) > .navPages-action {
      transition-duration: 4.4s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 79) > .navPages-action {
      transition-duration: 4.45s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 80) > .navPages-action {
      transition-duration: 4.5s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 81) > .navPages-action {
      transition-duration: 4.55s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 82) > .navPages-action {
      transition-duration: 4.6s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 83) > .navPages-action {
      transition-duration: 4.65s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 84) > .navPages-action {
      transition-duration: 4.7s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 85) > .navPages-action {
      transition-duration: 4.75s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 86) > .navPages-action {
      transition-duration: 4.8s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 87) > .navPages-action {
      transition-duration: 4.85s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 88) > .navPages-action {
      transition-duration: 4.9s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 89) > .navPages-action {
      transition-duration: 4.95s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 90) > .navPages-action {
      transition-duration: 5s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 91) > .navPages-action {
      transition-duration: 5.05s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 92) > .navPages-action {
      transition-duration: 5.1s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 93) > .navPages-action {
      transition-duration: 5.15s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 94) > .navPages-action {
      transition-duration: 5.2s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 95) > .navPages-action {
      transition-duration: 5.25s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 96) > .navPages-action {
      transition-duration: 5.3s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 97) > .navPages-action {
      transition-duration: 5.35s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 98) > .navPages-action {
      transition-duration: 5.4s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 99) > .navPages-action {
      transition-duration: 5.45s; }
    .navPages-container .navPages-list .navPages-item:nth-child(n + 100) > .navPages-action {
      transition-duration: 5.5s; }
  header.header.is-sticky .navPages-container .navPages-item > .navPage-subMenu {
    margin-top: 0; }
  .menu-is-load .navPages-container .navPages-list > .navPages-item > .navPages-action {
    transform: translateY(0);
    opacity: 1; } }

.navPages-list-megamenu .has-megamenu.style-2 > .navPage-subMenu {
  flex-direction: column;
  padding-bottom: 0; }

.navPages-list-megamenu .has-megamenu.style-2 .navPage-subMenu-list:not(.navPage-subMenu-links) > li {
  padding-bottom: 1px !important; }

.navPages-list-megamenu .has-megamenu.style-2 .navPage-subMenu-links {
  min-width: 285px;
  margin-right: 16px;
  border-right: 1px solid #c2c5cc; }
  @media (min-width: 1024px) {
    .navPages-list-megamenu .has-megamenu.style-2 .navPage-subMenu-links {
      min-width: 200px; } }
  @media (min-width: 1440px) {
    .navPages-list-megamenu .has-megamenu.style-2 .navPage-subMenu-links {
      min-width: 250px; } }
  @media (min-width: 1600px) {
    .navPages-list-megamenu .has-megamenu.style-2 .navPage-subMenu-links {
      min-width: 285px; } }

.navPages-list-megamenu .has-megamenu > .navPage-subMenu {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  max-height: 70vh;
  padding-right: 16px;
  border: 0;
  transition-property: transform, opacity;
  scrollbar-gutter: stable;
  overflow: hidden auto;
  overscroll-behavior: contain;
  -ms-scroll-chaining: none; }

.navPages-list-megamenu .has-megamenu .navPage-subMenu-list:not(.navPage-subMenu-links) {
  margin: 0;
  padding: 0 !important;
  font-size: 0;
  float: none;
  list-style: none; }
  .navPages-list-megamenu .has-megamenu .navPage-subMenu-list:not(.navPage-subMenu-links) > li {
    width: 100%;
    padding: 0 16px;
    background-color: transparent;
    overflow: hidden; }
    .navPages-list-megamenu .has-megamenu .navPage-subMenu-list:not(.navPage-subMenu-links) > li .navPage-subMenu-item-parent,
    .navPages-list-megamenu .has-megamenu .navPage-subMenu-list:not(.navPage-subMenu-links) > li .navPage-subMenu-item-child {
      padding: 0; }

.navPages-list-megamenu .has-megamenu .navPage-subMenu-list .navPage-subMenu-item-child > .navPage-subMenu {
  position: relative;
  top: unset;
  right: unset;
  bottom: unset;
  left: unset;
  transform: unset;
  width: 100%;
  margin: 0;
  padding-top: 2px;
  padding-bottom: 0;
  border: 0;
  background-color: transparent;
  box-shadow: unset;
  opacity: 1;
  visibility: visible;
  pointer-events: unset; }

.navPages-list-megamenu .has-megamenu .navPage-subMenu-list .navPage-subMenu-item-child .navPage-subMenu-action {
  display: block;
  padding: 4px 0;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 0;
  font-size: 16px;
  line-height: 1.5;
  transition: unset; }
  .navPages-list-megamenu .has-megamenu .navPage-subMenu-list .navPage-subMenu-item-child .navPage-subMenu-action .navPages-action-moreIcon {
    display: none; }
  @media (prefers-reduced-motion: reduce) {
    .navPages-list-megamenu .has-megamenu .navPage-subMenu-list .navPage-subMenu-item-child .navPage-subMenu-action {
      transition: none;
      -webkit-animation: none;
      animation: none; } }

.navPages-list-megamenu .has-megamenu .navPage-subMenu-links {
  width: 25%;
  margin: 0;
  padding: 0; }
  .navPages-list-megamenu .has-megamenu .navPage-subMenu-links .navPage-subMenu-item-child {
    padding-right: 0; }

.navPages-list-megamenu .has-megamenu .megamenu-custom-list {
  position: relative;
  width: 100%; }
  .navPages-list-megamenu .has-megamenu .megamenu-custom-list .megamenu-bottom {
    position: absolute;
    bottom: 0;
    display: block;
    padding: 12px 0;
    color: #22262a;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.5px;
    text-align: center;
    background-color: #fef8e7; }
    @media (min-width: 1024px) {
      .navPages-list-megamenu .has-megamenu .megamenu-custom-list .megamenu-bottom {
        left: 0;
        width: 100%; } }
  .navPages-list-megamenu .has-megamenu .megamenu-custom-list .text {
    position: relative; }

.navPages-list-megamenu .cateArea {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start; }
  .navPages-list-megamenu .cateArea.columns-3 > .navPage-subMenu-list:not(.navPage-subMenu-links) {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start; }
    .navPages-list-megamenu .cateArea.columns-3 > .navPage-subMenu-list:not(.navPage-subMenu-links) > li {
      flex: 0 0 33.3333%; }
  .navPages-list-megamenu .cateArea > .navPage-subMenu-list:not(.navPage-subMenu-links) {
    padding-top: 0;
    padding-bottom: 0; }
  .navPages-list-megamenu .cateArea > .navPage-subMenu-list > .navPage-subMenu-item-child {
    padding-bottom: 16px !important; }
    .navPages-list-megamenu .cateArea > .navPage-subMenu-list > .navPage-subMenu-item-child.navPage-subMenu-item-custom {
      padding-bottom: 0 !important; }
    .navPages-list-megamenu .cateArea > .navPage-subMenu-list > .navPage-subMenu-item-child > .navPage-subMenu-action {
      padding-left: 0;
      font-size: 16px;
      font-weight: 600; }
      .navPages-list-megamenu .cateArea > .navPage-subMenu-list > .navPage-subMenu-item-child > .navPage-subMenu-action > .text::before {
        display: none !important; }

.navPages-list-megamenu .imageArea {
  display: flex;
  flex-wrap: nowrap;
  padding: 0 0 0 16px;
  align-items: stretch;
  justify-content: flex-start; }

.navPages-list-megamenu .style-1 .navPage-subMenu-list {
  padding-left: 16px !important; }

.navPages-list-megamenu .style-1 .cateArea.columns-3 > .navPage-subMenu-list:not(.navPage-subMenu-links) {
  display: block;
  -moz-column-count: 3;
  column-count: 3; }
  .navPages-list-megamenu .style-1 .cateArea.columns-3 > .navPage-subMenu-list:not(.navPage-subMenu-links) > li {
    display: inline-block;
    flex: 0 0 100%; }
    .navPages-list-megamenu .style-1 .cateArea.columns-3 > .navPage-subMenu-list:not(.navPage-subMenu-links) > li.navPage-subMenu-item-parent {
      display: none; }
    .navPages-list-megamenu .style-1 .cateArea.columns-3 > .navPage-subMenu-list:not(.navPage-subMenu-links) > li.navPage-subMenu-item-custom {
      padding: 0 16px; }

.navPages-list-megamenu .style-1 .cateArea .imageArea {
  max-width: 386px;
  padding-right: 16px;
  padding-left: 16px;
  border-right: 1px solid #c2c5cc; }
  @media (min-width: 1024px) {
    .navPages-list-megamenu .style-1 .cateArea .imageArea {
      max-width: 250px !important; } }
  @media (min-width: 1440px) {
    .navPages-list-megamenu .style-1 .cateArea .imageArea {
      max-width: 300px !important; } }
  @media (min-width: 1600px) {
    .navPages-list-megamenu .style-1 .cateArea .imageArea {
      max-width: 386px !important;
      padding-right: 28px; } }

.navPages-list-megamenu .style-1 .cateArea > .navPage-subMenu-list {
  position: relative;
  top: -5px;
  padding-left: 0; }
  @media (min-width: 1600px) {
    .navPages-list-megamenu .style-1 .cateArea > .navPage-subMenu-list {
      padding-left: 12px !important; } }

.navPages-list-megamenu .style-1 .imageArea {
  padding-right: 16px;
  padding-left: 4px; }

@media (min-width: 1024px) {
  .navPages-list-megamenu .style-1 > .navPage-subMenu > .cateArea,
  .navPages-list-megamenu .style-1 > .navPage-subMenu > .imageArea {
    min-height: 322px; } }

@media (min-width: 1440px) {
  .navPages-list-megamenu .style-1 > .navPage-subMenu > .cateArea,
  .navPages-list-megamenu .style-1 > .navPage-subMenu > .imageArea {
    min-height: 396px; } }

@media (min-width: 1600px) {
  .navPages-list-megamenu .style-1 > .navPage-subMenu > .cateArea,
  .navPages-list-megamenu .style-1 > .navPage-subMenu > .imageArea {
    min-height: 500px; } }

.navPages-list-megamenu .style-1 .megamenu-right-item {
  width: 100%;
  padding: 0;
  text-align: left; }
  .navPages-list-megamenu .style-1 .megamenu-right-item:first-child {
    min-width: 280px;
    padding-right: 8px;
    border-right: 1px solid #c2c5cc; }
    @media (min-width: 1024px) {
      .navPages-list-megamenu .style-1 .megamenu-right-item:first-child {
        min-width: 200px; } }
    @media (min-width: 1440px) {
      .navPages-list-megamenu .style-1 .megamenu-right-item:first-child {
        min-width: 250px; } }
    @media (min-width: 1600px) {
      .navPages-list-megamenu .style-1 .megamenu-right-item:first-child {
        min-width: 280px;
        padding-right: 12px; } }
  .navPages-list-megamenu .style-1 .megamenu-right-item:last-child {
    padding-left: 16px; }
    @media (min-width: 1600px) {
      .navPages-list-megamenu .style-1 .megamenu-right-item:last-child {
        padding-left: 28px; } }
  .navPages-list-megamenu .style-1 .megamenu-right-item .navPage-subMenu-links {
    width: 100%;
    padding-left: 0 !important; }
    .navPages-list-megamenu .style-1 .megamenu-right-item .navPage-subMenu-links > .navPage-subMenu-item-child {
      padding-left: 0; }
  .navPages-list-megamenu .style-1 .megamenu-right-item .megamenu-title {
    margin-top: 0;
    margin-bottom: 12px;
    color: #ffffff;
    font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
    font-size: 16px;
    font-weight: 600;
    font-optical-sizing: auto;
    position: relative;
    top: -5px; }
  .navPages-list-megamenu .style-1 .megamenu-right-item .image {
    display: inline-block;
    width: auto;
    text-align: right;
    vertical-align: top; }
    .navPages-list-megamenu .style-1 .megamenu-right-item .image + .image {
      margin-top: 28px; }
    .navPages-list-megamenu .style-1 .megamenu-right-item .image img {
      width: 100%; }
  .navPages-list-megamenu .style-1 .megamenu-right-item .navPage-subMenu-item-child .navPage-subMenu-action {
    display: flex;
    flex-flow: row nowrap;
    padding: 4px 0;
    align-items: center; }
  @media (min-width: 1024px) {
    .navPages-list-megamenu .style-1 .megamenu-right-item .navPage-subMenu-action {
      flex-direction: column;
      align-items: center; }
    .navPages-list-megamenu .style-1 .megamenu-right-item .navPage-subMenu-action .text {
      margin: 8px 0; }
    .navPages-list-megamenu .style-1 .megamenu-right-item .navPage-subMenu-action img {
      max-width: 60px; } }
  @media (min-width: 1280px) {
    .navPages-list-megamenu .style-1 .megamenu-right-item .navPage-subMenu-action {
      flex-direction: row;
      align-items: center; }
    .navPages-list-megamenu .style-1 .megamenu-right-item .navPage-subMenu-action .text {
      margin: 0 0 0 8px; }
    .navPages-list-megamenu .style-1 .megamenu-right-item .navPage-subMenu-action img {
      max-width: 70px; } }
  @media (min-width: 1600px) {
    .navPages-list-megamenu .style-1 .megamenu-right-item .navPage-subMenu-action {
      flex-direction: row;
      align-items: center; }
    .navPages-list-megamenu .style-1 .megamenu-right-item .navPage-subMenu-action img {
      max-width: 80px; } }

.navPages-list-megamenu .style-1 .slick-dots {
  bottom: -20px; }

.navPages-list-megamenu .style-2 .cateArea-submenu-item {
  padding-bottom: 2px !important; }

.navPages-list-megamenu .style-2 .imageArea {
  margin-top: 36px;
  padding-left: calc((100% - 320px) / 2);
  background-color: #e5e7eb;
  align-items: center; }
  .navPages-list-megamenu .style-2 .imageArea .megamenu-left-item {
    display: inline-block;
    width: 66.6667%;
    vertical-align: top; }
  .navPages-list-megamenu .style-2 .imageArea .item {
    display: inline-block;
    width: 50%;
    vertical-align: top; }
  .navPages-list-megamenu .style-2 .imageArea .megamenu-title {
    margin-top: 0;
    margin-bottom: 12px;
    color: #ffffff;
    font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
    font-size: 16px;
    font-weight: 600;
    font-optical-sizing: auto; }

.navPages-list-megamenu .style-2 .megamenu-right-item {
  display: inline-block;
  width: 100%;
  text-align: right;
  vertical-align: top; }
  .navPages-list-megamenu .style-2 .megamenu-right-item .image {
    display: inline-block;
    width: auto;
    text-align: right;
    vertical-align: top; }
    .navPages-list-megamenu .style-2 .megamenu-right-item .image + .image {
      margin-left: 28px; }
    .navPages-list-megamenu .style-2 .megamenu-right-item .image img {
      width: 100%; }
  @media (min-width: 1024px) {
    .navPages-list-megamenu .style-2 .megamenu-right-item {
      max-width: 200px; } }
  @media (min-width: 1440px) {
    .navPages-list-megamenu .style-2 .megamenu-right-item {
      max-width: 250px; } }
  @media (min-width: 1600px) {
    .navPages-list-megamenu .style-2 .megamenu-right-item {
      max-width: 285px; } }

.has-megamenu .image {
  position: relative;
  display: block;
  text-align: center;
  overflow: hidden; }
  .has-megamenu .image img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover; }
  @media (min-width: 1024px) {
    .has-megamenu .image .image::before {
      position: absolute;
      left: auto;
      z-index: 6;
      display: block;
      width: 0;
      height: 0;
      content: '';
      top: 0;
      bottom: auto;
      transform: none;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.2);
      transition: opacity 0.5s ease; } }
  @media (min-width: 1024px) and (prefers-reduced-motion: reduce) {
    .has-megamenu .image .image::before {
      transition: none;
      -webkit-animation: none;
      animation: none; } }
  @media (min-width: 1024px) {
    .has-megamenu .image .image:hover::before, .has-megamenu .image .image:focus-within::before {
      width: 100%; }
    .home-layout-2 .has-megamenu .image .image::before {
      width: 100%;
      height: 0; } }

@media (min-width: 1024px) and (hover: hover) {
  .has-megamenu .image .image .home-layout-2:hover::before,
  .has-megamenu .image .image .home-layout-2:focus-within::before {
    width: 100%;
    height: 100%; } }

.halo-menu-megamenu .cateArea {
  max-width: 100% !important; }
  .halo-menu-megamenu .cateArea > .navPage-subMenu-list {
    padding-left: 0; }
    .halo-menu-megamenu .cateArea > .navPage-subMenu-list > .navPage-subMenu-item-child > .navPages-action {
      font-weight: 500; }
    .halo-menu-megamenu .cateArea > .navPage-subMenu-list > .navPage-subMenu-item-child > .image {
      display: none; }

.halo-menu-megamenu .imageArea {
  max-width: 100% !important;
  padding: 16px 16px 0; }
  .halo-menu-megamenu .imageArea .megamenu-left-item,
  .halo-menu-megamenu .imageArea .megamenu-right-item {
    display: inline-block;
    width: 100%;
    vertical-align: middle; }

.halo-menu-megamenu .has-megamenu .navPage-subMenu-links > .navPage-subMenu-item-child.is-open > .navPage-subMenu {
  display: block; }

.halo-menu-megamenu .has-megamenu .navPage-subMenu-links > .navPage-subMenu-item-child > .navPage-subMenu {
  position: relative;
  top: unset;
  right: unset;
  bottom: unset;
  left: unset;
  display: none;
  margin-left: 0; }
  .halo-menu-megamenu .has-megamenu .navPage-subMenu-links > .navPage-subMenu-item-child > .navPage-subMenu .navPage-subMenu-list {
    padding-left: 0; }

.halo-menu-megamenu .has-megamenu .navPage-subMenu-links + .navPage-subMenu-list {
  transition: color 0.15s ease; }
  @media (prefers-reduced-motion: reduce) {
    .halo-menu-megamenu .has-megamenu .navPage-subMenu-links + .navPage-subMenu-list {
      transition: none;
      -webkit-animation: none;
      animation: none; } }

.halo-menu-megamenu .has-megamenu > .navPage-subMenu > .imageArea {
  padding-bottom: 12px;
  border-bottom: 1px solid #c2c5cc; }

.halo-menu-megamenu .style-2 .item {
  display: block;
  width: 100%;
  margin: 0 0 28px; }

.halo-menu-megamenu .style-2 .cateArea {
  display: flex;
  flex-flow: column-reverse wrap; }

.halo-menu-megamenu .style-1 .cateArea {
  display: flex;
  flex-flow: column-reverse wrap; }

.halo-menu-megamenu .style-1 .imageArea .image img {
  width: 80px !important;
  height: 80px !important;
  margin-top: 0;
  margin-bottom: 28px; }

.halo-menu-megamenu .style-1 .imageArea .navPage-subMenu-list img {
  max-width: 80px; }

.halo-menu-sidebar.halo-menu-megamenu .navPages-list .has-megamenu.style-1 .imageArea .image img {
  margin-bottom: 0; }

.halo-menu-sidebar.halo-menu-megamenu .navPages-list .has-megamenu.style-1 .imageArea .megamenu-right-item {
  width: 100%;
  margin-top: 0;
  padding: 0;
  text-align: center; }
  .halo-menu-sidebar.halo-menu-megamenu .navPages-list .has-megamenu.style-1 .imageArea .megamenu-right-item .image {
    padding-bottom: 16px; }
  .halo-menu-sidebar.halo-menu-megamenu .navPages-list .has-megamenu.style-1 .imageArea .megamenu-right-item .megamenu-title .megamenu-title {
    margin-top: 0;
    padding-bottom: 8px;
    border-bottom: 1px solid #c2c5cc;
    font-size: 16px;
    font-weight: 600;
    text-align: left; }
  .halo-menu-sidebar.halo-menu-megamenu .navPages-list .has-megamenu.style-1 .imageArea .megamenu-right-item .navPage-subMenu-item-child {
    border-top: 0; }
  .halo-menu-sidebar.halo-menu-megamenu .navPages-list .has-megamenu.style-1 .imageArea .megamenu-right-item .navPage-subMenu-action {
    padding: 4px 0;
    border-bottom: 0;
    justify-content: flex-start; }
    .halo-menu-sidebar.halo-menu-megamenu .navPages-list .has-megamenu.style-1 .imageArea .megamenu-right-item .navPage-subMenu-action .text {
      margin-left: 16px; }
      .halo-menu-sidebar.halo-menu-megamenu .navPages-list .has-megamenu.style-1 .imageArea .megamenu-right-item .navPage-subMenu-action .text .megamenu-right-item {
        width: 100%; }

@media (max-width: 480px) {
  .halo-menu-sidebar.halo-menu-megamenu .navPages-list .has-megamenu.style-1 {
    display: block; } }

.halo-menu-sidebar.halo-menu-megamenu .navPages-list .has-megamenu.style-2 .cateArea {
  flex-direction: column;
  flex-wrap: unset; }
  .halo-menu-sidebar.halo-menu-megamenu .navPages-list .has-megamenu.style-2 .cateArea .navPage-subMenu-list:not(.navPage-subMenu-links) {
    order: -1; }

.halo-menu-sidebar.halo-menu-megamenu .navPages-list .has-megamenu.style-2 .imageArea .item {
  margin: 0 0 16px; }

.halo-menu-sidebar.halo-menu-megamenu .navPages-list .has-megamenu.style-2 .megamenu-right-item {
  padding: 16px 16px 0; }
  .halo-menu-sidebar.halo-menu-megamenu .navPages-list .has-megamenu.style-2 .megamenu-right-item .item {
    margin: 0; }

.halo-menu-sidebar.halo-menu-megamenu .navPages-list .has-megamenu.style-2 .megamenu-title .megamenu-title {
  margin-top: 0;
  padding-bottom: 8px;
  border-bottom: 1px solid #c2c5cc;
  font-size: 16px;
  font-weight: 600;
  text-align: left; }

.halo-menu-sidebar .is-hidden {
  display: none !important; }

.halo-menu-sidebar .navPages {
  display: block;
  font-size: 0;
  letter-spacing: 0; }
  .halo-menu-sidebar .navPages:before, .halo-menu-sidebar .navPages:after {
    content: " ";
    display: table; }
  .halo-menu-sidebar .navPages:after {
    clear: both; }

.halo-menu-sidebar .navPages-container {
  display: block;
  height: 100%;
  padding: 0;
  padding-right: 16px;
  scrollbar-gutter: stable;
  overflow: hidden auto;
  overscroll-behavior: contain;
  -ms-scroll-chaining: none; }

.halo-menu-sidebar .navPages-list {
  position: relative;
  transform: none; }
  .has-activeNavPages .halo-menu-sidebar .navPages-list {
    display: block; }

.halo-menu-sidebar .navPages-item {
  position: relative;
  width: 100%;
  margin: 0;
  border-bottom: 1px solid #c2c5cc; }
  .halo-menu-sidebar .navPages-item .navPages-action {
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0 16px;
    color: #22262a;
    font-size: 13px;
    font-weight: 500;
    line-height: 2.8125;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    background-color: transparent;
    cursor: pointer;
    align-items: center;
    justify-content: space-between; }
    .halo-menu-sidebar .navPages-item .navPages-action:not(.navPages-action-end) .text {
      pointer-events: none; }
    .halo-menu-sidebar .navPages-item .navPages-action.navPages-action {
      font-weight: 500;
      line-height: 2.8125;
      text-transform: uppercase; }
      .halo-menu-sidebar .navPages-item .navPages-action.navPages-action .text {
        white-space: nowrap; }
    .halo-menu-sidebar .navPages-item .navPages-action .text {
      position: relative;
      display: flex;
      flex-wrap: nowrap;
      align-items: center; }
      .halo-menu-sidebar .navPages-item .navPages-action .text .icon {
        color: #22262a;
        fill: #22262a !important; }
    .halo-menu-sidebar .navPages-item .navPages-action .navPages-action-moreIcon {
      top: auto;
      z-index: 10;
      transform: none;
      display: flex;
      flex-wrap: nowrap;
      width: auto;
      height: 45px;
      margin-left: 0;
      font-size: 0;
      text-align: right;
      pointer-events: none;
      align-items: center;
      justify-content: center;
      order: 0; }
      .halo-menu-sidebar .navPages-item .navPages-action .navPages-action-moreIcon svg {
        transform: rotate(-90deg);
        display: inline-block;
        width: 20px !important;
        height: 20px !important;
        color: #22262a;
        vertical-align: middle;
        pointer-events: none;
        transition: color 0.15s ease;
        stroke: #22262a;
        fill: #22262a; }
        @media (prefers-reduced-motion: reduce) {
          .halo-menu-sidebar .navPages-item .navPages-action .navPages-action-moreIcon svg {
            transition: none;
            -webkit-animation: none;
            animation: none; } }
    .halo-menu-sidebar .navPages-item .navPages-action + .level-3 .navPages-action {
      color: #1b1b1b; }
      .halo-menu-sidebar .navPages-item .navPages-action + .level-3 .navPages-action .navPages-action-moreIcon svg {
        color: #1b1b1b;
        stroke: #1b1b1b;
        fill: #1b1b1b; }
    @media (min-width: 1024px) {
      .halo-menu-sidebar .navPages-item .navPages-action + .level-3 .navPages-action:focus-within {
        color: #000000; }
        .halo-menu-sidebar .navPages-item .navPages-action + .level-3 .navPages-action:focus-within .text {
          color: #000000; }
        .halo-menu-sidebar .navPages-item .navPages-action + .level-3 .navPages-action:focus-within .navPages-action-moreIcon svg {
          color: #000000;
          stroke: #000000;
          fill: #000000; } }
    @media (min-width: 1024px) and (hover: hover) {
      .halo-menu-sidebar .navPages-item .navPages-action + .level-3 {
        color: #000000; }
        .halo-menu-sidebar .navPages-item .navPages-action + .level-3 .navPages-action .text {
          color: #000000; }
        .halo-menu-sidebar .navPages-item .navPages-action + .level-3 .navPages-action .navPages-action-moreIcon svg {
          color: #000000;
          stroke: #000000;
          fill: #000000; } }
  .halo-menu-sidebar .navPages-item .navPage-subMenu {
    top: 0;
    right: 100%;
    left: auto;
    transform: none;
    width: 100%;
    height: 100%;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    pointer-events: auto; }
    .halo-menu-sidebar .navPages-item .navPage-subMenu > .navPage-subMenu > .navPage-subMenu-list > .navPage-subMenu-item-child > .navPages-action {
      font-weight: 500; }
  .halo-menu-sidebar .navPages-item .navPage-subMenu-item-child {
    padding-right: 0; }
    .halo-menu-sidebar .navPages-item .navPage-subMenu-item-child.navPage-subMenu-all {
      display: inline-block; }
    .halo-menu-sidebar .navPages-item .navPage-subMenu-item-child .navPages-action {
      border-bottom: 1px solid #e5e7eb;
      font-size: 16px; }
    .halo-menu-sidebar .navPages-item .navPage-subMenu-item-child > .navPages-action .navPages-action-moreIcon {
      right: 16px; }
  .halo-menu-sidebar .navPages-item .navPage-subMenu-title > .navPages-action {
    color: #000000;
    font-weight: 500;
    background-color: #bdcad1; }
    .halo-menu-sidebar .navPages-item .navPage-subMenu-title > .navPages-action .text {
      display: inline-block;
      width: 100%;
      max-width: calc(100% - 70px);
      margin: 0 auto;
      color: #000000;
      text-align: center;
      text-overflow: ellipsis;
      text-transform: uppercase;
      white-space: nowrap;
      vertical-align: top;
      overflow: hidden; }
    @media (hover: hover) {
      .halo-menu-sidebar .navPages-item .navPage-subMenu-title > .navPages-action .navPages-action-moreIcon {
        right: auto;
        left: 30px;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start; }
        .halo-menu-sidebar .navPages-item .navPage-subMenu-title > .navPages-action .navPages-action-moreIcon svg {
          transform: unset;
          width: 20px !important;
          height: 20px !important;
          margin: 0;
          fill: #000000; } }
    @media (hover: hover) {
      .halo-menu-sidebar .navPages-item .navPage-subMenu-title > .navPages-action {
        color: #1b1b1b; }
        .halo-menu-sidebar .navPages-item .navPage-subMenu-title > .navPages-action .navPages-action-moreIcon svg {
          fill: #1b1b1b; } }
  .halo-menu-sidebar .navPages-item + .navPages-item {
    margin-left: 0; }

.halo-menu-sidebar .is-open {
  border-bottom: 0; }
  .halo-menu-sidebar .is-open > .navPages-action {
    display: none !important; }
  .halo-menu-sidebar .is-open > .navPage-subMenu {
    position: relative;
    top: 0;
    right: 0;
    margin: 0; }
    .halo-menu-sidebar .is-open > .navPage-subMenu#navPages-currency {
      top: -36px; }
    .halo-menu-sidebar .is-open > .navPage-subMenu > .navPage-subMenu-list {
      padding-left: 0; }
      .halo-menu-sidebar .is-open > .navPage-subMenu > .navPage-subMenu-list > .navPage-subMenu-item-child.navPage-subMenu-title {
        display: block; }
    .halo-menu-sidebar .is-open > .navPage-subMenu .cateArea > .navPage-subMenu-list > .navPage-subMenu-item-child.navPage-subMenu-title {
      display: block; }
    .halo-menu-sidebar .is-open > .navPage-subMenu .centerArea > .navPage-subMenu-list > .navPage-subMenu-item-child.navPage-subMenu-title {
      display: block; }

@media (min-width: 1024px) {
  .halo-menu-sidebar .halo-sidebar-header {
    display: none; } }

@media (max-width: 1024px) {
  .halo-menu-sidebar .halo-sidebar-header .close {
    right: 5px; } }

.tags {
  list-style: none;
  margin-left: 0;
  font-size: 0;
  text-align: center; }
  .tags ul,
  .tags ol {
    list-style: none;
    margin-bottom: 0; }

.tag {
  display: inline-block;
  font-size: 16px; }
  .tag a {
    display: inline-block;
    padding: 0.42857rem 0.57143rem;
    color: rgba(0, 0, 0, 0.7);
    -webkit-text-decoration: none;
    text-decoration: none; }
    @media (hover: hover) {
      .tag a:hover, .tag a:focus {
        color: #2a2d32; } }

.writeReview-productDetails {
  text-align: center; }
  .writeReview-productDetails .product-title {
    margin-top: 20px;
    margin-bottom: 0;
    color: #22262a;
    font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
    font-size: 16px;
    font-weight: 500;
    line-height: 1.875;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    font-optical-sizing: auto; }
  .writeReview-productDetails .product-brand {
    margin: 8px 0 0;
    color: #565c67;
    font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
    font-size: 13px;
    font-weight: 400;
    line-height: 1.625;
    text-transform: capitalize;
    font-optical-sizing: auto; }
    .writeReview-productDetails .product-brand + .product-title {
      margin-top: 0; }
  @media (min-width: 768px) {
    .writeReview-productDetails {
      width: 410px;
      margin-top: 8px;
      padding-right: 16px;
      padding-left: 16px;
      float: left; } }

.writeReview-form {
  margin-top: 28px; }
  .writeReview-form .form-field {
    margin-bottom: 20px; }
    .writeReview-form .form-field.form-field--textarea {
      margin-bottom: 16px; }
  .writeReview-form .g-recaptcha {
    margin-bottom: -2px; }
  .writeReview-form .form-label {
    margin-bottom: 8px;
    color: #22262a;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.5px; }
    .writeReview-form .form-label small {
      margin-top: 0;
      color: rgba(0, 0, 0, 0.7);
      font-size: 13px;
      font-style: italic;
      font-weight: 400;
      line-height: 1.5;
      letter-spacing: 0.5px;
      text-transform: capitalize; }
  .writeReview-form .form-select {
    max-width: 100%;
    height: 50px;
    padding-right: 16px;
    padding-left: 16px;
    color: #565c67;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.5px;
    background-position: right 10px top 15px; }
  .writeReview-form .form-input[rows] {
    height: 170px; }
  .writeReview-form .button {
    width: auto;
    min-width: 210px;
    text-transform: uppercase; }
  @media (min-width: 768px) {
    .writeReview-form {
      position: relative;
      top: -10px;
      width: calc(100% - 410px);
      margin-top: 8px;
      padding-right: 16px;
      padding-left: 16px;
      float: left; } }

.writeReview-productImage-container {
  position: relative; }
  .writeReview-productImage-container::after {
    display: block;
    width: 378px;
    height: 0;
    padding-bottom: 0;
    content: ''; }
  .writeReview-productImage-container img {
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.08) !important;
    width: 378px;
    height: 378px;
    border-radius: 4px;
    aspect-ratio: 1 / 1;
    -o-object-fit: contain;
    object-fit: contain;
    will-change: opacity; }

.return-itemPrice {
  margin-bottom: 0.42857rem;
  color: #030303;
  font-size: 18px;
  font-weight: 500; }
  @media (min-width: 600px) {
    .return-itemPrice {
      margin-bottom: 0;
      text-align: center; } }

.return-itemName,
.return-itemQuantity {
  color: #030303; }
  .return-itemName .form-label,
  .return-itemQuantity .form-label {
    display: inline;
    margin-right: 0.42857rem; }
    @media (min-width: 600px) {
      .return-itemName .form-label,
      .return-itemQuantity .form-label {
        border: 0;
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px; } }
  .return-itemName .return-itemTitle,
  .return-itemQuantity .return-itemTitle {
    display: block;
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.625;
    letter-spacing: 0.5px;
    text-transform: capitalize; }
  .return-itemName .definitionList .definitionList-label,
  .return-itemName .definitionList .definitionList-description,
  .return-itemQuantity .definitionList .definitionList-label,
  .return-itemQuantity .definitionList .definitionList-description {
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.5px; }
  .return-itemName .definitionList .definitionList-label,
  .return-itemQuantity .definitionList .definitionList-label {
    margin: 0 4px 0 0;
    float: left; }
  .return-itemName .definitionList .definitionList-description,
  .return-itemQuantity .definitionList .definitionList-description {
    margin: 0;
    font-weight: 400; }

.account--addReturn .table-thead {
  display: none; }
  .account--addReturn .table-thead th {
    font-size: 16px; }
    .account--addReturn .table-thead th:first-child {
      width: 60%; }
  @media (min-width: 600px) {
    .account--addReturn .table-thead {
      display: table-header-group; } }

.account--addReturn .table {
  display: block;
  margin-bottom: 3.42857rem; }
  .account--addReturn .table .return-itemTitle + .definitionList {
    margin-top: 0.21429rem; }
  @media (min-width: 600px) {
    .account--addReturn .table .return-itemPrice {
      text-align: center; } }
  @media (min-width: 600px) {
    .account--addReturn .table .return-itemQuantity {
      text-align: right; } }
  .account--addReturn .table tr {
    display: block;
    padding: 1.71429rem 0; }
    @media (min-width: 600px) {
      .account--addReturn .table tr {
        display: table-row; } }
  @media (min-width: 600px) {
    .account--addReturn .table {
      display: table;
      margin-bottom: 6.85714rem; } }

.account--addReturn .table-tbody {
  display: block; }
  @media (min-width: 600px) {
    .account--addReturn .table-tbody {
      display: table-row-group; } }

.account--addReturn .table th,
.account--addReturn .table td {
  display: block;
  padding: 0; }
  .account--addReturn .table th + th,
  .account--addReturn .table th + td,
  .account--addReturn .table td + th,
  .account--addReturn .table td + td {
    padding-left: 0; }
    @media (min-width: 600px) {
      .account--addReturn .table th + th,
      .account--addReturn .table th + td,
      .account--addReturn .table td + th,
      .account--addReturn .table td + td {
        padding-left: 1.71429rem; } }
  @media (min-width: 600px) {
    .account--addReturn .table th,
    .account--addReturn .table td {
      display: table-cell;
      padding-top: 0.85714rem;
      padding-bottom: 0.85714rem; } }

.account--addReturn-row {
  margin: 0 -0.85714rem;
  max-width: none;
  width: auto;
  margin: 0 -1rem; }
  .account--addReturn-row:before, .account--addReturn-row:after {
    content: " ";
    display: table; }
  .account--addReturn-row:after {
    clear: both; }

.account--addReturn-column {
  padding-left: 0.85714rem;
  padding-right: 0.85714rem;
  width: 100%;
  float: left;
  padding: 0 1rem; }
  @media (min-width: 600px) {
    .account--addReturn-column {
      width: 50%; } }

.productCarousel {
  position: relative;
  display: block;
  width: auto !important;
  margin: 0 -4px;
  padding: 0; }
  .productCarousel .slick-dots {
    bottom: -50px; }
  .productCarousel .product-sample * {
    font-size: 0; }
  .home-layout-2 .productCarousel {
    margin: 0 0 0 -4px; }
    .home-layout-2 .productCarousel .slick-dots {
      display: none !important; }
    @media (max-width: 600px) {
      .home-layout-2 .productCarousel .slick-arrow {
        top: 35%; } }
    @media (min-width: 1024px) {
      .home-layout-2 .productCarousel {
        margin: 0 0 0 -16px; } }

.productCarousel-slide {
  margin: 0;
  padding: 0 8px; }
  @media (min-width: 1024px) {
    .productCarousel-slide {
      padding-right: 4px;
      padding-left: 4px; }
      .home-layout-2 .productCarousel-slide {
        padding-right: 15px;
        padding-left: 15px; } }

.productReviews-list {
  display: block;
  margin: 24px 0 0;
  list-style: none; }

.productReviews .pagination {
  margin: 32px 0 0; }

.productReviews .productReviews-list {
  margin: 0; }

.productReviews .productReview {
  display: block;
  width: 100%;
  margin-bottom: 0;
  padding: 16px 0;
  border-bottom: 1px solid #cccccc;
  font-size: 1rem;
  float: none; }
  .productReviews .productReview .productReview-title {
    display: inline-block;
    margin: 0 16px 0 0;
    color: #22262a;
    font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    vertical-align: middle;
    font-optical-sizing: auto; }
  .productReviews .productReview .productReview-rating {
    display: inline-block;
    line-height: 1.5; }
    .productReviews .productReview .productReview-rating .icon {
      margin-right: -2px; }
  .productReviews .productReview .productReview-author {
    margin-top: 0;
    margin-bottom: 16px;
    color: #a6abb5; }
  .productReviews .productReview .productReview-ratingNumber {
    display: none; }
  .productReviews .productReview .productReview-body {
    margin-bottom: 0;
    line-height: 1.625; }

.productView-reviews-wrapper {
  position: relative;
  display: block;
  padding: 0; }
  .productView-reviews-wrapper .pagination {
    margin-top: 0; }
    .productView-reviews-wrapper .pagination .pagination-list {
      margin-bottom: 0;
      margin-left: 0;
      padding-bottom: 0;
      font-size: 0;
      letter-spacing: 0; }
    .productView-reviews-wrapper .pagination .pagination-item + .pagination-item {
      margin-left: 8px; }
    @media (max-width: 768px) {
      .productView-reviews-wrapper .pagination {
        position: absolute;
        right: 0;
        bottom: 0; }
        .productView-reviews-wrapper .pagination + .button-createReview .button {
          width: auto;
          min-width: 180px; } }
  .productView-reviews-wrapper .button-createReview {
    margin: 32px 0 0; }
    .productView-reviews-wrapper .button-createReview .button {
      width: 100%;
      font-weight: 700;
      line-height: 3 !important;
      text-transform: uppercase; }
  .productView-reviews-wrapper .alertBox {
    margin-bottom: 0; }
    .productView-reviews-wrapper .alertBox + .button-createReview {
      margin-top: 16px; }
  .productView-reviews-wrapper .productReview-total {
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.875;
    letter-spacing: 0.5px;
    text-align: left; }
  .productView-reviews-wrapper .productReviews-list {
    margin-top: 16px;
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 0; }
    .productView-reviews-wrapper .productReviews-list .productReview {
      width: 100%; }
  @media (max-width: 768px) {
    .productView-reviews-wrapper .alertBox + .button-createReview,
    .productView-reviews-wrapper .productReviews-list + .button-createReview {
      text-align: center; }
      .productView-reviews-wrapper .alertBox + .button-createReview .button,
      .productView-reviews-wrapper .productReviews-list + .button-createReview .button {
        width: auto;
        min-width: 250px;
        margin-right: auto;
        margin-left: auto; } }
  @media (min-width: 768px) {
    .productView-reviews-wrapper {
      padding-top: 32px; }
      .productView-reviews-wrapper .pagination {
        position: absolute;
        right: 0;
        bottom: 0; }
      .productView-reviews-wrapper .button-createReview {
        margin-top: 30px; }
        .productView-reviews-wrapper .button-createReview .button {
          width: auto;
          min-width: 250px; }
      .productView-reviews-wrapper .alertBox + .button-createReview {
        margin-top: 32px; }
      .productView-reviews-wrapper .productReviews-list {
        margin-top: 34px; } }

.btn-createReview {
  width: 100%;
  margin-top: 4px;
  float: left; }

.productView-securityImage ul li {
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 4px; }
  .productView-securityImage ul li:last-child {
    margin-right: 0; }

.desTwoList-item .desTwoList-list {
  margin-top: 8px;
  padding-bottom: 0; }
  .desTwoList-item .desTwoList-list .desTwoList-list li {
    line-height: 2; }

.productView-product {
  position: relative;
  display: block; }
  .productView-product:before, .productView-product:after {
    content: " ";
    display: table; }
  .productView-product:after {
    clear: both; }

.productView-title {
  margin: 0 0 4px;
  color: #050505;
  font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  font-size: 20px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.5px;
  text-transform: capitalize;
  font-optical-sizing: auto; }

.productView-brand {
  margin: 0 0 4px;
  font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625;
  letter-spacing: 0.5px;
  font-optical-sizing: auto; }
  @media (min-width: 768px) {
    .productView-brand {
      position: relative;
      margin-top: -8px; } }

.productView-info {
  display: table;
  margin: 8px 0 12px; }
  .productView-info-item {
    display: block;
    margin: 0; }

.productView-desShort {
  margin-bottom: 8px; }

.productView-messages {
  display: block;
  margin: 4px 0;
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.5px;
  text-align: left; }

.productView-nextProducts {
  display: none; }
  .productView-nextProducts .next-prev-icons {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between; }
  .productView-nextProducts .prev-icon .icon {
    margin-right: 8px; }
  .productView-nextProducts .next-icon {
    margin-left: 2px; }
    .productView-nextProducts .next-icon .icon {
      margin-left: 8px; }
  .productView-nextProducts .next-prev-modal {
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    z-index: 3;
    display: none;
    padding-top: 8px; }
    .productView-nextProducts .next-prev-modal.is-active {
      display: block; }
  .productView-nextProducts .next-prev-content {
    display: none;
    width: 397px;
    padding: 0 36px 0 0;
    border: 0;
    border-radius: 0;
    background-color: #ffffff;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.01); }
    .productView-nextProducts .next-prev-content.is-show {
      display: block; }
    .productView-nextProducts .next-prev-content .card {
      display: flex;
      flex-wrap: nowrap;
      width: 100%; }
    .productView-nextProducts .next-prev-content .card-image {
      position: relative;
      width: 70px;
      border-radius: 4px; }
    .productView-nextProducts .next-prev-content .card-content {
      display: flex;
      flex-direction: column;
      width: calc(100% - 70px);
      padding-top: 0;
      padding-left: 16px;
      justify-content: center; }
    .productView-nextProducts .next-prev-content .card-title {
      top: unset;
      margin: 0;
      line-height: 1.5; }
      .productView-nextProducts .next-prev-content .card-title .card-ellipsis {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden; }
  .productView-nextProducts .prev-icon,
  .productView-nextProducts .next-icon {
    display: flex;
    flex-wrap: nowrap;
    width: auto;
    margin: 0;
    padding: 0;
    transition: unset;
    align-items: center; }
    .productView-nextProducts .prev-icon.disable,
    .productView-nextProducts .next-icon.disable {
      opacity: 0.25;
      cursor: no-drop; }
    .productView-nextProducts .prev-icon .text,
    .productView-nextProducts .next-icon .text {
      display: none;
      color: rgba(0, 0, 0, 0.7);
      font-size: 16px;
      font-weight: 400;
      line-height: 3;
      letter-spacing: 0.5px; }
    .productView-nextProducts .prev-icon .icon,
    .productView-nextProducts .next-icon .icon {
      width: 20px !important;
      height: 20px !important;
      fill: #050505; }
    @media (prefers-reduced-motion: reduce) {
      .productView-nextProducts .prev-icon,
      .productView-nextProducts .next-icon {
        transition: none; } }
  @media (min-width: 1024px) {
    .productView-nextProducts {
      position: absolute;
      top: -85px;
      right: 0;
      z-index: 10;
      display: block; } }
  @media (min-width: 1440px) {
    .productView-nextProducts .prev-icon .icon,
    .productView-nextProducts .next-icon .icon {
      width: 24px !important;
      height: 24px !important; } }

.productView-topInfo {
  display: block;
  margin-bottom: 8px;
  font-size: 0;
  letter-spacing: 0; }
  .productView-topInfo:before, .productView-topInfo:after {
    content: " ";
    display: table; }
  .productView-topInfo:after {
    clear: both; }
  .productView-topInfo .productView-rating {
    display: inline-block;
    vertical-align: top; }
    .productView-topInfo .productView-rating .icon {
      width: 16px !important;
      height: 16px !important; }
      .productView-topInfo .productView-rating .icon + .icon {
        margin-left: 2px; }
    .productView-topInfo .productView-rating .productView-reviewLink {
      display: inline-block;
      margin: 0 0 0 8px;
      color: #22262a;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.625;
      letter-spacing: 0.5px;
      text-transform: capitalize;
      vertical-align: middle; }
      .productView-topInfo .productView-rating .productView-reviewLink + .productView-reviewLink {
        margin-left: 32px; }

.productView-price {
  position: relative;
  display: block;
  margin: 0 0 4px;
  font-size: 0;
  letter-spacing: 0; }
  .productView-price .price-section {
    color: rgba(0, 0, 0, 0.7);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.625; }
    .productView-price .price-section.price-none {
      margin: 0; }
      .productView-price .price-section.price-none[style='display: none;'] + .price-section--withoutTax {
        margin-left: 0; }
      .productView-price .price-section.price-none + .price-section--withoutTax {
        margin-left: 12px;
        color: #22262a; }
    .productView-price .price-section.price-section--withoutTax {
      color: rgba(0, 0, 0, 0.7); }
    .productView-price .price-section.rrp-price--withoutTax {
      margin: 0 0 4px;
      color: #8296ab;
      font-size: 16px; }
    .productView-price .price-section.non-sale-price--withoutTax {
      display: inline-block;
      margin: 0 12px 0 0;
      color: #2a2d32;
      font-size: 16px;
      vertical-align: bottom; }
      .productView-price .price-section.non-sale-price--withoutTax[style='display: none;'] + .price-section {
        color: #050505; }
      .productView-price .price-section.non-sale-price--withoutTax + .price-section--withoutTax {
        display: inline-block;
        vertical-align: bottom; }
  .productView-price .price-section--saving {
    margin: 4px 0 0;
    color: #565c67;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.625;
    letter-spacing: 0; }
  .productView-price > p {
    margin-bottom: 0;
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.5px; }

.productView-shortDesc {
  margin-bottom: 20px;
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.5px; }

.productOptions-list {
  max-height: 400px;
  margin: 0;
  border: 1px solid #e5e7eb;
  overflow-y: auto;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  list-style: none;
  -ms-scroll-chaining: none; }
  .productOptions-list-item {
    padding: 1.71429rem; }
    .productOptions-list-item .form-label {
      margin: 0 0 4px;
      padding-left: 28px;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5;
      letter-spacing: 0.5px;
      text-transform: none; }
    .productOptions-list-item + .productOptions-list-item {
      border-top: 1px solid #e5e7eb; }
  .productOptions-list .productOptions-list-item-figure,
  .productOptions-list .productOptions-list-item-content {
    display: table-cell;
    vertical-align: middle; }
  .productOptions-list .productOptions-list-item-figure {
    width: 3.42857rem; }
  .productOptions-list .productOptions-list-item-content {
    padding-left: 1.28571rem; }

.productView-actions {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 8px 0 0;
  padding: 0;
  align-items: flex-end;
  justify-content: flex-start; }
  .productView-actions.productView-actions-2 {
    display: block;
    margin-top: 16px;
    padding-right: calc(50% + 4px); }
    .productView-actions.productView-actions-2 .form-action-text {
      height: 50px;
      line-height: 3; }
  .productView-actions .form-field--increments {
    margin-right: 16px !important;
    margin-bottom: 16px !important;
    padding-right: 16px; }
    .productView-actions .form-field--increments .form-label {
      display: block; }
    .productView-actions .form-field--increments .form-input--incrementTotal {
      width: 105px;
      max-width: 100%;
      padding: 8px 28px;
      border: 1px solid #c2c5cc;
      color: rgba(0, 0, 0, 0.7);
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 1.5;
      text-align: center; }
  .productView-actions .form-action {
    width: 100%; }
    .productView-actions .form-action-text {
      display: inline-block;
      width: 100%;
      height: 50px;
      padding: 0 16px;
      font-size: 16px;
      font-weight: 500;
      line-height: 50px;
      letter-spacing: 0.5px;
      text-align: center;
      text-overflow: ellipsis;
      text-transform: uppercase;
      white-space: nowrap;
      vertical-align: top;
      overflow: hidden; }
    .productView-actions .form-action .button {
      width: 100%;
      line-height: 3rem !important;
      text-transform: uppercase; }
      .productView-actions .form-action .button.button--buyItNow {
        max-width: 100%; }
      @media (max-width: 600px) {
        .productView-actions .form-action .button {
          max-width: 100%; } }
  .productView-actions + .productView-actions {
    margin-top: 16px;
    padding-right: 0; }
    .productView-actions + .productView-actions .form-action {
      width: 100%; }
  .productView-actions .form-actionFix {
    display: block;
    width: 100%;
    font-size: 0; }
    .productView-actions .form-actionFix .form-action {
      display: inline-block;
      width: calc(100% - 113px);
      vertical-align: top; }
  #halo_sticky_addToCart .productView-actions {
    position: unset; }
  @media (min-width: 600px) {
    .productView-actions {
      flex-wrap: nowrap; }
      .productView-actions .form-field--increments {
        margin-bottom: 0 !important; }
      .productView-actions .form-action {
        width: calc(100% - 121px); }
        .productView-actions .form-action.form-action2 {
          width: 100%; }
      .productView-actions .form-actionFix {
        width: calc(100% - 121px); }
        .productView-actions .form-actionFix.form-actionFix2 {
          width: 100%; } }

.productView-options {
  position: relative;
  width: auto;
  margin: 0 0 12px; }
  .productView-options:before, .productView-options:after {
    content: " ";
    display: table; }
  .productView-options:after {
    clear: both; }
  .productView-options .form {
    position: relative;
    display: block;
    width: auto;
    margin: 0;
    padding: 0; }
    .productView-options .form .form-field {
      display: block;
      margin: 0;
      padding-bottom: 8px;
      font-size: 0;
      letter-spacing: 0; }
      .productView-options .form .form-field.form-field--increments {
        padding-right: 0;
        padding-bottom: 0; }
      .productView-options .form .form-field.form-field--stock {
        margin-top: 16px; }
        .productView-options .form .form-field.form-field--stock .form-label {
          margin-bottom: 0; }
      .productView-options .form .form-field .form-label [data-option-value] {
        color: #22262a;
        font-size: 16px;
        font-style: italic;
        font-weight: 400;
        line-height: 1.5;
        letter-spacing: 0.5px;
        text-transform: capitalize;
        margin: 0 0 0 8px; }
      .productView-options .form .form-field .form-label [data-product-stock] {
        margin: 0 0 0 4px;
        color: rgba(0, 0, 0, 0.7);
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        letter-spacing: 0.5px;
        text-transform: capitalize; }
      .productView-options .form .form-field .form-label small {
        display: block;
        margin: 0 0 0 2px;
        color: #800000;
        line-height: 1.5;
        float: none; }
      .productView-options .form .form-field + .form-field {
        margin-top: 16px; }
  .productView-options .add-to-cart-wallet-buttons {
    margin-top: 0.85714rem; }
    .productView-options .add-to-cart-wallet-buttons div[data-smart-button-container-id] {
      margin-top: 4px;
      line-height: 1.5; }
      .productView-options .add-to-cart-wallet-buttons div[data-smart-button-container-id] button,
      .productView-options .add-to-cart-wallet-buttons div[data-smart-button-container-id] div {
        width: 100%; }
    .productView-options .add-to-cart-wallet-buttons button.show-more-button {
      display: block;
      width: 100%;
      margin-top: 0.42857rem;
      padding: 0.42857rem 0;
      color: rgba(0, 0, 0, 0.7);
      font-size: 16px;
      text-align: center; }
      @media (hover: hover) {
        .productView-options .add-to-cart-wallet-buttons button.show-more-button:hover, .productView-options .add-to-cart-wallet-buttons button.show-more-button:focus {
          color: #2a2d32; } }
  @media (min-width: 600px) {
    .productView-options .form-input[type='number'] {
      width: 16.66667%; } }
  .productView-options input[type='file'] {
    font-size: 16px; }
  .productView-options .alertBox {
    justify-content: flex-start;
    -ms-flex-pack: start; }
    .productView-options .alertBox .alertBox-icon {
      padding: 0 16px 0 0;
      line-height: 1.5; }
  .productView-options .productView-releaseDate {
    margin: 0 0 28px;
    color: #22262a;
    font-size: 16px;
    line-height: 1.625; }
  .productView-options .productView-optionsStock {
    margin: 4px 0;
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.5px; }
  @media (max-width: 600px) {
    .productView-options.has-productOptions {
      padding-top: 30px; } }
  @media (max-width: 600px) {
    .productView-options.productView-options-2 .productView-actions .form-actionFix {
      position: fixed;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 101;
      display: block;
      width: 100%;
      margin: 0 auto;
      padding: 8px 16px;
      border-top: 1px solid transparent;
      background: #ffffff;
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06), 0 1px 2px 0 rgba(255, 255, 255, 0.01); }
      .productView-options.productView-options-2 .productView-actions .form-actionFix .form-action {
        width: calc(100% - 113px); } }
  @media (min-width: 1024px) {
    .productView-options .productView-releaseDate {
      margin-bottom: 20px; } }

[data-product-option-change] [data-option-name='Size'] {
  position: relative; }
  @media (min-width: 1600px) {
    [data-product-option-change] [data-option-name='Size'] .option-value-size {
      width: 50%; } }

.itemProduct-options {
  position: relative; }
  @media (max-width: 1024px) {
    .itemProduct-options .itemProduct-options-wrapper {
      display: block;
      margin: 0 -8px;
      padding: 0 8px;
      white-space: nowrap;
      overflow: auto hidden;
      scrollbar-gutter: stable;
      overscroll-behavior: contain;
      -ms-scroll-chaining: none; }
      .itemProduct-options .itemProduct-options-wrapper::before {
        position: absolute;
        top: 0;
        left: -10px;
        z-index: 1;
        transform: rotate(180deg);
        display: block;
        width: 14px;
        height: 40px;
        background: linear-gradient(270deg, rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.1));
        content: ''; }
      .itemProduct-options .itemProduct-options-wrapper::after {
        position: absolute;
        top: 0;
        right: -10px;
        z-index: 1;
        display: block;
        width: 50px;
        height: 40px;
        background: linear-gradient(270deg, rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.1));
        content: ''; } }

.productAttributes-message {
  margin-top: 16px;
  margin-bottom: 16px; }

.desTwoList-item {
  display: inline-block;
  width: 100%;
  margin-bottom: 0;
  font-size: 16px;
  vertical-align: top; }
  .desTwoList-item.desTwoList-item--number {
    padding-left: 0; }
    .desTwoList-item.desTwoList-item--number .desTwoList-list {
      list-style: auto; }
  .desTwoList-item .desTwoList-title {
    margin-bottom: 0;
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    font-weight: 600; }
  @media (min-width: 768px) {
    .desTwoList-item {
      width: 50%; }
      .desTwoList-item.desTwoList-item--number {
        padding-left: 17px; } }

.productView-securityImage {
  display: block;
  margin: 8px 0 0; }
  .productView-securityImage ul {
    margin: 0;
    font-size: 0;
    white-space: nowrap;
    overflow: auto hidden;
    scrollbar-gutter: stable;
    overscroll-behavior: contain;
    list-style: none;
    -ms-scroll-chaining: none; }
  .productView-securityImage img {
    max-height: 100px; }
  @media (min-width: 768px) {
    .productView-securityImage ul li {
      margin-right: 20px;
      margin-bottom: 20px; } }
  @media (min-width: 1024px) {
    .productView-securityImage ul {
      overflow: visible; } }

.productView-info-bottom {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between; }
  @media (max-width: 480px) {
    .productView-info-bottom {
      display: block; } }

.productDescription__block .title {
  margin-bottom: 16px; }

.productDescription__block .productDescription__content > p {
  margin-bottom: 40px;
  line-height: 1.625; }

.description-2col {
  margin-bottom: 40px; }

.des2col-item:first-child .des2colItem-img {
  margin: 0 16px 16px 0; }

.des2col-item:first-child .des2colItem-content {
  margin: 0 0 16px 16px; }

.des2col-item:last-child .des2colItem-img {
  margin: 16px 0 0 16px; }

.des2col-item:last-child .des2colItem-content {
  margin: 16px 16px 0 0; }

.des2col-item .des2colItem-img {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  align-items: center; }
  .des2col-item .des2colItem-img img {
    width: 100%; }

.des2col-item .des2colItem-content {
  position: relative;
  width: 100%; }
  .des2col-item .des2colItem-content .des2colItem-featured {
    margin-bottom: 8px;
    border-bottom: 1px solid #22262a;
    color: rgba(0, 0, 0, 0.7);
    font-size: 13px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.8px;
    text-transform: uppercase; }
  .des2col-item .des2colItem-content .des2colItem-title {
    margin-top: 0;
    margin-bottom: 8px;
    color: rgba(0, 0, 0, 0.7);
    font-size: 40px;
    font-weight: 700;
    text-transform: capitalize; }
  .des2col-item .des2colItem-content .des2colItem-des {
    margin-bottom: 0;
    line-height: 1.625; }
    .des2col-item .des2colItem-content .des2colItem-des + p {
      margin-top: 24px; }
  .des2col-item .des2colItem-content p + p {
    margin-top: 24px; }
  .des2col-item .des2colItem-content .des2colItem-container {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    text-align: center;
    background-color: #ffffff;
    align-items: center;
    justify-content: center;
    height: calc(100% - 60px);
    margin: 28px;
    padding: 64px; }
  .des2col-item .des2colItem-content img {
    width: 100%; }

@media (min-width: 768px) {
  .des2col-item {
    display: flex;
    flex-wrap: nowrap; }
    .des2col-item .des2colItem-img {
      width: 50%;
      border-radius: 4px; }
    .des2col-item .des2colItem-content {
      width: 50%; } }

@media (max-width: 1024px) {
  .des2col-item + .des2col-item {
    display: flex;
    flex-direction: column; }
    .des2col-item + .des2col-item .des2colItem-img {
      order: -1; }
  .des2col-item .des2colItem-img {
    margin-left: 0 !important; }
  .des2col-item .des2colItem-content {
    margin-left: 0 !important; }
    .des2col-item .des2colItem-content .des2colItem-container {
      height: calc(100% - 60px);
      margin: 28px;
      padding: 28px; }
    .des2col-item .des2colItem-content .des2colItem-title {
      font-size: 30px; } }

@media (max-width: 768px) {
  .des2col-item .des2colItem-content {
    margin-left: 0 !important; }
    .des2col-item .des2colItem-content .des2colItem-container {
      height: calc(100% - 30px);
      margin: 16px;
      padding: 16px; }
    .des2col-item .des2colItem-content .des2colItem-title {
      font-size: 20px; } }

.description-twoList,
.description-oneList {
  margin: 0 auto;
  font-size: 0; }

.desOneList-item {
  display: inline-block;
  margin-bottom: 32px;
  font-size: 16px;
  vertical-align: top; }
  .desOneList-item .desOneList-title {
    margin-bottom: 12px;
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    font-weight: 600; }
  .desOneList-item .desOneList-content {
    margin-top: 12px;
    line-height: 1.625; }

.description-blockQuote {
  margin: 0 auto 48px;
  padding: 8px 0;
  text-align: left; }
  .description-blockQuote > * {
    margin-right: auto;
    margin-left: auto; }
  .description-blockQuote .desBlockQuote-title {
    margin-top: 0;
    margin-bottom: 20px;
    color: rgba(0, 0, 0, 0.7);
    font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    font-optical-sizing: auto; }
  .description-blockQuote .desBlockQuote-des {
    max-width: 100%;
    padding: 32px 36px 36px;
    border: 1px solid #c2c5cc; }

.productView-tab .productReviews {
  display: block;
  border-top: 0; }
  .productView-tab .productReviews.toggle:last-of-type {
    margin-bottom: 0; }
  .productView-tab .productReviews .page-heading {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize; }
  .productView-tab .productReviews .toggle-title {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 16px;
    border-bottom: 1px solid #cccccc; }
    .productView-tab .productReviews .toggle-title .page-heading {
      display: inline-block;
      vertical-align: middle; }
    .productView-tab .productReviews .toggle-title .number-review {
      min-width: 116px;
      margin-left: 12px;
      background-color: #ffffff; }
    .productView-tab .productReviews .toggle-title .write-review {
      min-width: 163px;
      margin-left: 8px;
      border: 1px solid #22262a; }
    .productView-tab .productReviews .toggle-title .number-review,
    .productView-tab .productReviews .toggle-title .write-review {
      display: inline-block;
      height: 40px;
      border-radius: 64px;
      color: rgba(0, 0, 0, 0.7);
      font-size: 16px;
      line-height: 3;
      text-align: center;
      text-transform: capitalize;
      vertical-align: middle; }
    .productView-tab .productReviews .toggle-title .toggleLink {
      line-height: 3; }
      .productView-tab .productReviews .toggle-title .toggleLink.is-open .icon {
        transform: rotate(-180deg); }
      .productView-tab .productReviews .toggle-title .toggleLink .icon {
        position: relative;
        top: -2px;
        width: 13px !important;
        height: 13px !important;
        margin-right: 2px; }
    .productView-tab .productReviews .toggle-title .toggleLink-text {
      color: rgba(0, 0, 0, 0.7);
      font-size: 16px;
      background-image: none; }
  .productView-tab .productReviews .toggle-content {
    padding: 8px 0; }
  .productView-tab .productReviews .toggleLink-text svg {
    fill: #22262a; }
  @media (min-width: 600px) {
    .productView-tab .productReviews .page-heading {
      font-size: 24px; } }
  @media (min-width: 1024px) {
    .productView-tab .productReviews {
      margin-top: 28px;
      padding-top: 28px; }
      .productView-tab .productReviews.productView-reviews-wrapper {
        margin-top: 0;
        padding-top: 0; }
      .productView-tab .productReviews .toggle-title {
        padding-bottom: 25px; }
      .productView-tab .productReviews .toggle-content {
        padding: 0; } }

.price--rrp,
.price--non-sale,
.price--discounted {
  text-decoration: line-through; }

.price-section--minor {
  color: #f0f3f5; }

.blocker {
  position: absolute;
  z-index: 500;
  background: rgba(189, 202, 209, 0.5);
  inset: 0; }

.blocker-container {
  position: relative; }

.textTruncate {
  position: relative;
  padding-bottom: 1.71429rem; }
  .textTruncate.is-collapsed {
    transform: scaleY(0); }
  .js .textTruncate {
    transform: scaleY(1);
    transform-origin: top;
    max-height: 110px;
    transition: transform 100ms ease-out;
    overflow: hidden;
    will-change: transform; }
    @media (prefers-reduced-motion: reduce) {
      .js .textTruncate {
        transition: none; } }

.js .textTruncate--visible {
  max-height: 71.42857rem; }

.textTruncate-viewMore {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-top: 10px;
  background-color: #bdcad1; }

.toggleLink-text {
  font-size: 0.875rem;
  font-weight: 400; }

.toggle {
  margin-bottom: 2.57143rem;
  border-top: #e5e7eb; }
  .toggle:last-of-type {
    margin-bottom: 5.14286rem; }

.toggle-title {
  margin: 0.5rem 0 1.25rem;
  padding: 0;
  color: #22262a;
  font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.5px;
  text-transform: unset;
  font-optical-sizing: auto; }

.toggle-content,
.toggleLink-text--on {
  display: none; }

.toggleLink {
  color: rgba(0, 0, 0, 0.7); }
  .toggleLink.toggleLink-viewMore, .toggleLink.toggleLink-clear {
    display: inline-block;
    width: auto;
    padding: 0;
    color: #0e119f;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.5px;
    text-transform: unset;
    vertical-align: top;
    transition: unset;
    position: relative; }
    @media (prefers-reduced-motion: reduce) {
      .toggleLink.toggleLink-viewMore, .toggleLink.toggleLink-clear {
        transition: none; } }
  .toggle-title .toggleLink {
    line-height: 1.5;
    float: right; }
  @media (hover: hover) {
    .toggleLink:hover, .toggleLink:focus {
      color: #2a2d32; } }

.toggleLink-text--off {
  display: inline-block; }
  .toggleLink.is-open .toggleLink-text--off {
    display: none; }

.toggleLink.is-open .toggleLink-text--on {
  display: inline-block; }

.toggle-content.is-open {
  display: block; }

.facetedSearch-toggle {
  margin: 0 auto;
  max-width: 85.71429rem;
  width: 100%;
  display: none;
  margin-bottom: 2.28571rem;
  padding: 1rem;
  border: #e5e7eb solid;
  border-width: 1px;
  border-radius: 4px; }
  .facetedSearch-toggle:before, .facetedSearch-toggle:after {
    content: " ";
    display: table; }
  .facetedSearch-toggle:after {
    clear: both; }
  .facetedSearch-toggle.is-open {
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }

.facetedSearch-toggle-text,
.facetedSearch-toggle-indicator {
  display: block;
  font-weight: 400; }

.facetedSearch-toggle-text {
  padding-left: 0.85714rem;
  padding-right: 0.85714rem;
  width: 58.33333%;
  float: left;
  padding: 0;
  text-align: left; }

.facetedSearch-toggle-indicator {
  padding-left: 0.85714rem;
  padding-right: 0.85714rem;
  width: 41.66667%;
  float: left;
  padding: 0;
  font-weight: 700;
  text-align: right; }

.facet-quick-heading {
  text-transform: capitalize; }

.facetedSearch-optionColumns {
  -moz-column-gap: 20px;
  column-gap: 20px;
  -moz-column-count: 3;
  column-count: 3; }

.facetedSearch-refineFilters {
  display: block; }
  .facetedSearch-refineFilters .sidebarBlock-heading {
    margin: 0 0 24px; }

.facetedSearch-content--rating .is-selected {
  font-weight: 700; }

.facetedSearch-noFilters {
  margin-bottom: 20px;
  padding: 8px 28px;
  border: 1px solid transparent;
  border-width: 0 0 1px;
  border-color: #fef8e7;
  color: #e4a11b;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.5px;
  background-color: #bdcad1; }

#facetedSearch {
  padding: 0; }
  @media (min-width: 1024px) {
    #facetedSearch {
      padding: 0; } }

.facetedSearch-navList {
  display: none; }
  .facetedSearch-navList.is-open {
    display: block; }
    .facetedSearch-navList.is-open .accordion--navList,
    .facetedSearch-navList.is-open .accordion-block:first-child .accordion-navigation {
      border-top-left-radius: 0;
      border-top-right-radius: 0; }
  .facetedSearch-toggle + .facetedSearch-navList,
  .sidebarBlock + .facetedSearch-navList {
    margin-top: 2.28571rem; }
  @media (min-width: 1024px) {
    .facetedSearch-toggle + .facetedSearch-navList.is-open,
    .sidebarBlock + .facetedSearch-navList.is-open {
      margin-top: 2.28571rem; } }
  .facetedSearch-navList .navList--inner {
    margin-left: 1.71429rem; }
  @media (min-width: 1024px) {
    .facetedSearch-navList {
      display: block !important; } }

.navList.facetedSearch-optionColumns {
  margin: 16px 0 0; }
  .navList.facetedSearch-optionColumns .navList-item {
    width: 100%; }
  @media (min-width: 768px) {
    .navList.facetedSearch-optionColumns {
      left: 0;
      display: block;
      margin-right: -16px;
      margin-left: -16px;
      font-size: 0; }
      .navList.facetedSearch-optionColumns .navList-item {
        display: inline-block;
        padding: 5px 15px;
        vertical-align: top; } }

.facetLabel {
  padding: 0.21429rem 0.57143rem 0.21429rem 0.78571rem;
  border-radius: 4px;
  text-decoration: none;
  background: #f3f5f6; }
  .facetLabel .icon {
    height: 0.85714rem;
    width: 0.85714rem;
    position: relative;
    top: -1px;
    display: inline-block;
    fill: #4b515a; }

.previewCart-additionalCheckoutButtons:before, .cart-additionalCheckoutButtons:before, .previewCart-additionalCheckoutButtons:after, .cart-additionalCheckoutButtons:after {
  content: " ";
  display: table; }

.previewCart-additionalCheckoutButtons:after, .cart-additionalCheckoutButtons:after {
  clear: both; }

.previewCart-additionalCheckoutButtons .FloatRight:before, .cart-additionalCheckoutButtons .FloatRight:before, .previewCart-additionalCheckoutButtons .FloatRight:after, .cart-additionalCheckoutButtons .FloatRight:after {
  content: " ";
  display: table; }

.previewCart-additionalCheckoutButtons .FloatRight:after, .cart-additionalCheckoutButtons .FloatRight:after {
  clear: both; }

.previewCart-additionalCheckoutButtons .FloatRight p, .cart-additionalCheckoutButtons .FloatRight p {
  margin: 0.57143rem 0;
  text-align: right;
  float: none !important; }

.previewCart-additionalCheckoutButtons .FloatRight div, .cart-additionalCheckoutButtons .FloatRight div {
  float: right; }

.page-type-cart [data-cart] {
  padding: 0; }

.page-type-cart .page-cart {
  max-width: 1370px;
  margin: 0 auto; }

.cart {
  display: block;
  width: 100%;
  margin: 0 0 16px; }
  @media (min-width: 768px) {
    .cart {
      display: table;
      border-spacing: 0;
      border-collapse: collapse; } }

.cart-header {
  display: none;
  width: 100%;
  text-align: left; }
  @media (min-width: 768px) {
    .cart-header {
      display: table-header-group; } }
  @media (min-width: 1024px) {
    .cart-header-item {
      padding-right: 30px;
      padding-left: 30px; }
      .cart-header-item.cart-header-quantity {
        text-align: center; }
      .cart-header-item.cart-header-total {
        text-align: right; } }

.cart-header-item {
  padding: 12px 16px;
  color: #22262a;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.5px;
  background-color: #f0f3f5; }
  .cart-header-item:last-child {
    text-align: right; }

.cart-item-value {
  padding-left: 1.71429rem; }
  @media (min-width: 1024px) {
    .cart-item-value {
      padding-left: 0; } }

.cart-item-block {
  display: block; }
  .cart-item-block .definitionList {
    margin-bottom: 0.42857rem; }
  @media (min-width: 1024px) {
    .cart-item-block {
      display: table-cell; } }

.cart-item-name {
  display: block;
  margin: 0;
  font-size: 16px; }
  .cart-item-name__label {
    display: inline-block; }
  .cart-item-name + .definitionList {
    margin-top: 0.42857rem; }

.cart-item-image {
  max-width: 97px;
  max-height: 224px; }
  @media (min-width: 1024px) {
    .cart-item-image {
      margin-left: 0; } }

.cart-item-label {
  width: 33.33333%;
  margin-bottom: 0.42857rem;
  color: #22262a;
  text-align: right;
  float: left; }
  @media (min-width: 600px) {
    .cart-item-label {
      display: block;
      width: 100%;
      padding-left: 1.71429rem;
      text-align: left; } }
  @media (min-width: 1024px) {
    .cart-item-label {
      display: none; } }

.cart-remove {
  width: 1.28571rem;
  height: 1.28571rem;
  margin-top: 0.14286rem;
  padding: 0.21429rem;
  border-radius: 50%;
  background-color: #dee5e8;
  opacity: 1;
  cursor: pointer;
  transition: opacity 0.15s ease;
  float: right; }
  .cart-remove.cart-remove--spacer {
    visibility: hidden; }
  .cart-remove > svg {
    fill: #1b1b1b; }
  @media (prefers-reduced-motion: reduce) {
    .cart-remove {
      transition: none; } }
  @media (hover: hover) {
    .cart-remove:hover, .cart-remove:focus {
      opacity: 0.8; } }
  @media (min-width: 600px) {
    .cart-remove {
      margin-left: 1rem; } }

.cart-total {
  border-bottom: 0; }
  .cart-total:before, .cart-total:after {
    content: " ";
    display: table; }
  .cart-total:after {
    clear: both; }
  .cart-total .form-input {
    display: inline-block;
    width: 75%;
    height: 2.28571rem;
    padding: 0.57143rem;
    vertical-align: top; }
  .cart-total .form-select {
    height: 2.28571rem;
    padding: 0 0.85714rem;
    background-position: right 0.35714rem center;
    background-size: 1.42857rem 1.42857rem; }
  .cart-total .form-inlineMessage {
    text-align: left; }
  @media (min-width: 1024px) {
    .cart-total + .cart-total {
      border-top: #dee5e8; } }

.cart-total-label {
  width: 33.33333%;
  color: rgba(0, 0, 0, 0.7); }
  @media (min-width: 600px) {
    .cart-total-label {
      width: 50%; } }
  @media (min-width: 1024px) {
    .cart-total-label {
      display: block;
      padding-left: 0;
      text-align: left; } }

.cart-total-value {
  text-align: left; }
  @media (min-width: 600px) {
    .cart-total-value {
      text-align: right; } }
  @media (min-width: 1024px) {
    .cart-total-value {
      width: 50%; } }

.cart-total-label,
.cart-total-value {
  padding: 0.57143rem 0 0.57143rem 1.71429rem;
  float: left; }
  @media (min-width: 1024px) {
    .cart-total-label,
    .cart-total-value {
      padding: 1rem 0; } }

.previewCartItem-name {
  margin: 0;
  text-transform: none; }
  .previewCartItem-name > a {
    text-decoration: none; }

.cart-list {
  display: block;
  width: 100%;
  text-align: left; }
  .cart-list .cart-item-spacer {
    width: 100%;
    height: 10px; }
  .cart-list .cart-item {
    display: block;
    margin: 0;
    border: 1px solid #c2c5cc; }
    .cart-list .cart-item-value {
      color: rgba(0, 0, 0, 0.7);
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5;
      letter-spacing: 0.5px; }
    .cart-list .cart-item-block {
      display: inline-block;
      padding: 20px;
      vertical-align: middle; }
      .cart-list .cart-item-block.cart-item-total {
        display: none;
        text-align: right; }
        .cart-list .cart-item-block.cart-item-total .cart-item-value {
          font-weight: 600; }
      .cart-list .cart-item-block.cart-item-price {
        width: 40%;
        margin: 0;
        padding-top: 0; }
        .cart-list .cart-item-block.cart-item-price .cart-item-value {
          font-weight: 600; }
      .cart-list .cart-item-block.cart-item-quantity {
        width: 30%;
        padding-top: 0;
        padding-right: 0;
        padding-left: 0; }
      .cart-list .cart-item-block.cart-item-remove {
        width: 30%;
        height: 45px;
        padding: 0;
        padding-left: 12px !important;
        text-align: center; }
      .cart-list .cart-item-block p {
        margin: 0;
        color: rgba(0, 0, 0, 0.7);
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        letter-spacing: 0.5px;
        text-align: center; }
    .cart-list .cart-item-wrapper {
      display: flex;
      flex-wrap: nowrap; }
    .cart-list .cart-item-block-left {
      flex: 80px 0 0;
      padding: 0 16px 0 0; }
    .cart-list .cart-item-image {
      display: block;
      margin: 0 auto; }
    .cart-list .cart-item-name {
      margin: 0; }
      .cart-list .cart-item-name > a {
        margin: 0 0 4px;
        color: #22262a;
        font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        letter-spacing: 0.5px;
        text-decoration: none;
        text-transform: capitalize;
        font-optical-sizing: auto; }
    .cart-list .cart-item-edit {
      display: inline-block;
      margin: 4px 0 0;
      color: #22262a;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5;
      letter-spacing: 0.5px;
      vertical-align: top; }
      .cart-list .cart-item-edit .icon {
        display: inline-block;
        width: 16px !important;
        height: 16px !important;
        margin: 0 2px 0 0;
        vertical-align: -2px;
        fill: #22262a; }
    .cart-list .cart-item-options--giftWrapping .icon {
      position: relative;
      top: 4px;
      display: inline-block;
      width: 16px !important;
      height: 16px !important;
      margin: 0 8px 0 0;
      vertical-align: -2px;
      fill: #22262a; }
    .cart-list .cart-item-options {
      display: flex;
      flex-wrap: wrap;
      margin: 2px 0 0; }
    .cart-list .cart-item-option-title, .cart-list .cart-item-option-description {
      margin: 0;
      color: #22262a;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.625;
      letter-spacing: 0.5px; }
    .cart-list .cart-item-option-description {
      margin-left: 4px; }
      .cart-list .cart-item-option-description + .cart-item-option-title {
        margin-left: 4px; }
    .cart-list .cart-item-quantity .cart-item-label {
      position: absolute !important;
      width: 1px;
      height: 1px;
      margin: 0;
      padding: 0;
      border: 0;
      overflow: hidden;
      clip: rect(0 0 0 0); }
    .cart-list .cart-item-quantity .form-increment input {
      width: 100%;
      max-width: 100%;
      height: 50px;
      min-height: 50px;
      margin: 0;
      padding: 8px 28px;
      border: 1px solid #c2c5cc;
      color: rgba(0, 0, 0, 0.7);
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 1.5;
      text-align: center;
      background-color: #dee5e8;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
    .cart-list .cart-item-remove .cart-remove {
      width: 15px;
      height: 15px;
      margin: 0;
      padding: 0;
      border-radius: 0;
      background-color: transparent;
      cursor: pointer;
      transition: color 0.15s ease;
      float: none; }
      .cart-list .cart-item-remove .cart-remove.cart-remove--spacer {
        visibility: hidden; }
      .cart-list .cart-item-remove .cart-remove svg {
        width: 20px !important;
        height: 20px !important;
        fill: #2a2d32; }
      @media (prefers-reduced-motion: reduce) {
        .cart-list .cart-item-remove .cart-remove {
          transition: none; } }
    .cart-list .cart-item .definitionList {
      margin: 0; }
      .cart-list .cart-item .definitionList:before, .cart-list .cart-item .definitionList:after {
        content: " ";
        display: table; }
      .cart-list .cart-item .definitionList:after {
        clear: both; }
      .cart-list .cart-item .definitionList .definitionList-key,
      .cart-list .cart-item .definitionList .definitionList-value {
        margin-right: 0;
        margin-bottom: 0;
        color: rgba(0, 0, 0, 0.7);
        font-size: 16px;
        font-style: italic;
        font-weight: 400;
        line-height: 1.625;
        letter-spacing: 0.5px;
        text-transform: capitalize;
        float: left; }
      .cart-list .cart-item .definitionList .definitionList-value {
        margin-left: 4px; }
    @media (min-width: 600px) {
      .cart-list .cart-item-block.cart-item-price {
        width: 30%;
        margin-left: 96px;
        padding-top: 4px; }
      .cart-list .cart-item-block.cart-item-remove {
        width: calc(40% - 90px); }
      .cart-list .cart-item-block-right {
        position: relative;
        top: -8px; } }
  @media (min-width: 768px) {
    .cart-list {
      display: table-row-group; }
      .cart-list .cart-item {
        display: table-row; }
        .cart-list .cart-item-block {
          display: table-cell !important;
          width: auto !important;
          padding: 8px !important; }
          .cart-list .cart-item-block.cart-item-info {
            padding-right: 0; }
        .cart-list .cart-item-block-left {
          flex: 130px 0 0;
          padding-right: 28px; }
        .cart-list .cart-item-name > a {
          display: -webkit-box;
          text-overflow: ellipsis;
          overflow: hidden;
          -webkit-line-clamp: 1; }
        .cart-list .cart-item-quantity .form-increment input {
          width: 140px; }
        .cart-list .cart-item-remove .cart-remove {
          position: relative;
          top: -3px;
          float: right; } }
  @media (min-width: 1024px) {
    .cart-list .cart-item-block {
      padding: 28px !important; } }

.cart-item-figure {
  position: relative;
  width: 33.33333%;
  margin-bottom: 1.71429rem;
  text-align: center;
  float: left; }
  .cart-item-figure::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: ''; }
  @media (min-width: 600px) {
    .cart-item-figure {
      width: 33.33333%;
      margin-bottom: 0;
      margin-left: -33.33333%; } }
  @media (min-width: 1024px) {
    .cart-item-figure {
      width: 8.33333%;
      padding: 8px 0;
      float: none; } }

.cart-item-fixed-image {
  width: 100%; }

.cart-item-title {
  display: table-cell;
  height: 7.14286rem;
  padding-left: 1.71429rem; }
  @media (min-width: 600px) {
    .cart-item-title {
      display: block;
      height: auto;
      margin-bottom: 1.71429rem;
      overflow: hidden; } }
  @media (min-width: 1024px) {
    .cart-item-title {
      display: table-cell;
      padding: 1.71429rem; } }

.cart-content-padding-right {
  padding-right: 4px; }

@media (min-width: 1024px) {
  .cart-header-quantity,
  .cart-item-quantity {
    text-align: center; } }

.cart-item-quantity .form-increment {
  display: inline-block;
  max-width: 115px;
  margin: 0;
  vertical-align: middle; }
  @media (min-width: 1024px) {
    .cart-item-quantity .form-increment {
      margin-left: 0; } }

.cart-item-brand {
  margin-bottom: 0.21429rem;
  color: rgba(0, 0, 0, 0.7); }

.cart-item-options--giftWrapping {
  margin-top: 1.28571rem; }
  .cart-item-options--giftWrapping .cart-item-option-description {
    color: #22262a; }

.cart-totals {
  margin: 0;
  list-style: none; }
  .cart-totals .cart-total {
    display: block;
    padding: 0 0 1px; }
    .cart-totals .cart-total:before, .cart-totals .cart-total:after {
      content: " ";
      display: table; }
    .cart-totals .cart-total:after {
      clear: both; }
    .cart-totals .cart-total-value {
      padding: 12px 0;
      color: #22262a;
      font-size: 16px;
      font-weight: 600;
      line-height: 1.625;
      letter-spacing: 0.5px;
      text-align: right;
      float: right; }
      .cart-totals .cart-total-value.cart-total-grandTotal {
        margin-top: 2px;
        font-size: 18px;
        font-weight: 700; }
      .cart-totals .cart-total-value p[translate] {
        margin: 0;
        color: rgba(0, 0, 0, 0.7);
        font-size: 16px;
        font-weight: 400; }
    .cart-totals .cart-total.cart-total-grandtotal .cart-total-value {
      font-size: 20px;
      font-weight: 700;
      line-height: 1.5; }
    .cart-totals .cart-total-label {
      padding: 12px 0;
      color: #22262a;
      font-size: 16px;
      font-weight: 500;
      line-height: 1.625;
      letter-spacing: 0.5px;
      text-align: left;
      float: left; }
      .cart-totals .cart-total-label strong {
        font-weight: 500; }
    .cart-totals .cart-total .form-label {
      margin: 0;
      color: #22262a;
      font-size: 16px;
      font-weight: 400;
      line-height: 50px; }
    .cart-totals .cart-total .form-input {
      display: inline-block;
      width: 100%;
      height: 50px;
      margin: 0;
      padding-right: 20px;
      padding-left: 20px;
      border-color: #c2c5cc;
      font-style: normal;
      line-height: 50px;
      vertical-align: top; }
    .cart-totals .cart-total .form-select {
      display: inline-block;
      width: 100%;
      height: 50px;
      padding: 0 20px;
      border-color: #c2c5cc;
      color: rgba(0, 0, 0, 0.7);
      font-size: 16px;
      font-weight: 400;
      line-height: 50px;
      vertical-align: top;
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 448 512'%3E%3Cpath d='M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z' class='fa-secondary' opacity='.4'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right 13px top 18px;
      background-size: 13px; }
    .cart-totals .cart-total + .cart-total {
      border-top: 1px solid #cccccc; }
    .cart-totals .cart-total .form-inlineMessage {
      text-align: left; }

.cart-total-grandTotal {
  position: relative;
  padding-top: 0.21429rem;
  padding-bottom: 0.21429rem;
  font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  font-size: 18px;
  font-optical-sizing: auto; }
  @media (min-width: 1024px) {
    .cart-total-grandTotal {
      top: -0.28571rem;
      padding: 1rem 0; } }

.coupon-code-add,
.coupon-code-cancel,
.shipping-estimate-show,
.shipping-estimate-hide,
.gift-certificate-add,
.gift-certificate-cancel {
  position: relative;
  display: inline-block;
  padding: 0;
  color: #fbbf24;
  font-size: 16px;
  font-weight: 400;
  background-image: linear-gradient(transparent 97%, #fbbf24 3%);
  background-repeat: repeat-x;
  transition: opacity 0.3s ease; }

.cart-actions {
  display: block;
  margin: 8px 0 0; }
  .cart-actions .button {
    width: 100%;
    height: 60px;
    font-size: 18px;
    font-weight: 700;
    line-height: 3.375;
    text-transform: uppercase;
    box-shadow: 0 10px 20px 0 rgba(225, 0, 0, 0.01); }
  .cart-actions .checkoutMultiple {
    display: block;
    padding-top: 0.42857rem;
    float: right;
    clear: right; }

.previewCart-additionalCheckoutButtons {
  display: block !important;
  padding: 0 !important; }
  .previewCart-additionalCheckoutButtons .CheckoutButton {
    margin-bottom: 8px; }
  .previewCart-additionalCheckoutButtons * {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto;
    text-align: center !important; }

.cart-additionalCheckoutButtons {
  display: block !important;
  padding-right: 0;
  padding-bottom: 0; }
  .cart-additionalCheckoutButtons:before, .cart-additionalCheckoutButtons:after {
    content: " ";
    display: table; }
  .cart-additionalCheckoutButtons:after {
    clear: both; }
  .cart-additionalCheckoutButtons .FloatRight:before, .cart-additionalCheckoutButtons .FloatRight:after {
    content: " ";
    display: table; }
  .cart-additionalCheckoutButtons .FloatRight:after {
    clear: both; }
  .cart-additionalCheckoutButtons .FloatRight p {
    margin: 0 0 0.57143rem;
    color: rgba(0, 0, 0, 0.7);
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    float: none !important; }
  .cart-additionalCheckoutButtons .FloatRight div {
    margin: 0 auto;
    text-align: center; }
  .cart-additionalCheckoutButtons .CheckoutButton {
    margin-bottom: 8px; }
    .cart-additionalCheckoutButtons .CheckoutButton:first-child {
      margin-top: 1.71429rem; }
    .cart-additionalCheckoutButtons .CheckoutButton:last-child {
      margin-bottom: 0; }
  .cart-additionalCheckoutButtons * {
    width: 100% !important;
    min-width: 370px !important;
    max-width: 370px !important;
    margin: 0 auto;
    text-align: center !important; }
    @media (max-width: 320px) {
      .cart-additionalCheckoutButtons * {
        min-width: 100% !important;
        max-width: 100% !important; } }

[data-content-region='cart_below_totals'] {
  margin-top: 20px; }
  [data-content-region='cart_below_totals'] #banner-region- {
    width: 370px; }
  @media (max-width: 1280px) {
    [data-content-region='cart_below_totals'] {
      max-width: 370px;
      margin: 20px auto 0; } }

.previewCartWrapper {
  max-height: calc(100vh - 96px);
  padding-right: 16px;
  overflow: auto;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  -ms-scroll-chaining: none; }

.previewCartList {
  list-style: none;
  margin-left: 0;
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse; }
  .previewCartList ul,
  .previewCartList ol {
    list-style: none;
    margin-bottom: 0; }
  .previewCartList li {
    margin: 0;
    padding: 0; }

.previewCartItem {
  margin: 0 auto;
  max-width: 85.71429rem;
  width: 100%;
  line-height: 19px; }
  .previewCartItem:before, .previewCartItem:after {
    content: " ";
    display: table; }
  .previewCartItem:after {
    clear: both; }
  .previewCartItem + .previewCartItem {
    border-top: #dee5e8; }

.previewCartItem-image,
.previewCartItem-content {
  display: table-cell;
  vertical-align: middle; }

.previewCartItem-image {
  padding-left: 0.85714rem;
  padding-right: 0.85714rem;
  width: 33.33333%;
  position: relative;
  padding: 0;
  text-align: center; }
  @media (min-width: 320px) {
    .previewCartItem-image::after {
      padding-bottom: 75%; } }
  @media (min-width: 480px) {
    .previewCartItem-image::after {
      padding-bottom: 100%; } }
  .previewCartItem-image img {
    max-height: 100%; }

.previewCartItem-content {
  padding-left: 0.85714rem;
  padding-right: 0.85714rem;
  width: 66.66667%;
  padding-left: 0; }

.previewCartItem-brand,
.previewCartItem-name {
  margin-bottom: 0.21429rem; }

.previewCartItem-brand,
.previewCartItem-price {
  display: inline-block;
  color: #4b515a;
  font-size: 0.875rem; }

.previewCartAction {
  margin: 0 auto;
  max-width: 85.71429rem;
  width: 100%;
  display: block;
  border-top: #dee5e8; }
  .previewCartAction:before, .previewCartAction:after {
    content: " ";
    display: table; }
  .previewCartAction:after {
    clear: both; }
  .previewCartAction .button {
    width: 100%;
    margin: 0;
    padding-right: 0.85714rem;
    padding-left: 0.85714rem; }
  @media (min-width: 320px) {
    .previewCartAction {
      padding: 0.85714rem 0.42857rem; } }
  @media (min-width: 480px) {
    .previewCartAction {
      padding: 1.71429rem 0.85714rem; } }

.previewCartAction-checkout,
.previewCartAction-viewCart {
  padding-left: 0.85714rem;
  padding-right: 0.85714rem;
  width: 50%;
  float: left; }
  .previewCartAction-checkout.previewCartAction-viewCart--sole,
  .previewCartAction-viewCart.previewCartAction-viewCart--sole {
    padding-left: 0.85714rem;
    padding-right: 0.85714rem;
    width: 50%;
    float: left;
    margin-left: auto;
    margin-right: auto;
    float: none; }

.previewCartAction-checkout {
  padding-right: 0.42857rem; }

.previewCartAction-checkoutMultiple {
  padding-top: 0.42857rem;
  padding-left: 0.85714rem;
  clear: both; }

.previewCartAction-viewCart {
  padding-left: 0.42857rem; }

.previewCart-emptyBody {
  padding: 3.42857rem;
  text-align: center; }

.cart-content-wrapper {
  display: block;
  font-size: 0;
  letter-spacing: 0; }
  .cart-content-wrapper:before, .cart-content-wrapper:after {
    content: " ";
    display: table; }
  .cart-content-wrapper:after {
    clear: both; }
  .cart-content-wrapper .cart-content-item {
    display: block; }
    .cart-content-wrapper .cart-content-item[data-cart-totals] {
      padding: 20px 0 0; }
    @media (min-width: 1280px) {
      .cart-content-wrapper .cart-content-item {
        display: inline-block;
        vertical-align: top; }
        .cart-content-wrapper .cart-content-item[data-cart-content] {
          width: calc(100% - 370px);
          padding-right: 30px; }
        .cart-content-wrapper .cart-content-item[data-cart-totals] {
          width: 370px;
          padding-top: 0; } }

.cart-secure-image {
  display: block;
  margin: 0;
  padding: 0 0 4px;
  font-size: 0;
  letter-spacing: 0;
  text-align: center; }
  .cart-secure-image .secure-image-label {
    margin: 0 0 16px;
    color: #22262a;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.625;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    opacity: 0.7; }
  .cart-secure-image .secure-image {
    display: inline-block;
    margin: 0 0 24px;
    vertical-align: top; }
    .cart-secure-image .secure-image + .secure-image {
      margin-left: 24px; }
    .cart-secure-image .secure-image img {
      width: 100%; }
  @media (min-width: 768px) {
    .cart-secure-image {
      text-align: left; } }

.cart-content-empty {
  margin: 0;
  color: rgba(0, 0, 0, 0.7);
  font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.5px;
  text-align: center;
  font-optical-sizing: auto; }

.addressList {
  display: flex;
  flex-flow: row wrap;
  margin: 40px 0 0;
  align-content: stretch;
  align-items: stretch;
  list-style: none;
  -ms-flex-align: stretch;
  -ms-flex-line-pack: stretch; }
  @media (min-width: 768px) {
    .addressList {
      margin: 40px -16px 0;
      margin-bottom: -28px; } }

.address {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 16px;
  border: 1px solid #c2c5cc;
  border-radius: 4px;
  vertical-align: top;
  background: #fafafa; }
  .address + .address {
    margin-top: 20px; }
  @media (min-width: 768px) {
    .address {
      width: calc(50% - 30px);
      margin-right: 16px;
      margin-bottom: 28px;
      margin-left: 16px;
      padding: 20px 24px;
      justify-content: center; }
      .address + .address {
        margin-top: 0; } }
  @media (min-width: 1440px) {
    .address {
      width: calc(33.33% - 30px); } }

.address-title {
  display: block;
  margin: 0;
  color: #22262a;
  font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.5px;
  text-transform: capitalize;
  font-optical-sizing: auto; }

.address-details {
  margin: 0;
  list-style-type: none; }
  .address-details.address-details--postal {
    color: #22262a;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.5px; }

.address-addNew {
  display: block;
  text-align: center; }
  .address-addNew .address-symbol {
    display: block;
    margin: 0 0 8px;
    text-align: center; }
    .address-addNew .address-symbol svg {
      width: 40px !important;
      height: 40px !important;
      fill: #22262a; }

.panel--address {
  position: relative;
  width: 100%; }
  .panel--address.panel--newAddress {
    margin: auto; }
    .panel--address.panel--newAddress .panel-body {
      display: flex;
      flex-wrap: nowrap;
      min-height: 295px;
      align-items: center;
      justify-content: center; }
  .panel--address .panel-body {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent; }
  .panel--address form .form-actions {
    display: block;
    margin: 20px 0 0; }
    .panel--address form .form-actions .button {
      vertical-align: top; }
      .panel--address form .form-actions .button + .button {
        margin-top: 20px; }
      @media (max-width: 768px) {
        .panel--address form .form-actions .button {
          margin-left: 0; } }
  @media (min-width: 768px) {
    .panel--address form form .form-actions {
      display: block; }
      .panel--address form form .form-actions .button {
        width: auto;
        vertical-align: top; }
        .panel--address form form .form-actions .button + .button {
          margin-top: 0; } }

.address-description,
.address-label {
  display: inline-block;
  margin: 0; }

.dropdown-cart {
  position: absolute;
  display: none; }
  @media (min-width: 1024px) {
    .dropdown-cart {
      position: absolute;
      top: calc(100% + 10px);
      right: 0;
      z-index: 20;
      width: 430px;
      padding: 0;
      border-radius: 2px;
      color: #000000;
      text-align: left;
      box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.01); }
      .dropdown-cart::before {
        position: absolute;
        left: auto;
        z-index: 6;
        display: block;
        width: 0;
        height: 0;
        content: '';
        top: -20px;
        right: 16px; }
      .dropdown-cart::after {
        position: absolute;
        left: auto;
        z-index: 6;
        display: block;
        width: 0;
        height: 0;
        content: '';
        top: -18px;
        right: 16px;
        z-index: 2; } }

@media (min-width: 1024px) {
  .openCartDropdown .dropdown-cart,
  .openCartDropdown2 .dropdown-cart {
    display: block; }
    .openCartDropdown .dropdown-cart.is-loading,
    .openCartDropdown2 .dropdown-cart.is-loading {
      min-height: 100px; }
      .openCartDropdown .dropdown-cart.is-loading .loadingOverlay::before,
      .openCartDropdown2 .dropdown-cart.is-loading .loadingOverlay::before {
        width: 50px;
        height: 50px; } }

.previewCartHeader {
  padding: 0 0 16px; }
  .previewCartHeader .text {
    display: inline-block;
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.5px; }

.previewCart-emptyBody {
  display: block;
  margin: 0;
  padding: 36px 0 4px;
  border: 1px solid transparent;
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.5px;
  text-align: center; }

.suggestiveCart {
  display: none;
  text-align: center; }
  @media (min-width: 1024px) {
    .suggestiveCart {
      display: block; } }

.previewCart .productView-info {
  width: 100%;
  margin-top: 4px;
  margin-bottom: 4px; }
  .previewCart .productView-info > :first-child {
    margin-top: 0; }
  .previewCart .productView-info .productView-info-name {
    width: auto;
    min-width: 65px;
    font-weight: 700;
    letter-spacing: 0;
    text-align: left; }
  .previewCart .productView-info .productView-info-value {
    margin-bottom: 2px;
    padding-left: 0; }
  .previewCart .productView-info .productView-info-name,
  .previewCart .productView-info .productView-info-value {
    font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
    font-size: 13px;
    text-transform: capitalize;
    float: left;
    font-optical-sizing: auto; }

.previewCartView {
  display: block;
  width: 100%;
  text-align: center; }
  .previewCartView .productView-image {
    display: inline-block;
    width: 100px;
    vertical-align: top; }
  .previewCartView .productView-details {
    display: inline-block;
    width: calc(100% - 100px);
    padding: 0 0 0 16px;
    text-align: left;
    vertical-align: top;
    float: none; }
  .previewCartView .productView-brand {
    margin: 0 0 2px;
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.625;
    letter-spacing: 0.5px;
    text-transform: uppercase; }
  .previewCartView .productView-title {
    margin-top: 0;
    margin-bottom: 0;
    color: #050505;
    font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
    font-size: calc($font-size-root + 12px);
    font-weight: 700;
    line-height: 2;
    letter-spacing: 0.5px;
    font-optical-sizing: auto; }
  .previewCartView .productView-price {
    margin: 0 0 4px;
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.5px; }
  .previewCartView .productView-info {
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
    align-items: center;
    justify-content: center; }
    .previewCartView .productView-info + .productView-info {
      margin-top: 4px; }
  .previewCartView .productView-info-name,
  .previewCartView .productView-info-value {
    margin: 0;
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.625;
    letter-spacing: 0.5px; }
  .previewCartView .productView-info-value {
    margin: 0 0 0 4px; }
  @media (min-width: 600px) {
    .previewCartView {
      display: inline-block;
      width: 50%;
      padding: 0 16px 0 0;
      vertical-align: top; }
      .previewCartView .productView-info {
        justify-content: flex-start; } }
  @media (min-width: 768px) {
    .previewCartView {
      width: calc(100% - 280px);
      padding-right: 48px; }
      .previewCartView .productView-image {
        width: 170px; }
      .previewCartView .productView-details {
        width: calc(100% - 170px);
        padding-left: 30px; } }
  @media (min-width: 1024px) {
    .previewCartView {
      padding-right: 20px; } }

.previewCartCheckout {
  display: block;
  width: 100%;
  margin: 16px 0 0;
  text-align: center; }
  .previewCartCheckout.previewCartCheckout2 {
    width: 100%;
    text-align: center; }
    .previewCartCheckout.previewCartCheckout2 .button {
      width: auto; }
      .previewCartCheckout.previewCartCheckout2 .button + .button {
        margin-top: 16px; }
  .previewCartCheckout [data-cart-quantity] {
    margin: 16px 0 20px;
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.5px; }
  .previewCartCheckout .button {
    display: block;
    width: 100%;
    height: 50px;
    margin: 0;
    line-height: 3.375; }
    .previewCartCheckout .button + .button {
      margin-top: 20px; }
  .previewCartCheckout .previewCartCheckout-additionalCheckoutButtons p {
    margin: 0 0 8px;
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase; }
  .previewCartCheckout .previewCartCheckout-additionalCheckoutButtons .CheckoutButton {
    margin-bottom: 1rem; }
    .previewCartCheckout .previewCartCheckout-additionalCheckoutButtons .CheckoutButton:first-child {
      margin-top: 12px; }
    .previewCartCheckout .previewCartCheckout-additionalCheckoutButtons .CheckoutButton:last-child {
      margin-bottom: 1.71429rem; }
  .previewCartCheckout .previewCartCheckout-subtotal {
    display: block;
    margin: 36px 0 0;
    border: 1px solid #888e9b;
    border-radius: 0; }
    .previewCartCheckout .previewCartCheckout-subtotal .previewCartCheckout-price {
      position: relative;
      top: -10px;
      display: block;
      margin: 0 0 8px;
      color: #22262a;
      font-size: calc($font-size-root + 12px);
      font-weight: 700;
      line-height: 2;
      letter-spacing: 0.5px;
      text-align: center; }
    .previewCartCheckout .previewCartCheckout-subtotal span {
      position: relative;
      top: -15px;
      display: inline-block;
      padding: 0 20px;
      color: #000000;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5;
      letter-spacing: 0.5px;
      vertical-align: top; }
    .previewCartCheckout .previewCartCheckout-subtotal p {
      margin: 0;
      color: rgba(0, 0, 0, 0.7);
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5;
      letter-spacing: 0.5px; }
  .previewCartCheckout .previewCartCheckout-text {
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.625;
    letter-spacing: 0.5px;
    text-transform: uppercase; }
  @media (min-width: 768px) {
    .previewCartCheckout {
      display: inline-block;
      width: 100%;
      padding: 0;
      vertical-align: top; } }

.previewCart.previewCart2 {
  display: block;
  padding: 0;
  font-size: 0;
  letter-spacing: 0; }
  .previewCart.previewCart2 .halo-free-shipping-message {
    padding-top: 0;
    padding-bottom: 28px; }
  .previewCart.previewCart2 .previewCartView .productView-brand {
    margin-bottom: 0; }
  .previewCart.previewCart2 .previewCartView .productView-title {
    font-size: 16px; }

.previewCart.previewCartPopUp {
  margin: 0 auto;
  max-width: 85.71429rem;
  width: 100%; }
  .previewCart.previewCartPopUp:before, .previewCart.previewCartPopUp:after {
    content: " ";
    display: table; }
  .previewCart.previewCartPopUp:after {
    clear: both; }
  .previewCart.previewCartPopUp .productView-title {
    margin-top: 0; }
  .previewCart.previewCartPopUp .previewCartCheckout-additionalCheckoutButtons p {
    margin: 0.57143rem 0;
    float: none !important; }
  .previewCart.previewCartPopUp .previewCartCheckout-additionalCheckoutButtons .CheckoutButton {
    margin-bottom: 1rem; }
    .previewCart.previewCartPopUp .previewCartCheckout-additionalCheckoutButtons .CheckoutButton:first-child {
      margin-top: 1.71429rem; }
    .previewCart.previewCartPopUp .previewCartCheckout-additionalCheckoutButtons .CheckoutButton:last-child {
      margin-bottom: 1.71429rem; }
  .previewCart.previewCartPopUp .previewCartCheckout {
    padding: 1rem;
    text-align: center;
    background: #f3f5f6; }
    .previewCart.previewCartPopUp .previewCartCheckout .button {
      display: block;
      width: 100%;
      margin: 0; }
      .previewCart.previewCartPopUp .previewCartCheckout .button:not(:last-child) {
        margin-bottom: 0.85714rem; }
      .previewCart.previewCartPopUp .previewCartCheckout .button + p {
        margin-top: 0.85714rem; }
    @media (min-width: 768px) {
      .previewCart.previewCartPopUp .previewCartCheckout {
        padding-left: 0.85714rem;
        padding-right: 0.85714rem;
        width: 25%;
        float: right;
        padding: 1.71429rem; } }
  .previewCart.previewCartPopUp .previewCartCheckout-price {
    display: block;
    font-size: 28px;
    font-weight: 600;
    text-align: center; }
  .previewCart.previewCartPopUp .previewCartCheckout-subtotal {
    display: block;
    margin-top: 1.71429rem;
    margin-bottom: 1.71429rem; }
  .previewCart.previewCartPopUp .suggestiveCart {
    display: none;
    text-align: center; }
    @media (min-width: 1024px) {
      .previewCart.previewCartPopUp .suggestiveCart {
        display: block; } }
  @media (max-width: 768px) {
    .previewCart.previewCartPopUp .productView {
      padding: 30px 0 0; }
    .previewCart.previewCartPopUp .productView-details .productView-title {
      margin-top: 20px; } }
  @media (min-width: 768px) {
    .previewCart.previewCartPopUp .productView {
      padding-left: 0.85714rem;
      padding-right: 0.85714rem;
      width: 75%;
      float: left;
      display: flex;
      flex-wrap: nowrap;
      margin: 0;
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 0; }
    .previewCart.previewCartPopUp .productView-image {
      padding-left: 0.85714rem;
      padding-right: 0.85714rem;
      width: 58.33333%;
      float: left;
      display: flex;
      flex-direction: column;
      padding-left: 0; }
    .previewCart.previewCartPopUp .productView-image--cart {
      width: 100%;
      margin: 0 auto;
      align-self: flex-start; }
    .previewCart.previewCartPopUp .productView-details {
      padding-left: 0.85714rem;
      padding-right: 0.85714rem;
      width: 41.66667%;
      float: left; } }

.previewCart .previewCartItem-price {
  display: block;
  width: 100%;
  margin: 4px 0 0;
  color: #22262a;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.5px;
  text-transform: uppercase; }
  .previewCart .previewCartItem-price p {
    margin: 0;
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.5px;
    text-transform: capitalize; }

.previewCart .previewCartList {
  padding-right: 16px;
  overflow-y: auto;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  -ms-scroll-chaining: none;
  display: block;
  width: 100%;
  max-height: calc(100vh - 400px);
  margin: 0;
  padding: 0; }
  .previewCart .previewCartList::-webkit-scrollbar {
    width: 4px; }
  .previewCart .previewCartList::-webkit-scrollbar-track {
    background: #bdcad1; }
  .previewCart .previewCartList::-webkit-scrollbar-thumb {
    background: #a6abb5; }
    @media (hover: hover) {
      .previewCart .previewCartList::-webkit-scrollbar-thumb:hover, .previewCart .previewCartList::-webkit-scrollbar-thumb:focus {
        background: #757575; } }

.previewCart .previewCartItem {
  display: block;
  max-width: 100%;
  margin: 0;
  padding: 24px 0;
  border: 0;
  font-size: 0;
  line-height: unset;
  letter-spacing: 0; }
  .previewCart .previewCartItem:last-child {
    padding-bottom: 48px;
    border-bottom: 1px solid #cccccc; }

.previewCart .previewCartItem-image {
  position: relative;
  display: inline-block;
  width: 100px;
  padding: 0;
  text-align: center;
  vertical-align: top; }

.previewCart .previewCartItem-content {
  position: relative;
  top: 7px;
  display: inline-block;
  width: calc(100% - 100px);
  padding: 0 0 0 20px;
  text-align: left;
  vertical-align: top; }

.previewCart .previewCartItem-name {
  position: relative;
  top: -5px;
  margin: 0 0 8px;
  overflow-wrap: break-word; }
  .previewCart .previewCartItem-name > a {
    display: -webkit-box;
    margin: 0;
    color: #22262a;
    font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.5px;
    text-overflow: ellipsis;
    text-transform: capitalize;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-optical-sizing: auto; }

.previewCart .previewCartItem-options {
  position: relative;
  display: inline-block;
  width: auto;
  padding: 0 28px 0 0;
  vertical-align: top; }

.previewCart .previewCartItem-variant {
  display: block;
  width: 100%;
  margin: 0 0 8px;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-transform: capitalize; }
  .previewCart .previewCartItem-variant span + span::before {
    margin: 0 4px 0 0;
    content: '/'; }

.previewCart .previewCartItem-edit {
  position: absolute;
  top: -5px;
  right: 0;
  display: inline-block; }
  .previewCart .previewCartItem-edit .icon {
    width: 16px !important;
    height: 16px !important;
    fill: #878787; }
  @media (min-width: 1024px) {
    .previewCart .previewCartItem-edit:hover .icon, .previewCart .previewCartItem-edit:focus .icon {
      fill: #22262a; } }

.previewCart .previewCartItem-qty {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 130px;
  height: 25px !important;
  max-height: 25px !important;
  margin: 16px 0 0;
  padding: 0;
  vertical-align: top; }
  .previewCart .previewCartItem-qty .form-increment {
    display: inline-block;
    width: calc(100% - 30px);
    vertical-align: top; }
    .previewCart .previewCartItem-qty .form-increment .form-input--incrementTotal {
      width: 100%;
      padding: 4px;
      border: 1px solid #c2c5cc;
      color: rgba(0, 0, 0, 0.7);
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      text-align: center;
      height: 25px !important;
      vertical-align: top; }
  .previewCart .previewCartItem-qty .form-label {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #22262a;
    font-size: 16px;
    font-weight: 400;
    vertical-align: middle; }
    @media (max-width: 600px) {
      .previewCart .previewCartItem-qty .form-label {
        display: block;
        margin-bottom: 8px; } }
  .previewCart .previewCartItem-qty .form-increment--small {
    display: inline-flex;
    height: 25px;
    margin-left: 8px;
    align-items: center; }
    .previewCart .previewCartItem-qty .form-increment--small .cart-qty-btn {
      position: relative;
      display: flex;
      flex-wrap: nowrap;
      width: 25px !important;
      min-width: 25px !important;
      max-width: 25px !important;
      height: 25px !important;
      padding: 0 !important;
      border-radius: 4px;
      font-size: 0;
      line-height: 1;
      background-image: none !important;
      align-items: center;
      justify-content: center;
      overflow: hidden; }
      .previewCart .previewCartItem-qty .form-increment--small .cart-qty-btn::before {
        display: none !important; }
      .previewCart .previewCartItem-qty .form-increment--small .cart-qty-btn::after {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: inherit;
        font-size: 18px;
        font-weight: 700;
        line-height: 1;
        content: '−'; }
      .previewCart .previewCartItem-qty .form-increment--small .cart-qty-btn.cart-qty-btn--inc::after {
        content: '+'; }
      .previewCart .previewCartItem-qty .form-increment--small .cart-qty-btn > * {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
        white-space: nowrap;
        overflow: hidden;
        clip: rect(0, 0, 0, 0); }
    .previewCart .previewCartItem-qty .form-increment--small .form-input--incrementTotal {
      width: 50px !important;
      min-width: 50px !important;
      height: 25px !important;
      margin: 0 4px;
      padding: 2px 4px !important;
      border: 1px solid #c2c5cc;
      border-radius: 4px;
      font-size: 14px;
      line-height: 1;
      text-align: center;
      -moz-appearance: textfield;
      -webkit-appearance: textfield;
      appearance: textfield; }
      .previewCart .previewCartItem-qty .form-increment--small .form-input--incrementTotal::-webkit-outer-spin-button, .previewCart .previewCartItem-qty .form-increment--small .form-input--incrementTotal::-webkit-inner-spin-button {
        margin: 0;
        -webkit-appearance: none; }

.previewCart .previewCartItem-remove {
  position: absolute;
  transform: unset;
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  line-height: 1.5;
  transition: unset;
  inset: auto 0 16px auto; }
  .previewCart .previewCartItem-remove:before, .previewCart .previewCartItem-remove:after {
    content: " ";
    display: table; }
  .previewCart .previewCartItem-remove:after {
    clear: both; }
  .previewCart .previewCartItem-remove svg {
    width: 20px !important;
    height: 20px !important;
    margin: 0;
    fill: #565c67; }
  @media (prefers-reduced-motion: reduce) {
    .previewCart .previewCartItem-remove {
      transition: none; } }
  @media (min-width: 1024px) {
    .previewCart .previewCartItem-remove:hover svg, .previewCart .previewCartItem-remove:focus svg {
      fill: #22262a; } }

.previewCart .previewCartTotalsPrice {
  margin: 0;
  padding: 20px 0 12px;
  list-style: none; }

.previewCart .previewCartTotals {
  display: block;
  margin-bottom: 8px;
  padding: 0;
  font-size: 0;
  letter-spacing: 0; }
  .previewCart .previewCartTotals:before, .previewCart .previewCartTotals:after {
    content: " ";
    display: table; }
  .previewCart .previewCartTotals:after {
    clear: both; }
  .previewCart .previewCartTotals.grandTotal .previewCartTotals-label {
    font-size: 18px; }
  .previewCart .previewCartTotals.grandTotal .previewCartTotals-value {
    top: -1px;
    padding: 0;
    font-size: calc($font-size-root + 12px); }
  .previewCart .previewCartTotals .previewCartTotals-label {
    display: inline-block;
    width: 120px;
    color: #22262a;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.5px;
    text-align: left;
    text-transform: none;
    vertical-align: top; }
  .previewCart .previewCartTotals .previewCartTotals-value {
    display: inline-block;
    width: calc(100% - 120px);
    color: #22262a;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.5px;
    text-align: right;
    vertical-align: top; }

.previewCart .previewCartAction {
  display: block;
  width: auto;
  margin: 0;
  padding: 2px 0 0;
  border: 0;
  font-size: 0;
  letter-spacing: 0; }
  .previewCart .previewCartAction .button {
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0;
    line-height: 3;
    text-transform: uppercase; }
  .previewCart .previewCartAction .previewCartAction-checkout,
  .previewCart .previewCartAction .previewCartAction-viewCart {
    display: inline-block;
    width: 100%;
    padding: 0;
    vertical-align: top; }
  .previewCart .previewCartAction .previewCartAction-viewCart {
    margin: 24px 0 0; }

.previewCart .productView-title {
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5; }

.previewCart .productView-brand {
  margin-bottom: 8px;
  text-transform: capitalize; }

.previewCart .productView-price {
  font-size: 15px; }
  @media (min-width: 1024px) {
    .previewCart .productView-price {
      font-size: 16px; } }

@media (min-width: 600px) {
  .previewCart .previewCartItem-qty {
    max-width: 193px;
    max-height: 25px !important; }
    .previewCart .previewCartItem-qty .form-label {
      width: 75px; }
    .previewCart .previewCartItem-qty .form-increment {
      width: calc(100% - 88px); }
      .previewCart .previewCartItem-qty .form-increment .form-input--incrementTotal {
        padding: 8px;
        text-align: center; }
    .previewCart .previewCartItem-qty .form-increment--small {
      width: calc(100% - 88px); } }

@media (min-width: 1024px) {
  .previewCart .previewCartItem-remove:hover svg, .previewCart .previewCartItem-remove:focus svg {
    fill: #22262a; }
  .previewCart .previewCartItem-remove:hover span, .previewCart .previewCartItem-remove:focus span {
    color: #800000;
    background-image: linear-gradient(transparent 97%, #800000 3%);
    background-repeat: repeat-x;
    background-position-y: 0; } }

.product-edit-wrapper {
  display: block; }
  .product-edit-wrapper .product-edit-item {
    display: block;
    margin: 0 40px;
    padding: 36px 0; }
    .product-edit-wrapper .product-edit-item:first-child {
      padding-top: 32px; }
    .product-edit-wrapper .product-edit-item + .product-edit-item {
      border-top: 1px solid #cccccc; }
    @media (min-width: 768px) {
      .product-edit-wrapper .product-edit-item {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start; }
        .product-edit-wrapper .product-edit-item .product-edit-itemLeft {
          width: 50%;
          padding-right: 15px; }
        .product-edit-wrapper .product-edit-item .product-edit-itemRight {
          width: 50%;
          margin-top: 0;
          padding-left: 15px; } }
  .product-edit-wrapper .product-edit-image {
    position: relative;
    display: block;
    width: 100px;
    margin: 0 16px 0 0; }
    .product-edit-wrapper .product-edit-image .link {
      position: absolute;
      top: -16px;
      left: -16px;
      width: 32px;
      height: 32px;
      padding: 8px;
      border-radius: 50%;
      background: #000000; }
      .product-edit-wrapper .product-edit-image .link .icon {
        display: block;
        width: 100% !important;
        height: 100% !important;
        fill: #ffffff; }
      @media (min-width: 1024px) and (hover: hover) {
        .product-edit-wrapper .product-edit-image .link:hover, .product-edit-wrapper .product-edit-image .link:focus {
          background-color: #666666; } }
    .product-edit-wrapper .product-edit-image img {
      width: 100%; }
  .product-edit-wrapper .product-edit-remove {
    display: block;
    width: 100%;
    margin: 16px 0 0;
    text-align: center; }
    .product-edit-wrapper .product-edit-remove .button {
      min-width: 150px; }
  .product-edit-wrapper .product-edit-change {
    display: block; }
    .product-edit-wrapper .product-edit-change .form {
      margin: 0;
      padding: 0; }
    .product-edit-wrapper .product-edit-change .form-field {
      display: block;
      margin: 0;
      padding: 0;
      font-size: 0;
      letter-spacing: 0; }
      .product-edit-wrapper .product-edit-change .form-field + .form-field {
        margin-top: 20px; }
      .product-edit-wrapper .product-edit-change .form-field > .form-label {
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 12px;
        color: #22262a;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        letter-spacing: 0.5px;
        align-items: center; }
        .product-edit-wrapper .product-edit-change .form-field > .form-label [data-option-value] {
          color: #22262a;
          font-size: 16px;
          font-style: italic;
          font-weight: 400;
          line-height: 1.5;
          letter-spacing: 0.5px;
          text-transform: capitalize;
          margin-left: 2px; }
        .product-edit-wrapper .product-edit-change .form-field > .form-label small {
          display: block;
          margin: 0;
          color: #800000;
          line-height: 1.5; }
  .product-edit-wrapper .product-edit-message {
    margin-top: 16px;
    margin-bottom: 0; }
  .product-edit-wrapper .product-edit-content {
    display: block;
    width: calc(100% - 115px);
    margin-bottom: -4px; }
    .product-edit-wrapper .product-edit-content .product-edit-title {
      display: block;
      margin: -4px 0 0; }
      .product-edit-wrapper .product-edit-content .product-edit-title span,
      .product-edit-wrapper .product-edit-content .product-edit-title .subtitle {
        position: relative;
        display: none;
        color: rgba(0, 0, 0, 0.7);
        font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        letter-spacing: 0.5px;
        font-optical-sizing: auto; }
    .product-edit-wrapper .product-edit-content .product-edit-variant {
      margin: 0 0 8px;
      padding: 0;
      color: #22262a;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5;
      letter-spacing: 0.5px;
      text-transform: capitalize;
      opacity: 0.7; }
      .product-edit-wrapper .product-edit-content .product-edit-variant span {
        display: inline; }
        .product-edit-wrapper .product-edit-content .product-edit-variant span + span {
          margin-left: 4px; }
          .product-edit-wrapper .product-edit-content .product-edit-variant span + span::before {
            margin-right: 4px;
            content: '/'; }
    .product-edit-wrapper .product-edit-content .product-edit-increment {
      position: relative;
      display: inline-block;
      width: 100%;
      max-width: 130px;
      margin-top: 16px;
      font-size: 0;
      letter-spacing: 0;
      vertical-align: top; }
      .product-edit-wrapper .product-edit-content .product-edit-increment .form-increment {
        display: inline-block;
        width: calc(100% - 30px);
        vertical-align: middle; }
        .product-edit-wrapper .product-edit-content .product-edit-increment .form-increment .form-input--incrementTotal {
          width: 100%;
          padding: 4px;
          border: 1px solid #c2c5cc;
          color: rgba(0, 0, 0, 0.7);
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          text-align: center;
          height: 50px;
          min-height: unset; }
      .product-edit-wrapper .product-edit-content .product-edit-increment .form-label {
        display: inline-block;
        width: 100%;
        margin-bottom: 8px;
        color: rgba(0, 0, 0, 0.7);
        font-size: 16px;
        font-weight: 400;
        vertical-align: middle; }
    .product-edit-wrapper .product-edit-content .product-action {
      position: relative;
      display: block;
      margin-top: 20px;
      margin-left: 20px; }
    .product-edit-wrapper .product-edit-content .product-edit-price {
      position: relative;
      display: block;
      margin: 8px 0 0;
      font-size: 0;
      letter-spacing: 0; }
      .product-edit-wrapper .product-edit-content .product-edit-price .price--non-sale {
        font-weight: 600; }
      .product-edit-wrapper .product-edit-content .product-edit-price .price-section--saving {
        margin: 4px 0 0;
        color: rgba(0, 0, 0, 0.7);
        font-size: 16px;
        font-style: italic;
        font-weight: 400;
        line-height: 1.625;
        letter-spacing: 0.5px; }
      .product-edit-wrapper .product-edit-content .product-edit-price > p {
        margin-bottom: 0;
        color: rgba(0, 0, 0, 0.7);
        font-size: 16px;
        font-style: italic;
        font-weight: 400;
        line-height: 1.5;
        letter-spacing: 0.5px; }
    @media (min-width: 600px) {
      .product-edit-wrapper .product-edit-content .product-edit-increment {
        max-width: 193px; }
        .product-edit-wrapper .product-edit-content .product-edit-increment .form-label {
          width: 75px;
          margin-bottom: 0; }
        .product-edit-wrapper .product-edit-content .product-edit-increment .form-increment {
          width: calc(100% - 88px); } }
  .product-edit-wrapper .product-edit-itemLeft {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    align-items: flex-start; }
  .product-edit-wrapper .product-edit-itemRight {
    display: block;
    width: 100%;
    margin: 28px 0 0;
    padding: 0; }
  .product-edit-wrapper .product-edit-optionsStock {
    margin-top: 8px;
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.5px; }
  .product-edit-wrapper .product-edit-itemFirst .product-edit-content .product-edit-title {
    margin-top: -8px; }
    .product-edit-wrapper .product-edit-itemFirst .product-edit-content .product-edit-title span,
    .product-edit-wrapper .product-edit-itemFirst .product-edit-content .product-edit-title .subtitle {
      display: inline-block;
      vertical-align: middle;
      background-image: linear-gradient(transparent 97%, #3538ed 3%);
      background-repeat: repeat-x;
      background-position-y: -1px; }
      .product-edit-wrapper .product-edit-itemFirst .product-edit-content .product-edit-title span + span,
      .product-edit-wrapper .product-edit-itemFirst .product-edit-content .product-edit-title .subtitle + span {
        font-size: 16px; }

.price-section {
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.625; }

.price-section--withoutTax {
  color: rgba(0, 0, 0, 0.7); }

.rrp-price--withoutTax {
  margin: 0 0 4px; }

.non-sale-price--withoutTax {
  display: inline-block;
  margin: 0 12px 0 0;
  color: rgba(0, 0, 0, 0.7);
  vertical-align: bottom; }
  .non-sale-price--withoutTax + .price-section--withoutTax {
    display: inline-block;
    vertical-align: bottom; }

.product-edit-wrapper .product-edit-content .product-edit-price .price-none + .price-section--withoutTax {
  margin-left: 12px;
  color: rgba(0, 0, 0, 0.7); }

.previewCart,
.product-edit-wrapper .product-edit-content .product-edit-price .price-none {
  margin: 0; }

.product-edit-wrapper .product-edit-content .product-edit-price [style='display: none;'] + .price-section--withoutTax {
  margin-left: 0; }

.product-edit-action {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  padding: 0 40px 40px;
  background: #ffffff; }
  .product-edit-action .product-add-more {
    padding: 12px 0;
    border-top: 1px solid #cccccc; }
    .product-edit-action .product-add-more .link {
      position: relative;
      margin: 0 0 0 20px;
      padding: 0;
      color: #0e119f;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.875;
      letter-spacing: 0;
      text-transform: unset;
      transition: unset; }
      .product-edit-action .product-add-more .link::before {
        position: absolute;
        top: 10px;
        right: calc(100% + 9px);
        width: 12px;
        height: 2px;
        background-color: #0e119f;
        content: ''; }
      .product-edit-action .product-add-more .link::after {
        position: absolute;
        top: 5px;
        right: calc(100% + 14px);
        width: 2px;
        height: 12px;
        background-color: #0e119f;
        content: ''; }
      @media (prefers-reduced-motion: reduce) {
        .product-edit-action .product-add-more .link {
          transition: none; } }
  .product-edit-action .product-edit-button .button {
    width: 100%;
    margin-bottom: 0;
    border-radius: 0;
    text-transform: uppercase; }
    .product-edit-action .product-edit-button .button::before {
      border-top: 2px solid transparent;
      border-radius: 100%;
      -webkit-animation: load-animate infinite linear 1s;
      animation: load-animate infinite linear 1s;
      display: none;
      width: 20px;
      height: 20px;
      content: ''; }
      @media (prefers-reduced-motion: reduce) {
        .product-edit-action .product-edit-button .button::before {
          -webkit-animation: none;
          animation: none; } }
      @media (min-width: 1024px) {
        .product-edit-action .product-edit-button .button::before {
          border-color: rgba(0, 0, 0, 0.7); } }
    .product-edit-action .product-edit-button .button[disabled] {
      pointer-events: none; }
    .product-edit-action .product-edit-button .button.loading {
      font-size: 0;
      pointer-events: none; }
      .product-edit-action .product-edit-button .button.loading::before {
        display: inline-block;
        vertical-align: "middle"; }
  @media (min-width: 1024px) and (hover: hover) {
    .product-edit-action .product-add-more .link:hover::after, .product-edit-action .product-add-more .link:hover::before, .product-edit-action .product-add-more .link:focus::after, .product-edit-action .product-add-more .link:focus::before {
      background: #3538ed; } }

.login-row {
  display: block;
  margin-top: 28px;
  font-size: 0;
  letter-spacing: 0; }
  @media (min-width: 768px) {
    .login-row {
      margin-right: -16px;
      margin-bottom: 48px;
      margin-left: -16px; }
      .page-login .login-row {
        margin-bottom: 28px; } }

.new-customer {
  display: block;
  width: 100%;
  font-size: 16px; }
  .new-customer .panel {
    padding: 48px 28px;
    background: #f0f3f5; }
  .new-customer .panel-title {
    margin: 0 0 24px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.5px;
    text-transform: uppercase; }
  .new-customer .new-customer-intro {
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.5px; }
  .new-customer .new-customer-fact-list {
    margin: 0;
    list-style-position: inside; }
    .new-customer .new-customer-fact-list .new-customer-fact {
      color: #22262a;
      font-size: 16px;
      font-weight: 400;
      line-height: 2;
      letter-spacing: 0.5px; }
  .new-customer .button {
    min-width: 271px;
    margin-top: 36px;
    text-transform: uppercase; }
  .new-customer .panel-header,
  .new-customer .panel-body {
    margin: 0;
    padding: 0;
    background: transparent; }
  @media (min-width: 768px) {
    .new-customer {
      display: inline-block;
      width: 50%;
      padding: 0 16px;
      vertical-align: middle; }
      .new-customer .panel {
        max-width: 615px;
        margin-left: auto;
        padding: 48px 50px 52px; } }
  @media (min-width: 1024px) {
    .new-customer .panel {
      padding: 98px 50px 102px 100px; } }

.login-form {
  display: block;
  width: 100%;
  margin: 0 0 28px;
  font-size: 16px; }
  .login-form .form-field {
    margin-bottom: 0;
    font-size: 16px; }
    .login-form .form-field + .form-field {
      margin-top: 20px; }
    .login-form .form-field input {
      font-size: 16px; }
    .login-form .form-field label {
      font-size: 18px; }
  .login-form .form-label {
    margin-bottom: 8px;
    line-height: 1.5;
    text-transform: capitalize; }
  .login-form .form-actions {
    display: block;
    margin: 20px 0 0;
    font-size: 0;
    letter-spacing: 0;
    text-align: center; }
    .login-form .form-actions .button {
      display: block;
      width: 100%;
      height: 50px;
      line-height: 3.375;
      text-transform: uppercase; }
    .login-form .form-actions .forgot-password {
      width: auto;
      margin: 16px 0 0;
      color: #fbbf24;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5;
      transition: unset; }
      @media (prefers-reduced-motion: reduce) {
        .login-form .form-actions .forgot-password {
          transition: none; } }
  .login-form .form-field--error .form-field-error,
  .login-form .form-field--error .form-inlineMessage {
    font-size: 16px; }
  @media (min-width: 768px) {
    .login-form {
      display: inline-block;
      width: 50%;
      margin-bottom: 0;
      padding: 0 16px;
      vertical-align: middle; }
      .login-form .form-field {
        max-width: 615px; }
      .login-form .form-actions {
        margin-top: 30px; } }
  @media (min-width: 768px) {
    .login-form .form-actions {
      display: flex;
      flex-wrap: nowrap;
      text-align: left;
      align-items: center;
      justify-content: flex-start; }
      .login-form .form-actions .button {
        display: inline-block;
        width: auto;
        min-width: 170px;
        vertical-align: top; }
      .login-form .form-actions .forgot-password {
        margin-top: 0;
        margin-left: 28px; } }

@media (min-width: 1024px) {
  .halo-search-box {
    position: fixed;
    z-index: 102;
    background-color: transparent;
    transition: color 0.15s ease;
    inset: 0; }
    .halo-search-box-close {
      position: absolute;
      top: 30px;
      right: 30px;
      left: auto;
      z-index: 22; }
      .halo-search-box-close svg {
        position: relative;
        width: 20px !important;
        height: 20px !important;
        fill: #a4a9b2; }
    .openQuickSearch .halo-search-box {
      display: block; } }

@media (min-width: 1280px) {
  .halo-search-box-close {
    right: calc((100% - 1170px) / 2); } }

@media (min-width: 1440px) {
  .halo-search-box-close {
    top: 95px;
    right: calc((100% - 1280px) / 2); } }

.quickSearch {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0; }
  .quickSearch .button {
    min-width: 40px;
    height: auto;
    padding: 0;
    line-height: 1.5;
    text-align: center;
    background-color: #22262a !important; }
    .quickSearch .button svg {
      position: relative;
      width: 20px !important;
      height: 20px !important;
      fill: #ffffff; }
  .quickSearch .form-input {
    width: 230px;
    height: auto;
    min-height: unset;
    padding: 8px 16px;
    border-color: #1b1b1b;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5; }
    .quickSearch .form-input::-webkit-input-placeholder {
      text-transform: uppercase; }
    .quickSearch .form-input::-moz-placeholder {
      text-transform: uppercase; }
    .quickSearch .form-input:-ms-input-placeholder {
      text-transform: uppercase; }
    .quickSearch .form-input::-ms-input-placeholder {
      text-transform: uppercase; }
    .quickSearch .form-input::placeholder {
      text-transform: uppercase; }
    .home-layout-2 .quickSearch .form-input {
      width: 270px;
      min-height: 45px;
      padding-left: 44px;
      border-color: #1b1b1b; }
      .home-layout-2 .quickSearch .form-input::-webkit-input-placeholder {
        color: #888e9b;
        font-size: 16px;
        text-transform: unset; }
      .home-layout-2 .quickSearch .form-input::-moz-placeholder {
        color: #888e9b;
        font-size: 16px;
        text-transform: unset; }
      .home-layout-2 .quickSearch .form-input:-ms-input-placeholder {
        color: #888e9b;
        font-size: 16px;
        text-transform: unset; }
      .home-layout-2 .quickSearch .form-input::-ms-input-placeholder {
        color: #888e9b;
        font-size: 16px;
        text-transform: unset; }
      .home-layout-2 .quickSearch .form-input::placeholder {
        color: #888e9b;
        font-size: 16px;
        text-transform: unset; }
      .home-layout-2 .quickSearch .form-input + .button {
        position: absolute;
        top: auto;
        left: 0;
        width: 45px;
        height: 45px;
        border-color: #1b1b1b; }
        .home-layout-2 .quickSearch .form-input + .button svg {
          fill: #000000; }
      @media (min-width: 1440px) {
        .home-layout-2 .quickSearch .form-input {
          width: 470px; } }
  .quickSearch .form {
    margin: 0; }
  .quickSearch .form-fieldset {
    position: relative;
    width: 100%;
    margin: 0;
    border: 0; }
  .quickSearch .form-field {
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
    padding: 16px 0; }
    .home-layout-2 .quickSearch .form-field {
      padding: 2px 0; }
  .quickSearch + .quickSearch {
    display: none; }
  @media (min-width: 1024px) {
    .quickSearch {
      max-width: 1170px;
      padding: 0; } }

.card-quick-search .card-body-content {
  background: transparent; }

.quickResults-wrapper {
  display: block;
  opacity: 0;
  transition: opacity 0.3s ease; }
  .quickResults-wrapper .card-option .form-field {
    padding: 0;
    border: 0;
    align-items: center;
    justify-content: center; }
  .quickResults-wrapper .quickResults-close {
    position: absolute;
    top: 25px;
    right: 30px;
    z-index: 50;
    display: none;
    padding: 0;
    color: #22262a;
    font-size: 0;
    line-height: 1.5;
    text-align: center; }
    @media (min-width: 1024px) {
      .quickResults-wrapper .quickResults-close {
        transform: rotate(0);
        display: block;
        transition: opacity 0.1s ease, transform 0.3s ease; } }
  @media (min-width: 1024px) and (hover: hover) {
    .quickResults-wrapper .quickResults-close:hover, .quickResults-wrapper .quickResults-close:focus {
      transform: rotate(90deg); } }
  .quickResults-wrapper .quickResults-item {
    display: block;
    width: 100%;
    padding: 0; }
    .quickResults-wrapper .quickResults-item.quickResults-product {
      position: relative;
      padding-top: 8px; }
      .quickResults-wrapper .quickResults-item.quickResults-product.is-loading {
        padding-top: 48px;
        padding-bottom: 64px; }
        .quickResults-wrapper .quickResults-item.quickResults-product.is-loading .loadingOverlay {
          display: block;
          padding-top: 40px;
          padding-bottom: 40px; }
      .quickResults-wrapper .quickResults-item.quickResults-product .card-action {
        margin-left: 20px;
        background-color: transparent; }
        @media (max-width: 1024px) {
          .quickResults-wrapper .quickResults-item.quickResults-product .card-action {
            color: #050505; }
            .quickResults-wrapper .quickResults-item.quickResults-product .card-action .text::after,
            .quickResults-wrapper .quickResults-item.quickResults-product .card-action .text::before {
              background-color: #050505; } }
      .quickResults-wrapper .quickResults-item.quickResults-product .card-option {
        padding-bottom: 0; }
      .quickResults-wrapper .quickResults-item.quickResults-product .card-body-button {
        min-height: 20px;
        margin-top: 8px;
        padding-top: 8px; }
        .header-layout-3 .quickResults-wrapper .quickResults-item.quickResults-product .card-body-button {
          margin-top: 0; }
    .quickResults-wrapper .quickResults-item + .quickResults-item {
      margin-top: 20px; }
  .quickResults-wrapper .quickResults-title {
    margin: 0 0 24px;
    font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.5px;
    text-align: left;
    text-transform: uppercase;
    font-optical-sizing: auto; }
  .quickResults-wrapper .quickResults-link {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.5px;
    transition: unset; }
    @media (prefers-reduced-motion: reduce) {
      .quickResults-wrapper .quickResults-link {
        transition: none; } }
  .quickResults-wrapper .productGrid-search {
    margin: 0;
    font-size: 0;
    letter-spacing: 0;
    text-align: left;
    list-style: none; }
    .quickResults-wrapper .productGrid-search .search-item {
      display: inline-block;
      margin: 0 8px 8px 0;
      vertical-align: top; }
      .quickResults-wrapper .productGrid-search .search-item:last-child {
        margin-right: 0; }
    .quickResults-wrapper .productGrid-search .link {
      display: block;
      padding: 8px 12px;
      color: #22262a;
      font-size: 15px;
      font-weight: 400;
      letter-spacing: 0.5px;
      cursor: pointer;
      pointer-events: auto; }
    .quickResults-wrapper .productGrid-search .icon {
      position: relative;
      top: -2px;
      width: 16px !important;
      height: 16px !important;
      margin: 0 8px 0 0;
      color: #22262a;
      fill: #22262a; }
  .quickResults-wrapper .productGrid {
    margin-right: -16px;
    margin-left: -16px;
    white-space: nowrap; }
    .quickResults-wrapper .productGrid .product {
      width: 200px;
      margin-top: 0;
      padding-right: 16px;
      padding-left: 16px; }
    .quickResults-wrapper .productGrid .slick-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
      .quickResults-wrapper .productGrid .slick-arrow.slick-prev {
        left: 15px; }
      .quickResults-wrapper .productGrid .slick-arrow.slick-next {
        right: 15px;
        left: auto; }
  @media (prefers-reduced-motion: reduce) {
    .quickResults-wrapper {
      transition: none; } }
  @media (min-width: 1024px) {
    .quickResults-wrapper .quickResults-item.quickResults-product {
      padding-right: 0;
      order: -1; }
    .quickResults-wrapper .quickResults-item + .quickResults-item {
      margin-top: 0; }
    .quickResults-wrapper .productGrid-search .search-item {
      margin-right: 16px;
      margin-bottom: 16px; }
    .quickResults-wrapper .productGrid .product,
    .quickResults-wrapper .productGrid .product-sample {
      width: 33.3334%; } }
  @media (min-width: 1440px) {
    .quickResults-wrapper .productGrid .product,
    .quickResults-wrapper .productGrid .product-sample {
      width: 25%; } }
  @media (min-width: 1600px) {
    .quickResults-wrapper .productGrid .product,
    .quickResults-wrapper .productGrid .product-sample {
      width: 20%; } }

.haloQuickSearchResults {
  position: relative;
  z-index: 11;
  width: 100%;
  margin: 0 auto;
  padding: 24px; }
  .haloQuickSearchResults.is-open {
    display: block;
    opacity: 1;
    visibility: visible;
    -webkit-animation: fadeIn 0.36s;
    animation: fadeIn 0.3s; }
    .haloQuickSearchResults.is-open .quickResults-wrapper {
      opacity: 1; }
    @media (prefers-reduced-motion: reduce) {
      .haloQuickSearchResults.is-open {
        -webkit-animation: none;
        animation: none; } }
  .haloQuickSearchResults .quickSearchMessage {
    display: block;
    margin: 0;
    padding: 8px 16px;
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.5px;
    text-align: center; }
  .header.header-layout-3 .haloQuickSearchResults {
    display: none; }
  @media (min-width: 1024px) {
    .haloQuickSearchResults {
      position: absolute;
      top: 100%;
      right: 0;
      max-height: calc(100vh - 150px);
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.5s ease;
      -webkit-animation: fadeOut 0.3s;
      animation: fadeOut 0.3s;
      -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
      animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
      overflow: hidden auto;
      scrollbar-gutter: stable;
      overscroll-behavior: contain;
      -ms-scroll-chaining: none; } }
  @media (min-width: 1024px) and (prefers-reduced-motion: reduce) {
    .haloQuickSearchResults {
      -webkit-animation: none;
      animation: none; } }

.search-suggestion {
  margin-bottom: 2.28571rem; }
  .search-suggestion > :last-child {
    margin-bottom: 0; }
  .search-suggestion ul {
    margin-left: 16px; }
    .search-suggestion ul li {
      font-size: 16px;
      font-weight: 400;
      line-height: 3;
      letter-spacing: 0.5px; }

.suggestion-title {
  margin: 0 0 28px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.5px;
  text-transform: capitalize; }

.advancedSearch-form {
  margin-bottom: 3.42857rem; }
  .advancedSearch-form .form-row {
    margin-bottom: -1.71429rem; }
  .advancedSearch-form .form-actions {
    max-width: 305px; }

.quickSearchResults {
  margin-top: 1.71429rem; }
  @media (min-width: 1024px) {
    .quickSearchResults {
      margin-top: 0; } }
  .quickSearchResults .modal-close {
    display: none; }
    @media (min-width: 1024px) {
      .quickSearchResults .modal-close {
        display: block; } }

.advancedSearch-separator,
.halo-search-box {
  display: none; }

.advancedSearch-title {
  margin: 0 0 1.71429rem;
  text-transform: inherit; }

.search-price-range label {
  display: inline; }
  .search-price-range label input {
    display: block;
    padding-left: 1.71429rem; }
    @media (min-width: 600px) {
      .search-price-range label input {
        display: inline;
        width: 6rem; } }
    @media (min-width: 600px) {
      .search-price-range label input {
        display: inline; } }
  @media (min-width: 600px) {
    .search-price-range label span {
      display: inline;
      padding-right: 1.71429rem;
      padding-left: 1.71429rem; } }

.category-suggestion-list {
  margin: 0 -0.85714rem;
  max-width: none;
  width: auto;
  list-style-type: none; }
  .category-suggestion-list:before, .category-suggestion-list:after {
    content: " ";
    display: table; }
  .category-suggestion-list:after {
    clear: both; }
  .category-suggestion-list .category-suggestion {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.5px; }
    .category-suggestion-list .category-suggestion:only-child {
      padding: 0; }
    .category-suggestion-list .category-suggestion > a {
      color: rgba(0, 0, 0, 0.7);
      transition: unset; }
      @media (prefers-reduced-motion: reduce) {
        .category-suggestion-list .category-suggestion > a {
          transition: none; } }
  @media (min-width: 1024px) {
    .category-suggestion-list {
      display: block;
      margin-right: -16px;
      margin-left: -16px;
      font-size: 0;
      letter-spacing: 0; }
      .category-suggestion-list .category-suggestion {
        display: inline-block;
        width: 50%;
        padding-right: 15px;
        padding-left: 15px;
        vertical-align: top; } }

.category-suggestion {
  padding-left: 0.85714rem;
  padding-right: 0.85714rem;
  width: 33.33333%;
  float: left;
  font-size: 15px; }

.search-refine {
  display: inline-block;
  width: auto;
  padding: 0;
  color: #0e119f;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.5px;
  text-transform: unset;
  vertical-align: top;
  transition: unset;
  margin: 0 0 0 8px; }

.quickSearchMessage {
  margin: 1.71429rem 0 0;
  font-size: 28px;
  text-align: center; }

.search-nav {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  margin: 28px 0;
  justify-content: center; }
  .search-nav .navBar-section {
    width: 100%;
    border: 1px solid #22262a; }
  .search-nav .navBar-action {
    color: #22262a;
    font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    font-optical-sizing: auto; }
  .search-nav .navBar-item {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding: 8px 16px;
    text-align: center;
    float: left; }
    .search-nav .navBar-item.navBar-item--active {
      background-color: #22262a; }
    .search-nav .navBar-item .navBar-action {
      color: #1b1b1b; }
  .search-nav .toggleLink-text {
    color: #22262a;
    font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    font-optical-sizing: auto; }
  .search-nav .navBar-action-color--active {
    color: #22262a;
    font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    font-optical-sizing: auto;
    color: #ffffff; }
  @media (min-width: 600px) {
    .search-nav {
      width: auto;
      text-align: right; }
      .search-nav .navBar-section {
        width: auto; }
      .search-nav .navBar-item {
        display: inline-block;
        width: auto; } }
  @media (min-width: 1024px) {
    .search-nav {
      margin-top: 48px;
      margin-bottom: 48px; } }

#search-results-content > ul {
  margin-left: 0; }

#search-results-content .actionBar {
  display: inline-block;
  margin: 0 0 32px;
  vertical-align: top; }
  #search-results-content .actionBar .form-field {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 0;
    border: 0;
    align-items: center; }
  #search-results-content .actionBar .form-label {
    display: none; }
  #search-results-content .actionBar .form-label {
    margin-right: 12px;
    margin-bottom: 0;
    padding: 0;
    color: #030303;
    font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    font-optical-sizing: auto; }
  #search-results-content .actionBar .form-select {
    min-width: 150px;
    padding-left: 16px;
    border: 1px solid #888e9b;
    color: #22262a;
    background-position: right 8px top 9px;
    background-size: unset; }
    @media (min-width: 600px) {
      #search-results-content .actionBar .form-select {
        min-width: 175px; } }
  @media (min-width: 768px) {
    #search-results-content .actionBar .form-label {
      display: inline-block; } }
  @media (min-width: 1024px) {
    #search-results-content .actionBar .form-select {
      min-width: 192px; } }

#search-results-heading .page-heading {
  text-transform: capitalize; }

.navBar--account {
  display: block;
  padding-top: 4px; }
  .navBar--account.navBar--account2 .navBar-section .navBar-item .navBar-action {
    padding: 16px; }
  .navBar--account .navBar-section {
    font-size: 0;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
    float: none;
    overflow-x: auto;
    scrollbar-gutter: stable;
    overscroll-behavior: contain;
    -ms-scroll-chaining: none;
    display: block;
    margin: 0 8px 2px;
    padding-right: 16px;
    border: 1px solid #888e9b; }
    .navBar--account .navBar-section .navBar-item {
      display: inline-block; }
    .navBar--account .navBar-section .navBar-item {
      width: 220px;
      margin: 0;
      padding: 0;
      text-align: center;
      vertical-align: top;
      float: none; }
      .navBar--account .navBar-section .navBar-item.is-active .navBar-action {
        color: #22262a !important;
        background-color: #ffffff !important; }
      .navBar--account .navBar-section .navBar-item .navBar-action {
        letter-spacing: 0.5px;
        text-overflow: ellipsis;
        text-transform: uppercase;
        white-space: nowrap;
        background-color: #fafafa;
        transition: unset;
        overflow: hidden;
        padding: 12px 16px;
        color: rgba(0, 0, 0, 0.7);
        font-size: 16px;
        font-weight: 400; }
        @media (prefers-reduced-motion: reduce) {
          .navBar--account .navBar-section .navBar-item .navBar-action {
            transition: none; } }
      .navBar--account .navBar-section .navBar-item + .navBar-item {
        border-left: 1px solid #888e9b; }
  @media (max-width: 1024px) {
    .navBar--account {
      display: none; } }
  @media (min-width: 1024px) {
    .navBar--account.navBar--account2 .navBar-section {
      margin-right: -4px;
      margin-left: -4px;
      border: 0; }
      .navBar--account.navBar--account2 .navBar-section .navBar-item {
        padding: 0 4px;
        width: calc(100% / 3); }
        .navBar--account.navBar--account2 .navBar-section .navBar-item + .navBar-item {
          border-left: 0; }
        .navBar--account.navBar--account2 .navBar-section .navBar-item .navBar-action {
          color: #888e9b;
          font-weight: 500;
          text-transform: capitalize;
          background: #ffffff; } }
    @media (min-width: 1024px) and (hover: hover) {
      .navBar--account.navBar--account2 .navBar-section .navBar-item .navBar-action:hover,
      .navBar--account.navBar--account2 .navBar-section .navBar-item .navBar-action:focus {
        color: rgba(0, 0, 0, 0.7); }
        .navBar--account.navBar--account2 .navBar-section .navBar-item .navBar-action:hover.navBar-item,
        .navBar--account.navBar--account2 .navBar-section .navBar-item .navBar-action:focus.navBar-item {
          color: #41454e; } }
  @media (min-width: 1024px) {
    .navBar--account .navBar-section {
      margin-right: -5px;
      margin-left: -5px;
      border: 0; }
      .navBar--account .navBar-section .navBar-item {
        padding: 0 4px;
        width: calc(100% / 6); }
        .navBar--account .navBar-section .navBar-item + .navBar-item {
          border-left: 0; }
        .navBar--account .navBar-section .navBar-item .navBar-action {
          color: #888e9b;
          font-weight: 500;
          text-transform: capitalize;
          background: #ffffff; } }
    @media (min-width: 1024px) and (hover: hover) {
      .navBar--account .navBar-section .navBar-item .navBar-action:hover,
      .navBar--account .navBar-section .navBar-item .navBar-action:focus {
        color: rgba(0, 0, 0, 0.7); }
        .navBar--account .navBar-section .navBar-item .navBar-action:hover.navBar-item,
        .navBar--account .navBar-section .navBar-item .navBar-action:focus.navBar-item {
          color: #41454e; } }

.account-heading {
  margin: 0;
  padding-bottom: 1rem;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.625;
  letter-spacing: 0.5px; }

.account-list {
  margin: 0;
  list-style: none; }
  .account-list.account-list2 {
    list-style-position: inside;
    list-style-type: decimal; }
  .account-list + .account-heading {
    margin-top: 40px;
    margin-bottom: 28px; }

.account-description {
  margin: 28px 0 0;
  color: #41454e;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.5px; }
  .account-description + .account-list.account-list2 {
    margin-top: 16px; }

.account-listItem {
  position: relative;
  padding: 44px 0 40px; }
  .account-listItem .account-product-image {
    position: absolute;
    margin: auto;
    inset: 0; }
  .account-listItem img {
    width: 100%; }

@media (min-width: 600px) {
  .account-orderStatus {
    position: inherit;
    bottom: 0;
    left: 0;
    text-align: center;
    float: right; } }

.account-message .is-read {
  color: #22262a; }

.account-message .account-listItem {
  padding: 24px 0 16px; }
  .account-message .account-listItem:first-child {
    padding-top: 0; }

.account-message .account-list .account-listItem:last-child {
  margin-bottom: 40px; }

.account-message .form-actions {
  margin-top: 24px; }

.account-message .account-orderStatus {
  position: inherit;
  text-align: left;
  float: none; }

.account-listShipping {
  padding: 2.28571rem 0;
  font-weight: 700; }
  .account-listShipping .account-listShipping-title {
    margin: 0;
    text-transform: inherit; }

.account-product:before, .account-product:after {
  content: " ";
  display: table; }

.account-product:after {
  clear: both; }

.account-product-figure {
  float: left;
  margin-right: 0.85714rem; }
  .account-product-figure > img {
    display: block; }

.account-product-figure--opposite {
  float: right;
  margin-left: 0.85714rem;
  margin-right: 0; }

.account-product-body:before, .account-product-body:after {
  content: " ";
  display: table; }

.account-product-body:after {
  clear: both; }

.account-product-figure {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  width: 100px;
  margin: 0 28px 0 0;
  align-items: center; }
  .account-product-figure::after {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 128%;
    content: ''; }

.account-product-download {
  position: absolute;
  top: -0.85714rem;
  right: -0.85714rem;
  z-index: 1;
  width: 2.35714rem;
  height: 2.35714rem;
  padding: 0;
  border-radius: 50%; }
  .account-product-download .icon {
    width: 1.71429rem !important;
    height: 1.71429rem !important;
    margin-top: 0.42857rem; }
  .account-product-download svg {
    fill: #ffffff; }

.account-product-body {
  position: relative;
  padding: 0 0 48px;
  overflow: hidden; }
  .account-product-body .definitionList {
    margin: 0;
    font-size: 16px;
    font-weight: 400; }
  @media (min-width: 600px) {
    .account-product-body {
      padding-bottom: 0; } }

.account-product-subtitle {
  margin: -0.21429rem 0 1rem;
  color: #dee5e8;
  font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  font-size: 16px;
  text-transform: inherit;
  font-optical-sizing: auto; }

.account-product-price {
  color: #22262a;
  font-size: 16px;
  font-weight: 500;
  float: right; }
  @media (max-width: 600px) {
    .account-product-price {
      float: unset; } }

.account-product-description {
  margin: 0;
  color: #22262a;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625;
  letter-spacing: 0.5px; }
  .account-product-description + .account-product-details {
    margin-top: 24px; }
  .account-product-description + .definitionList {
    margin: -1.42857rem 0 1.71429rem; }
    .account-product-description + .definitionList .definitionList-value,
    .account-product-description + .definitionList .definitionList-key {
      color: #41454e;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5;
      letter-spacing: 0.5px; }

.account-product-title {
  margin-top: 0;
  margin-bottom: 8px;
  color: #22262a;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.625;
  letter-spacing: 0.5px;
  text-transform: uppercase; }
  .account-product-title + .account-product-description {
    position: relative;
    top: -8px;
    display: inline-block; }
  .account-product-title + .definitionList .definitionList-value,
  .account-product-title + .definitionList .definitionList-key {
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.5px; }
  .account-product-title + .is-read {
    margin: 0;
    padding: 16px 0 0;
    color: #22262a;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.5px; }
  .account-product-title > a {
    position: relative;
    top: -5px;
    font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
    text-decoration: none;
    font-optical-sizing: auto; }

.account-product-refundQty {
  margin-bottom: 0;
  color: #dee5e8; }

.account-product-details {
  margin: 0 -0.85714rem;
  max-width: none;
  width: auto; }
  .account-product-details:before, .account-product-details:after {
    content: " ";
    display: table; }
  .account-product-details:after {
    clear: both; }

@media (min-width: 1440px) {
  .account-product-detail--large {
    width: 50%; } }

.account-product-detail--full {
  width: 100%; }

.account-product-detail {
  padding-left: 0.85714rem;
  padding-right: 0.85714rem;
  width: 100%;
  float: left; }
  .account-product-detail + .account-product-detail {
    margin-top: 1rem; }
  @media (min-width: 600px) {
    .account-product-detail + .account-product-detail--full {
      margin-top: 1.71429rem; } }
  @media (min-width: 600px) {
    .account-product-detail {
      width: 50%; }
      .account-product-detail + .account-product-detail {
        margin-top: 0; } }
  @media (min-width: 768px) {
    .account-product-detail {
      width: 25%; } }
  @media (min-width: 1024px) {
    .account-product-detail {
      width: auto; }
      .account-product-detail + .account-product-detail {
        margin-left: 35px; } }
  @media (min-width: 1600px) {
    .account-product-detail {
      width: auto; }
      .account-product-detail + .account-product-detail {
        margin-left: 75px; } }

.account-product-detail-heading {
  margin-top: 0;
  margin-bottom: 4px;
  color: #030303;
  font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 2;
  letter-spacing: 0.5px;
  text-transform: capitalize;
  font-optical-sizing: auto;
  text-underline-position: under; }

.account-downloadsItem-availability,
.form-label {
  color: rgba(0, 0, 0, 0.7); }
  .account-downloadsItem-availability small,
  .form-label small {
    float: none; }

.account-product--alignMiddle {
  display: table;
  width: 100%; }
  .account-product--alignMiddle .account-product-figure {
    margin-right: 0;
    float: none; }
    @media (min-width: 1440px) {
      .account-product--alignMiddle .account-product-figure {
        left: -32px; } }
  .account-product--alignMiddle .account-product-body {
    padding-left: 32px;
    vertical-align: middle; }
    @media (min-width: 1440px) {
      .account-product--alignMiddle .account-product-body {
        padding-left: 0; } }
  .account-product--alignMiddle .account-product-checkItem {
    position: relative;
    display: table-cell;
    width: 32px;
    vertical-align: middle; }
    .account-product--alignMiddle .account-product-checkItem .form-label {
      width: 1.71429rem;
      height: 1.71429rem;
      margin: 0;
      padding: 0; }
    @media (min-width: 1440px) {
      .account-product--alignMiddle .account-product-checkItem {
        left: -40px; } }
  .account-product--alignMiddle .account-product-figure,
  .account-product--alignMiddle .account-product-body {
    display: table-cell; }

.account-orderTotal {
  width: 66.66667%;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  float: right; }

.account-orderTotal-key,
.account-orderTotal-value {
  margin: 0;
  padding: 16px 0;
  color: #22262a;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.5px; }

.account-orderTotal-key {
  color: #22262a;
  float: left; }
  .account-orderTotal-key:last-of-type {
    position: relative;
    top: 0.35714rem; }

.account-orderTotal-value {
  color: #22262a;
  font-size: 16px;
  font-weight: 500;
  text-align: right; }
  .account-orderTotal-value:last-child {
    border-bottom: 0;
    font-size: 20px;
    font-weight: 500; }

.account-orderStatus-label {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 0 4px;
  color: #ffffff;
  font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.5;
  text-transform: capitalize;
  vertical-align: top;
  background-color: #fbbf24;
  font-optical-sizing: auto; }
  @media (min-width: 600px) {
    .account-orderStatus-label {
      min-width: 122px;
      margin-top: 0;
      margin-bottom: 0; }
      .account-orderStatus-label + .account-orderStatus-action {
        margin-top: 10px;
        color: #22262a; } }

.account-orderStatus-action {
  display: inline-block;
  margin: 8px 0 0 16px;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  text-align: right; }
  @media (min-width: 600px) {
    .account-orderStatus-action {
      display: block;
      margin-top: 0;
      margin-left: 0; } }

.page-type-account_returns .account-product-title + .account-product-description {
  top: unset; }

.page-type-account_returns .definitionList {
  margin-bottom: 20px; }

.page-type-account_returns .account-product-description + .definitionList {
  margin-top: 0; }

.account .pagination {
  display: block;
  margin-top: 16px;
  margin-bottom: -12px;
  color: #22262a;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.5px;
  text-align: left; }

.account .pagination-list--small .pagination-item {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.5px; }

.order-payments-description {
  margin-top: 1.71429rem;
  color: #1b1b1b;
  font-weight: 400; }

.account-sidebar-block {
  font-size: 16px; }
  .account-sidebar-block .account-heading {
    margin-bottom: 1.71429rem; }
  .account-sidebar-block .button {
    min-width: 200px;
    margin-bottom: 8px;
    text-transform: uppercase; }
  .account-sidebar-block + .account-sidebar-block {
    margin-top: 3.42857rem; }
  .account-sidebar-block .definitionList .definitionList-key,
  .account-sidebar-block .definitionList .definitionList-value {
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.5px; }
  .account-sidebar-block .definitionList .order-payments-description,
  .account-sidebar-block .definitionList .order-payments-value {
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.5px; }
  .account-sidebar-block .definitionList .order-payments-description,
  .account-sidebar-block .definitionList .definitionList-key {
    color: #22262a;
    font-weight: 500; }

.account-reorder-form {
  display: inline-block; }

.account-downloads-summary {
  padding-bottom: 1.71429rem;
  border-bottom: #dee5e8;
  font-size: 16px; }

.account-downloadsList {
  list-style: none;
  margin-left: 0; }
  .account-downloadsList ul,
  .account-downloadsList ol {
    list-style: none;
    margin-bottom: 0; }

.account-downloadsItem {
  margin-bottom: 1.71429rem; }
  .account-downloadsItem > :first-child {
    margin-top: 0; }
  .account-downloadsItem > :last-child {
    margin-bottom: 0; }

.account-downloadsItem-title {
  margin-bottom: 0.21429rem;
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  text-transform: inherit; }

.account-downloadsItem-description,
.account-order-address {
  margin-bottom: 0; }

.account-order-address {
  list-style: none;
  margin-left: 0; }
  .account-order-address ul,
  .account-order-address ol {
    list-style: none;
    margin-bottom: 0; }
  .account-order-address li {
    color: #22262a;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5; }

@media (min-width: 480px) {
  .page.account .button {
    min-width: 205px; } }

.page.page-giftcertificates .page-content .account .intro {
  font-weight: 500; }

.page.page-giftcertificates .page-content .account > h3 {
  font-weight: 600; }

.page.page-giftcertificates .page-content .account .form-prefixPostfix {
  max-width: 865px; }
  .page.page-giftcertificates .page-content .account .form-prefixPostfix #giftcertificatecode {
    width: calc(100% - 225px); }

.page.page-giftcertificates, .page.page-account {
  margin: 0; }
  .page.page-giftcertificates .page-header, .page.page-account .page-header {
    margin-bottom: 28px; }
  .page.page-giftcertificates .page-content, .page.page-account .page-content {
    padding-right: 0;
    padding-left: 0; }

.form-select {
  height: 50px;
  min-height: 50px;
  border-color: #dee5e8; }

.page-account.account-created {
  margin-top: 48px;
  margin-bottom: 48px; }
  @media (max-width: 1024px) {
    .page-account.account-created .page-header {
      margin-bottom: 24px; } }
  @media (max-width: 768px) {
    .page-account.account-created .button {
      width: 100%; } }

.icon--ratingEmpty svg {
  fill: #fbbf24; }

.icon--ratingFull svg {
  fill: #fbbf24; }

.rating--small {
  display: inline-block; }
  .rating--small .icon {
    height: 1rem;
    width: 1rem;
    margin-top: -3px; }

.paymentMethodsTitle {
  width: 100%;
  margin: 0 0 0.85714rem;
  padding: 44px 0 0;
  text-transform: none; }

.paymentMethodsGrid {
  display: flex;
  flex-wrap: wrap;
  margin: -0.85714rem;
  margin-bottom: 1.71429rem; }
  .paymentMethodsGrid-item {
    width: 100%;
    padding: 0.85714rem; }
    @media (min-width: 600px) {
      .paymentMethodsGrid-item {
        width: 50%; } }

.paymentMethod {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  border: #e5e7eb;
  border-radius: 4px;
  background-color: #c2c5cc; }
  .paymentMethod-row {
    padding: 24px; }
    .paymentMethod-row:first-child {
      background-color: #ffffff; }
    .paymentMethod-row:only-child {
      height: 100%; }
    .paymentMethod-row:last-child {
      margin-top: auto; }
  .paymentMethod .button {
    margin-bottom: 0; }

.methodHeader {
  display: flex;
  flex-flow: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between; }
  .methodHeader-icon {
    width: 2rem;
    margin-right: 0.85714rem; }
    @media (min-width: 1440px) {
      .methodHeader-icon {
        width: 3rem; } }
  .methodHeader-title {
    font-size: 0.875rem;
    font-weight: 600; }
    @media (min-width: 1440px) {
      .methodHeader-title {
        font-size: 16px; } }
  .methodHeader-brand {
    font-size: 0.875rem;
    font-weight: 600; }
    @media (min-width: 1440px) {
      .methodHeader-brand {
        font-size: 16px; } }
  .methodHeader-meta {
    display: flex;
    flex-wrap: nowrap;
    margin-left: auto;
    padding-left: 0.85714rem; }
  .methodHeader-default {
    width: 1.28571rem;
    height: 1.28571rem;
    margin-left: 0.85714rem;
    fill: #888e9b; }
    @media (min-width: 1440px) {
      .methodHeader-default {
        width: 1.42857rem;
        height: 1.42857rem; } }
  .methodHeader-expiry {
    font-size: 16px;
    text-transform: capitalize; }

.methodDetails {
  display: flex;
  flex-wrap: nowrap;
  margin: 0; }
  .methodDetails-label {
    flex: 1;
    font-weight: 600; }
  .methodDetails-description {
    flex: 2;
    font-size: 0.875rem; }

.newPaymentMethod {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 13.28571rem;
  text-decoration: none;
  place-items: center center; }
  .newPaymentMethod-icon {
    margin: auto 0 0.85714rem;
    font-size: 50px;
    line-height: 1.5; }
  .newPaymentMethod-title {
    margin: 0 auto auto;
    text-align: center; }

@media (min-width: 600px) {
  .paymentMethodForm-column {
    display: flex;
    flex-wrap: nowrap; }
    .paymentMethodForm-column:first-child .form-field {
      margin-bottom: 0.85714rem; } }

.paymentMethodForm-heading {
  margin-top: 1.71429rem;
  color: rgba(0, 0, 0, 0.7);
  font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  text-transform: capitalize;
  font-optical-sizing: auto; }

.paymentMethodForm-subheading {
  display: flex;
  flex-wrap: nowrap;
  font-weight: 600; }

@media (min-width: 600px) {
  .paymentMethodForm-cards {
    margin-left: auto; } }

.paymentMethodForm-cards-icon {
  width: 2.42857rem;
  margin-right: 0.21429rem; }

.paymentMethodForm-inputs {
  position: relative; }
  @media (min-width: 600px) {
    .paymentMethodForm-inputs:first-child {
      width: 70%; }
    .paymentMethodForm-inputs:last-child {
      width: 30%;
      padding-left: 1.71429rem; } }

.paymentMethodForm-inputs-icon {
  position: absolute;
  top: 2.78571rem;
  right: 0.64286rem; }
  .paymentMethodForm-inputs-icon.icon {
    width: 1.5rem !important;
    height: 1.5rem !important;
    fill: #ffffff; }

.paymentMethodForm-details {
  margin-bottom: 0; }
  @media (min-width: 600px) {
    .paymentMethodForm-details {
      display: inline-block;
      margin: 0 3.42857rem 0 0; } }

.paymentMethodForm-details-term {
  margin-bottom: 0.85714rem;
  font-weight: 400; }

.paymentMethodForm-details-description {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.25px; }

@media (min-width: 600px) {
  .paymentMethodForm {
    max-width: 60%; } }

.category-header-image {
  width: 100%; }

.page-listing-header .breadcrumbs,
.page-listing-header .page-heading {
  text-align: left; }

.page-listing-header--content {
  max-width: 870px;
  padding-right: 64px; }
  .page-listing-header--content.no-banner {
    max-width: 100%; }
    .page-listing-header--content.no-banner .page-heading {
      margin-top: 0; }
    .page-type-category .page-listing-header--content.no-banner {
      margin-bottom: 8px; }

.page-listing-header {
  position: relative; }
  .page-listing-header--banner {
    position: relative;
    display: block;
    height: 240px;
    background: #dee5e8;
    overflow: hidden; }
    .page-listing-header--banner img {
      width: 1567px;
      height: 250px;
      border-radius: 4px;
      -o-object-fit: cover;
      object-fit: cover; }
  .page-listing-header .halo-listing-top-banner {
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
  .page-listing-header + .page.page-category {
    margin-top: 64px; }
  .page-listing-header > div + .page-listing-header--content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    flex-wrap: nowrap;
    max-height: 210px;
    margin: 16px;
    padding: 36px 0 44px 8px;
    background-color: #ffffff;
    align-items: center; }
    .page-listing-header > div + .page-listing-header--content .halo-description {
      max-height: 180px;
      padding-right: 16px;
      overflow-y: auto;
      scrollbar-gutter: stable;
      overscroll-behavior: contain;
      -ms-scroll-chaining: none; }
    .page-listing-header > div + .page-listing-header--content .page-description {
      margin-bottom: 8px; }
    .page-listing-header > div + .page-listing-header--content .page-heading {
      margin-top: 0;
      margin-bottom: 0; }
    @media (min-width: 600px) {
      .page-listing-header > div + .page-listing-header--content {
        padding: 36px 0 44px 20px; }
        .page-listing-header > div + .page-listing-header--content .halo-description {
          padding-right: 20px; } }
    @media (min-width: 1600px) {
      .page-listing-header > div + .page-listing-header--content {
        padding: 36px 0 36px 40px; }
        .page-listing-header > div + .page-listing-header--content .halo-description {
          padding-right: 60px; } }

#product-listing-container .card-option {
  min-height: auto; }

.halo-product-show-more {
  display: block;
  flex: 1;
  margin: 0 0 20px;
  padding: 0;
  text-align: center; }
  .halo-product-show-more:before, .halo-product-show-more:after {
    content: " ";
    display: table; }
  .halo-product-show-more:after {
    clear: both; }
  .halo-product-show-more .button {
    width: 305px;
    height: 60px;
    margin: auto;
    border: 2px solid #d8dadf;
    line-height: 3.375;
    text-transform: uppercase; }
    .halo-product-show-more .button::before {
      border-top: 2px solid transparent;
      border-radius: 100%;
      -webkit-animation: load-animate infinite linear 1s;
      animation: load-animate infinite linear 1s;
      display: none;
      width: 20px;
      height: 20px;
      content: '';
      border: 2px solid #c5c5c9; }
      @media (prefers-reduced-motion: reduce) {
        .halo-product-show-more .button::before {
          -webkit-animation: none;
          animation: none; } }
    .halo-product-show-more .button.disable {
      border-color: #ffffff; }
    .halo-product-show-more .button.loading {
      font-size: 0;
      pointer-events: none; }
      .halo-product-show-more .button.loading::before {
        display: inline-block; }
      .halo-product-show-more .button.loading svg {
        display: none; }

@media (min-width: 1024px) and (hover: hover) {
  .halo-product-show-more .button:hover, .halo-product-show-more .button:focus {
    border-color: rgba(0, 0, 0, 0.7); } }
  @media (min-width: 768px) {
    .halo-product-show-more {
      margin-bottom: 0; } }

.haloSubCategories {
  padding: 36px 0 44px; }
  .haloSubCategories .haloSubCategories__container {
    font-size: 0; }
  .haloSubCategories .haloSubCategories__carousel {
    padding: 0;
    text-align: center;
    white-space: nowrap; }
    .haloSubCategories .haloSubCategories__carousel .haloSubCategories__item {
      display: flex;
      flex-wrap: nowrap;
      width: 16.6667%;
      margin-bottom: 0;
      padding: 0;
      font-size: 16px;
      text-align: left;
      white-space: normal;
      align-items: center; }
      .haloSubCategories .haloSubCategories__carousel .haloSubCategories__item:not(.slick-initialized) {
        display: inline-block; }
        .haloSubCategories .haloSubCategories__carousel .haloSubCategories__item:not(.slick-initialized) .haloSubCategories__item:nth-child(n + 7) {
          display: none; }
      .haloSubCategories .haloSubCategories__carousel .haloSubCategories__item .haloSubCategories__img {
        display: inline-block;
        flex-wrap: nowrap;
        width: 80px;
        margin-bottom: 0;
        vertical-align: middle; }
        .haloSubCategories .haloSubCategories__carousel .haloSubCategories__item .haloSubCategories__img > a {
          position: relative;
          overflow: hidden; }
      .haloSubCategories .haloSubCategories__carousel .haloSubCategories__item .haloSubCategories__icon {
        display: inline-block;
        width: 80px;
        margin-bottom: 0;
        padding: 0 0 0 20px; }
      .haloSubCategories .haloSubCategories__carousel .haloSubCategories__item .haloSubCategories__content {
        display: inline-block;
        width: calc(100% - 100px);
        padding: 0 0 0 20px; }
        .haloSubCategories .haloSubCategories__carousel .haloSubCategories__item .haloSubCategories__content .haloSubCategories__name {
          margin-bottom: 0;
          color: #22262a;
          font-size: 16px;
          font-weight: 600;
          text-decoration: none; }
        .haloSubCategories .haloSubCategories__carousel .haloSubCategories__item .haloSubCategories__content .haloSubCategories__count {
          color: #888e9b;
          line-height: 1.625; }
        .haloSubCategories .haloSubCategories__carousel .haloSubCategories__item .haloSubCategories__content .haloSubCategories__des {
          margin-top: 8px;
          line-height: 1.5; }
          .haloSubCategories .haloSubCategories__carousel .haloSubCategories__item .haloSubCategories__content .haloSubCategories__des p:last-child {
            margin-bottom: 0; }
    @media (max-width: 1440px) {
      .haloSubCategories .haloSubCategories__carousel:not(.slick-initialized) .haloSubCategories__item {
        width: 20%; }
        .haloSubCategories .haloSubCategories__carousel:not(.slick-initialized) .haloSubCategories__item:nth-child(n + 6) {
          display: none; } }
    @media (max-width: 1024px) {
      .haloSubCategories .haloSubCategories__carousel:not(.slick-initialized) .haloSubCategories__item {
        width: 25%; }
        .haloSubCategories .haloSubCategories__carousel:not(.slick-initialized) .haloSubCategories__item:nth-child(n + 5) {
          display: none; } }
    @media (max-width: 768px) {
      .haloSubCategories .haloSubCategories__carousel:not(.slick-initialized) .haloSubCategories__item {
        width: 33.3334%; }
        .haloSubCategories .haloSubCategories__carousel:not(.slick-initialized) .haloSubCategories__item:nth-child(n + 4) {
          display: none; } }
    @media (max-width: 600px) {
      .haloSubCategories .haloSubCategories__carousel:not(.slick-initialized) .haloSubCategories__item {
        width: 50%; }
        .haloSubCategories .haloSubCategories__carousel:not(.slick-initialized) .haloSubCategories__item:nth-child(n + 3) {
          display: none; } }
    @media (max-width: 480px) {
      .haloSubCategories .haloSubCategories__carousel {
        overflow: hidden; }
        .haloSubCategories .haloSubCategories__carousel:not(.slick-initialized) .haloSubCategories__item {
          width: 70%; }
          .haloSubCategories .haloSubCategories__carousel:not(.slick-initialized) .haloSubCategories__item:nth-child(n + 3) {
            display: none; }
        .haloSubCategories .haloSubCategories__carousel .slick-list {
          padding-right: 110px; } }
  .haloSubCategories .halo-comingSoon {
    background-color: #ffffff; }

/* stylelint-disable plugin/stylelint-group-selectors */
.navPage-subMenu,
.is-open,
.image-load-error::after,
.form-radio::after,
.-translate-x-1\/2,
.-translate-x-\[50\%\],
.-translate-x-\[6px\],
.-translate-x-full,
.-translate-y-1\/2,
.-translate-y-\[50\%\],
.-translate-y-full,
.translate-x-0,
.translate-x-1,
.translate-x-8,
.translate-x-\[150\%\],
.translate-x-full,
.translate-y-\[6px\],
.translate-y-full,
.-rotate-45,
.rotate-180,
.rotate-45,
.skew-x-\[-30deg\],
.scale-0,
.scale-100,
.scale-\[0\.25\],
.scale-\[1\.02\],
.scale-y-\[0\.8\],
.transform,
.before\:scale-0::before,
.checked\:after\:rotate-45::after,
.hover\:scale-110,
.focus\:before\:scale-100::before,
.checked\:focus\:before\:scale-100::before,
.checked\:focus\:after\:rotate-45::after,
.group-open\:rotate-180,
.group-hover\:scale-105,
.peer-focus\:scale-\[0\.8\],
[data-twe-input-state-active],
[data-twe-active],
[data-twe-select-open],
[data-twe-autocomplete-state-open],
.peer-data-\[twe-input-state-active\]\:scale-\[0\.8\],
.sm\:translate-x-1\/2,
.lg\:translate-x-0,
.lg\:translate-x-8,
.rtl\:rotate-180:where([dir='rtl'], [dir='rtl'] *),
svg,
svg:where([dir='rtl'], [dir='rtl'] *) {
  --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; }

.hover\:-translate-y-0\.5 {
  --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; }

.peer-focus\:-translate-y-\[0\.75rem\] {
  --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; }

.peer-focus\:-translate-y-\[0\.9rem\] {
  --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; }

.peer-focus\:-translate-y-\[1\.15rem\] {
  --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; }

.peer-data-\[twe-input-state-active\]\:-translate-y-\[0\.75rem\] {
  --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; }

.peer-data-\[twe-input-state-active\]\:-translate-y-\[0\.9rem\] {
  --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; }

.peer-data-\[twe-input-state-active\]\:-translate-y-\[1\.15rem\] {
  --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; }

.touch-pan-y {
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ; }

.sm\:snap-x {
  --tw-scroll-snap-strictness: proximity; }

.nerden-primary,
.nerden-secondary,
.from-\[\#80caff\],
.from-indigo-100\/20,
.from-neutral-100,
.from-primary-800,
.from-secondary,
.from-secondary-600,
.from-secondary\/10,
.from-white,
.via-transparent,
.via-white,
.to-\[\#1B1B1B\],
.to-amber-50,
.to-primary-600,
.to-secondary-400,
.to-secondary\/20 {
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ; }

img,
.feature-image,
.table-container,
[data-lightbox='spec'],
.navPage-subMenu,
.button,
.\!button,
.form-input--incrementTotal,
.about-information__image,
.about-information__content,
.\!btn,
.btn,
.btn-link,
.image-load-error::after,
[data-twe-select-dropdown-container],
.card,
.card-figure,
.card-image,
.nerden-primary,
.btn-primary,
.nerden-secondary,
.btn-secondary,
.btn-success,
.btn-danger,
.btn-warning,
.btn-info,
.btn-tertiary,
.btn-light,
.account-order-item,
.shadow,
.shadow-1-strong,
.shadow-2,
.shadow-2-strong,
.shadow-2xl,
.shadow-4,
.shadow-4-strong,
.shadow-5,
.shadow-5-strong,
.shadow-dark-strong,
.shadow-lg,
.shadow-md,
.shadow-none,
.shadow-primary-3,
.shadow-select,
.shadow-sm,
.shadow-xl,
.before\:shadow-checkbox::before,
.hover\:\!shadow-none,
.hover\:shadow-2xl,
.hover\:shadow-lg,
.hover\:shadow-none,
.hover\:shadow-primary-2,
.hover\:shadow-xl,
.focus\:\!shadow-inset,
.focus\:shadow-2xl,
.focus\:shadow-\[0_0_0_1px\],
.focus\:shadow-none,
.focus\:shadow-primary-2,
.focus\:shadow-twe-primary,
.checked\:focus\:before\:shadow-checkbox::before,
.active\:shadow-2xl,
.active\:shadow-none,
.active\:shadow-primary-2,
.disabled\:shadow-none,
.group-data-\[twe-input-focused\]\:shadow-notch-1,
.group-data-\[twe-input-focused\]\:shadow-notch-2,
.group-data-\[twe-input-focused\]\:shadow-notch-3,
.dark\:hover\:shadow-dark-strong,
.dark\:focus\:shadow-dark-strong,
.dark\:active\:shadow-dark-strong {
  --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0); }

.ring-1,
.focus\:ring-0,
.focus\:ring-2,
.focus\:ring-4,
.focus-visible\:ring-2 {
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0;
  --tw-ring-offset-color: #ffffff;
  --tw-ring-color: rgba(27, 27, 27, 0.5);
  --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0); }

.lazyload,
.loading-lazy,
.lazyloading,
[class*='lazyload'],
.lazyloaded,
.loaded,
.lazyload:not(.responsive-img),
.lazyloading:not(.responsive-img),
.lqip-blur,
.card,
.card-figure,
.card-image,
.blur,
.blur-3xl,
.blur-xl,
.drop-shadow,
.drop-shadow-2xl,
.drop-shadow-lg,
.drop-shadow-md,
.drop-shadow-none,
.drop-shadow-sm,
.drop-shadow-xl,
.filter,
.hover\:brightness-95 {
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ; }

.mask-custom-home-light,
.mask-custom-home-dark,
.halo-background,
.backdrop-blur,
.backdrop-blur-sm,
.backdrop-blur-xl,
.backdrop-filter {
  --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:  ; }

*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0; }

::before,
::after {
  --tw-content: ''; }

html,
:host {
  font-family: 'InterVariable', 'Inter', 'InterDisplay', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji';
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent; }

body {
  margin: 0;
  line-height: inherit; }

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px; }

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit; }

a {
  color: inherit;
  text-decoration: inherit; }

b,
strong {
  font-weight: 800; }

code,
kbd,
samp,
pre {
  font-family: ui-monospace, 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em; }

small {
  font-size: 80%; }

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

table {
  border-color: inherit;
  text-indent: 0;
  border-collapse: collapse; }

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  padding: 0;
  color: inherit;
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit; }

button,
select {
  text-transform: none; }

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  background-color: transparent;
  background-image: none;
  -webkit-appearance: button;
  -moz-appearance: auto;
  appearance: auto; }

:-moz-focusring {
  outline: auto; }

:-moz-ui-invalid {
  box-shadow: none; }

progress {
  vertical-align: baseline; }

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto; }

[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
  -moz-appearance: textfield;
  appearance: textfield; }

::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
  appearance: auto; }

summary {
  display: list-item; }

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

dialog {
  padding: 0; }

textarea {
  resize: vertical; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #888e9b;
  opacity: 1; }

input::placeholder,
textarea::placeholder {
  color: #888e9b;
  opacity: 1; }

button,
[role='button'] {
  cursor: pointer; }

:disabled {
  cursor: default; }

img,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /*  stylelint-disable-next-line plugin/declaration-block-no-ignored-properties */
  vertical-align: middle; }

img,
video {
  max-width: 100%;
  height: auto; }

[hidden]:where(:not([hidden='until-found'])) {
  display: none; }

input[type='range']::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  border: 0;
  border-radius: 9999px;
  background: #1b1b1b;
  cursor: pointer;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

input[type='range']:disabled::-webkit-slider-thumb {
  background: #757575; }

input[type='range']:disabled:focus::-webkit-slider-thumb {
  background: #757575; }

input[type='range']:disabled:active::-webkit-slider-thumb {
  background: #757575; }

input[type='range']::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  border: 0;
  border-radius: 9999px;
  background: #1b1b1b;
  cursor: pointer;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

input[type='range']:disabled::-moz-range-thumb {
  background: #757575; }

input[type='range']::-moz-range-progress {
  background: #141414; }

input[type='range']::-ms-fill-lower {
  background: #141414; }

input[type='range']:focus {
  outline: none; }

input[type='range']:focus::-webkit-slider-thumb {
  background: #141414; }

input[type='range']:active::-webkit-slider-thumb {
  background: #0f0f0f; }

.\!container {
  width: 100% !important; }

.container {
  width: 100%; }

@media (min-width: 320px) {
  .\!container {
    max-width: 320px !important; }
  .container {
    max-width: 320px; } }

@media (min-width: 480px) {
  .\!container {
    max-width: 480px !important; }
  .container {
    max-width: 480px; } }

@media (min-width: 600px) {
  .\!container {
    max-width: 600px !important; }
  .container {
    max-width: 600px; } }

@media (min-width: 768px) {
  .\!container {
    max-width: 768px !important; }
  .container {
    max-width: 768px; } }

@media (min-width: 1024px) {
  .\!container {
    max-width: 1024px !important; }
  .container {
    max-width: 1024px; } }

@media (min-width: 1280px) {
  .\!container {
    max-width: 1280px !important; }
  .container {
    max-width: 1280px; } }

@media (min-width: 1440px) {
  .\!container {
    max-width: 1440px !important; }
  .container {
    max-width: 1440px; } }

@media (min-width: 1600px) {
  .\!container {
    max-width: 1600px !important; }
  .container {
    max-width: 1600px; } }

@media (min-width: 1920px) {
  .\!container {
    max-width: 1920px !important; }
  .container {
    max-width: 1920px; } }

.prose {
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: rgb(17, 24, 39, 0.1);
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #ffffff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #ffffff;
  --tw-prose-invert-bold: #ffffff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #ffffff;
  --tw-prose-invert-kbd-shadows: rgb(255, 255, 255, 0.1);
  --tw-prose-invert-code: #ffffff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgba(0, 0, 0, 0.5);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  max-width: 65ch;
  color: var(--tw-prose-body);
  font-size: 1rem;
  line-height: 1.75; }

.prose :where(p):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em; }

.prose :where([class~='lead']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6; }

.prose :where(a):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: var(--tw-prose-links);
  font-weight: 500;
  text-decoration: underline; }

.prose :where(strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: var(--tw-prose-bold);
  font-weight: 600; }

.prose :where(a strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: inherit; }

.prose :where(blockquote strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: inherit; }

.prose :where(thead th strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: inherit; }

.prose :where(ol):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em; }

.prose :where(ol[type='A']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  list-style-type: upper-alpha; }

.prose :where(ol[type='a']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  list-style-type: lower-alpha; }

.prose :where(ol[type='I']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  list-style-type: upper-roman; }

.prose :where(ol[type='i']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  list-style-type: lower-roman; }

.prose :where(ol[type='1']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  list-style-type: decimal; }

.prose :where(ul):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em; }

.prose :where(ol > li):not(:where([class~='not-prose'], [class~='not-prose'] *))::marker {
  color: var(--tw-prose-counters);
  font-weight: 400; }

.prose :where(ul > li):not(:where([class~='not-prose'], [class~='not-prose'] *))::marker {
  color: var(--tw-prose-bullets); }

.prose :where(dt):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 1.25em;
  color: var(--tw-prose-headings);
  font-weight: 600; }

.prose :where(hr):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 3em;
  margin-bottom: 3em;
  border-color: var(--tw-prose-hr);
  border-top-width: 1px; }

.prose :where(blockquote):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  color: var(--tw-prose-quotes);
  font-style: italic;
  font-weight: 500;
  border-inline-start-width: 0.25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: '\201C' '\201D' '\2018' '\2019';
  padding-inline-start: 1em; }

.prose :where(blockquote p:first-of-type):not(:where([class~='not-prose'], [class~='not-prose'] *))::before {
  content: open-quote; }

.prose :where(blockquote p:last-of-type):not(:where([class~='not-prose'], [class~='not-prose'] *))::after {
  content: close-quote; }

.prose :where(h1):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
  margin-bottom: 0.8888889em;
  color: var(--tw-prose-headings);
  font-size: 2.25em;
  font-weight: 800;
  line-height: 1.1111111; }

.prose :where(h1 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: inherit;
  font-weight: 900; }

.prose :where(h2):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 2em;
  margin-bottom: 1em;
  color: var(--tw-prose-headings);
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.3333333; }

.prose :where(h2 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: inherit;
  font-weight: 800; }

.prose :where(h3):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  color: var(--tw-prose-headings);
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.6; }

.prose :where(h3 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: inherit;
  font-weight: 700; }

.prose :where(h4):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  color: var(--tw-prose-headings);
  font-weight: 600;
  line-height: 1.5; }

.prose :where(h4 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: inherit;
  font-weight: 700; }

.prose :where(img):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 2em;
  margin-bottom: 2em; }

.prose :where(picture):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  display: block;
  margin-top: 2em;
  margin-bottom: 2em; }

.prose :where(video):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 2em;
  margin-bottom: 2em; }

.prose :where(kbd):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-top: 0.1875em;
  padding-bottom: 0.1875em;
  border-radius: 0.3125rem;
  color: var(--tw-prose-kbd);
  font-family: inherit;
  font-size: 0.875em;
  font-weight: 500;
  box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
  padding-inline: 0.375em; }

.prose :where(code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: var(--tw-prose-code);
  font-size: 0.875em;
  font-weight: 600; }

.prose :where(code):not(:where([class~='not-prose'], [class~='not-prose'] *))::before {
  content: '`'; }

.prose :where(code):not(:where([class~='not-prose'], [class~='not-prose'] *))::after {
  content: '`'; }

.prose :where(a code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: inherit; }

.prose :where(h1 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: inherit; }

.prose :where(h2 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: inherit;
  font-size: 0.875em; }

.prose :where(h3 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: inherit;
  font-size: 0.9em; }

.prose :where(h4 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: inherit; }

.prose :where(blockquote code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: inherit; }

.prose :where(thead th code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: inherit; }

.prose :where(pre):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  padding-top: 0.8571429em;
  padding-bottom: 0.8571429em;
  border-radius: 0.375rem;
  color: var(--tw-prose-pre-code);
  font-size: 0.875em;
  font-weight: 400;
  line-height: 1.7142857;
  background-color: var(--tw-prose-pre-bg) !important;
  overflow-x: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  padding-inline: 1.1428571em; }

.prose :where(pre code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding: 0;
  border-width: 0;
  border-radius: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  background-color: transparent; }

.prose :where(pre code):not(:where([class~='not-prose'], [class~='not-prose'] *))::before {
  content: none; }

.prose :where(pre code):not(:where([class~='not-prose'], [class~='not-prose'] *))::after {
  content: none; }

.prose :where(table):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  width: 100%;
  table-layout: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857; }

.prose :where(thead):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders); }

.prose :where(thead th):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-bottom: 0.5714286em;
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-inline: 0.5714286em; }

.prose :where(tbody tr):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders); }

.prose :where(tbody tr:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  border-bottom-width: 0; }

.prose :where(tbody td):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  vertical-align: baseline; }

.prose :where(tfoot):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders); }

.prose :where(tfoot td):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  vertical-align: top; }

.prose :where(th, td):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  text-align: start; }

.prose :where(figure > *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
  margin-bottom: 0; }

.prose :where(figcaption):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0.8571429em;
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714; }

.prose :where(picture > img):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
  margin-bottom: 0; }

.prose :where(li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0.5em;
  margin-bottom: 0.5em; }

.prose :where(ol > li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-inline-start: 0.375em; }

.prose :where(ul > li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-inline-start: 0.375em; }

.prose :where(.prose > ul > li p):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em; }

.prose :where(.prose > ul > li > p:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 1.25em; }

.prose :where(.prose > ul > li > p:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.25em; }

.prose :where(.prose > ol > li > p:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 1.25em; }

.prose :where(.prose > ol > li > p:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.25em; }

.prose :where(ul ul,
ul ol,
ol ul,
ol ol):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em; }

.prose :where(dl):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em; }

.prose :where(dd):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0.5em;
  padding-inline-start: 1.625em; }

.prose :where(hr + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0; }

.prose :where(h2 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0; }

.prose :where(h3 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0; }

.prose :where(h4 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0; }

.prose :where(thead th:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-inline-start: 0; }

.prose :where(thead th:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-inline-end: 0; }

.prose :where(tbody td, tfoot td):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-top: 0.5714286em;
  padding-inline: 0.5714286em;
  padding-bottom: 0.5714286em; }

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-inline-start: 0; }

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-inline-end: 0; }

.prose :where(figure):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 2em;
  margin-bottom: 2em; }

.prose :where(.prose > :first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0; }

.prose :where(.prose > :last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0; }

.aspect-h-\[100px\] {
  --tw-aspect-h: 100; }

.aspect-h-\[239px\] {
  --tw-aspect-h: 239; }

.aspect-h-\[270px\] {
  --tw-aspect-h: 270; }

.aspect-h-\[291px\] {
  --tw-aspect-h: 291; }

.aspect-h-\[292px\] {
  --tw-aspect-h: 292; }

.aspect-h-\[308px\] {
  --tw-aspect-h: 308; }

.aspect-h-\[379px\] {
  --tw-aspect-h: 379; }

.aspect-h-\[41px\] {
  --tw-aspect-h: 41; }

.aspect-h-\[600px\] {
  --tw-aspect-h: 600; }

.aspect-h-\[87px\] {
  --tw-aspect-h: 87; }

.aspect-h-\[97px\] {
  --tw-aspect-h: 97; }

.aspect-w-\[100px\] {
  --tw-aspect-w: 100;
  position: relative; }

.aspect-w-\[100px\] > * {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%; }

.aspect-w-\[194px\] {
  --tw-aspect-w: 194;
  position: relative; }

.aspect-w-\[194px\] > * {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%; }

.aspect-w-\[195px\] {
  --tw-aspect-w: 195;
  position: relative; }

.aspect-w-\[195px\] > * {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%; }

.aspect-w-\[205px\] {
  --tw-aspect-w: 205;
  position: relative; }

.aspect-w-\[205px\] > * {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%; }

.aspect-w-\[239px\] {
  --tw-aspect-w: 239;
  position: relative; }

.aspect-w-\[239px\] > * {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%; }

.aspect-w-\[270px\] {
  --tw-aspect-w: 270;
  position: relative; }

.aspect-w-\[270px\] > * {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%; }

.aspect-w-\[292px\] {
  --tw-aspect-w: 292;
  position: relative; }

.aspect-w-\[292px\] > * {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%; }

.aspect-w-\[379px\] {
  --tw-aspect-w: 379;
  position: relative; }

.aspect-w-\[379px\] > * {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%; }

.aspect-w-\[517px\] {
  --tw-aspect-w: 517;
  position: relative; }

.aspect-w-\[517px\] > * {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%; }

.aspect-w-\[600px\] {
  --tw-aspect-w: 600;
  position: relative; }

.aspect-w-\[600px\] > * {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%; }

.aspect-w-\[97px\] {
  --tw-aspect-w: 97;
  position: relative; }

.aspect-w-\[97px\] > * {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%; }

@media (min-width: 320px) {
  .product-description-container {
    max-width: 320px; } }

@media (min-width: 480px) {
  .product-description-container {
    max-width: 480px; } }

@media (min-width: 600px) {
  .product-description-container {
    max-width: 600px; } }

@media (min-width: 768px) {
  .product-description-container {
    max-width: 768px; } }

@media (min-width: 1024px) {
  .product-description-container {
    max-width: 1024px; } }

@media (min-width: 1280px) {
  .product-description-container {
    max-width: 1280px; } }

@media (min-width: 1440px) {
  .product-description-container {
    max-width: 1440px; } }

@media (min-width: 1600px) {
  .product-description-container {
    max-width: 1600px; } }

@media (min-width: 1920px) {
  .product-description-container {
    max-width: 1920px; } }

.product-description-container {
  position: relative;
  width: 100% !important;
  max-width: 1800px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 0.5rem;
  padding-right: 1rem;
  padding-left: 1rem; }

@media (min-width: 1280px) {
  .product-description-container {
    max-width: 1920px;
    padding: 0 1.75rem; } }

.product-description-container .container {
  padding: 0; }

.about-information__image .product-description-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem; }

@media (min-width: 1440px) {
  .product-description-container {
    max-width: 100%;
    padding: 0 4rem; } }

@media (min-width: 1024px) {
  .product-description-container {
    padding-right: 2rem;
    padding-left: 2rem; } }

.product-hero {
  margin-bottom: 4rem;
  text-align: center; }

.product-title {
  margin-bottom: 0.75rem;
  color: #050505;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 2.25rem; }

@media (min-width: 600px) {
  .product-title {
    font-size: 2.25rem;
    line-height: 2.5rem; } }

.product-subtitle {
  max-width: 48rem;
  margin-right: auto;
  margin-left: auto;
  color: #000000;
  font-size: 1.125rem;
  line-height: 1.75rem; }

.image-grid {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  margin-top: 4rem; }

@media (min-width: 1024px) {
  .image-grid {
    gap: 4rem;
    grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.product-image {
  width: 100%; }

.product-image img {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  cursor: zoom-in; }

.product-features {
  padding-top: 4rem;
  padding-bottom: 4rem; }

@media (min-width: 1024px) {
  .product-features {
    padding-top: 8rem;
    padding-bottom: 8rem; } }

.feature-layout {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  max-width: 80rem;
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 1024px) {
  .feature-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.feature-image {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.feature-content {
  text-wrap: pretty; }

.feature-list {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  margin-top: 2.5rem; }

@media (min-width: 600px) {
  .feature-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.feature-title {
  color: #000000;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.75rem;
  text-decoration-line: underline; }

.feature-description {
  margin-top: 0.5rem;
  color: #1b1b1b; }

.section-divider {
  margin-top: 2rem;
  margin-bottom: 2rem;
  border-color: #c2c5cc; }

.product-callout {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 2rem 1rem;
  border-radius: 0.5rem;
  background-color: #f0f3f5 !important; }

@media (min-width: 1024px) {
  .product-callout {
    padding-right: 2rem;
    padding-left: 2rem; } }

.callout-title {
  margin-bottom: 1rem;
  color: #000000;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem; }

.callout-text {
  margin-top: 1rem;
  color: #0f0f0f;
  font-size: 1.125rem;
  line-height: 1.75rem; }

.product-details {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.section-title {
  margin-top: 1rem;
  margin-bottom: 1rem;
  color: #000000;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
  text-decoration-line: underline; }

.feature-list-simple {
  margin-top: 1.5rem; }

.feature-list-simple > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); }

.feature-list-simple li {
  font-size: 1rem;
  line-height: 1.5rem; }

.related-products {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.product-links > :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)); }

.product-links a {
  color: #141414;
  text-decoration-line: underline; }

.product-links a:hover {
  color: #0a0a0a; }

.table-container {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem;
  border-width: 1px;
  border-color: #c2c5cc;
  border-radius: 0.5rem;
  background-color: #ffffff !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  overflow-x: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable; }

.specification-table {
  width: 100%;
  text-align: center; }

.specification-table caption {
  margin-bottom: 0.5rem;
  margin-left: 0.75rem;
  font-weight: 600;
  text-align: left; }

.specification-table thead {
  color: #000000;
  background-color: #fbbf24 !important; }

.specification-table th {
  padding: 0.75rem;
  font-weight: 700;
  text-align: center; }

.specification-table td {
  padding: 0.75rem;
  text-align: center; }

.specification-table tbody tr {
  border-bottom-width: 1px;
  border-color: #c2c5cc; }

.specification-table tbody tr:hover {
  background-color: #f1f2f3 !important; }

.specification-table tbody tr:last-child {
  border-bottom-width: 0; }

.table-thumbnail {
  width: 2.75rem;
  height: 2.75rem;
  margin-right: auto;
  margin-left: auto;
  border-radius: 9999px;
  object-fit: contain; }

.sku-button {
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  color: #ffffff;
  background-color: #000000 !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  align-items: center; }

.sku-button:hover {
  background-color: #2a2d32 !important; }

@media (min-width: 1280px) {
  .container {
    max-width: 1920px;
    padding: 0 1.75rem; } }

.\!container .\!container,
.container .container {
  padding: 0; }

.container--full {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0; }

.container--medium {
  position: relative;
  max-width: 1390px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 0.5rem; }

.form-radio::before {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  --tw-shadow-color: transparent;
  --tw-shadow-colored: 0 0 0 13px var(--tw-shadow-color);
  --tw-shadow: 0 0 0 13px rgb(20, 20, 20);
  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)); }

.form-radio:hover::before {
  --tw-shadow-color: rgba(0, 0, 0, 0.6);
  --tw-shadow: var(--tw-shadow-colored); }

.form-radio:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0); }

.form-radio:focus::before {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-shadow-color: rgba(0, 0, 0, 0.6);
  --tw-shadow: var(--tw-shadow-colored);
  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)); }

.overlay-mask {
  background-color: rgba(0, 0, 0, 0.5) !important; }

.mask-custom-home-light {
  --tw-backdrop-blur: blur(10px);
  color: #000000;
  background-color: rgba(255, 255, 255, 0.8) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }

.mask-custom-home-light .title,
.mask-custom-home-light .desc {
  color: #000000; }

.mask-custom-home-light .\!title {
  color: #000000; }

.mask-custom-home-light .\!desc {
  color: #000000; }

.intro-upper,
#intro-upper {
  width: 100%;
  height: 500px;
  border-radius: 4px;
  background-color: rgb(240, 243, 245) !important; }

#qn-dialog-toggle svg,
#qn-dialog-toggle {
  fill: #ffffff;
  stroke: #ffffff; }

#qn-dialog-toggle {
  position: fixed;
  right: 58px;
  bottom: 58px;
  z-index: 1110;
  padding: 0;
  color: #000000;
  background-color: #fbbf24 !important;
  fill: #ffffff; }

.spec-page-content img,
.spec-page img,
.productDescription__content img,
.productView-description img,
.tab-content #tab-description img,
[data-lightbox='spec'] {
  border-radius: 0.25rem;
  cursor: pointer;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: ease-in-out;
  transition-duration: 150ms;
  transition-duration: 0.15s;
  transition-property: all; }

.fancybox__thumbs .carousel__slide,
.fancybox__image {
  aspect-ratio: 1 / 1 !important;
  border-radius: 0.25rem; }

.spec-page-content img:hover,
.spec-page-content img:focus,
.spec-page img:hover,
.spec-page img:focus,
.tab-content #tab-description img:hover,
.tab-content #tab-description img:focus,
[data-lightbox='spec']:hover,
[data-lightbox='spec']:focus {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

#qn-add-to-quote,
.qn-add-to-quote {
  color: #ffffff;
  text-align: center;
  background-color: #000000 !important;
  align-content: center;
  align-items: center; }

.qn-cart-to-quote-cart,
#qn-cart-to-quote-cart {
  color: #ffffff;
  background-color: #000000 !important; }

.navPages-action svg {
  fill: rgb(28, 28, 28);
  stroke: rgb(28, 28, 28); }

.home-layout-2 .slick-arrow,
.home-layout-2 .slick-arrow:focus,
.home-layout-2 .slick-arrow:active,
.home-layout-2 .halo-block-product .slick-arrow {
  border-color: rgb(107, 114, 128);
  background-color: #000000 !important; }

th {
  text-align: left; }

.pagination-container {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  min-height: 3rem;
  align-items: center;
  justify-content: center; }

.multi-calculator {
  min-height: 600px; }

.phone-number-container {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  min-width: 305px;
  height: 30px;
  visibility: hidden;
  align-items: center;
  justify-content: center;
  overflow: hidden; }

.phone-number-container.loaded {
  visibility: visible; }

.dynamic-phone-number {
  display: inline-block;
  width: 305px;
  font-size: 16px;
  line-height: 1.625;
  text-align: center;
  white-space: nowrap; }

.dynamic-phone-numberFooter {
  display: inline-block;
  width: 305px;
  font-size: 16px;
  line-height: 1.625;
  text-align: left;
  white-space: nowrap; }

.themevale_about,
.breadcrumbs {
  margin-top: 1.5rem; }

.rte {
  padding-right: 1rem;
  padding-left: 1rem; }

.\!media {
  align-items: center; }

.media {
  align-items: center; }

h5 {
  display: inline-block;
  width: 100%;
  margin: 0.25rem 0 1rem; }

h5.col-sm-6 {
  margin-bottom: 0.25rem; }

h5.col-sm-6 + a {
  display: inline-block;
  width: 100%;
  margin-bottom: 1.5rem; }

.list {
  display: inline-block;
  width: 100%;
  margin: 0.5rem 0 0; }

.list li {
  padding: 0.25rem 0; }

p:last-child {
  margin-bottom: 0; }

.about-information--left .about-information__image,
.about-information--right .about-information__image {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain; }

.about-information--left,
.about-information--right {
  flex-direction: column-reverse; }

.about-slide-group {
  margin-top: 3rem;
  padding: 3rem 0; }

@media (min-width: 480px) {
  .about-slide-group {
    padding: 4rem 0; } }

.about-slide-group .title {
  position: relative;
  margin-bottom: 1.75rem;
  font-size: 76px;
  font-weight: 700;
  text-align: center; }

@media (min-width: 480px) {
  .about-slide-group .title {
    margin-bottom: 68px; } }

@media (min-width: 600px) {
  .about-slide-group .title {
    font-size: 13px; } }

@media (min-width: 1600px) {
  .about-slide-group .title {
    font-size: 30px; } }

.about-slide-group .\!title {
  position: relative;
  margin-bottom: 1.75rem;
  font-size: 76px;
  font-weight: 700;
  text-align: center; }

@media (min-width: 480px) {
  .about-slide-group .\!title {
    margin-bottom: 68px; } }

@media (min-width: 600px) {
  .about-slide-group .\!title {
    font-size: 13px; } }

@media (min-width: 1600px) {
  .about-slide-group .\!title {
    font-size: 30px; } }

.about-slide-group .slide-item {
  padding: 0.5rem;
  text-align: center; }

.about-slide-group h4 {
  margin-top: 1rem;
  margin-bottom: 0.5rem; }

.about-slide-group .position {
  display: block;
  margin-bottom: 0.75rem;
  color: #141414;
  font-style: italic; }

.about-slide-group .\!position {
  display: block;
  margin-bottom: 0.75rem;
  color: #141414;
  font-style: italic; }

.about-slide-group .description {
  font-size: 0.95rem;
  line-height: 1.5; }

.about-slide-group .\!description {
  font-size: 0.95rem;
  line-height: 1.5; }

.productView-img-container {
  margin: 0;
  padding: 0;
  border-radius: 4px; }

.navPages-item.has-dropdown {
  position: relative; }

.navPage-subMenu {
  --tw-translate-y: 0;
  --tw-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 2px 8px var(--tw-shadow-color);
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  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));
  width: auto;
  min-width: 250px;
  padding: 0.5rem 0;
  background-color: #ffffff !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  opacity: 0;
  visibility: hidden; }

@media (prefers-reduced-motion: no-preference) {
  .navPage-subMenu {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: ease;
    transition-duration: 150ms;
    transition-duration: 0.2s;
    transition-property: transform; } }

@media (prefers-reduced-motion: reduce) {
  .navPage-subMenu {
    transition-property: none; } }

.has-megamenu .navPage-subMenu {
  --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));
  width: 100vw;
  padding: 1.25rem; }

.navPage-subMenu.is-open {
  --tw-translate-y: 0;
  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));
  opacity: 1;
  visibility: visible; }

.navPage-subMenu-list {
  margin: 0;
  padding: 0;
  list-style: none; }

.navPage-subMenu-action {
  display: flex;
  flex-wrap: nowrap;
  padding: 0.5rem 1rem;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: ease;
  transition-duration: 150ms;
  transition-duration: 0.2s;
  transition-property: opacity;
  align-items: center;
  text-decoration-line: none; }

@media (prefers-reduced-motion: reduce) {
  .navPage-subMenu-action {
    transition-property: none; } }

.navPage-subMenu-action img.lazyload {
  width: 5rem;
  height: 5rem;
  margin-right: 0.75rem;
  -o-object-fit: contain;
  object-fit: contain; }

.navPage-subMenu .cateArea {
  grid-template-columns: repeat(3, minmax(0, 1fr)); }

.form-label,
.form-outline .form-control ~ .form-label {
  color: rgba(27, 27, 27, 0.8); }

.form-increment .button {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  border-width: 1px;
  border-style: solid;
  border-color: rgba(27, 27, 27, 0.2);
  color: #000000;
  background-color: #ffffff !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.form-increment .\!button {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  border-width: 1px;
  border-style: solid;
  border-color: rgba(27, 27, 27, 0.2);
  color: #000000;
  background-color: #ffffff !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.productView-actions .form-field--increments .form-input--incrementTotal {
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  border-width: 1px;
  border-style: solid;
  border-color: rgba(27, 27, 27, 0.2);
  color: #000000;
  background-color: #ffffff !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.fill-white svg,
.fill-white {
  fill: #ffffff;
  stroke: #ffffff; }

h1,
h2,
h3,
.nav-item {
  line-height: 1.5;
  contain: style layout; }

.add-address-icon,
.add-address-icon svg {
  width: 2.5rem;
  height: 2.5rem; }

#product-listing-container > div.product-listing-content > nav > ul > li.page-item.pagination-item--previous.px-1 > a {
  color: #000000; }

#product-listing-container > div.product-listing-content > nav > ul > li.page-item.px-1.active.pagination-item--current > a {
  color: #ffffff; }

#intro-lower .\!btn svg {
  display: inline-block;
  margin-left: 0.35rem;
  vertical-align: middle; }

#intro-lower .btn svg {
  display: inline-block;
  margin-left: 0.35rem;
  vertical-align: middle; }

#intro-lower .\!btn {
  white-space: nowrap; }

#intro-lower .btn {
  white-space: nowrap; }

.about-information {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 3rem;
  text-align: left;
  align-items: stretch; }

.about-information:last-child {
  padding-bottom: 0; }

@media (min-width: 768px) {
  .about-information {
    text-align: left; } }

.about-information__image {
  --tw-shadow: 0 4px 24px rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 4px 24px var(--tw-shadow-color);
  flex: 1 1 320px;
  min-width: 20rem;
  max-width: 600px;
  height: 400px;
  border-radius: 0.75rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.about-information__image img {
  display: none;
  width: 100%;
  height: auto;
  border-radius: inherit; }

.about-information__content {
  --tw-shadow: 0 4px 24px rgba(0, 0, 0, 0.02);
  --tw-shadow-colored: 0 4px 24px var(--tw-shadow-color);
  display: flex;
  flex: 2 1 400px;
  flex-direction: column;
  min-width: 0;
  padding: 2rem 1.5rem;
  border-radius: 0.75rem;
  background: #ffffff;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  justify-content: center; }

.about-information__content .rte {
  padding-right: 0;
  padding-left: 0; }

.about-information--right {
  flex-direction: column; }

@media (min-width: 768px) {
  .about-information--right {
    flex-direction: row; } }

.about-information--left {
  flex-direction: column; }

@media (min-width: 768px) {
  .about-information--left {
    flex-direction: row-reverse; } }

.about-information__image .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem; }

.about-information__image .\!container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem; }

.\!btn {
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  display: inline-block;
  border-radius: 0.25rem;
  font-weight: 500;
  line-height: 1.5;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; }

@media (prefers-reduced-motion: reduce) {
  .\!btn {
    transition-property: none; } }

.btn,
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link:disabled {
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  display: inline-block;
  border-radius: 0.25rem;
  font-weight: 500;
  line-height: 1.5;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; }

@media (prefers-reduced-motion: reduce) {
  .btn,
  .btn-link,
  .btn-link:hover,
  .btn-link:focus,
  .btn-link:active,
  .btn-link:disabled {
    transition-property: none; } }

.select-div {
  height: 2.75rem;
  min-height: 2.75rem; }

#iframe,
.rhino-contact-iframe,
.nerden-borderNone {
  border-width: 0; }

.bg-tailwind {
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8)) rgb(241, 242, 243), rgb(224, 226, 229); }

.intro-lower,
#intro-lower {
  margin-top: -20rem; }

.mobile-menu-toggle {
  height: 35px; }

[data-twe-select-wrapper-ref],
[data-twe-select-form-outline-ref],
[data-twe-select-input-ref] {
  height: 2.75rem;
  min-height: 2.75rem; }

.card-figure.lazyloaded {
  opacity: 1; }

.card-figure__link {
  display: block;
  height: 100%; }

.card-figure__link.lazyloaded {
  opacity: 1; }

.lazyload,
.loading-lazy,
.lazyloading,
img.lazyload,
img.lazyloading,
img[class*='lazyload'] {
  --tw-blur: blur(2px);
  min-width: 1px;
  min-height: 1px;
  background-color: rgba(0, 0, 0, 0.04) !important;
  opacity: 0.85;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), filter 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-filter: blur(2px);
  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 (prefers-reduced-motion: reduce) {
  .lazyload,
  .loading-lazy,
  .lazyloading,
  img.lazyload,
  img.lazyloading,
  img[class*='lazyload'] {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: ease-out;
    transition-duration: 150ms;
    transition-duration: 0.1s;
    transition-property: opacity;
    filter: none; } }

.lazyload.lazyloaded,
.lazyload.loaded,
.loading-lazy.lazyloaded,
.loading-lazy.loaded,
.lazyloading.lazyloaded,
.lazyloading.loaded,
img.lazyload.lazyloaded,
img.lazyload.loaded,
img.lazyloading.lazyloaded,
img.lazyloading.loaded,
img[class*='lazyload'].lazyloaded,
img[class*='lazyload'].loaded {
  --tw-blur: blur(0);
  background-color: transparent;
  opacity: 1;
  -webkit-filter: blur(0);
  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); }

.lazyload[style*='visibility: hidden'],
.loading-lazy[style*='visibility: hidden'],
.lazyloading[style*='visibility: hidden'],
img.lazyload[style*='visibility: hidden'],
img.lazyloading[style*='visibility: hidden'],
img[class*='lazyload'][style*='visibility: hidden'] {
  opacity: 0.01;
  visibility: visible; }

.image-load-error {
  position: relative;
  overflow: hidden; }

.image-load-error::before {
  --tw-content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: rgba(255, 255, 255, 0.7) !important;
  content: var(--tw-content); }

.image-load-error::after {
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  --tw-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color);
  --tw-content: '!';
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 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));
  width: 2.5rem;
  height: 2.5rem;
  border-width: 1px;
  border-style: solid;
  border-color: #dddddd;
  border-radius: 50%;
  color: #888888;
  font-size: 1.5rem;
  line-height: 2.5rem;
  text-align: center;
  background-color: #f8f8f8 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  content: var(--tw-content); }

.image-load-error[data-critical='true'],
.image-load-error[fetchpriority='high'] {
  min-height: 100px;
  background-color: rgba(0, 0, 0, 0.05) !important; }

.responsive-img.lazyloading:not(.lqip-blur) {
  position: relative;
  overflow: hidden; }

.responsive-img.lazyloading:not(.lqip-blur)::after {
  --tw-content: '';
  display: none;
  content: var(--tw-content); }

@media (prefers-reduced-motion: reduce) {
  .responsive-img.lazyloading:not(.lqip-blur)::after {
    content: var(--tw-content);
    animation: none; } }

img.lazyload:not(.responsive-img),
img.lazyloading:not(.responsive-img) {
  --tw-blur: blur(2px);
  background-color: rgba(0, 0, 0, 0.03) !important;
  opacity: 0.8;
  -webkit-filter: blur(2px);
  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); }

img.lazyload:not(.responsive-img).lazyloaded,
img.lazyloading:not(.responsive-img).lazyloaded {
  background-color: transparent;
  opacity: 1;
  filter: none; }

.popularCategory__carousel img.lazyload,
.popularCategory__carousel img.lazyloading,
.nerden-category-img.lazyload,
.nerden-category-img.lazyloading,
.slick-slide img.lazyload,
.slick-slide img.lazyloading {
  --tw-aspect-h: 87;
  --tw-aspect-w: 195;
  --tw-blur: blur(2px);
  position: relative;
  min-width: 195px;
  min-height: 87px;
  background-color: rgba(0, 0, 0, 0.06) !important;
  opacity: 0.9;
  transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1), filter 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  object-fit: cover;
  -webkit-filter: blur(2px);
  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); }

.popularCategory__carousel img.lazyload > *,
.popularCategory__carousel img.lazyloading > *,
.nerden-category-img.lazyload > *,
.nerden-category-img.lazyloading > *,
.slick-slide img.lazyload > *,
.slick-slide img.lazyloading > * {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%; }

.popularCategory__carousel img.lazyload.lazyloaded,
.popularCategory__carousel img.lazyloading.lazyloaded,
.nerden-category-img.lazyload.lazyloaded,
.nerden-category-img.lazyloading.lazyloaded,
.slick-slide img.lazyload.lazyloaded,
.slick-slide img.lazyloading.lazyloaded {
  --tw-blur: blur(0);
  background-color: transparent;
  opacity: 1;
  -webkit-filter: blur(0);
  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); }

.popularCategory__carousel img.lazyload[style*='visibility: hidden'],
.popularCategory__carousel img.lazyloading[style*='visibility: hidden'],
.nerden-category-img.lazyload[style*='visibility: hidden'],
.nerden-category-img.lazyloading[style*='visibility: hidden'],
.slick-slide img.lazyload[style*='visibility: hidden'],
.slick-slide img.lazyloading[style*='visibility: hidden'] {
  visibility: visible; }

.slick-initialized .slick-slide {
  display: block;
  visibility: visible; }

.safari-browser img.lazyload,
.safari-browser img.lazyloading {
  --tw-blur: blur(1px);
  opacity: 0.95;
  -webkit-filter: blur(1px);
  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); }

.safari-browser img.lazyload.lazyloaded,
.safari-browser img.lazyloading.lazyloaded {
  opacity: 1;
  filter: none; }

.safari-browser .lqip-blur {
  --tw-blur: blur(2px);
  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);
  transform: none; }

.safari-browser .responsive-img {
  position: relative;
  height: 0;
  padding-bottom: calc(var(--aspect-ratio, 0.75) * 100%); }

.safari-browser .responsive-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; }

.legacy-browser img.lazyload,
.legacy-browser img.lazyloading {
  opacity: 0.9;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: ease-out;
  transition-duration: 150ms;
  transition-duration: 0.2s;
  transition-property: opacity;
  filter: none; }

.legacy-browser .lqip-blur {
  transform: none;
  opacity: 0.95; }

.legacy-browser .lqip-blur.lazyloaded {
  opacity: 1; }

.legacy-browser .lazyloading:not(.lqip-blur)::after {
  display: none; }

.caption-text,
caption {
  color: rgb(46, 46, 46); }

.mask-custom-home-dark {
  --tw-backdrop-blur: blur(10px);
  color: #ffffff;
  background-color: rgba(27, 27, 27, 0.8) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }

.\!title {
  position: relative;
  margin-bottom: 1.5rem;
  font-weight: 700; }

.title {
  position: relative;
  margin-bottom: 1.5rem;
  font-weight: 700; }

.mask-custom-home-dark .title,
.mask-custom-home-dark .desc {
  color: #ffffff; }

.mask-custom-home-dark .\!title {
  color: #ffffff; }

.mask-custom-home-dark .\!desc {
  color: #ffffff; }

.card-product-viewImage3,
.productView-thumbnail-link img {
  width: 71px;
  height: 71px; }

.dn-class,
.mobile-onlyClass {
  display: none; }

.navUser-section--alt {
  display: inline-flex;
  flex-wrap: wrap;
  height: 52px;
  margin: 0;
  padding: 0; }

[data-twe-select-input-wrapper] {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center; }

[data-twe-select-clear-btn] {
  position: absolute;
  right: 1.75rem;
  padding: 0.25rem;
  cursor: pointer;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-property: all; }

[data-twe-select-dropdown-container] {
  --tw-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  --tw-shadow-colored: 0 2px 5px 0 var(--tw-shadow-color), 0 2px 10px 0 var(--tw-shadow-color);
  position: absolute;
  right: 0;
  left: 0;
  z-index: 1070;
  max-height: 38.4375rem;
  border-radius: 0 0 0.5rem 0.5rem;
  background-color: #ffffff !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  overflow: hidden; }

[data-twe-select-dropdown-container] [data-twe-select-input] {
  width: calc(100% - 0.5rem);
  min-width: 0;
  height: 1.75rem;
  margin-top: 0.25rem;
  margin-right: 0.25rem;
  margin-left: 0.25rem;
  padding: 0.25rem;
  background-color: transparent;
  outline: 2px solid transparent;
  outline-offset: 2px; }

[data-twe-select-dropdown-list] {
  max-height: 30.625rem;
  margin-top: 0.25rem;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable; }

[data-twe-select-dropdown-list]::-webkit-scrollbar {
  width: 0.25rem; }

[data-twe-select-dropdown-list]::-webkit-scrollbar-button:start:decrement,
[data-twe-select-dropdown-list]::-webkit-scrollbar-button:end:increment {
  display: none; }

[data-twe-select-dropdown-list]::-webkit-scrollbar-track-piece {
  background-color: transparent; }

[data-twe-select-dropdown-list]::-webkit-scrollbar-track-piece:vertical:start {
  border-top-left-radius: 0.25rem; }

[data-twe-select-dropdown-list]::-webkit-scrollbar-track-piece:vertical:end {
  border-bottom-left-radius: 0.25rem; }

[data-twe-select-dropdown-list]::-webkit-scrollbar-track-piece:horizontal:start {
  border-top-left-radius: 0.25rem; }

[data-twe-select-dropdown-list]::-webkit-scrollbar-track-piece:horizontal:end {
  border-top-right-radius: 0.25rem; }

[data-twe-select-dropdown-list]::-webkit-scrollbar-thumb:vertical,
[data-twe-select-dropdown-list]::-webkit-scrollbar-thumb:horizontal {
  --tw-bg-opacity: 1;
  border-color: transparent;
  border-radius: 0.25rem;
  background-color: rgb(204, 204, 204) !important; }

[data-twe-select-option] {
  display: flex;
  flex-wrap: nowrap;
  min-height: 2.5rem;
  padding: 0.5rem 0.75rem;
  overflow-wrap: break-word;
  cursor: pointer;
  align-items: center;
  justify-content: space-between; }

[data-twe-select-option][data-twe-select-option-selected] {
  background-color: rgba(0, 0, 0, 0.03) !important; }

[data-twe-select-option][data-twe-select-option-selected]:hover,
[data-twe-select-option][data-twe-select-option-selected]:focus {
  background-color: rgba(0, 0, 0, 0.06) !important; }

[data-twe-select-option][data-twe-select-option-selected][data-twe-select-option-disabled] {
  background-color: rgba(0, 0, 0, 0.03) !important; }

[data-twe-select-option][data-twe-select-option-selected][data-twe-select-option-disabled]:hover,
[data-twe-select-option][data-twe-select-option-selected][data-twe-select-option-disabled]:focus {
  background-color: rgba(0, 0, 0, 0.03) !important;
  cursor: default; }

[data-twe-select-option]:hover,
[data-twe-select-option]:focus {
  background-color: rgba(0, 0, 0, 0.05) !important; }

[data-twe-select-option][data-twe-select-option-disabled] {
  color: rgba(0, 0, 0, 0.26);
  cursor: default; }

[data-twe-select-option][data-twe-select-option-disabled]:hover,
[data-twe-select-option][data-twe-select-option-disabled]:focus {
  background-color: #ffffff !important; }

[data-twe-select-option][data-twe-select-option-group] {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  color: rgba(0, 0, 0, 0.6); }

[data-twe-select-option][data-twe-select-option-group]:hover,
[data-twe-select-option][data-twe-select-option-group]:focus {
  background-color: #ffffff !important;
  cursor: default; }

[data-twe-select-option-group]:first-child {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem; }

[data-twe-select-option-text] {
  overflow: hidden;
  text-overflow: ellipsis; }

[data-twe-select-option-icon] {
  margin-right: 0.75rem;
  font-size: 1.4em; }

[data-twe-select-option-secondary] {
  margin-left: 1.25rem;
  color: #474747;
  font-size: 0.875rem;
  line-height: 1.25rem; }

[data-twe-select-form-outline] {
  position: relative;
  height: 2.5rem; }

[data-twe-select-input] {
  width: calc(100% - 2.7rem);
  min-height: auto;
  padding: 0.32rem 0.75rem;
  border-style: solid;
  border-color: #1b1b1b;
  border-radius: 0.25rem;
  color: #454545;
  line-height: 1.6;
  background-color: transparent;
  cursor: pointer;
  float: left;
  outline: 2px solid transparent;
  outline-offset: 2px; }

input[data-twe-select-input][readonly] {
  background-color: transparent;
  cursor: pointer; }

[data-twe-select-clear-btn][data-twe-select-clearable-state='visible'] {
  opacity: 1; }

[data-twe-select-clear-btn][data-twe-select-clearable-state='hidden'] {
  opacity: 0;
  visibility: hidden; }

[data-twe-select-no-results] {
  min-height: 2.5rem;
  padding: 0.5rem 0.75rem;
  overflow-wrap: break-word;
  cursor: default;
  align-items: center; }

[data-twe-select-validation] {
  position: absolute;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0.32rem;
  color: #800000;
  font-size: 0.8rem;
  visibility: hidden;
  pointer-events: none; }

html {
  color: #050505;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.5;
  background-color: #ffffff !important; }

.\!a {
  text-decoration-line: none; }

.a {
  text-decoration-line: none; }

p {
  line-height: 1.6; }

h1,
.h1 {
  width: 100%;
  margin: 1.5rem auto;
  color: #0a0a0a;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
  letter-spacing: -0.025em; }

@media (min-width: 1024px) {
  h1,
  .h1 {
    max-width: 48rem;
    font-size: 3rem;
    line-height: 1; } }

.img-fluid {
  max-width: 100% !important;
  height: auto !important; }

.halo-back-to-top {
  color: #ffffff;
  background-color: #000000 !important; }

[data-twe-select-input]:focus {
  --tw-ring-color: #1b1b1b; }

.lazyloaded {
  --tw-blur: blur(0);
  opacity: 1;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-property: filter, opacity;
  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); }

.lazyload,
.lazyloading {
  --tw-blur: blur(10px);
  opacity: 0;
  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); }

img {
  image-rendering: auto; }

.btn-lg {
  display: inline-block !important;
  padding: 0.75rem 1.75rem 0.625rem; }

.btn-sm {
  display: inline-block !important;
  padding: 6px 1rem 5px; }

.card {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.08)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.2));
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-color: #c1c8d2;
  background-color: #ffffff !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  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); }

.card-figure {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.12));
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 0.5rem;
  background-color: rgba(0, 0, 0, 0.03) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  overflow: hidden;
  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); }

.card-image {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.12));
  max-width: 100%;
  height: auto;
  padding-bottom: 0;
  border-radius: 0.5rem;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  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); }

.img-thumbnail {
  max-width: 24rem;
  padding: 0.25rem;
  border-radius: 0.25rem;
  background-color: #ffffff !important; }

.card-body {
  position: relative;
  flex: 1 1 auto;
  overflow: hidden;
  background-clip: border-box; }

.nerden-primary {
  --tw-gradient-from: #1b1b1b var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(27, 27, 27, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-from-position: 5%;
  display: inline-block !important;
  color: #ffffff;
  font-family: 'InterVariable', 'Inter', 'InterDisplay', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji';
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  background-image: linear-gradient(to bottom left, var(--tw-gradient-stops)); }

.nerden-primary:focus {
  --tw-shadow: 0 25px 50px -12px rgba(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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.nerden-primary:active {
  --tw-shadow: 0 25px 50px -12px rgba(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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.nerden-primary:disabled {
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  pointer-events: none; }

.btn-primary {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  display: inline-block !important;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  border-radius: 0.375rem;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #1b1b1b !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; }

.btn-primary:hover {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  background-color: #0a0a0a !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.btn-primary:focus {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  background-color: #0a0a0a !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.btn-primary:active {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  background-color: #474747 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.nerden-secondary {
  --tw-gradient-from: #e1a404 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(225, 164, 4, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  display: inline-block !important;
  padding: 0.5rem 1rem;
  color: #000000;
  font-family: 'InterVariable', 'Inter', 'InterDisplay', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji';
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.nerden-secondary:hover {
  --tw-shadow: 0 25px 50px -12px rgba(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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.nerden-secondary:focus {
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.nerden-secondary:active {
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.nerden-secondary:disabled {
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  pointer-events: none; }

.btn-secondary {
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  display: inline-block !important;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  border-radius: 0.375rem;
  color: #000000;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #fbbf24 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; }

.btn-secondary:hover {
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  background-color: #aa7c03 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.btn-secondary:focus {
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  background-color: #aa7c03 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.btn-secondary:active {
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  background-color: #fccc50 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.btn-success {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  display: inline-block !important;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  border-radius: 0.375rem;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #0e7235 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; }

.btn-success:hover {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  background-color: #084420 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.btn-success:focus {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  background-color: #084420 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.btn-success:active {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  background-color: #16b654 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.btn-danger {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  display: inline-block !important;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  border-radius: 0.375rem;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #800000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; }

.btn-danger:hover {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  background-color: #4d0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.btn-danger:focus {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  background-color: #4d0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.btn-danger:active {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  background-color: #cc0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.btn-warning {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  display: inline-block !important;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  border-radius: 0.375rem;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #e4a11b !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; }

.btn-warning:hover {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  background-color: #896110 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.btn-warning:focus {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  background-color: #896110 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.btn-warning:active {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  background-color: #e9b449 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.btn-info {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  display: inline-block !important;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  border-radius: 0.375rem;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #54b4d3 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; }

.btn-info:hover {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  background-color: #25748e !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.btn-info:focus {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  background-color: #25748e !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.btn-info:active {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  background-color: #75c3dc !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.btn-tertiary {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  display: inline-block !important;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  border-radius: 0.375rem;
  color: #000000;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #9fa6b2 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; }

.btn-tertiary:hover {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  background-color: #3b404a !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.btn-tertiary:focus {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  background-color: #3b404a !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.btn-tertiary:active {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  background-color: #b3b8c2 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.btn-light {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  display: inline-block !important;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  border-radius: 0.375rem;
  color: #000000;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #f9fafb !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; }

.btn-light:hover {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  background-color: #506377 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.btn-light:focus {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  background-color: #506377 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.btn-light:active {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  background-color: #f9fafb !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.btn-outline-primary {
  padding: 0.5rem 1rem;
  color: #000000;
  font-family: 'InterVariable', 'Inter', 'InterDisplay', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji';
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  background-color: #f9fafb !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.btn-outline-primary:hover {
  background-color: #f0f3f5 !important; }

.btn-link {
  --tw-shadow: 0 0 rgba(0, 0, 0, 0) !important;
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0) !important;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  color: #000000 !important;
  text-align: center;
  white-space: nowrap;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-property: all; }

.btn-link:hover {
  --tw-shadow: 0 0 rgba(0, 0, 0, 0) !important;
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0) !important;
  background-color: #dee5e8 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) !important; }

.btn-link:focus {
  --tw-shadow: 0 0 rgba(0, 0, 0, 0) !important;
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0) !important;
  background-color: #dee5e8 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) !important; }

.btn-link:active {
  --tw-shadow: 0 0 rgba(0, 0, 0, 0) !important;
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0) !important;
  background-color: #f0f3f5 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) !important; }

.btn-link:disabled {
  --tw-shadow: 0 0 rgba(0, 0, 0, 0) !important;
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) !important;
  opacity: 0.5;
  pointer-events: none; }

.nerden-productGalleryMainImage {
  width: 669px !important;
  max-width: 100% !important;
  height: 669px !important;
  border-radius: 0.25rem;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  image-rendering: auto; }

.nerden-haloBundleProducts,
.nerden-categoryCompareProductCardImage,
.nerden-cartPreviewProductCardImage,
.nerden-accountReturnsListImage,
.nerden-accountOrderListImage,
.nerden-accountOrderContentsImage {
  width: 100%;
  max-width: 100px;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover;
  image-rendering: auto; }

.nerden-blogPageImage {
  width: 100%;
  max-width: 957px;
  height: auto !important;
  object-fit: cover;
  image-rendering: auto; }

.nerden-brandProductCardImage,
.nerden-searchProductCardImage {
  width: 100%;
  max-width: 393px;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover;
  image-rendering: auto; }

.nerden-productMobileMainImage {
  width: 100% !important;
  height: 669px;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover;
  image-rendering: auto; }

.nerden-miscProductCard1Image {
  width: 100%;
  max-width: 397px;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover;
  image-rendering: auto; }

.nerden-homeProductCardImage,
.nerden-haloProductTemp,
.nerden-productRelatedProductCardImage {
  width: 100%;
  max-width: 292px;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover;
  image-rendering: auto; }

.nerden-productGalleryThumbnailImage {
  width: 100%;
  max-width: 71px;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover;
  image-rendering: auto; }

.nerden-topCategoryBanner {
  width: 100%;
  max-width: 1567px;
  height: 100% !important;
  object-fit: cover;
  image-rendering: auto; }

.additionalResourcesImage {
  width: 100%;
  max-width: 532px;
  height: auto !important;
  object-fit: cover;
  image-rendering: auto; }

.nerden-category-img {
  width: 100%;
  max-width: 195px;
  height: auto !important;
  object-fit: cover;
  image-rendering: auto; }

.homeLookbook1Image {
  width: 100%;
  max-width: 1107px;
  height: auto !important;
  object-fit: cover;
  image-rendering: auto; }

.rhino-logo {
  width: 264px !important;
  max-width: 100% !important;
  height: 63px !important;
  object-fit: contain !important;
  image-rendering: auto; }

.nerden-brandLogoImage {
  width: 100%;
  max-width: 393px;
  height: auto !important;
  object-fit: cover;
  image-rendering: auto; }

.nerden-homePageCarousel {
  width: 1692px;
  max-width: 100% !important;
  height: 739px;
  object-fit: cover;
  image-rendering: auto; }

.nerden-homePageLookbookLarge {
  --tw-aspect-h: 239;
  --tw-aspect-w: 239;
  position: relative;
  width: 100%;
  max-width: 239px;
  height: auto !important;
  object-fit: cover;
  image-rendering: auto; }

.nerden-homePageLookbookLarge > * {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%; }

.nerden-haloNextProductsTmp,
.nerden-homePageLookbookSmall {
  position: absolute !important;
  width: 100% !important;
  max-width: 70px;
  height: 70px;
  object-fit: cover !important;
  image-rendering: auto; }

.rightCategoryImage {
  width: 100%;
  max-width: 60px !important;
  height: auto !important;
  object-fit: cover;
  image-rendering: auto; }

.nerden-categoryProductCardImage {
  --tw-aspect-h: 392;
  --tw-aspect-w: 392;
  position: relative;
  width: 100%;
  max-width: 392px;
  height: auto !important;
  object-fit: contain !important; }

.nerden-categoryProductCardImage > * {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%; }

.nerden-megaMenu1LeftImage {
  width: 100%;
  max-width: 283px;
  height: auto !important;
  object-fit: cover;
  image-rendering: auto; }

.nerden-megaMenu1RightImage {
  width: 100%;
  max-width: 269px;
  height: auto !important;
  object-fit: cover;
  image-rendering: auto; }

.nerden-cartProductCardImage {
  --tw-aspect-h: 102;
  --tw-aspect-w: 102;
  position: relative;
  width: 100%;
  max-width: 102px;
  height: auto !important;
  object-fit: cover;
  image-rendering: auto; }

.nerden-cartProductCardImage > * {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%; }

.nerden-footerLogoImage {
  width: 100%;
  max-width: 205px;
  height: auto !important;
  object-fit: cover;
  image-rendering: auto; }

.nerden-megaMenu2LargeImage {
  width: 100%;
  max-width: 811px;
  height: auto !important;
  aspect-ratio: 811 / 298;
  object-fit: scale-down; }

.nerden-blogPostTopLeftImage {
  width: 100%;
  max-width: 630px;
  height: auto !important;
  object-fit: cover;
  image-rendering: auto; }

.nerden-blogPostTopRightImage {
  width: 100% !important;
  max-width: 303px;
  height: auto;
  object-fit: cover;
  image-rendering: auto; }

.nerden-categorySubcategoryImage {
  width: 100%;
  max-width: 80px;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover;
  image-rendering: auto; }

.nerden-sidebarProductCardImage,
.nerden-lookbookPopupProductImage {
  width: 100%;
  max-width: 270px;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover;
  image-rendering: auto; }

.nerden-homeRecentPostsImage {
  width: 100%;
  max-width: 516px;
  height: auto !important;
  object-fit: cover;
  image-rendering: auto; }

.nerden-homeCategory6Image {
  width: 100%;
  max-width: 527px;
  height: auto !important;
  object-fit: cover;
  image-rendering: auto; }

.nerden-productBannerLarge {
  width: 592px;
  min-width: 592px;
  max-width: 100%;
  height: 423px;
  min-height: auto; }

.nerden-productBannerSmall {
  width: 24rem;
  min-width: 384px;
  max-width: 100%;
  height: 18rem;
  min-height: auto; }

.nerden-productListProductCardImage {
  width: 100%;
  max-width: 402px;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover;
  image-rendering: auto; }

.nerden-accountProductCardImage {
  width: 100%;
  max-width: 429px;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover;
  image-rendering: auto; }

.nerden-productWriteReviewImage {
  width: 100%;
  max-width: 378px;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover;
  image-rendering: auto; }

.nerden-searchQuickResultsImage {
  width: 100%;
  max-width: 285px;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover;
  image-rendering: auto; }

.nerden-productSecurityImage {
  width: 100%;
  max-width: 95px;
  height: auto !important;
  object-fit: cover;
  image-rendering: auto; }

.nerden-stickyAddToCartImage {
  width: 100%;
  max-width: 59px;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover;
  image-rendering: auto; }

.nerden-productOptionsListImage {
  width: 100%;
  max-width: 48px;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover;
  image-rendering: auto; }

.peer:focus ~ .peer-focus\:text-primary {
  --tw-text-opacity: 1;
  color: #1b1b1b;
  background: #ffffff;
  background-color: #ffffff !important; }

.page-type-account_orderstatus .navBar--account .navBar-section {
  overflow-x: visible;
  scrollbar-gutter: auto; }

.page-type-account_orderstatus .account-list {
  margin: 0;
  padding: 0;
  border-width: 0;
  background-color: transparent;
  list-style: none; }

.page-type-account_orderstatus .account-order-item {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  margin-bottom: 1rem;
  padding: 1.25rem;
  border-width: 1px;
  border-style: solid;
  border-radius: 0.5rem;
  background-color: #ffffff !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.page-type-account_orderstatus .account-order-item:last-child {
  margin-bottom: 0; }

.page-type-account_orderstatus .account-product {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  margin: 0;
  padding: 0;
  border-width: 0;
  align-items: flex-start; }

.page-type-account_orderstatus .account-product-figure {
  flex-shrink: 0;
  width: 5rem;
  height: 5rem;
  margin: 0; }

.page-type-account_orderstatus .account-product-figure::after {
  content: var(--tw-content);
  display: none; }

.page-type-account_orderstatus .account-product-figure img {
  width: 100%;
  height: 100%;
  border-radius: 0.375rem;
  object-fit: cover; }

.page-type-account_orderstatus .account-product-body {
  flex: 1 1 0%;
  overflow: visible;
  padding: 0; }

.page-type-account_orderstatus .account-orderStatus {
  float: right;
  margin-left: 1rem;
  text-align: right; }

.page-type-account_orderstatus .account-orderStatus-label {
  display: inline-block;
  margin: 0 0 0.5rem;
  padding: 0.25rem 0.75rem;
  border-radius: 0.375rem;
  color: #ffffff;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  line-height: 1.25;
  text-align: center;
  text-transform: capitalize;
  background-color: #0e7235 !important; }

.page-type-account_orderstatus .account-product-title {
  margin: 0 0 0.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 1.5; }

.page-type-account_orderstatus .account-product-title a {
  color: #2a2d32;
  text-decoration-line: none; }

.page-type-account_orderstatus .account-product-title a:hover,
.page-type-account_orderstatus .account-product-title a:focus {
  color: #3b82f6;
  text-decoration-line: underline; }

.page-type-account_orderstatus .account-product-description {
  margin: 0 0 1rem;
  color: #6b7280;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.5; }

.page-type-account_orderstatus .account-product-details {
  display: flex;
  flex-wrap: nowrap;
  gap: 2rem;
  margin: 0; }

.page-type-account_orderstatus .account-product-detail {
  flex: none;
  margin: 0; }

.page-type-account_orderstatus .account-product-detail + .account-product-detail {
  margin-top: 0; }

.page-type-account_orderstatus .account-product-detail-heading {
  margin: 0 0 0.25rem;
  color: #6b7280;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  letter-spacing: 0.05em;
  text-transform: uppercase; }

.page-type-account_orderstatus .account-product-detail span {
  color: #2a2d32;
  font-size: 0.875rem;
  line-height: 1.25rem; }

.page-type-account_orderstatus .account-content {
  padding: 0; }

.page-type-account_orderstatus .account-body {
  margin: 0; }

.nav-pills .nav-link {
  border-width: 0;
  border-radius: 0.25rem;
  background: none; }

.nav-link {
  display: block;
  margin-right: 0.5rem;
  padding: 0.75rem 2rem;
  border-radius: 0.25rem;
  color: rgb(28, 28, 28);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }

.nav-link:last-child {
  margin-right: 0; }

.nav-link.active {
  background-color: #000000 !important; }

.nav-fill .nav-item,
.nav-fill > .nav-link {
  flex: 1 1 auto;
  text-align: center; }

.nav-justified .nav-item,
.nav-justified > .nav-link {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center; }

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  border-color: #1b1b1b;
  color: #1b1b1b;
  background-color: transparent; }

.nav-tabs .nav-item.\!show .nav-link {
  border-color: #1b1b1b;
  color: #1b1b1b;
  background-color: transparent; }

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%; }

.form-radio {
  position: relative;
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.125rem;
  border-width: 2px;
  border-style: solid;
  border-radius: 9999px;
  text-align: left;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-property: all;
  float: left;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  margin-inline-end: 0.25rem; }

.form-radio::after {
  --tw-content: var(--tw-content);
  position: absolute;
  z-index: 1;
  display: block;
  width: 1rem;
  height: 1rem;
  border-radius: 9999px;
  content: var(--tw-content); }

.form-radio:checked {
  border-color: #1b1b1b; }

.form-radio:checked::before {
  --tw-content: var(--tw-content);
  opacity: 0.16;
  content: var(--tw-content); }

.form-radio:checked::after {
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  --tw-content: var(--tw-content);
  position: absolute;
  top: 50%;
  left: 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));
  width: 0.625rem;
  height: 0.625rem;
  border-color: #1b1b1b;
  border-radius: 9999px;
  background-color: rgb(27, 27, 27) !important;
  content: var(--tw-content); }

.form-radio:hover {
  cursor: pointer; }

.form-radio:checked:focus {
  border-color: #1b1b1b; }

.form-radio:checked:focus::before {
  --tw-shadow-color: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  --tw-shadow: var(--tw-shadow-colored);
  --tw-content: var(--tw-content);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-property: box-shadow 0.2s, transform 0.2s;
  content: var(--tw-content); }

.form-radio:focus:checked::before {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-shadow-colored: 0 0 0 13px var(--tw-shadow-color);
  --tw-shadow: 0 0 0 13px rgb(20, 20, 20);
  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)); }

.halo-background {
  --tw-backdrop-blur: blur(0.3125rem);
  position: absolute;
  z-index: -1;
  display: none;
  opacity: 0;
  visibility: hidden;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: ease;
  transition-duration: 150ms;
  transition-duration: 0.3s;
  transition-property: opacity;
  inset: 0;
  -webkit-backdrop-filter: blur(0.3125rem);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }

.full,
main,
.main,
#main {
  display: block;
  width: 100%; }

@media (min-width: 1440px) {
  .\!container {
    max-width: 100%;
    padding: 0 4rem; }
  .container {
    max-width: 100%;
    padding: 0 4rem; } }

@media (hover: hover) {
  .home-layout-2 .slick-arrow:hover,
  .home-layout-2 .slick-arrow:focus {
    border-color: rgb(107, 114, 128);
    background-color: #000000 !important; } }

@media (max-width: 768px) {
  .halo-menu-sidebar,
  .navPages-container {
    background-color: #ffffff !important; }
  .navPages-action {
    color: rgb(20, 20, 20); }
  .custom-center,
  .navUser-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; }
  .navUser-item {
    width: 100%; } }

@media (min-width: 768px) {
  .navPages-container {
    background-color: transparent; }
  .navPages-action {
    color: #ffffff; }
  .navPage-subMenu {
    margin: 0.625rem 0 0; }
  .navPage-subMenu a,
  .navPage-subMenu .has-subMenu > a {
    color: #000000; } }

@media (min-width: 768px) and (hover: hover) {
  .navPage-subMenu a:hover,
  .navPage-subMenu .has-subMenu > a:hover,
  .navPage-subMenu a:focus,
  .navPage-subMenu .has-subMenu > a:focus {
    color: rgb(251, 189, 35); }
  .navPages-action:hover,
  .navPages-action:focus {
    color: #ffffff; } }

@media (min-width: 1024px) and (max-width: 1024px) {
  iframe {
    height: 250px; } }

@media (min-width: 768px) {
  .about-information--left,
  .about-information--right {
    flex-direction: row; } }

@media (max-width: 480px) {
  .halo-menu-sidebar .navPages-item .navPages-action {
    font-size: 15px; } }

@media (max-width: 1024px) {
  .about-information {
    gap: 1.5rem; }
  .about-information__image {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: 300px;
    margin: 0 auto; }
  .about-information__content {
    padding: 1.5rem 1rem;
    background: #ffffff; } }

@media (max-width: 600px) {
  .about-information__image {
    height: 220px;
    background-position: center 20%; }
  .about-slide-group {
    padding: 2rem 0; }
  .slide-item {
    padding: 0 1rem; }
  .page-type-account_orderstatus .account-orderStatus {
    margin-bottom: 8px;
    margin-left: 0;
    text-align: left;
    float: none; }
  .page-type-account_orderstatus .account-product-details {
    flex-direction: column;
    gap: 16px; } }

@media (hover: hover) {
  .nav-link:hover,
  .nav-link:focus {
    background-color: #dee5e8 !important; }
  .nav-link.active:hover,
  .nav-link.active:focus {
    background-color: #000000 !important; } }

@media (max-width: 1024px) {
  .slide-1 {
    background-image: url("https://img.rhinorails.com/Hera/hera-home-banner-1.avif?tr=w-1692,h-739,dpr-1");
    background-repeat: no-repeat; } }

@media (min-width: 1024px) {
  .slide-1 {
    background-image: url("https://img.rhinorails.com/Hera/hera-home-banner-1.avif?tr=w-1692,h-739,dpr-1");
    background-repeat: no-repeat; } }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border-width: 0;
  white-space: nowrap;
  overflow: hidden;
  clip: rect(0, 0, 0, 0); }

.pointer-events-none {
  pointer-events: none; }

.pointer-events-auto {
  pointer-events: auto; }

.\!visible {
  visibility: visible !important; }

.visible {
  visibility: visible; }

.invisible {
  visibility: hidden; }

.collapse {
  visibility: collapse; }

.static {
  position: static; }

.\!fixed {
  position: fixed !important; }

.fixed {
  position: fixed; }

.\!absolute {
  position: absolute !important; }

.absolute {
  position: absolute; }

.relative {
  position: relative; }

.sticky {
  position: sticky; }

.-inset-4 {
  inset: -1rem; }

.inset-0 {
  inset: 0; }

.inset-x-0 {
  right: 0;
  left: 0; }

.inset-y-0 {
  top: 0;
  bottom: 0; }

.-bottom-\[47px\] {
  bottom: -47px; }

.-left-\[15px\] {
  left: -15px; }

.-left-\[9999px\] {
  left: -9999px; }

.-right-24 {
  right: -6rem; }

.-start-8 {
  inset-inline-start: -2rem; }

.-top-24 {
  top: -6rem; }

.-top-6 {
  top: -1.5rem; }

.-top-\[18px\] {
  top: -18px; }

.-top-\[21px\] {
  top: -21px; }

.-top-\[35px\] {
  top: -35px; }

.bottom-0 {
  bottom: 0; }

.bottom-0\.5 {
  bottom: 0.125rem; }

.bottom-1 {
  bottom: 0.25rem; }

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

.bottom-4 {
  bottom: 1rem; }

.bottom-5 {
  bottom: 1.25rem; }

.bottom-\[60px\] {
  bottom: 60px; }

.bottom-full {
  bottom: 100%; }

.end-0 {
  inset-inline-end: 0; }

.end-0\.5 {
  inset-inline-end: 0.125rem; }

.end-1 {
  inset-inline-end: 0.25rem; }

.end-3 {
  inset-inline-end: 0.75rem; }

.end-9 {
  inset-inline-end: 2.25rem; }

.left-0 {
  left: 0; }

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

.left-3 {
  left: 0.75rem; }

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

.left-\[50px\] {
  left: 50px; }

.right-0 {
  right: 0; }

.right-0\.5 {
  right: 0.125rem; }

.right-1 {
  right: 0.25rem; }

.right-1\.5 {
  right: 0.375rem; }

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

.right-4 {
  right: 1rem; }

.start-0 {
  inset-inline-start: 0; }

.start-\[calc\(50\%-1px\)\] {
  inset-inline-start: calc(50% - 1px); }

.top-0 {
  top: 0; }

.top-1 {
  top: 0.25rem; }

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

.top-2 {
  top: 0.5rem; }

.top-\[11px\] {
  top: 11px; }

.top-\[13px\] {
  top: 13px; }

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

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

.top-full {
  top: 100%; }

.isolate {
  isolation: isolate; }

.\!z-10 {
  z-index: 10 !important; }

.\!z-40 {
  z-index: 40 !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-first {
  order: -9999; }

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

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

.col-start-2 {
  grid-column-start: 2; }

.float-right {
  float: right; }

.float-left {
  float: left; }

.\!-m-px {
  margin: -1px !important; }

.-m-px {
  margin: -1px; }

.m-0 {
  margin: 0; }

.m-1 {
  margin: 0.25rem; }

.m-2 {
  margin: 0.5rem; }

.m-3 {
  margin: 0.75rem; }

.m-auto {
  margin: auto; }

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

.-my-8 {
  margin-top: -2rem;
  margin-bottom: -2rem; }

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

.mx-1 {
  margin-right: 0.25rem;
  margin-left: 0.25rem; }

.mx-2 {
  margin-right: 0.5rem;
  margin-left: 0.5rem; }

.mx-3 {
  margin-right: 0.75rem;
  margin-left: 0.75rem; }

.mx-4 {
  margin-right: 1rem;
  margin-left: 1rem; }

.mx-\[10px\] {
  margin-right: 10px;
  margin-left: 10px; }

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

.my-0 {
  margin-top: 0;
  margin-bottom: 0; }

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem; }

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem; }

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem; }

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.my-\[5px\] {
  margin-top: 5px;
  margin-bottom: 5px; }

.\!me-1 {
  margin-inline-end: 0.25rem !important; }

.\!me-1\.5 {
  margin-inline-end: 0.375rem !important; }

.\!ms-auto {
  margin-inline-start: auto !important; }

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

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

.-mr-96 {
  margin-right: -24rem; }

.-ms-\[1\.5rem\] {
  margin-inline-start: -1.5rem; }

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

.-mt-3 {
  margin-top: -0.75rem; }

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

.mb-0 {
  margin-bottom: 0; }

.mb-0\.5 {
  margin-bottom: 0.125rem; }

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

.mb-12 {
  margin-bottom: 3rem; }

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

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

.mb-2\.5 {
  margin-bottom: 0.625rem; }

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

.mb-\[0\.125rem\] {
  margin-bottom: 0.125rem; }

.mb-\[10px\] {
  margin-bottom: 10px; }

.me-0 {
  margin-inline-end: 0; }

.me-1 {
  margin-inline-end: 0.25rem; }

.me-2 {
  margin-inline-end: 0.5rem; }

.me-4 {
  margin-inline-end: 1rem; }

.me-6 {
  margin-inline-end: 1.5rem; }

.me-\[6px\] {
  margin-inline-end: 6px; }

.me-\[8px\] {
  margin-inline-end: 8px; }

.me-auto {
  margin-inline-end: auto; }

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

.ml-4 {
  margin-left: 1rem; }

.mr-1 {
  margin-right: 0.25rem; }

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

.mr-3 {
  margin-right: 0.75rem; }

.mr-4 {
  margin-right: 1rem; }

.ms-0 {
  margin-inline-start: 0; }

.ms-0\.5 {
  margin-inline-start: 0.125rem; }

.ms-1 {
  margin-inline-start: 0.25rem; }

.ms-2 {
  margin-inline-start: 0.5rem; }

.ms-3 {
  margin-inline-start: 0.75rem; }

.ms-4 {
  margin-inline-start: 1rem; }

.ms-6 {
  margin-inline-start: 1.5rem; }

.ms-\[1\.5rem\] {
  margin-inline-start: 1.5rem; }

.ms-\[30px\] {
  margin-inline-start: 30px; }

.ms-\[3px\] {
  margin-inline-start: 3px; }

.ms-auto {
  margin-inline-start: auto; }

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

.mt-0\.5 {
  margin-top: 0.125rem; }

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

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

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

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

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

.mt-2\.5 {
  margin-top: 0.625rem; }

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

.mt-3 {
  margin-top: 0.75rem; }

.mt-32 {
  margin-top: 8rem; }

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

.mt-5 {
  margin-top: 1.25rem; }

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

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

.mt-\[0\.15rem\] {
  margin-top: 0.15rem; }

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

.box-border {
  box-sizing: border-box; }

.box-content {
  box-sizing: content-box; }

.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; }

.\!block {
  display: block !important; }

.block {
  display: block; }

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

.inline {
  display: inline; }

.\!flex {
  display: flex !important;
  flex-wrap: nowrap; }

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

.inline-flex {
  display: inline-flex;
  flex-wrap: nowrap; }

.table {
  display: table; }

.grid {
  display: grid; }

.contents {
  display: contents; }

.list-item {
  display: list-item; }

.hidden {
  display: none; }

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

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

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

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

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

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

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

.size-0\.5 {
  width: 0.125rem;
  height: 0.125rem; }

.size-1 {
  width: 0.25rem;
  height: 0.25rem; }

.size-16 {
  width: 4rem;
  height: 4rem; }

.size-3\.5 {
  width: 0.875rem;
  height: 0.875rem; }

.size-4 {
  width: 1rem;
  height: 1rem; }

.size-5 {
  width: 1.25rem;
  height: 1.25rem; }

.size-6 {
  width: 1.5rem;
  height: 1.5rem; }

.size-8 {
  width: 2rem;
  height: 2rem; }

.size-full {
  width: 100%;
  height: 100%; }

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

.\!h-2\.5 {
  height: 0.625rem !important; }

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

.\!h-px {
  height: 1px !important; }

.h-0 {
  height: 0; }

.h-1 {
  height: 0.25rem; }

.h-1\.5 {
  height: 0.375rem; }

.h-10 {
  height: 2.5rem; }

.h-12 {
  height: 3rem; }

.h-14 {
  height: 3.5rem; }

.h-16 {
  height: 4rem; }

.h-2 {
  height: 0.5rem; }

.h-2\/5 {
  height: 40%; }

.h-24 {
  height: 6rem; }

.h-4 {
  height: 1rem; }

.h-5 {
  height: 1.25rem; }

.h-6 {
  height: 1.5rem; }

.h-64 {
  height: 16rem; }

.h-7 {
  height: 1.75rem; }

.h-72 {
  height: 18rem; }

.h-8 {
  height: 2rem; }

.h-9 {
  height: 2.25rem; }

.h-\[0\.9375rem\] {
  height: 0.9375rem; }

.h-\[1\.125rem\] {
  height: 1.125rem; }

.h-\[1\.4rem\] {
  height: 1.4rem; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-\[calc\(100\%-100px\)\] {
  height: calc(100% - 100px); }

.h-auto {
  height: auto; }

.h-fit {
  height: -moz-fit-content;
  height: fit-content; }

.h-full {
  height: 100%; }

.h-px {
  height: 1px; }

.h-screen {
  height: 100vh; }

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

.max-h-\[calc\(100\%-64px\)\] {
  max-height: calc(100% - 64px); }

.max-h-full {
  max-height: 100%; }

.min-h-6 {
  min-height: 1.5rem; }

.min-h-\[1\.5rem\] {
  min-height: 1.5rem; }

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

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

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

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

.min-h-full {
  min-height: 100%; }

.\!w-2\.5 {
  width: 0.625rem !important; }

.\!w-px {
  width: 1px !important; }

.w-0 {
  width: 0; }

.w-1\.5 {
  width: 0.375rem; }

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

.w-10 {
  width: 2.5rem; }

.w-12 {
  width: 3rem; }

.w-2 {
  width: 0.5rem; }

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

.w-4 {
  width: 1rem; }

.w-5 {
  width: 1.25rem; }

.w-6 {
  width: 1.5rem; }

.w-64 {
  width: 16rem; }

.w-7 {
  width: 1.75rem; }

.w-72 {
  width: 18rem; }

.w-8 {
  width: 2rem; }

.w-9 {
  width: 2.25rem; }

.w-96 {
  width: 24rem; }

.w-\[0\.9375rem\] {
  width: 0.9375rem; }

.w-\[1\.125rem\] {
  width: 1.125rem; }

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

.w-\[100px\] {
  width: 100px; }

.w-\[1030px\] {
  width: 1030px; }

.w-\[1107px\] {
  width: 1107px; }

.w-\[1142px\] {
  width: 1142px; }

.w-\[1182px\] {
  width: 1182px; }

.w-\[128px\] {
  width: 128px; }

.w-\[1372px\] {
  width: 1372px; }

.w-\[150px\] {
  width: 150px; }

.w-\[15px\] {
  width: 15px; }

.w-\[160px\] {
  width: 160px; }

.w-\[194px\] {
  width: 194px; }

.w-\[195px\] {
  width: 195px; }

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

.w-\[205px\] {
  width: 205px; }

.w-\[239px\] {
  width: 239px; }

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

.w-\[254px\] {
  width: 254px; }

.w-\[260px\] {
  width: 260px; }

.w-\[264px\] {
  width: 264px; }

.w-\[270px\] {
  width: 270px; }

.w-\[292px\] {
  width: 292px; }

.w-\[2px\] {
  width: 2px; }

.w-\[300px\] {
  width: 300px; }

.w-\[302px\] {
  width: 302px; }

.w-\[304px\] {
  width: 304px; }

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

.w-\[328px\] {
  width: 328px; }

.w-\[32px\] {
  width: 32px; }

.w-\[378px\] {
  width: 378px; }

.w-\[379px\] {
  width: 379px; }

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

.w-\[411px\] {
  width: 411px; }

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

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

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

.w-\[500px\] {
  width: 500px; }

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

.w-\[517px\] {
  width: 517px; }

.w-\[532px\] {
  width: 532px; }

.w-\[579px\] {
  width: 579px; }

.w-\[580px\] {
  width: 580px; }

.w-\[600px\] {
  width: 600px; }

.w-\[60px\] {
  width: 60px; }

.w-\[65px\] {
  width: 65px; }

.w-\[6px\] {
  width: 6px; }

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

.w-\[72px\] {
  width: 72px; }

.w-\[748px\] {
  width: 748px; }

.w-\[76px\] {
  width: 76px; }

.w-\[87\.75rem\] {
  width: 87.75rem; }

.w-\[97px\] {
  width: 97px; }

.w-\[calc\(100\%-100px\)\] {
  width: calc(100% - 100px); }

.w-\[calc\(100\%-2rem\)\] {
  width: calc(100% - 2rem); }

.w-auto {
  width: auto; }

.w-full {
  width: 100%; }

.w-px {
  width: 1px; }

.w-screen {
  width: 100vw; }

.min-w-0 {
  min-width: 0; }

.min-w-\[100px\] {
  min-width: 100px; }

.min-w-\[310px\] {
  min-width: 310px; }

.min-w-\[48px\] {
  min-width: 48px; }

.min-w-\[64px\] {
  min-width: 64px; }

.min-w-full {
  min-width: 100%; }

.max-w-2xl {
  max-width: 42rem; }

.max-w-3xl {
  max-width: 48rem; }

.max-w-4xl {
  max-width: 56rem; }

.max-w-5xl {
  max-width: 64rem; }

.max-w-6xl {
  max-width: 72rem; }

.max-w-7xl {
  max-width: 80rem; }

.max-w-\[200px\] {
  max-width: 200px; }

.max-w-\[267px\] {
  max-width: 267px; }

.max-w-\[270px\] {
  max-width: 270px; }

.max-w-\[300px\] {
  max-width: 300px; }

.max-w-\[325px\] {
  max-width: 325px; }

.max-w-\[512px\] {
  max-width: 512px; }

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

.max-w-\[calc\(100\%-1rem\)\] {
  max-width: calc(100% - 1rem); }

.max-w-full {
  max-width: 100%; }

.max-w-lg {
  max-width: 32rem; }

.max-w-none {
  max-width: none; }

.max-w-xl {
  max-width: 36rem; }

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

.flex-auto {
  flex: 1 1 auto; }

.flex-none {
  flex: none; }

.flex-shrink {
  flex-shrink: 1; }

.flex-shrink-0 {
  flex-shrink: 0; }

.shrink-0 {
  flex-shrink: 0; }

.grow {
  flex-grow: 1; }

.grow-0 {
  flex-grow: 0; }

.basis-auto {
  flex-basis: auto; }

.border-collapse {
  border-collapse: collapse; }

.origin-\[0_0\] {
  transform-origin: 0 0; }

.origin-\[50\%_50\%\] {
  transform-origin: 50% 50%; }

.origin-\[center_bottom_0\] {
  transform-origin: center bottom 0; }

.origin-bottom {
  transform-origin: bottom; }

.origin-top-right {
  transform-origin: top right; }

.-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-\[50\%\] {
  --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-\[6px\] {
  --tw-translate-x: -6px;
  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)); }

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

.translate-x-8 {
  --tw-translate-x: 2rem;
  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-\[150\%\] {
  --tw-translate-x: 150%;
  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-\[6px\] {
  --tw-translate-y: 6px;
  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-full {
  --tw-translate-y: 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)); }

.-rotate-45 {
  --tw-rotate: -45deg;
  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)); }

.rotate-180 {
  --tw-rotate: 180deg;
  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)); }

.rotate-45 {
  --tw-rotate: 45deg;
  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)); }

.skew-x-\[-30deg\] {
  --tw-skew-x: -30deg;
  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)); }

.scale-0 {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  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)); }

.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 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)); }

.scale-\[0\.25\] {
  --tw-scale-x: 0.25;
  --tw-scale-y: 0.25;
  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)); }

.scale-\[1\.02\] {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  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)); }

.scale-y-\[0\.8\] {
  --tw-scale-y: 0.8;
  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)); }

.transform-gpu {
  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) 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-none {
  transform: none; }

.animate-\[fade-in_0\.15s_both\] {
  animation: fade-in 0.15s both; }

.animate-\[fade-in_0\.3s_both\] {
  animation: fade-in 0.3s both; }

.animate-\[fade-in_350ms_ease-in-out\] {
  animation: fade-in 350ms ease-in-out; }

.animate-\[fade-out_0\.15s_both\] {
  animation: fade-out 0.15s both; }

.animate-\[fade-out_0\.3s_both\] {
  animation: fade-out 0.3s both; }

.animate-\[fade-out_350ms_ease-in-out\] {
  animation: fade-out 350ms ease-in-out; }

.animate-\[progress_3s_ease-in-out_infinite\] {
  animation: progress 3s ease-in-out infinite; }

.animate-\[show-up-clock_350ms_linear\] {
  animation: show-up-clock 350ms linear; }

.animate-\[slide-in-left_0\.8s_both\] {
  animation: slide-in-left 0.8s both; }

.animate-\[slide-in-right_0\.8s_both\] {
  animation: slide-in-right 0.8s both; }

.animate-\[slide-out-left_0\.8s_both\] {
  animation: slide-out-left 0.8s both; }

.animate-\[slide-out-right_0\.8s_both\] {
  animation: slide-out-right 0.8s both; }

.animate-\[spinner-grow_0\.75s_linear_infinite\] {
  animation: spinner-grow 0.75s linear infinite; }

@keyframes ping {
  75%,
  100% {
    transform: scale(2);
    opacity: 0; } }

.animate-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; }

@keyframes spin {
  to {
    transform: rotate(360deg); } }

.animate-spin {
  animation: spin 1s linear infinite; }

.\!cursor-default {
  cursor: default !important; }

.cursor-default {
  cursor: default; }

.cursor-none {
  cursor: none; }

.cursor-not-allowed {
  cursor: not-allowed; }

.cursor-pointer {
  cursor: pointer; }

.touch-none {
  touch-action: none; }

.select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.select-all {
  -webkit-user-select: all;
  -moz-user-select: all;
  user-select: all; }

.resize {
  resize: both; }

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

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

.appearance-none {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.columns-3 {
  -moz-columns: 3;
  columns: 3; }

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

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

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

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

.\!flex-row {
  flex-direction: row !important; }

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

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

.flex-col-reverse {
  flex-direction: column-reverse; }

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

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

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

.items-start {
  align-items: flex-start; }

.items-end {
  align-items: flex-end; }

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

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

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

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

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

.\!justify-between {
  justify-content: space-between !important; }

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

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

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

.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-5 {
  gap: 1.25rem; }

.gap-6 {
  gap: 1.5rem; }

.gap-8 {
  gap: 2rem; }

.gap-x-1 {
  -moz-column-gap: 0.25rem;
  column-gap: 0.25rem; }

.gap-x-12 {
  -moz-column-gap: 3rem;
  column-gap: 3rem; }

.gap-x-16 {
  -moz-column-gap: 4rem;
  column-gap: 4rem; }

.gap-x-2 {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem; }

.gap-x-3 {
  -moz-column-gap: 0.75rem;
  column-gap: 0.75rem; }

.gap-x-8 {
  -moz-column-gap: 2rem;
  column-gap: 2rem; }

.gap-y-10 {
  row-gap: 2.5rem; }

.gap-y-12 {
  row-gap: 3rem; }

.gap-y-16 {
  row-gap: 4rem; }

.gap-y-8 {
  row-gap: 2rem; }

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); }

.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-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)); }

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

.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse)); }

.space-x-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1; }

.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); }

.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
  border-color: #e0e2e5; }

.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  border-color: #c2c5cc; }

.divide-neutral-200 > :not([hidden]) ~ :not([hidden]) {
  border-color: #c7c7c7; }

.self-end {
  align-self: flex-end; }

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

.overflow-auto {
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable; }

.\!overflow-hidden {
  overflow: hidden !important; }

.overflow-hidden {
  overflow: hidden; }

.overflow-visible {
  overflow: visible; }

.overflow-x-auto {
  overflow-x: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable; }

.overflow-y-auto {
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable; }

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

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

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.text-ellipsis {
  text-overflow: ellipsis; }

.text-clip {
  text-overflow: clip; }

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

.\!whitespace-nowrap {
  white-space: nowrap !important; }

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

.text-balance {
  text-wrap: balance; }

.text-pretty {
  text-wrap: pretty; }

.break-normal {
  word-break: normal;
  overflow-wrap: normal; }

.break-words {
  overflow-wrap: break-word; }

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

.\!rounded-sm {
  border-radius: 0.125rem !important; }

.rounded {
  border-radius: 0.25rem; }

.rounded-2xl {
  border-radius: 1rem; }

.rounded-\[0\.25rem\] {
  border-radius: 0.25rem; }

.rounded-\[0\.6rem\] {
  border-radius: 0.6rem; }

.rounded-\[100\%\] {
  border-radius: 100%; }

.rounded-\[10px\] {
  border-radius: 10px; }

.rounded-\[50\%\] {
  border-radius: 50%; }

.rounded-\[999px\] {
  border-radius: 999px; }

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

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

.rounded-md {
  border-radius: 0.375rem; }

.rounded-sm {
  border-radius: 0.125rem; }

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

.rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem; }

.rounded-e-\[0\.25rem\] {
  border-start-end-radius: 0.25rem;
  border-end-end-radius: 0.25rem; }

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

.rounded-l-lg {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem; }

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

.rounded-s-\[0\.25rem\] {
  border-start-start-radius: 0.25rem;
  border-end-start-radius: 0.25rem; }

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

.rounded-t-\[0\.6rem\] {
  border-top-left-radius: 0.6rem;
  border-top-right-radius: 0.6rem; }

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

.rounded-bl-none {
  border-bottom-left-radius: 0; }

.rounded-br-2xl {
  border-bottom-right-radius: 1rem; }

.rounded-tl-2xl {
  border-top-left-radius: 1rem; }

.rounded-tr-2xl {
  border-top-right-radius: 1rem; }

.\!border-0 {
  border-width: 0 !important; }

.\!border-\[3px\] {
  border-width: 3px !important; }

.border {
  border-width: 1px; }

.border-0 {
  border-width: 0; }

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

.border-4 {
  border-width: 4px; }

.border-\[\.125rem\] {
  border-width: 0.125rem; }

.border-\[0\.125rem\] {
  border-width: 0.125rem; }

.border-\[0\.15em\] {
  border-width: 0.15em; }

.border-\[14px\] {
  border-width: 14px; }

.border-\[1px\] {
  border-width: 1px; }

.border-\[3px\] {
  border-width: 3px; }

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

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

.border-e-0 {
  border-inline-end-width: 0; }

.border-s-0 {
  border-inline-start-width: 0; }

.border-s-\[0\.125rem\] {
  border-inline-start-width: 0.125rem; }

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

.border-t-0 {
  border-top-width: 0; }

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

.\!border-solid {
  border-style: solid !important; }

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

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

.\!border-\[\#b2b3b4\] {
  border-color: #b2b3b4 !important; }

.\!border-danger {
  border-color: #800000 !important; }

.\!border-gray-200 {
  border-color: #c2c5cc !important; }

.\!border-primary-700 {
  border-color: #0f0f0f !important; }

.\!border-success {
  border-color: #0e7235 !important; }

.border-\[\#1b1b1b\] {
  border-color: #1b1b1b; }

.border-\[\#eee\] {
  border-color: #eeeeee; }

.border-\[var\(--c-contrast-200\)\] {
  border-color: var(--c-contrast-200); }

.border-\[var\(--c-contrast-300\)\] {
  border-color: var(--c-contrast-300); }

.border-black {
  border-color: #000000; }

.border-blue-600 {
  border-color: #0b60ea; }

.border-blue-700 {
  border-color: #0848b0; }

.border-blue-gray-100 {
  border-color: #dee5e8; }

.border-blue-gray-300 {
  border-color: #9eb3bc; }

.border-blue-gray-50 {
  border-color: #f0f3f5; }

.border-current {
  border-color: currentColor; }

.border-danger {
  border-color: #800000; }

.border-gray-100 {
  border-color: #e0e2e5; }

.border-gray-200 {
  border-color: #c2c5cc; }

.border-gray-300 {
  border-color: #a6abb5; }

.border-gray-800 {
  border-color: #2a2d32; }

.border-green-200 {
  border-color: #9feebc; }

.border-neutral-100 {
  border-color: #e3e3e3; }

.border-neutral-200 {
  border-color: #c7c7c7; }

.border-neutral-300 {
  border-color: #ababab; }

.border-primary {
  border-color: #1b1b1b; }

.border-primary-50 {
  border-color: #e8e8e8; }

.border-primary\/20 {
  border-color: rgba(27, 27, 27, 0.2); }

.border-secondary-500 {
  border-color: #fbbf24; }

.border-success {
  border-color: #0e7235; }

.border-transparent {
  border-color: transparent; }

.border-white {
  border-color: #ffffff; }

.border-white\/10 {
  border-color: rgba(255, 255, 255, 0.1); }

.border-e-transparent {
  border-inline-end-color: transparent; }

.border-t-transparent {
  border-top-color: transparent; }

.\!bg-danger {
  background-color: #800000 !important; }

.\!bg-gray-50 {
  background-color: #f1f2f3 !important; }

.\!bg-primary {
  background-color: #1b1b1b !important; }

.\!bg-primary-100 {
  background-color: #d1d1d1 !important; }

.\!bg-primary-600 {
  background-color: #141414 !important; }

.\!bg-primary-700 {
  background-color: #0f0f0f !important; }

.\!bg-white {
  background-color: #ffffff !important; }

.bg-\[\#000000e6\] {
  background-color: rgba(0, 0, 0, 0.9) !important; }

.bg-\[\#1b1b1b\] {
  background-color: #1b1b1b !important; }

.bg-\[\#6d6d6d\] {
  background-color: #6d6d6d !important; }

.bg-\[\#9e9e9e\] {
  background-color: #9e9e9e !important; }

.bg-\[\#eee\] {
  background-color: #eeeeee !important; }

.bg-\[var\(--c-bg\)\] {
  background-color: var(--c-bg) !important; }

.bg-\[var\(--c-contrast-100\)\] {
  background-color: var(--c-contrast-100) !important; }

.bg-\[var\(--c-info\)\] {
  background-color: var(--c-info) !important; }

.bg-\[var\(--c-light\)\] {
  background-color: var(--c-light) !important; }

.bg-\[var\(--c-primary\)\] {
  background-color: var(--c-primary) !important; }

.bg-\[var\(--c-secondary\)\] {
  background-color: var(--c-secondary) !important; }

.bg-\[var\(--c-success\)\] {
  background-color: var(--c-success) !important; }

.bg-black {
  background-color: #000000 !important; }

.bg-black-500 {
  background-color: #000000 !important; }

.bg-black\/10 {
  background-color: rgba(0, 0, 0, 0.1) !important; }

.bg-black\/40 {
  background-color: rgba(0, 0, 0, 0.4) !important; }

.bg-black\/5 {
  background-color: rgba(0, 0, 0, 0.05) !important; }

.bg-black\/50 {
  background-color: rgba(0, 0, 0, 0.5) !important; }

.bg-blue-600 {
  background-color: #0b60ea !important; }

.bg-blue-700 {
  background-color: #0848b0 !important; }

.bg-blue-gray-100\/40 {
  background-color: rgba(222, 229, 232, 0.4) !important; }

.bg-blue-gray-50 {
  background-color: #f0f3f5 !important; }

.bg-body-dark {
  background-color: #303030 !important; }

.bg-current {
  background-color: currentColor !important; }

.bg-danger {
  background-color: #800000 !important; }

.bg-danger-100 {
  background-color: #ffb3b3 !important; }

.bg-gray-100 {
  background-color: #e0e2e5 !important; }

.bg-gray-200 {
  background-color: #c2c5cc !important; }

.bg-gray-50 {
  background-color: #f1f2f3 !important; }

.bg-gray-800 {
  background-color: #2a2d32 !important; }

.bg-gray-900 {
  background-color: #151619 !important; }

.bg-gray-900\/10 {
  background-color: rgba(21, 22, 25, 0.1) !important; }

.bg-gray-900\/50 {
  background-color: rgba(21, 22, 25, 0.5) !important; }

.bg-green-50 {
  background-color: #e9fbf0 !important; }

.bg-indigo-600 {
  background-color: #1316d3 !important; }

.bg-inherit {
  background-color: inherit !important; }

.bg-light {
  background-color: #f9fafb !important; }

.bg-neutral-100 {
  background-color: #e3e3e3 !important; }

.bg-neutral-50 {
  background-color: #f2f2f2 !important; }

.bg-neutral-500 {
  background-color: #737373 !important; }

.bg-neutral-600 {
  background-color: #5c5c5c !important; }

.bg-neutral-700 {
  background-color: #454545 !important; }

.bg-primary {
  background-color: #1b1b1b !important; }

.bg-primary-100 {
  background-color: #d1d1d1 !important; }

.bg-primary-400 {
  background-color: #474747 !important; }

.bg-primary-600 {
  background-color: #141414 !important; }

.bg-primary\/30 {
  background-color: rgba(27, 27, 27, 0.3) !important; }

.bg-primary\/40 {
  background-color: rgba(27, 27, 27, 0.4) !important; }

.bg-primary\/5 {
  background-color: rgba(27, 27, 27, 0.05) !important; }

.bg-secondary {
  background-color: #fbbf24 !important; }

.bg-secondary-100 {
  background-color: #fef2d2 !important; }

.bg-secondary\/20 {
  background-color: rgba(251, 191, 36, 0.2) !important; }

.bg-slate-50 {
  background-color: #f0f2f4 !important; }

.bg-slate-50\/50 {
  background-color: rgba(240, 242, 244, 0.5) !important; }

.bg-slate-50\/80 {
  background-color: rgba(240, 242, 244, 0.8) !important; }

.bg-success {
  background-color: #0e7235 !important; }

.bg-success-100 {
  background-color: #bbf7d2 !important; }

.bg-surface-dark {
  background-color: #303030 !important; }

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

.bg-white {
  background-color: #ffffff !important; }

.bg-white\/10 {
  background-color: rgba(255, 255, 255, 0.1) !important; }

.bg-white\/20 {
  background-color: rgba(255, 255, 255, 0.2) !important; }

.bg-white\/30 {
  background-color: rgba(255, 255, 255, 0.3) !important; }

.bg-white\/50 {
  background-color: rgba(255, 255, 255, 0.5) !important; }

.bg-white\/90 {
  background-color: rgba(255, 255, 255, 0.9) !important; }

.bg-white\/95 {
  background-color: rgba(255, 255, 255, 0.95) !important; }

.bg-zinc-100 {
  background-color: #e2e2e4 !important; }

.bg-zinc-50 {
  background-color: #f2f2f3 !important; }

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

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

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

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

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

.from-\[\#80caff\] {
  --tw-gradient-from: #80caff var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(128, 202, 255, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-indigo-100\/20 {
  --tw-gradient-from: rgba(213, 213, 251, 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(213, 213, 251, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-neutral-100 {
  --tw-gradient-from: #e3e3e3 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(227, 227, 227, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-primary-800 {
  --tw-gradient-from: #0a0a0a var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(10, 10, 10, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-secondary {
  --tw-gradient-from: #fbbf24 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(251, 191, 36, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-secondary-600 {
  --tw-gradient-from: #e1a404 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(225, 164, 4, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-secondary\/10 {
  --tw-gradient-from: rgba(251, 191, 36, 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(251, 191, 36, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.from-white {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.via-transparent {
  --tw-gradient-to: rgba(0, 0, 0, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to); }

.via-white {
  --tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #ffffff var(--tw-gradient-via-position), var(--tw-gradient-to); }

.to-\[\#1B1B1B\] {
  --tw-gradient-to: #1b1b1b var(--tw-gradient-to-position); }

.to-amber-50 {
  --tw-gradient-to: #fef5e7 var(--tw-gradient-to-position); }

.to-primary-600 {
  --tw-gradient-to: #141414 var(--tw-gradient-to-position); }

.to-secondary-400 {
  --tw-gradient-to: #fccc50 var(--tw-gradient-to-position); }

.to-secondary\/20 {
  --tw-gradient-to: rgba(251, 191, 36, 0.2) var(--tw-gradient-to-position); }

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

.bg-clip-padding {
  background-clip: padding-box; }

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

.bg-no-repeat {
  background-repeat: no-repeat; }

.fill-black {
  fill: #000000; }

.fill-current {
  fill: currentColor; }

.fill-danger {
  fill: #800000; }

.fill-gray-300 {
  fill: #a6abb5; }

.fill-secondary {
  fill: #fbbf24; }

.fill-white {
  fill: #ffffff; }

.fill-white-500 {
  fill: #ffffff; }

.object-contain {
  object-fit: contain; }

.object-cover {
  object-fit: cover; }

.\!object-center {
  object-position: center !important; }

.object-center {
  object-position: center; }

.\!p-0 {
  padding: 0 !important; }

.p-0 {
  padding: 0; }

.p-1 {
  padding: 0.25rem; }

.p-10 {
  padding: 2.5rem; }

.p-2 {
  padding: 0.5rem; }

.p-2\.5 {
  padding: 0.625rem; }

.p-3 {
  padding: 0.75rem; }

.p-4 {
  padding: 1rem; }

.p-5 {
  padding: 1.25rem; }

.p-6 {
  padding: 1.5rem; }

.p-8 {
  padding: 2rem; }

.p-\[5px\] {
  padding: 5px; }

.p-\[auto\] {
  padding: auto; }

.\!py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.\!py-0\.5 {
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem !important; }

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

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

.px-0\.5 {
  padding-right: 0.125rem;
  padding-left: 0.125rem; }

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

.px-1\.5 {
  padding-right: 0.375rem;
  padding-left: 0.375rem; }

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

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

.px-2\.5 {
  padding-right: 0.625rem;
  padding-left: 0.625rem; }

.px-3 {
  padding-right: 0.75rem;
  padding-left: 0.75rem; }

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

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

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

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

.px-\[0\.4rem\] {
  padding-right: 0.4rem;
  padding-left: 0.4rem; }

.px-\[1\.4rem\] {
  padding-right: 1.4rem;
  padding-left: 1.4rem; }

.px-\[10px\] {
  padding-right: 10px;
  padding-left: 10px; }

.px-\[12px\] {
  padding-right: 12px;
  padding-left: 12px; }

.px-\[auto\] {
  padding-right: auto;
  padding-left: auto; }

.py-0 {
  padding-top: 0;
  padding-bottom: 0; }

.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem; }

.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-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem; }

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

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

.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem; }

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

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

.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem; }

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

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

.py-\[0\.32rem\] {
  padding-top: 0.32rem;
  padding-bottom: 0.32rem; }

.py-\[0\.33rem\] {
  padding-top: 0.33rem;
  padding-bottom: 0.33rem; }

.py-\[0\.4375rem\] {
  padding-top: 0.4375rem;
  padding-bottom: 0.4375rem; }

.py-\[0\.4rem\] {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem; }

.py-\[10px\] {
  padding-top: 10px;
  padding-bottom: 10px; }

.py-\[1px\] {
  padding-top: 1px;
  padding-bottom: 1px; }

.py-\[5px\] {
  padding-top: 5px;
  padding-bottom: 5px; }

.pb-0 {
  padding-bottom: 0; }

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

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

.pb-24 {
  padding-bottom: 6rem; }

.pb-3 {
  padding-bottom: 0.75rem; }

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

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

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

.pb-\[5px\] {
  padding-bottom: 5px; }

.pe-2 {
  padding-inline-end: 0.5rem; }

.pe-3 {
  padding-inline-end: 0.75rem; }

.pe-4 {
  padding-inline-end: 1rem; }

.pe-5 {
  padding-inline-end: 1.25rem; }

.pe-\[24px\] {
  padding-inline-end: 24px; }

.pl-4 {
  padding-left: 1rem; }

.pr-4 {
  padding-right: 1rem; }

.ps-1 {
  padding-inline-start: 0.25rem; }

.ps-2 {
  padding-inline-start: 0.5rem; }

.ps-3 {
  padding-inline-start: 0.75rem; }

.ps-4 {
  padding-inline-start: 1rem; }

.ps-5 {
  padding-inline-start: 1.25rem; }

.ps-6 {
  padding-inline-start: 1.5rem; }

.ps-\[0\.15rem\] {
  padding-inline-start: 0.15rem; }

.ps-\[1\.5rem\] {
  padding-inline-start: 1.5rem; }

.ps-\[18px\] {
  padding-inline-start: 18px; }

.ps-\[50px\] {
  padding-inline-start: 50px; }

.pt-1\.5 {
  padding-top: 0.375rem; }

.pt-14 {
  padding-top: 3.5rem; }

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

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

.pt-2\.5 {
  padding-top: 0.625rem; }

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

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

.pt-6 {
  padding-top: 1.5rem; }

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

.pt-\[0\.37rem\] {
  padding-top: 0.37rem; }

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

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

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

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

.align-baseline {
  vertical-align: baseline; }

.align-middle {
  vertical-align: middle; }

.align-bottom {
  vertical-align: bottom; }

.align-\[-0\.125em\] {
  vertical-align: -0.125em; }

.font-body {
  font-family: 'InterVariable', 'Inter', 'InterDisplay', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; }

.font-display {
  font-family: 'InterDisplay', 'InterVariable', 'Inter', ui-sans-serif, system-ui, sans-serif; }

.font-mono {
  font-family: ui-monospace, 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace; }

.font-sans {
  font-family: 'InterVariable', 'Inter', 'InterDisplay', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; }

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

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

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

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

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

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

.text-\[0\.9rem\] {
  font-size: 0.9rem; }

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

.text-\[10px\] {
  font-size: 10px; }

.text-\[12px\] {
  font-size: 12px; }

.text-\[13px\] {
  font-size: 13px; }

.text-\[16px\] {
  font-size: 16px; }

.text-\[18px\] {
  font-size: 18px; }

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

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

.text-\[34px\] {
  font-size: 34px; }

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

.text-base\/7 {
  font-size: 1rem;
  line-height: 1.75rem; }

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem; }

.text-lg\/8 {
  font-size: 1.125rem;
  line-height: 2rem; }

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem; }

.text-sm\/6 {
  font-size: 0.875rem;
  line-height: 1.5rem; }

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

.text-xl\/8 {
  font-size: 1.25rem;
  line-height: 2rem; }

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem; }

.text-xxs {
  font-size: 10px; }

.\!font-medium {
  font-weight: 500 !important; }

.font-black {
  font-weight: 900; }

.font-bold {
  font-weight: 700; }

.font-extrabold {
  font-weight: 800; }

.font-light {
  font-weight: 300; }

.font-medium {
  font-weight: 500; }

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

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

.uppercase {
  text-transform: uppercase; }

.lowercase {
  text-transform: lowercase; }

.capitalize {
  text-transform: capitalize; }

.normal-case {
  text-transform: none; }

.italic {
  font-style: italic; }

.not-italic {
  font-style: normal; }

.leading-10 {
  line-height: 2.5rem; }

.leading-4 {
  line-height: 1rem; }

.leading-6 {
  line-height: 1.5rem; }

.leading-9 {
  line-height: 2.25rem; }

.leading-\[1\.2\] {
  line-height: 1.2; }

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

.leading-\[1\.6\] {
  line-height: 1.6; }

.leading-\[2\.15\] {
  line-height: 2.15; }

.leading-\[40px\] {
  line-height: 40px; }

.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-\[-0\.00833em\] {
  letter-spacing: -0.00833em; }

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

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

.tracking-\[1\.7px\] {
  letter-spacing: 1.7px; }

.tracking-normal {
  letter-spacing: 0; }

.tracking-tight {
  letter-spacing: -0.025em; }

.\!text-black {
  color: #000000 !important; }

.\!text-black\/50 {
  color: rgba(0, 0, 0, 0.5) !important; }

.\!text-danger {
  color: #800000 !important; }

.\!text-gray-50 {
  color: #f1f2f3 !important; }

.\!text-primary {
  color: #1b1b1b !important; }

.\!text-primary-500 {
  color: #1b1b1b !important; }

.\!text-primary-700 {
  color: #0f0f0f !important; }

.\!text-success {
  color: #0e7235 !important; }

.\!text-white {
  color: #ffffff !important; }

.\!text-white\/50 {
  color: rgba(255, 255, 255, 0.5) !important; }

.text-\[\#b3b3b3\] {
  color: #b3b3b3; }

.text-\[\#ffffff8a\] {
  color: rgba(255, 255, 255, 0.54); }

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

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

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

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

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

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

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

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

.text-amber-500 {
  color: #f59e0b; }

.text-black {
  color: #000000; }

.text-black\/30 {
  color: rgba(0, 0, 0, 0.3); }

.text-black\/50 {
  color: rgba(0, 0, 0, 0.5); }

.text-black\/\[64\] {
  color: rgba(0, 0, 0, 64); }

.text-blue-500 {
  color: #3b82f6; }

.text-blue-600 {
  color: #0b60ea; }

.text-blue-gray-700 {
  color: #3a4c54; }

.text-blue-gray-900 {
  color: #13181b; }

.text-danger {
  color: #800000; }

.text-danger-500 {
  color: #800000; }

.text-danger-700 {
  color: #4d0000; }

.text-dark {
  color: #1f2937; }

.text-gray {
  color: #6b7280; }

.text-gray-100 {
  color: #e0e2e5; }

.text-gray-300 {
  color: #a6abb5; }

.text-gray-400 {
  color: #888e9b; }

.text-gray-50 {
  color: #f1f2f3; }

.text-gray-500 {
  color: #6b7280; }

.text-gray-600 {
  color: #565c67; }

.text-gray-700 {
  color: #41454e; }

.text-gray-800 {
  color: #2a2d32; }

.text-gray-900 {
  color: #151619; }

.text-green-600 {
  color: #1b9d4b; }

.text-green-700 {
  color: #147538; }

.text-indigo-200 {
  color: #afb1f8; }

.text-indigo-500 {
  color: #3538ed; }

.text-indigo-600 {
  color: #1316d3; }

.text-info {
  color: #54b4d3; }

.text-inherit {
  color: inherit; }

.text-light {
  color: #f9fafb; }

.text-muted {
  color: #545964; }

.text-neutral-300 {
  color: #ababab; }

.text-neutral-400 {
  color: #8f8f8f; }

.text-neutral-50 {
  color: #f2f2f2; }

.text-neutral-500 {
  color: #737373; }

.text-neutral-600 {
  color: #5c5c5c; }

.text-neutral-700 {
  color: #454545; }

.text-primary {
  color: #1b1b1b; }

.text-primary-100 {
  color: #d1d1d1; }

.text-primary-400 {
  color: #474747; }

.text-primary-500 {
  color: #1b1b1b; }

.text-primary-600 {
  color: #141414; }

.text-primary-700 {
  color: #0f0f0f; }

.text-primary-800 {
  color: #0a0a0a; }

.text-primary-900 {
  color: #050505; }

.text-red-600 {
  color: #e21313; }

.text-secondary {
  color: #fbbf24; }

.text-slate-600 {
  color: #4f5c6e; }

.text-success {
  color: #0e7235; }

.text-success-500\/80 {
  color: rgba(14, 114, 53, 0.8); }

.text-success-700 {
  color: #084420; }

.text-surface {
  color: #4f4f4f; }

.text-surface\/50 {
  color: rgba(79, 79, 79, 0.5); }

.text-warning {
  color: #e4a11b; }

.text-white {
  color: #ffffff; }

.text-white\/30 {
  color: rgba(255, 255, 255, 0.3); }

.text-white\/50 {
  color: rgba(255, 255, 255, 0.5); }

.text-white\/60 {
  color: rgba(255, 255, 255, 0.6); }

.text-white\/80 {
  color: rgba(255, 255, 255, 0.8); }

.text-zinc-600 {
  color: #5b5b62; }

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

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

.decoration-secondary {
  text-decoration-color: #fbbf24; }

.decoration-solid {
  text-decoration-style: solid; }

.underline-offset-0 {
  text-underline-offset: 0; }

.underline-offset-1 {
  text-underline-offset: 1px; }

.underline-offset-4 {
  text-underline-offset: 4px; }

.underline-offset-auto {
  text-underline-offset: auto; }

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.subpixel-antialiased {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto; }

.accent-\[var\(--c-primary\)\] {
  accent-color: var(--c-primary); }

.\!opacity-0 {
  opacity: 0 !important; }

.\!opacity-100 {
  opacity: 1 !important; }

.opacity-0 {
  opacity: 0; }

.opacity-100 {
  opacity: 1; }

.opacity-25 {
  opacity: 0.25; }

.opacity-50 {
  opacity: 0.5; }

.opacity-75 {
  opacity: 0.75; }

.opacity-90 {
  opacity: 0.9; }

.opacity-\[\.53\] {
  opacity: 0.53; }

.opacity-\[\.54\] {
  opacity: 0.54; }

.bg-blend-overlay {
  background-blend-mode: overlay; }

.mix-blend-darken {
  mix-blend-mode: darken; }

.shadow {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.shadow-1-strong {
  --tw-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 0 2px 0 var(--tw-shadow-color), 0 1px 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.shadow-2 {
  --tw-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.07), 0 2px 2px 0 rgba(0, 0, 0, 0.04);
  --tw-shadow-colored: 0 0 3px 0 var(--tw-shadow-color), 0 2px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.shadow-2-strong {
  --tw-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16), 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 0 3px 0 var(--tw-shadow-color), 0 2px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgba(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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.shadow-4 {
  --tw-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04);
  --tw-shadow-colored: 0 2px 15px -3px var(--tw-shadow-color), 0 10px 20px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.shadow-4-strong {
  --tw-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.16), 0 10px 20px -2px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 2px 15px -3px var(--tw-shadow-color), 0 10px 20px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.shadow-5 {
  --tw-shadow: 0 2px 25px -5px rgba(0, 0, 0, 0.07), 0 25px 21px -5px rgba(0, 0, 0, 0.04);
  --tw-shadow-colored: 0 2px 25px -5px var(--tw-shadow-color), 0 25px 21px -5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.shadow-5-strong {
  --tw-shadow: 0 2px 25px -5px rgba(0, 0, 0, 0.16), 0 25px 21px -5px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 2px 25px -5px var(--tw-shadow-color), 0 25px 21px -5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.shadow-dark-strong {
  --tw-shadow: 0 4px 18px -2px rgba(0, 0, 0, 0.7);
  --tw-shadow-colored: 0 4px 18px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.shadow-none {
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.shadow-primary-3 {
  --tw-shadow: 0 4px 9px -4px #1b1b1b;
  --tw-shadow-colored: 0 4px 9px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.shadow-select {
  --tw-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  --tw-shadow-colored: 0 2px 5px 0 var(--tw-shadow-color), 0 2px 10px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgba(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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.\!shadow-success {
  --tw-shadow-color: #0e7235 !important;
  --tw-shadow: var(--tw-shadow-colored) !important; }

.shadow-indigo-600\/10 {
  --tw-shadow-color: rgba(19, 22, 211, 0.1);
  --tw-shadow: var(--tw-shadow-colored); }

.shadow-primary\/10 {
  --tw-shadow-color: rgba(27, 27, 27, 0.1);
  --tw-shadow: var(--tw-shadow-colored); }

.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px; }

.outline {
  outline-style: solid; }

.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0)); }

.ring-\[var\(--c-contrast-200\)\] {
  --tw-ring-color: var(--c-contrast-200); }

.ring-black\/10 {
  --tw-ring-color: rgba(0, 0, 0, 0.1); }

.ring-indigo-50 {
  --tw-ring-color: #ecedfd; }

.ring-white\/10 {
  --tw-ring-color: rgba(255, 255, 255, 0.1); }

.blur {
  --tw-blur: blur(8px);
  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); }

.blur-3xl {
  --tw-blur: blur(64px);
  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); }

.blur-xl {
  --tw-blur: blur(24px);
  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); }

.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.12));
  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); }

.drop-shadow-2xl {
  --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.3));
  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); }

.drop-shadow-lg {
  --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.08)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.2));
  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); }

.drop-shadow-md {
  --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.14)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.12));
  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); }

.drop-shadow-none {
  --tw-drop-shadow: drop-shadow(0 0 rgba(0, 0, 0, 0));
  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); }

.drop-shadow-sm {
  --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
  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); }

.drop-shadow-xl {
  --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.06)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.16));
  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); }

.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }

.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }

.backdrop-blur-xl {
  --tw-backdrop-blur: blur(24px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }

.backdrop-filter {
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }

.transition {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; }

.transition-\[background-color\2c _opacity\] {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-property: background-color, opacity; }

.transition-\[background-color\2c box-shadow\2c border\] {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-property: background-color, box-shadow, border; }

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

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

.transition-\[transform\2c _opacity\] {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-property: transform, opacity; }

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

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

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

.transition-colors {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }

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

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

.delay-\[0ms\] {
  transition-delay: 0ms; }

.duration-150 {
  transition-duration: 150ms; }

.duration-200 {
  transition-duration: 200ms; }

.duration-300 {
  transition-duration: 300ms; }

.duration-500 {
  transition-duration: 500ms; }

.duration-700 {
  transition-duration: 700ms; }

.duration-\[1000ms\] {
  transition-duration: 1000ms; }

.duration-\[150ms\] {
  transition-duration: 150ms; }

.duration-\[200ms\] {
  transition-duration: 200ms; }

.duration-\[250ms\] {
  transition-duration: 250ms; }

.duration-\[350ms\] {
  transition-duration: 350ms; }

.duration-\[400ms\] {
  transition-duration: 400ms; }

.ease-\[cubic-bezier\(0\2c 0\2c 0\.15\2c 1\)\2c _cubic-bezier\(0\2c 0\2c 0\.15\2c 1\)\] {
  transition-timing-function: cubic-bezier(0, 0, 0.15, 1), cubic-bezier(0, 0, 0.15, 1); }

.ease-\[cubic-bezier\(0\.25\2c 0\.1\2c 0\.25\2c 1\)\] {
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); }

.ease-\[cubic-bezier\(0\.25\2c 0\.1\2c 0\.25\2c 1\.0\)\] {
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); }

.ease-\[cubic-bezier\(0\.4\2c 0\2c 0\.2\2c 1\)\] {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.ease-\[ease\] {
  transition-timing-function: ease; }

.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.ease-linear {
  transition-timing-function: linear; }

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.will-change-transform {
  will-change: transform; }

.\!\[clip\:rect\(0\2c 0\2c 0\2c 0\)\] {
  clip: rect(0, 0, 0, 0) !important; }

.\[clip\:rect\(0\2c 0\2c 0\2c 0\)\] {
  clip: rect(0, 0, 0, 0); }

.\[direction\:ltr\] {
  direction: ltr; }

.\[overflow-anchor\:none\] {
  overflow-anchor: none; }

.\[transition\:background-color_\.2s_linear\2c _height_\.2s_ease-in-out\] {
  transition: background-color 0.2s linear, height 0.2s ease-in-out; }

.\[transition\:background-color_\.2s_linear\2c _width_\.2s_ease-in-out\2c _opacity\] {
  transition: background-color 0.2s linear, width 0.2s ease-in-out, opacity; }

.target\:a:target {
  text-decoration-line: none; }

.selection\:bg-secondary *::-moz-selection {
  background-color: #fbbf24 !important; }

.selection\:bg-secondary *::selection {
  background-color: #fbbf24 !important; }

.selection\:bg-transparent *::-moz-selection {
  background-color: transparent; }

.selection\:bg-transparent *::selection {
  background-color: transparent; }

.selection\:text-primary\/95 *::-moz-selection {
  color: rgba(27, 27, 27, 0.95); }

.selection\:text-primary\/95 *::selection {
  color: rgba(27, 27, 27, 0.95); }

.selection\:bg-secondary::-moz-selection {
  background-color: #fbbf24 !important; }

.selection\:bg-secondary::selection {
  background-color: #fbbf24 !important; }

.selection\:bg-transparent::-moz-selection {
  background-color: transparent; }

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

.selection\:text-primary\/95::-moz-selection {
  color: rgba(27, 27, 27, 0.95); }

.selection\:text-primary\/95::selection {
  color: rgba(27, 27, 27, 0.95); }

.file\:-mx-3::file-selector-button {
  margin-right: -0.75rem;
  margin-left: -0.75rem; }

.file\:-my-\[0\.32rem\]::file-selector-button {
  margin-top: -0.32rem;
  margin-bottom: -0.32rem; }

.file\:overflow-hidden::file-selector-button {
  overflow: hidden; }

.file\:rounded-none::file-selector-button {
  border-radius: 0; }

.file\:border-0::file-selector-button {
  border-width: 0; }

.file\:border-solid::file-selector-button {
  border-style: solid; }

.file\:border-inherit::file-selector-button {
  border-color: inherit; }

.file\:bg-neutral-100::file-selector-button {
  background-color: #e3e3e3 !important; }

.file\:px-3::file-selector-button {
  padding-right: 0.75rem;
  padding-left: 0.75rem; }

.file\:py-\[0\.32rem\]::file-selector-button {
  padding-top: 0.32rem;
  padding-bottom: 0.32rem; }

.file\:text-primary-400::file-selector-button {
  color: #474747; }

.file\:transition::file-selector-button {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; }

.file\:duration-150::file-selector-button {
  transition-duration: 150ms; }

.file\:ease-in-out::file-selector-button {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.file\:\[border-inline-end-width\:1px\]::file-selector-button {
  border-inline-end-width: 1px; }

.file\:\[margin-inline-end\:0\.75rem\]::file-selector-button {
  margin-inline-end: 0.75rem; }

.before\:pointer-events-none::before {
  content: var(--tw-content);
  pointer-events: none; }

.before\:absolute::before {
  content: var(--tw-content);
  position: absolute; }

.before\:h-4::before {
  content: var(--tw-content);
  height: 1rem; }

.before\:h-\[0\.875rem\]::before {
  content: var(--tw-content);
  height: 0.875rem; }

.before\:w-4::before {
  content: var(--tw-content);
  width: 1rem; }

.before\:w-\[0\.875rem\]::before {
  content: var(--tw-content);
  width: 0.875rem; }

.before\:scale-0::before {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  content: var(--tw-content);
  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)); }

.before\:rounded-full::before {
  content: var(--tw-content);
  border-radius: 9999px; }

.before\:bg-transparent::before {
  content: var(--tw-content);
  background-color: transparent; }

.before\:bg-white::before {
  content: var(--tw-content);
  background-color: #ffffff !important; }

.before\:opacity-0::before {
  content: var(--tw-content);
  opacity: 0; }

.before\:shadow-checkbox::before {
  --tw-shadow: 0 0 0 13px #1b1b1b;
  --tw-shadow-colored: 0 0 0 13px var(--tw-shadow-color);
  content: var(--tw-content);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.before\:shadow-transparent::before {
  --tw-shadow-color: transparent;
  --tw-shadow: var(--tw-shadow-colored);
  content: var(--tw-content); }

.before\:content-\[\'\'\]::before {
  --tw-content: '';
  content: var(--tw-content); }

.after\:absolute::after {
  content: var(--tw-content);
  position: absolute; }

.after\:z-\[1\]::after {
  content: var(--tw-content);
  z-index: 1; }

.after\:block::after {
  content: var(--tw-content);
  display: block; }

.after\:h-4::after {
  content: var(--tw-content);
  height: 1rem; }

.after\:w-4::after {
  content: var(--tw-content);
  width: 1rem; }

.after\:rounded-full::after {
  content: var(--tw-content);
  border-radius: 9999px; }

.after\:content-\[attr\(data-twe-content\)\]::after {
  --tw-content: attr(data-twe-content);
  content: var(--tw-content); }

.last\:border-b-0:last-child {
  border-bottom-width: 0; }

.open\:bg-neutral-50[open] {
  background-color: #f2f2f2 !important; }

.checked\:\!border-danger:checked {
  border-color: #800000 !important; }

.checked\:\!border-success:checked {
  border-color: #0e7235 !important; }

.checked\:border-primary:checked {
  border-color: #1b1b1b; }

.checked\:\!bg-danger:checked {
  background-color: #800000 !important; }

.checked\:\!bg-success:checked {
  background-color: #0e7235 !important; }

.checked\:bg-primary:checked {
  background-color: #1b1b1b !important; }

.checked\:before\:opacity-\[0\.16\]:checked::before {
  content: var(--tw-content);
  opacity: 0.16; }

.checked\:after\:absolute:checked::after {
  content: var(--tw-content);
  position: absolute; }

.checked\:after\:left-1\/2:checked::after {
  content: var(--tw-content);
  left: 50%; }

.checked\:after\:top-1\/2:checked::after {
  content: var(--tw-content);
  top: 50%; }

.checked\:after\:-mt-px:checked::after {
  content: var(--tw-content);
  margin-top: -1px; }

.checked\:after\:ms-\[0\.25rem\]:checked::after {
  content: var(--tw-content);
  margin-inline-start: 0.25rem; }

.checked\:after\:block:checked::after {
  content: var(--tw-content);
  display: block; }

.checked\:after\:h-\[0\.625rem\]:checked::after {
  content: var(--tw-content);
  height: 0.625rem; }

.checked\:after\:h-\[0\.8125rem\]:checked::after {
  content: var(--tw-content);
  height: 0.8125rem; }

.checked\:after\:w-\[0\.375rem\]:checked::after {
  content: var(--tw-content);
  width: 0.375rem; }

.checked\:after\:w-\[0\.625rem\]:checked::after {
  content: var(--tw-content);
  width: 0.625rem; }

.checked\:after\:rotate-45:checked::after {
  --tw-rotate: 45deg;
  content: var(--tw-content);
  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)); }

.checked\:after\:rounded-full:checked::after {
  content: var(--tw-content);
  border-radius: 9999px; }

.checked\:after\:border-\[0\.125rem\]:checked::after {
  content: var(--tw-content);
  border-width: 0.125rem; }

.checked\:after\:border-l-0:checked::after {
  content: var(--tw-content);
  border-left-width: 0; }

.checked\:after\:border-t-0:checked::after {
  content: var(--tw-content);
  border-top-width: 0; }

.checked\:after\:border-solid:checked::after {
  content: var(--tw-content);
  border-style: solid; }

.checked\:after\:border-primary:checked::after {
  content: var(--tw-content);
  border-color: #1b1b1b; }

.checked\:after\:border-white:checked::after {
  content: var(--tw-content);
  border-color: #ffffff; }

.checked\:after\:\!bg-danger:checked::after {
  content: var(--tw-content);
  background-color: #800000 !important; }

.checked\:after\:\!bg-success:checked::after {
  content: var(--tw-content);
  background-color: #0e7235 !important; }

.checked\:after\:bg-primary:checked::after {
  content: var(--tw-content);
  background-color: #1b1b1b !important; }

.checked\:after\:bg-transparent:checked::after {
  content: var(--tw-content);
  background-color: transparent; }

.checked\:after\:content-\[\'\'\]:checked::after {
  --tw-content: '';
  content: var(--tw-content); }

.checked\:after\:\[transform\:translate\(-50\%\2c -50\%\)\]:checked::after {
  content: var(--tw-content);
  transform: translate(-50%, -50%); }

.empty\:hidden:empty {
  display: none; }

.hover\:-translate-y-0\.5:hover {
  --tw-translate-y: -0.125rem;
  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\:cursor-pointer:hover {
  cursor: pointer; }

.hover\:rounded-\[50\%\]:hover {
  border-radius: 50%; }

.hover\:border-black:hover {
  border-color: #000000; }

.hover\:border-gray-300:hover {
  border-color: #a6abb5; }

.hover\:\!bg-\[\#eee\]:hover {
  background-color: #eeeeee !important; }

.hover\:\!bg-primary-800:hover {
  background-color: #0a0a0a !important; }

.hover\:bg-\[unset\]:hover {
  background-color: unset !important; }

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

.hover\:bg-amber-400:hover {
  background-color: #f7b13b !important; }

.hover\:bg-black\/10:hover {
  background-color: rgba(0, 0, 0, 0.1) !important; }

.hover\:bg-black\/20:hover {
  background-color: rgba(0, 0, 0, 0.2) !important; }

.hover\:bg-black\/5:hover {
  background-color: rgba(0, 0, 0, 0.05) !important; }

.hover\:bg-black\/\[0\.02\]:hover {
  background-color: rgba(0, 0, 0, 0.02) !important; }

.hover\:bg-blue-700:hover {
  background-color: #0848b0 !important; }

.hover\:bg-blue-800:hover {
  background-color: #053075 !important; }

.hover\:bg-blue-gray-100:hover {
  background-color: #dee5e8 !important; }

.hover\:bg-blue-gray-100\/30:hover {
  background-color: rgba(222, 229, 232, 0.3) !important; }

.hover\:bg-blue-gray-50:hover {
  background-color: #f0f3f5 !important; }

.hover\:bg-gray-100:hover {
  background-color: #e0e2e5 !important; }

.hover\:bg-neutral-100:hover {
  background-color: #e3e3e3 !important; }

.hover\:bg-neutral-50:hover {
  background-color: #f2f2f2 !important; }

.hover\:bg-primary-700:hover {
  background-color: #0f0f0f !important; }

.hover\:bg-primary-800:hover {
  background-color: #0a0a0a !important; }

.hover\:bg-primary-900:hover {
  background-color: #050505 !important; }

.hover\:bg-primary-accent-200:hover {
  background-color: #b8b8b8 !important; }

.hover\:bg-primary-accent-300:hover {
  background-color: #969696 !important; }

.hover\:bg-primary\/10:hover {
  background-color: rgba(27, 27, 27, 0.1) !important; }

.hover\:bg-primary\/5:hover {
  background-color: rgba(27, 27, 27, 0.05) !important; }

.hover\:bg-secondary-400:hover {
  background-color: #fccc50 !important; }

.hover\:bg-secondary-500:hover {
  background-color: #fbbf24 !important; }

.hover\:bg-secondary-500\/20:hover {
  background-color: rgba(251, 191, 36, 0.2) !important; }

.hover\:bg-secondary-700:hover {
  background-color: #aa7c03 !important; }

.hover\:bg-white:hover {
  background-color: #ffffff !important; }

.hover\:bg-white\/30:hover {
  background-color: rgba(255, 255, 255, 0.3) !important; }

.hover\:font-bold:hover {
  font-weight: 700; }

.hover\:\!text-black:hover {
  color: #000000 !important; }

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

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

.hover\:text-black:hover {
  color: #000000; }

.hover\:text-black-500:hover {
  color: #000000; }

.hover\:text-black\/50:hover {
  color: rgba(0, 0, 0, 0.5); }

.hover\:text-blue-600:hover {
  color: #0b60ea; }

.hover\:text-blue-800:hover {
  color: #053075; }

.hover\:text-gray-600:hover {
  color: #565c67; }

.hover\:text-gray-800:hover {
  color: #2a2d32; }

.hover\:text-gray-900:hover {
  color: #151619; }

.hover\:text-indigo-500:hover {
  color: #3538ed; }

.hover\:text-indigo-700:hover {
  color: #0e119f; }

.hover\:text-primary:hover {
  color: #1b1b1b; }

.hover\:text-primary-600:hover {
  color: #141414; }

.hover\:text-primary\/80:hover {
  color: rgba(27, 27, 27, 0.8); }

.hover\:text-secondary:hover {
  color: #fbbf24; }

.hover\:text-white:hover {
  color: #ffffff; }

.hover\:\!opacity-90:hover {
  opacity: 0.9 !important; }

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

.hover\:opacity-90:hover {
  opacity: 0.9; }

.hover\:\!shadow-none:hover {
  --tw-shadow: 0 0 rgba(0, 0, 0, 0) !important;
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) !important; }

.hover\:shadow-2xl:hover {
  --tw-shadow: 0 25px 50px -12px rgba(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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.hover\:shadow-none:hover {
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.hover\:shadow-primary-2:hover {
  --tw-shadow: 0 8px 9px -4px rgba(17, 17, 17, 0.3), 0 4px 18px 0 rgba(17, 17, 17, 0.2);
  --tw-shadow-colored: 0 8px 9px -4px var(--tw-shadow-color), 0 4px 18px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.hover\:shadow-xl:hover {
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.hover\:outline-none:hover {
  outline: 2px solid transparent;
  outline-offset: 2px; }

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

.hover\:ease-in-out:hover {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.hover\:file\:bg-neutral-200::file-selector-button:hover {
  background-color: #c7c7c7 !important; }

.hover\:before\:opacity-\[0\.04\]:hover::before {
  content: var(--tw-content);
  opacity: 0.04; }

.hover\:before\:shadow-black\/60:hover::before {
  --tw-shadow-color: rgba(0, 0, 0, 0.6);
  --tw-shadow: var(--tw-shadow-colored);
  content: var(--tw-content); }

.focus\:not-sr-only:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  white-space: normal;
  overflow: visible;
  clip: auto; }

.focus\:absolute:focus {
  position: absolute; }

.focus\:left-2:focus {
  left: 0.5rem; }

.focus\:top-2:focus {
  top: 0.5rem; }

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

.focus\:rounded-\[50\%\]:focus {
  border-radius: 50%; }

.focus\:\!border-danger:focus {
  border-color: #800000 !important; }

.focus\:\!border-success:focus {
  border-color: #0e7235 !important; }

.focus\:border-blue-500:focus {
  border-color: #3b82f6; }

.focus\:border-primary:focus {
  border-color: #1b1b1b; }

.focus\:\!bg-\[\#eee\]:focus {
  background-color: #eeeeee !important; }

.focus\:bg-black\/10:focus {
  background-color: rgba(0, 0, 0, 0.1) !important; }

.focus\:bg-black\/20:focus {
  background-color: rgba(0, 0, 0, 0.2) !important; }

.focus\:bg-black\/5:focus {
  background-color: rgba(0, 0, 0, 0.05) !important; }

.focus\:bg-blue-gray-100:focus {
  background-color: #dee5e8 !important; }

.focus\:bg-blue-gray-50:focus {
  background-color: #f0f3f5 !important; }

.focus\:bg-gray-100:focus {
  background-color: #e0e2e5 !important; }

.focus\:bg-neutral-100:focus {
  background-color: #e3e3e3 !important; }

.focus\:bg-primary-700:focus {
  background-color: #0f0f0f !important; }

.focus\:bg-primary-accent-200:focus {
  background-color: #b8b8b8 !important; }

.focus\:bg-primary-accent-300:focus {
  background-color: #969696 !important; }

.focus\:bg-secondary-700:focus {
  background-color: #aa7c03 !important; }

.focus\:bg-white\/30:focus {
  background-color: rgba(255, 255, 255, 0.3) !important; }

.focus\:text-black:focus {
  color: #000000; }

.focus\:text-gray-700:focus {
  color: #41454e; }

.focus\:text-primary:focus {
  color: #1b1b1b; }

.focus\:text-primary-400:focus {
  color: #474747; }

.focus\:text-primary-600:focus {
  color: #141414; }

.focus\:text-primary-700:focus {
  color: #0f0f0f; }

.focus\:text-white:focus {
  color: #ffffff; }

.focus\:\!opacity-90:focus {
  opacity: 0.9 !important; }

.focus\:\!shadow-inset:focus {
  --tw-shadow: inset 0 0 0 1px #111111 !important;
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) !important; }

.focus\:shadow-2xl:focus {
  --tw-shadow: 0 25px 50px -12px rgba(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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.focus\:shadow-\[0_0_0_1px\]:focus {
  --tw-shadow: 0 0 0 1px;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.focus\:shadow-none:focus {
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.focus\:shadow-primary-2:focus {
  --tw-shadow: 0 8px 9px -4px rgba(17, 17, 17, 0.3), 0 4px 18px 0 rgba(17, 17, 17, 0.2);
  --tw-shadow-colored: 0 8px 9px -4px var(--tw-shadow-color), 0 4px 18px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.focus\:shadow-twe-primary:focus {
  --tw-shadow: 0 0 0 1px #111111;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.focus\:\!shadow-danger:focus {
  --tw-shadow-color: #800000 !important;
  --tw-shadow: var(--tw-shadow-colored) !important; }

.focus\:\!shadow-success:focus {
  --tw-shadow-color: #0e7235 !important;
  --tw-shadow: var(--tw-shadow-colored) !important; }

.focus\:shadow-primary:focus {
  --tw-shadow-color: #1b1b1b;
  --tw-shadow: var(--tw-shadow-colored); }

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px; }

.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0)); }

.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0)); }

.focus\:ring-4:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0)); }

.focus\:\!ring-primary-300:focus {
  --tw-ring-color: #757575 !important; }

.focus\:ring-blue-300:focus {
  --tw-ring-color: #8ab4fa; }

.focus\:ring-blue-500:focus {
  --tw-ring-color: #3b82f6; }

.focus\:ring-gray-200:focus {
  --tw-ring-color: #c2c5cc; }

.focus\:ring-secondary:focus {
  --tw-ring-color: #fbbf24; }

.focus\:transition-\[border-color_0\.2s\]:focus {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-property: border-color 0.2s; }

.focus\:placeholder\:opacity-100:focus::-moz-placeholder {
  opacity: 1 !important; }

.focus\:placeholder\:opacity-100:focus::placeholder {
  opacity: 1 !important; }

.focus\:before\:scale-100:focus::before {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  content: var(--tw-content);
  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)); }

.focus\:before\:opacity-\[0\.12\]:focus::before {
  content: var(--tw-content);
  opacity: 0.12; }

.focus\:before\:shadow-black\/60:focus::before {
  --tw-shadow-color: rgba(0, 0, 0, 0.6);
  --tw-shadow: var(--tw-shadow-colored);
  content: var(--tw-content); }

.focus\:before\:transition-\[box-shadow_0\.2s\2c transform_0\.2s\]:focus::before {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-property: box-shadow 0.2s, transform 0.2s;
  content: var(--tw-content); }

.focus\:after\:absolute:focus::after {
  content: var(--tw-content);
  position: absolute; }

.focus\:after\:z-\[1\]:focus::after {
  content: var(--tw-content);
  z-index: 1; }

.focus\:after\:block:focus::after {
  content: var(--tw-content);
  display: block; }

.focus\:after\:h-\[0\.875rem\]:focus::after {
  content: var(--tw-content);
  height: 0.875rem; }

.focus\:after\:w-\[0\.875rem\]:focus::after {
  content: var(--tw-content);
  width: 0.875rem; }

.focus\:after\:rounded-\[0\.125rem\]:focus::after {
  content: var(--tw-content);
  border-radius: 0.125rem; }

.focus\:after\:content-\[\'\'\]:focus::after {
  --tw-content: '';
  content: var(--tw-content); }

.checked\:focus\:border-primary:focus:checked {
  border-color: #1b1b1b; }

.checked\:focus\:before\:scale-100:focus:checked::before {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  content: var(--tw-content);
  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)); }

.checked\:focus\:before\:shadow-checkbox:focus:checked::before {
  --tw-shadow: 0 0 0 13px #1b1b1b;
  --tw-shadow-colored: 0 0 0 13px var(--tw-shadow-color);
  content: var(--tw-content);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.checked\:focus\:before\:transition-\[box-shadow_0\.2s\2c transform_0\.2s\]:focus:checked::before {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-property: box-shadow 0.2s, transform 0.2s;
  content: var(--tw-content); }

.checked\:focus\:after\:-mt-px:focus:checked::after {
  content: var(--tw-content);
  margin-top: -1px; }

.checked\:focus\:after\:ms-\[0\.25rem\]:focus:checked::after {
  content: var(--tw-content);
  margin-inline-start: 0.25rem; }

.checked\:focus\:after\:h-\[0\.8125rem\]:focus:checked::after {
  content: var(--tw-content);
  height: 0.8125rem; }

.checked\:focus\:after\:w-\[0\.375rem\]:focus:checked::after {
  content: var(--tw-content);
  width: 0.375rem; }

.checked\:focus\:after\:rotate-45:focus:checked::after {
  --tw-rotate: 45deg;
  content: var(--tw-content);
  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)); }

.checked\:focus\:after\:rounded-none:focus:checked::after {
  content: var(--tw-content);
  border-radius: 0; }

.checked\:focus\:after\:border-\[0\.125rem\]:focus:checked::after {
  content: var(--tw-content);
  border-width: 0.125rem; }

.checked\:focus\:after\:border-l-0:focus:checked::after {
  content: var(--tw-content);
  border-left-width: 0; }

.checked\:focus\:after\:border-t-0:focus:checked::after {
  content: var(--tw-content);
  border-top-width: 0; }

.checked\:focus\:after\:border-solid:focus:checked::after {
  content: var(--tw-content);
  border-style: solid; }

.checked\:focus\:after\:border-white:focus:checked::after {
  content: var(--tw-content);
  border-color: #ffffff; }

.checked\:focus\:after\:bg-transparent:focus:checked::after {
  content: var(--tw-content);
  background-color: transparent; }

.focus-visible\:outline:focus-visible {
  outline-style: solid; }

.focus-visible\:outline-2:focus-visible {
  outline-width: 2px; }

.focus-visible\:outline-offset-2:focus-visible {
  outline-offset: 2px; }

.focus-visible\:outline-secondary-600:focus-visible {
  outline-color: #e1a404; }

.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0)); }

.focus-visible\:ring-secondary:focus-visible {
  --tw-ring-color: #fbbf24; }

.active\:border-black:active {
  border-color: #000000; }

.active\:bg-\[\#c4d4ef\]:active {
  background-color: #c4d4ef !important; }

.active\:bg-amber-500:active {
  background-color: #f59e0b !important; }

.active\:bg-blue-gray-100:active {
  background-color: #dee5e8 !important; }

.active\:bg-blue-gray-50:active {
  background-color: #f0f3f5 !important; }

.active\:bg-neutral-100:active {
  background-color: #e3e3e3 !important; }

.active\:bg-primary-600:active {
  background-color: #141414 !important; }

.active\:bg-primary-700:active {
  background-color: #0f0f0f !important; }

.active\:bg-primary-accent-200:active {
  background-color: #b8b8b8 !important; }

.active\:bg-secondary-700:active {
  background-color: #aa7c03 !important; }

.active\:bg-white:active {
  background-color: #ffffff !important; }

.active\:text-black:active {
  color: #000000; }

.active\:text-primary-700:active {
  color: #0f0f0f; }

.active\:shadow-2xl:active {
  --tw-shadow: 0 25px 50px -12px rgba(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 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.active\:shadow-none:active {
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.active\:shadow-primary-2:active {
  --tw-shadow: 0 8px 9px -4px rgba(17, 17, 17, 0.3), 0 4px 18px 0 rgba(17, 17, 17, 0.2);
  --tw-shadow-colored: 0 8px 9px -4px var(--tw-shadow-color), 0 4px 18px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.disabled\:pointer-events-none:disabled {
  pointer-events: none; }

.disabled\:text-neutral-400:disabled {
  color: #8f8f8f; }

.disabled\:opacity-50:disabled {
  opacity: 0.5; }

.disabled\:shadow-none:disabled {
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.disabled\:hover\:bg-transparent:hover:disabled {
  background-color: transparent; }

.group[open] .group-open\:rotate-180 {
  --tw-rotate: 180deg;
  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\/x:hover .group-hover\/x\:h-\[11px\] {
  height: 11px; }

.group\/y:hover .group-hover\/y\:w-\[11px\] {
  width: 11px; }

.group:hover .group-hover\:scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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\/x:hover .group-hover\/x\:bg-\[\#9e9e9e\] {
  background-color: #9e9e9e !important; }

.group\/y:hover .group-hover\/y\:bg-\[\#9e9e9e\] {
  background-color: #9e9e9e !important; }

.group:hover .group-hover\:bg-white\/50 {
  background-color: rgba(255, 255, 255, 0.5) !important; }

.group\/ps:hover .group-hover\/ps\:opacity-60 {
  opacity: 0.6; }

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

.group\/x:focus .group-focus\/x\:h-\[0\.6875rem\] {
  height: 0.6875rem; }

.group\/y:focus .group-focus\/y\:w-\[0\.6875rem\] {
  width: 0.6875rem; }

.group\/x:focus .group-focus\/x\:bg-\[\#9e9e9e\] {
  background-color: #9e9e9e !important; }

.group\/y:focus .group-focus\/y\:bg-\[\#9e9e9e\] {
  background-color: #9e9e9e !important; }

.group\/ps:focus .group-focus\/ps\:opacity-100 {
  opacity: 1; }

.group\/ps:focus .group-focus\/ps\:opacity-60 {
  opacity: 0.6; }

.group:focus .group-focus\:outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px; }

.group\/ps:active .group-active\/ps\:opacity-100 {
  opacity: 1; }

.group\/ps.ps--active-x .group-\[\&\.ps--active-x\]\/ps\:block {
  display: block; }

.group\/ps.ps--active-y .group-\[\&\.ps--active-y\]\/ps\:block {
  display: block; }

.group\/x.ps--clicking .group-\[\&\.ps--clicking\]\/x\:h-\[11px\] {
  height: 11px; }

.group\/y.ps--clicking .group-\[\&\.ps--clicking\]\/y\:w-\[11px\] {
  width: 11px; }

.group\/ps.ps--active-x .group-\[\&\.ps--active-x\]\/ps\:bg-transparent {
  background-color: transparent; }

.group\/ps.ps--active-y .group-\[\&\.ps--active-y\]\/ps\:bg-transparent {
  background-color: transparent; }

.group\/x.ps--clicking .group-\[\&\.ps--clicking\]\/x\:bg-\[\#999\] {
  background-color: #999999 !important; }

.group\/x.ps--clicking .group-\[\&\.ps--clicking\]\/x\:bg-\[\#9e9e9e\] {
  background-color: #9e9e9e !important; }

.group\/y.ps--clicking .group-\[\&\.ps--clicking\]\/y\:bg-\[\#9e9e9e\] {
  background-color: #9e9e9e !important; }

.group:not([data-twe-datepicker-cell-disabled]):not([data-twe-datepicker-cell-selected]):hover .group-\[\:not\(\[data-twe-datepicker-cell-disabled\]\)\:not\(\[data-twe-datepicker-cell-selected\]\)\:hover\]\:bg-black\/5 {
  background-color: rgba(0, 0, 0, 0.05) !important; }

.group:not([data-twe-datepicker-cell-selected])[data-twe-datepicker-cell-focused] .group-\[\:not\(\[data-twe-datepicker-cell-selected\]\)\[data-twe-datepicker-cell-focused\]\]\:bg-black\/5 {
  background-color: rgba(0, 0, 0, 0.05) !important; }

.group\/ps.ps--scrolling-x .group-\[\&\.ps--scrolling-x\]\/ps\:opacity-60 {
  opacity: 0.6; }

.group\/ps.ps--scrolling-y .group-\[\&\.ps--scrolling-y\]\/ps\:opacity-60 {
  opacity: 0.6; }

.peer:focus ~ .peer-focus\:-translate-y-\[0\.75rem\] {
  --tw-translate-y: -0.75rem;
  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)); }

.peer:focus ~ .peer-focus\:-translate-y-\[0\.9rem\] {
  --tw-translate-y: -0.9rem;
  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)); }

.peer:focus ~ .peer-focus\:-translate-y-\[1\.15rem\] {
  --tw-translate-y: -1.15rem;
  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)); }

.peer:focus ~ .peer-focus\:scale-\[0\.8\] {
  --tw-scale-x: 0.8;
  --tw-scale-y: 0.8;
  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)); }

.peer:focus ~ .peer-focus\:\!text-white {
  color: #ffffff !important; }

.peer:focus ~ .peer-focus\:text-gray-200 {
  color: #c2c5cc; }

.peer[aria-expanded='true'] ~ .peer-aria-expanded\:text-primary {
  color: #1b1b1b; }

.data-\[twe-datepicker-cell-disabled\]\:pointer-events-none[data-twe-datepicker-cell-disabled] {
  pointer-events: none; }

.data-\[twe-active\]\:-top-\[38px\][data-twe-active] {
  top: -38px; }

.data-\[twe-carousel-fade\]\:z-0[data-twe-carousel-fade] {
  z-index: 0; }

.data-\[twe-carousel-fade\]\:z-\[1\][data-twe-carousel-fade] {
  z-index: 1; }

.data-\[twe-input-state-active\]\:block[data-twe-input-state-active] {
  display: block; }

.data-\[popper-reference-hidden\]\:hidden[data-popper-reference-hidden] {
  display: none; }

.data-\[twe-input-state-active\]\:-translate-y-\[0\.75rem\][data-twe-input-state-active] {
  --tw-translate-y: -0.75rem;
  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)); }

.data-\[twe-input-state-active\]\:-translate-y-\[0\.9rem\][data-twe-input-state-active] {
  --tw-translate-y: -0.9rem;
  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)); }

.data-\[twe-input-state-active\]\:-translate-y-\[1\.15rem\][data-twe-input-state-active] {
  --tw-translate-y: -1.15rem;
  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)); }

.data-\[twe-active\]\:scale-100[data-twe-active] {
  --tw-scale-x: 1;
  --tw-scale-y: 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)); }

.data-\[twe-input-state-active\]\:scale-\[0\.8\][data-twe-input-state-active] {
  --tw-scale-x: 0.8;
  --tw-scale-y: 0.8;
  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)); }

.data-\[twe-select-open\]\:scale-100[data-twe-select-open] {
  --tw-scale-x: 1;
  --tw-scale-y: 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)); }

.data-\[twe-autocomplete-state-open\]\:scale-y-100[data-twe-autocomplete-state-open] {
  --tw-scale-y: 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)); }

.data-\[data-twe-autocomplete-option-disabled\]\:cursor-default[data-data-twe-autocomplete-option-disabled] {
  cursor: default; }

.data-\[twe-datepicker-cell-disabled\]\:cursor-default[data-twe-datepicker-cell-disabled] {
  cursor: default; }

.data-\[twe-input-disabled\]\:cursor-default[data-twe-input-disabled] {
  cursor: default; }

.data-\[twe-select-option-disabled\]\:cursor-default[data-twe-select-option-disabled] {
  cursor: default; }

.data-\[twe-autocomplete-item-active\]\:bg-black\/5[data-twe-autocomplete-item-active] {
  background-color: rgba(0, 0, 0, 0.05) !important; }

.data-\[twe-input-disabled\]\:bg-neutral-200[data-twe-input-disabled] {
  background-color: #c7c7c7 !important; }

.data-\[twe-select-option-disabled\]\:\!bg-transparent[data-twe-select-option-disabled] {
  background-color: transparent; }

.data-\[twe-select-selected\=\'true\'\]\:bg-primary\/30[data-twe-select-selected='true'] {
  background-color: rgba(27, 27, 27, 0.3) !important; }

.data-\[twe-select-selected\=\'true\'\]\:data-\[twe-input-multiple-active\]\:bg-primary\/40[data-twe-input-multiple-active][data-twe-select-selected='true'] {
  background-color: rgba(27, 27, 27, 0.4) !important; }

.data-\[twe-select-selected\=\'true\'\]\:data-\[twe-input-state-active\]\:bg-primary\/40[data-twe-input-state-active][data-twe-select-selected='true'] {
  background-color: rgba(27, 27, 27, 0.4) !important; }

.data-\[data-twe-autocomplete-option-disabled\]\:text-surface\/50[data-data-twe-autocomplete-option-disabled] {
  color: rgba(79, 79, 79, 0.5); }

.data-\[twe-datepicker-cell-disabled\]\:text-surface\/50[data-twe-datepicker-cell-disabled] {
  color: rgba(79, 79, 79, 0.5); }

.data-\[twe-select-option-disabled\]\:text-surface\/50[data-twe-select-option-disabled] {
  color: rgba(79, 79, 79, 0.5); }

.data-\[twe-autocomplete-state-open\]\:opacity-100[data-twe-autocomplete-state-open] {
  opacity: 1; }

.data-\[twe-carousel-fade\]\:opacity-0[data-twe-carousel-fade] {
  opacity: 0; }

.data-\[twe-carousel-fade\]\:opacity-100[data-twe-carousel-fade] {
  opacity: 1; }

.data-\[twe-select-open\]\:opacity-100[data-twe-select-open] {
  opacity: 1; }

.data-\[twe-carousel-fade\]\:duration-\[600ms\][data-twe-carousel-fade] {
  transition-duration: 600ms; }

.data-\[twe-input-state-active\]\:placeholder\:opacity-100[data-twe-input-state-active]::-moz-placeholder {
  opacity: 1; }

.data-\[twe-input-state-active\]\:placeholder\:opacity-100[data-twe-input-state-active]::placeholder {
  opacity: 1; }

.data-\[twe-datepicker-cell-disabled\]\:hover\:cursor-default:hover[data-twe-datepicker-cell-disabled] {
  cursor: default; }

.hover\:data-\[twe-select-selected\=\'true\'\]\:bg-primary\/40[data-twe-select-selected='true']:hover {
  background-color: rgba(27, 27, 27, 0.4) !important; }

.group\/validation[data-twe-was-validated] .group-data-\[twe-was-validated\]\/validation\:mb-4 {
  margin-bottom: 1rem; }

.group[data-twe-datepicker-cell-current] .group-data-\[twe-datepicker-cell-current\]\:border {
  border-width: 1px; }

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-x-0 {
  border-left-width: 0;
  border-right-width: 0; }

.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-x-0 {
  border-left-width: 0;
  border-right-width: 0; }

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-e-0 {
  border-inline-end-width: 0; }

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-s-0 {
  border-inline-start-width: 0; }

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-t {
  border-top-width: 1px; }

.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-e-0 {
  border-inline-end-width: 0; }

.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-s-0 {
  border-inline-start-width: 0; }

.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-t {
  border-top-width: 1px; }

.group[data-twe-datepicker-cell-current] .group-data-\[twe-datepicker-cell-current\]\:border-solid {
  border-style: solid; }

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-solid {
  border-style: solid; }

.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-solid {
  border-style: solid; }

.group[data-twe-datepicker-cell-current] .group-data-\[twe-datepicker-cell-current\]\:border-black {
  border-color: #000000; }

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-danger {
  border-color: #800000; }

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-primary {
  border-color: #1b1b1b; }

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-success {
  border-color: #0e7235; }

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-white {
  border-color: #ffffff; }

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-t-transparent {
  border-top-color: transparent; }

.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-t-transparent {
  border-top-color: transparent; }

.group[data-twe-datepicker-cell-selected] .group-data-\[twe-datepicker-cell-selected\]\:bg-primary {
  background-color: #1b1b1b !important; }

.group\/opt[data-twe-select-option-group-ref] .group-data-\[twe-select-option-group-ref\]\/opt\:ps-7 {
  padding-inline-start: 1.75rem; }

.group[data-twe-datepicker-cell-selected] .group-data-\[twe-datepicker-cell-selected\]\:text-white {
  color: #ffffff; }

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:shadow-notch-1 {
  --tw-shadow: -1px 0 0 #1b1b1b, 0 1px 0 0 #1b1b1b, 0 -1px 0 0 #1b1b1b;
  --tw-shadow-colored: -1px 0 0 var(--tw-shadow-color), 0 1px 0 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:shadow-notch-2 {
  --tw-shadow: 0 1px 0 0 #1b1b1b;
  --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:shadow-notch-3 {
  --tw-shadow: 1px 0 0 #1b1b1b, 0 -1px 0 0 #1b1b1b, 0 1px 0 0 #1b1b1b;
  --tw-shadow-colored: 1px 0 0 var(--tw-shadow-color), 0 -1px 0 0 var(--tw-shadow-color), 0 1px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow); }

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:shadow-danger {
  --tw-shadow-color: #800000;
  --tw-shadow: var(--tw-shadow-colored); }

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:shadow-success {
  --tw-shadow-color: #0e7235;
  --tw-shadow: var(--tw-shadow-colored); }

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:shadow-white {
  --tw-shadow-color: #ffffff;
  --tw-shadow: var(--tw-shadow-colored); }

.group\/validation[data-twe-was-validated] .peer:valid ~ .group-data-\[twe-was-validated\]\/validation\:peer-valid\:block {
  display: block; }

.group\/validation[data-twe-was-validated] .peer:invalid ~ .group-data-\[twe-was-validated\]\/validation\:peer-invalid\:block {
  display: block; }

.group[data-twe-datepicker-cell-focused] .group-data-\[twe-datepicker-cell-focused\]\:data-\[twe-datepicker-cell-selected\]\:bg-primary[data-twe-datepicker-cell-selected] {
  background-color: #1b1b1b !important; }

.peer[data-twe-input-state-active] ~ .peer-data-\[twe-input-state-active\]\:\!z-10 {
  z-index: 10 !important; }

.peer[data-twe-input-state-active] ~ .peer-data-\[twe-input-state-active\]\:-translate-y-\[0\.75rem\] {
  --tw-translate-y: -0.75rem;
  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)); }

.peer[data-twe-input-state-active] ~ .peer-data-\[twe-input-state-active\]\:-translate-y-\[0\.9rem\] {
  --tw-translate-y: -0.9rem;
  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)); }

.peer[data-twe-input-state-active] ~ .peer-data-\[twe-input-state-active\]\:-translate-y-\[1\.15rem\] {
  --tw-translate-y: -1.15rem;
  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)); }

.peer[data-twe-input-state-active] ~ .peer-data-\[twe-input-state-active\]\:scale-\[0\.8\] {
  --tw-scale-x: 0.8;
  --tw-scale-y: 0.8;
  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)); }

.peer[data-twe-input-state-active] ~ .peer-data-\[twe-input-state-active\]\:\!bg-white {
  background-color: #ffffff !important; }

.peer[data-twe-input-focused] ~ .peer-data-\[twe-input-focused\]\:\!text-white {
  color: #ffffff !important; }

.peer[data-twe-input-state-active] ~ .peer-data-\[twe-input-state-active\]\:text-primary {
  color: #1b1b1b; }

@supports (backdrop-filter: var(--tw)) {
  .supports-\[backdrop-filter\]\:bg-white\/70 {
    background-color: rgba(255, 255, 255, 0.7) !important; } }

@media (prefers-reduced-motion: reduce) {
  .motion-reduce\:transform-none {
    transform: none; }
  @keyframes spin {
    to {
      transform: rotate(360deg); } }
  .motion-reduce\:animate-\[spin_1\.5s_linear_infinite\] {
    animation: spin 1.5s linear infinite; }
  .motion-reduce\:animate-\[spinner-grow_1\.5s_linear_infinite\] {
    animation: spinner-grow 1.5s linear infinite; }
  .motion-reduce\:animate-none {
    animation: none; }
  .motion-reduce\:transition-none {
    transition-property: none; } }

@media (min-width: 600px) {
  .sm\:right-1\/2 {
    right: 50%; }
  .sm\:col-span-2 {
    grid-column: span 2 / span 2; }
  .sm\:col-start-2 {
    grid-column-start: 2; }
  .sm\:col-start-auto {
    grid-column-start: auto; }
  .sm\:-ml-4 {
    margin-left: -1rem; }
  .sm\:-mr-80 {
    margin-right: -20rem; }
  .sm\:mb-0 {
    margin-bottom: 0; }
  .sm\:ml-6 {
    margin-left: 1.5rem; }
  .sm\:mt-0 {
    margin-top: 0; }
  .sm\:mt-16 {
    margin-top: 4rem; }
  .sm\:mt-40 {
    margin-top: 10rem; }
  .sm\:block {
    display: block; }
  .sm\:flex {
    display: flex;
    flex-wrap: nowrap; }
  .sm\:inline-flex {
    display: inline-flex;
    flex-wrap: nowrap; }
  .sm\:h-32 {
    height: 8rem; }
  .sm\:w-0 {
    width: 0; }
  .sm\:w-11\/12 {
    width: 91.666667%; }
  .sm\:w-3\/4 {
    width: 75%; }
  .sm\:w-80 {
    width: 20rem; }
  .sm\:w-auto {
    width: auto; }
  .sm\:max-w-md {
    max-width: 28rem; }
  .sm\:max-w-xl {
    max-width: 36rem; }
  .sm\:flex-auto {
    flex: 1 1 auto; }
  .sm\:shrink {
    flex-shrink: 1; }
  .sm\:shrink-0 {
    flex-shrink: 0; }
  .sm\: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)); }
  .sm\:snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness); }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .sm\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .sm\:flex-row {
    flex-direction: row; }
  .sm\:flex-row-reverse {
    flex-direction: row-reverse; }
  .sm\:items-end {
    align-items: flex-end; }
  .sm\:gap-8 {
    gap: 2rem; }
  .sm\:gap-x-10 {
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem; }
  .sm\:gap-y-14 {
    row-gap: 3.5rem; }
  .sm\:overflow-x-auto {
    overflow-x: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable; }
  .sm\:rounded-3xl {
    border-radius: 1.5rem; }
  .sm\:p-8 {
    padding: 2rem; }
  .sm\:px-16 {
    padding-right: 4rem;
    padding-left: 4rem; }
  .sm\:px-6 {
    padding-right: 1.5rem;
    padding-left: 1.5rem; }
  .sm\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem; }
  .sm\:pb-32 {
    padding-bottom: 8rem; }
  .sm\:text-left {
    text-align: left; }
  .sm\:text-right {
    text-align: right; }
  .sm\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem; }
  .sm\:text-5xl {
    font-size: 3rem;
    line-height: 1; }
  .sm\:text-7xl {
    font-size: 4.5rem;
    line-height: 1; }
  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem; }
  .sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem; }
  .sm\:text-xl\/8 {
    font-size: 1.25rem;
    line-height: 2rem; } }

@media (min-width: 768px) {
  .md\:order-none {
    order: 0; }
  .md\:col-span-4 {
    grid-column: span 4 / span 4; }
  .md\:col-span-8 {
    grid-column: span 8 / span 8; }
  .md\:my-0 {
    margin-top: 0;
    margin-bottom: 0; }
  .md\:mb-0 {
    margin-bottom: 0; }
  .md\:inline-block {
    display: inline-block; }
  .md\:flex {
    display: flex;
    flex-wrap: nowrap; }
  .md\:hidden {
    display: none; }
  .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\:flex-row {
    flex-direction: row; }
  .md\:items-center {
    align-items: center; }
  .md\:justify-between {
    justify-content: space-between; }
  .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\:p-5 {
    padding: 1.25rem; }
  .md\:px-6 {
    padding-right: 1.5rem;
    padding-left: 1.5rem; }
  .md\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem; }
  .md\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem; }
  .md\:pb-16 {
    padding-bottom: 4rem; }
  .md\:pe-1 {
    padding-inline-end: 0.25rem; }
  .md\:pe-\[17px\] {
    padding-inline-end: 17px; }
  .md\:pt-20 {
    padding-top: 5rem; }
  .md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem; }
  .md\:text-5xl {
    font-size: 3rem;
    line-height: 1; } }

@media (min-width: 1024px) {
  .lg\:static {
    position: static; }
  .lg\:absolute {
    position: absolute; }
  .lg\:col-span-1 {
    grid-column: span 1 / span 1; }
  .lg\:col-span-2 {
    grid-column: span 2 / span 2; }
  .lg\:col-start-2 {
    grid-column-start: 2; }
  .lg\:col-end-1 {
    grid-column-end: 1; }
  .lg\:col-end-2 {
    grid-column-end: 2; }
  .lg\:mx-0 {
    margin-right: 0;
    margin-left: 0; }
  .lg\:-mr-6 {
    margin-right: -1.5rem; }
  .lg\:-mr-96 {
    margin-right: -24rem; }
  .lg\:ml-0 {
    margin-left: 0; }
  .lg\:ml-8 {
    margin-left: 2rem; }
  .lg\:ml-auto {
    margin-left: auto; }
  .lg\:mt-0 {
    margin-top: 0; }
  .lg\:mt-20 {
    margin-top: 5rem; }
  .lg\:mt-6 {
    margin-top: 1.5rem; }
  .lg\:block {
    display: block; }
  .lg\:flex {
    display: flex;
    flex-wrap: nowrap; }
  .lg\:grid {
    display: grid; }
  .lg\:contents {
    display: contents; }
  .lg\:aspect-auto {
    aspect-ratio: auto; }
  .lg\:h-\[34\.5rem\] {
    height: 34.5rem; }
  .lg\:h-full {
    height: 100%; }
  .lg\:w-72 {
    width: 18rem; }
  .lg\:w-\[37rem\] {
    width: 37rem; }
  .lg\:w-auto {
    width: auto; }
  .lg\:w-full {
    width: 100%; }
  .lg\:min-w-full {
    min-width: 100%; }
  .lg\:max-w-4xl {
    max-width: 56rem; }
  .lg\:max-w-7xl {
    max-width: 80rem; }
  .lg\:max-w-lg {
    max-width: 32rem; }
  .lg\:max-w-none {
    max-width: none; }
  .lg\:max-w-sm {
    max-width: 24rem; }
  .lg\:max-w-xl {
    max-width: 36rem; }
  .lg\:flex-auto {
    flex: 1 1 auto; }
  .lg\:flex-none {
    flex: none; }
  .lg\:translate-x-0 {
    --tw-translate-x: 0;
    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-x-8 {
    --tw-translate-x: 2rem;
    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\: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\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .lg\:flex-row {
    flex-direction: row; }
  .lg\:flex-col {
    flex-direction: column; }
  .lg\:items-start {
    align-items: flex-start; }
  .lg\:items-end {
    align-items: flex-end; }
  .lg\:justify-end {
    justify-content: flex-end; }
  .lg\:gap-x-16 {
    -moz-column-gap: 4rem;
    column-gap: 4rem; }
  .lg\:gap-x-8 {
    -moz-column-gap: 2rem;
    column-gap: 2rem; }
  .lg\:gap-y-28 {
    row-gap: 7rem; }
  .lg\:gap-y-44 {
    row-gap: 11rem; }
  .lg\:gap-y-8 {
    row-gap: 2rem; }
  .lg\:self-end {
    align-self: flex-end; }
  .lg\:px-8 {
    padding-right: 2rem;
    padding-left: 2rem; }
  .lg\:pb-8 {
    padding-bottom: 2rem; }
  .lg\:pr-4 {
    padding-right: 1rem; }
  .lg\:pt-32 {
    padding-top: 8rem; }
  .lg\:text-center {
    text-align: center; }
  .lg\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem; }
  .lg\:text-5xl {
    font-size: 3rem;
    line-height: 1; }
  .lg\:text-base {
    font-size: 1rem;
    line-height: 1.5rem; }
  .lg\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem; } }

@media (min-width: 1280px) {
  .xl\:col-auto {
    grid-column: auto; }
  .xl\:col-end-1 {
    grid-column-end: 1; }
  .xl\:row-span-2 {
    grid-row: span 2 / span 2; }
  .xl\:row-start-1 {
    grid-row-start: 1; }
  .xl\:row-end-2 {
    grid-row-end: 2; }
  .xl\:mt-36 {
    margin-top: 9rem; }
  .xl\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .xl\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .xl\:gap-x-8 {
    -moz-column-gap: 2rem;
    column-gap: 2rem; }
  .xl\:pr-16 {
    padding-right: 4rem; } }

@media (min-width: 320px) and (max-width: 825px) and (orientation: landscape) {
  .min-\[320px\]\:max-\[825px\]\:landscape\:h-auto {
    height: auto; }
  .min-\[320px\]\:max-\[825px\]\:landscape\:min-h-\[305px\] {
    min-height: 305px; }
  .min-\[320px\]\:max-\[825px\]\:landscape\:min-h-\[auto\] {
    min-height: auto; }
  .min-\[320px\]\:max-\[825px\]\:landscape\:min-w-\[auto\] {
    min-width: auto; }
  .min-\[320px\]\:max-\[825px\]\:landscape\:\!flex-row {
    flex-direction: row !important; }
  .min-\[320px\]\:max-\[825px\]\:landscape\:flex-col {
    flex-direction: column; }
  .min-\[320px\]\:max-\[825px\]\:landscape\:\!justify-around {
    justify-content: space-around !important; }
  .min-\[320px\]\:max-\[825px\]\:landscape\:overflow-y-auto {
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable; }
  .min-\[320px\]\:max-\[825px\]\:landscape\:rounded-lg {
    border-radius: 0.5rem; }
  .min-\[320px\]\:max-\[825px\]\:landscape\:rounded-bl-lg {
    border-bottom-left-radius: 0.5rem; }
  .min-\[320px\]\:max-\[825px\]\:landscape\:rounded-bl-none {
    border-bottom-left-radius: 0; }
  .min-\[320px\]\:max-\[825px\]\:landscape\:rounded-tr-none {
    border-top-right-radius: 0; }
  .min-\[320px\]\:max-\[825px\]\:landscape\:p-\[10px\] {
    padding: 10px; }
  .min-\[320px\]\:max-\[825px\]\:landscape\:pe-\[10px\] {
    padding-inline-end: 10px; }
  .min-\[320px\]\:max-\[825px\]\:landscape\:text-5xl {
    font-size: 3rem;
    line-height: 1; }
  .min-\[320px\]\:max-\[825px\]\:landscape\:text-\[3rem\] {
    font-size: 3rem; }
  .min-\[320px\]\:max-\[825px\]\:landscape\:font-normal {
    font-weight: 400; } }

.rtl\:\!left-auto:where([dir='rtl'], [dir='rtl'] *) {
  left: auto !important; }

.rtl\:float-right:where([dir='rtl'], [dir='rtl'] *) {
  float: right; }

.rtl\:rotate-180:where([dir='rtl'], [dir='rtl'] *) {
  --tw-rotate: 180deg;
  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)); }

.rtl\:space-x-reverse:where([dir='rtl'], [dir='rtl'] *) > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1; }

.rtl\:text-right:where([dir='rtl'], [dir='rtl'] *) {
  text-align: right; }

.rtl\:\[direction\:rtl\]:where([dir='rtl'], [dir='rtl'] *) {
  direction: rtl; }

.\[\&\.ps--clicking\]\:\!bg-\[\#eee\].ps--clicking {
  background-color: #eeeeee !important; }

.\[\&\.ps--clicking\]\:\!opacity-90.ps--clicking {
  opacity: 0.9 !important; }

.\[\&\:\:-webkit-scrollbar-button\]\:block::-webkit-scrollbar-button {
  display: block; }

.\[\&\:\:-webkit-scrollbar-button\]\:h-0::-webkit-scrollbar-button {
  height: 0; }

.\[\&\:\:-webkit-scrollbar-button\]\:bg-transparent::-webkit-scrollbar-button {
  background-color: transparent; }

.\[\&\:\:-webkit-scrollbar-thumb\]\:h-\[50px\]::-webkit-scrollbar-thumb {
  height: 50px; }

.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded::-webkit-scrollbar-thumb {
  border-radius: 0.25rem; }

.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-\[\#999\]::-webkit-scrollbar-thumb {
  background-color: #999999 !important; }

.\[\&\:\:-webkit-scrollbar-track-piece\]\:rounded-none::-webkit-scrollbar-track-piece {
  border-radius: 0; }

.\[\&\:\:-webkit-scrollbar-track-piece\]\:rounded-s::-webkit-scrollbar-track-piece {
  border-start-start-radius: 0.25rem;
  border-end-start-radius: 0.25rem; }

.\[\&\:\:-webkit-scrollbar-track-piece\]\:bg-transparent::-webkit-scrollbar-track-piece {
  background-color: transparent; }

.\[\&\:\:-webkit-scrollbar\]\:h-1::-webkit-scrollbar {
  height: 0.25rem; }

.\[\&\:\:-webkit-scrollbar\]\:w-1::-webkit-scrollbar {
  width: 0.25rem; }

.hover\:\[\&\:not\(\[data-twe-autocomplete-option-disabled\]\)\]\:bg-black\/5:not([data-twe-autocomplete-option-disabled]):hover {
  background-color: rgba(0, 0, 0, 0.05) !important; }

.\[\&\:not\(\[data-twe-input-placeholder-active\]\)\]\:placeholder\:opacity-0:not([data-twe-input-placeholder-active])::-moz-placeholder {
  opacity: 0; }

.\[\&\:not\(\[data-twe-input-placeholder-active\]\)\]\:placeholder\:opacity-0:not([data-twe-input-placeholder-active])::placeholder {
  opacity: 0; }

.hover\:\[\&\:not\(\[data-twe-select-selected\=\'true\'\]\)\]\:bg-black\/5:not([data-twe-select-selected='true']):hover {
  background-color: rgba(0, 0, 0, 0.05) !important; }

.data-\[twe-input-multiple-active\]\:\[\&\:not\(\[data-twe-select-selected\=\'true\'\]\)\]\:bg-black\/5:not([data-twe-select-selected='true'])[data-twe-input-multiple-active] {
  background-color: rgba(0, 0, 0, 0.05) !important; }

.data-\[twe-input-state-active\]\:\[\&\:not\(\[data-twe-select-selected\=\'true\'\]\)\]\:bg-black\/5:not([data-twe-select-selected='true'])[data-twe-input-state-active] {
  background-color: rgba(0, 0, 0, 0.05) !important; }

.\[\&\:nth-child\(odd\)\]\:bg-neutral-50:nth-child(odd) {
  background-color: #f2f2f2 !important; }

.\[\&\>svg\]\:pointer-events-none > svg {
  pointer-events: none; }

.\[\&\>svg\]\:mx-auto > svg {
  margin-right: auto;
  margin-left: auto; }

.\[\&\>svg\]\:h-4 > svg {
  height: 1rem; }

.\[\&\>svg\]\:h-5 > svg {
  height: 1.25rem; }

.\[\&\>svg\]\:h-6 > svg {
  height: 1.5rem; }

.\[\&\>svg\]\:h-\[18px\] > svg {
  height: 18px; }

.\[\&\>svg\]\:w-4 > svg {
  width: 1rem; }

.\[\&\>svg\]\:w-5 > svg {
  width: 1.25rem; }

.\[\&\>svg\]\:w-6 > svg {
  width: 1.5rem; }

.\[\&\>svg\]\:w-\[18px\] > svg {
  width: 18px; }

.\[\&\>svg\]\:rotate-180 > svg {
  --tw-rotate: 180deg;
  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)); }

.\[\&\>svg\]\:fill-neutral-500 > svg {
  fill: #737373; }

.rtl\:\[\&\>svg\]\:rotate-0 > svg:where([dir='rtl'], [dir='rtl'] *) {
  --tw-rotate: 0deg;
  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)); }

.rtl\:\[\&\>svg\]\:rotate-180 > svg:where([dir='rtl'], [dir='rtl'] *) {
  --tw-rotate: 180deg;
  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)); }

.header-logo-center-navUser {
  width: auto; }

.header-bottom-item-text-sides {
  width: calc((100% - 280px) / 2); }

.header-bottom-item-text-center {
  width: 280px; }

.header-bottom-item-text-right {
  justify-content: right; }

.nav-container-sticky-visible,
.is-sticky .nav-container > .text-left,
.is-sticky .nav-container > .text-right {
  display: block; }

.nav-container-sticky-padding,
.is-sticky .nav-container {
  padding-right: 4px;
  padding-left: 4px; }

.nav-container-sticky-left,
.is-sticky .nav-container > .text-left {
  padding-right: 20px; }

.header-currency-icon,
.navUser-action--currencySelector .navUser-icon svg,
.navUser-action--currencySelector .navUser-item-cartLabel svg {
  width: 22px !important;
  height: 22px !important;
  fill: #ffffff;
  stroke: #ffffff;
  stroke-width: 2; }

.preview-cart-remove-icon,
.previewCartItem-remove svg {
  width: 21.375px !important;
  height: 21.375px !important; }

.preview-cart-edit-icon,
.previewCartItem-edit .icon {
  width: 16px !important;
  height: 16px !important; }

.header-sticky-nav-text,
.header-sticky.is-sticky .navPages-item > .navPages-action .text,
.stickyNavigation .header-sticky.sticky-down .navPages-item > .navPages-action .text {
  padding-top: 0; }

.header {
  position: relative;
  z-index: 99;
  border-bottom: 0;
  background-color: #141414;
  box-shadow: 0 1px 2px 1px #1b1b1b; }
  .header:before, .header:after {
    content: " ";
    display: table; }
  .header:after {
    clear: both; }
  .header-layout-3 .header {
    box-shadow: none; }

.header-logo {
  height: 55px;
  margin: 0;
  font-size: 0; }
  @media (min-width: 600px) {
    .header-logo {
      margin-right: 5.89286rem;
      margin-left: 5.89286rem; } }
  @media (min-width: 1024px) {
    .header-logo {
      height: auto;
      margin: 4.42857rem auto 5.14286rem;
      padding: 0; }
      .header.fixed .header-logo {
        position: absolute;
        top: 0;
        width: 100%;
        margin: 0;
        padding: 0.42857rem 0;
        background-color: #fafafa; } }

.header-logo-image {
  position: absolute;
  display: block;
  max-height: 2.21429rem;
  margin: 0 auto;
  inset: 0; }
  @media (min-width: 1024px) {
    .header-logo-image {
      max-height: none; } }

.header-logo--left {
  text-align: left; }
  .header-logo--left .header-logo-image {
    right: unset;
    display: block;
    width: 264px;
    height: 63px;
    margin: 0 auto;
    -o-object-fit: cover;
    object-fit: cover; }
  @media (min-width: 1024px) {
    .header-logo--left {
      margin-left: 2.85714rem; } }

.header-logo--right {
  text-align: right; }
  .header-logo--right .header-logo-image {
    left: unset; }
  @media (min-width: 1024px) {
    .header-logo--right {
      margin-right: 2.85714rem; } }

.header-logo-text {
  display: block;
  margin-right: auto;
  margin-left: auto;
  font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.14286rem;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  font-optical-sizing: auto; }
  @media (min-width: 600px) {
    .header-logo-text {
      font-size: 2.5vw; } }
  @media (min-width: 1024px) {
    .header-logo-text {
      display: inline;
      padding: 0 8px;
      font-size: 30px;
      white-space: normal; }
      .header.fixed .header-logo-text {
        font-size: 25px; } }

.header-logo__link {
  position: relative;
  z-index: 20;
  display: flex;
  flex-wrap: nowrap;
  width: 70%;
  height: inherit;
  min-height: 63px;
  margin: 0 auto;
  text-decoration: none;
  align-items: center;
  justify-content: center; }
  .header-logo__link:before, .header-logo__link:after {
    content: " ";
    display: table; }
  .header-logo__link:after {
    clear: both; }
  .header-logo__link:active {
    color: #1d4fd7; }
  @media (hover: hover) {
    .header-logo__link:hover, .header-logo__link:focus {
      color: #fbbf24; } }
  @media (min-width: 1024px) {
    .header-logo__link {
      display: block;
      width: auto;
      padding: 0;
      border-bottom: 0;
      background: none; } }

.header-logo-image-container {
  position: relative;
  display: block;
  width: 100%;
  min-width: 264px;
  min-height: 63px; }
  .header-logo-image-container::after {
    display: block;
    content: ''; }
  @media (min-width: 1024px) {
    .header-logo-image-container {
      min-height: 63px; } }

.header-logo-image-unknown-size {
  max-height: 2.21429rem; }
  @media (min-width: 1024px) {
    .header-logo-image-unknown-size {
      max-height: none; } }

.halo-topHeader {
  position: relative;
  z-index: 12;
  padding: 0;
  color: #ffffff;
  background-color: #33363d; }
  .halo-topHeader .container-full {
    max-width: 100%;
    margin: 0 auto;
    padding-right: 20px; }
  .halo-topHeader .top-menu-tab {
    position: relative; }
    .halo-topHeader .top-menu-tab .no-menu-tab {
      display: none; }
    .halo-topHeader .top-menu-tab ul {
      display: flex;
      flex-wrap: nowrap; }
      .halo-topHeader .top-menu-tab ul li {
        background-color: #33363d; }
        .halo-topHeader .top-menu-tab ul li.active {
          background-color: #ffffff; }
  .halo-topHeader .navUser {
    display: flex;
    flex-wrap: nowrap;
    padding: 0;
    align-items: center;
    justify-content: space-between; }
    .halo-topHeader .navUser::before, .halo-topHeader .navUser::after {
      display: none; }
    .header-layout-3 .halo-topHeader .navUser > * {
      width: 33.3334%; }
    @media (max-width: 1024px) {
      .halo-topHeader .navUser.no-menu-tab {
        display: inline-block; }
        .halo-topHeader .navUser.no-menu-tab.no-top-promotion {
          display: none; }
        .halo-topHeader .navUser.no-menu-tab .navUser-section--alt {
          padding: 12px 0;
          text-align: center;
          float: none; } }
  .halo-topHeader .navUser-section--alt {
    display: flex;
    flex-wrap: nowrap;
    font-size: 13px;
    align-items: center;
    justify-content: center; }
    .halo-topHeader .navUser-section--alt.navUser-section--center {
      justify-content: center; }
    .halo-topHeader .navUser-section--alt.navUser-section--right {
      justify-content: right; }
  .halo-topHeader .navUser-action {
    padding: 8px;
    color: #ffffff;
    font-weight: 400; }
    .header-layout-3 .halo-topHeader .navUser-action {
      padding: 2px 8px;
      font-size: 13px;
      font-weight: 700; }
    .halo-topHeader .navUser-action svg {
      fill: #ffffff;
      stroke: #ffffff; }
  .halo-topHeader .navUser-item--text {
    padding-right: 48px; }
    .header-layout-3 .halo-topHeader .navUser-item--text {
      padding-right: 0; }
    .halo-topHeader .navUser-item--text .navUser-action {
      text-transform: unset; }
  @media (max-width: 1024px) {
    .halo-topHeader .container-full {
      padding-right: 0; }
    .halo-topHeader .navUser {
      position: relative;
      top: 0;
      transform: unset; }
    .halo-topHeader .navUser-item {
      display: none; }
      .halo-topHeader .navUser-item.navUser-item--text {
        display: block;
        padding-right: 0; }
    .halo-topHeader .navUser-action {
      padding: 0 10px;
      text-align: center; } }

.halo-middleHeader {
  position: relative;
  z-index: 11;
  margin: 0;
  padding: 0; }
  .halo-middleHeader .container {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 100%;
    padding-right: 8px;
    padding-left: 8px;
    align-items: center;
    justify-content: space-between; }
    .halo-middleHeader .container .middleHeader-item {
      display: flex;
      flex-wrap: nowrap;
      padding: 0;
      align-items: center;
      justify-content: space-between; }
      .halo-middleHeader .container .middleHeader-item.text-center {
        flex: 1; }
      .halo-middleHeader .container .middleHeader-item__item {
        display: block;
        width: 100%; }
        .halo-middleHeader .container .middleHeader-item__item:not(.item--logo) {
          width: auto; }
        .halo-middleHeader .container .middleHeader-item__item.item--account {
          margin-left: 0 !important; }
        .halo-middleHeader .container .middleHeader-item__item.item--account, .halo-middleHeader .container .middleHeader-item__item.item--cart {
          display: block; }
        .halo-middleHeader .container .middleHeader-item__item + .middleHeader-item__item:not(.item--logo) {
          margin-right: 12px;
          margin-left: 16px; }
  .halo-middleHeader .navUser-action {
    padding: 0;
    transition: unset; }
    .halo-middleHeader .navUser-action .navUser-icon {
      position: relative;
      display: inline-block;
      vertical-align: top; }
      .halo-middleHeader .navUser-action .navUser-icon svg {
        width: 25px !important;
        height: 25px !important;
        margin: 0;
        transition: unset;
        fill: #ffffff;
        stroke: #ffffff;
        stroke-width: 2; }
        @media (prefers-reduced-motion: reduce) {
          .halo-middleHeader .navUser-action .navUser-icon svg {
            transition: none; } }
    @media (prefers-reduced-motion: reduce) {
      .halo-middleHeader .navUser-action {
        transition: none; } }
  @media (min-width: 1024px) {
    .halo-middleHeader {
      display: none;
      margin-top: -40px; }
      .halo-middleHeader .container {
        align-items: flex-end; }
        .halo-middleHeader .container .middleHeader-item {
          flex: 0 0 125px; }
          .halo-middleHeader .container .middleHeader-item.text-left {
            opacity: 0;
            visibility: visible;
            pointer-events: none; }
          .halo-middleHeader .container .middleHeader-item.text-center {
            flex: 0 0 calc(100% - 250px); }
          .halo-middleHeader .container .middleHeader-item.text-right {
            opacity: 0;
            visibility: visible;
            pointer-events: none; }
          .halo-middleHeader .container .middleHeader-item__item.item--account {
            display: none; }
      .halo-middleHeader .navUser-action svg {
        width: 20px !important;
        height: 20px !important; } }

.halo-bottomHeader {
  position: relative;
  z-index: -1;
  display: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none; }
  @media (min-width: 1024px) {
    .halo-bottomHeader {
      display: block;
      opacity: 1;
      visibility: visible;
      pointer-events: auto; }
      .halo-bottomHeader.header_logo--center .bottomHeader-item.text-center {
        width: 280px; }
      .halo-bottomHeader.header_logo--center .bottomHeader-item.text-right {
        justify-content: right; }
      .halo-bottomHeader.header_logo--center .bottomHeader-item.text-left,
      .halo-bottomHeader.header_logo--center .bottomHeader-item.text-right {
        width: calc((100% - 280px) / 2); }
      .halo-bottomHeader .header_logo--center .bottomHeader-item.text-right .navUser {
        width: auto; }
      .halo-bottomHeader .container {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between; }
        .halo-bottomHeader .container.nav-container {
          display: flex;
          flex-wrap: nowrap;
          max-width: 100%;
          padding-right: 0;
          padding-left: 0;
          align-items: center;
          justify-content: space-between;
          -ms-flex-align: center;
          -ms-flex-pack: justify; }
          .halo-bottomHeader .container.nav-container > .text-left,
          .halo-bottomHeader .container.nav-container > .text-right {
            display: none; }
          .is-sticky .halo-bottomHeader .container.nav-container {
            padding-right: 4px;
            padding-left: 4px; }
            .is-sticky .halo-bottomHeader .container.nav-container > .text-left {
              padding-right: 20px; }
            .is-sticky .halo-bottomHeader .container.nav-container > .text-left,
            .is-sticky .halo-bottomHeader .container.nav-container > .text-right {
              display: block; }
        .halo-bottomHeader .container .bottomHeader-item {
          display: flex;
          flex-wrap: nowrap;
          padding: 0;
          align-items: center;
          justify-content: left; }
          .halo-bottomHeader .container .bottomHeader-item.text-center {
            flex: 1; }
            .header-layout-3 .halo-bottomHeader .container .bottomHeader-item.text-center {
              flex: unset; }
          .halo-bottomHeader .container .bottomHeader-item__item {
            display: block;
            width: 100%; }
            .halo-bottomHeader .container .bottomHeader-item__item:not(.item--sticky-logo) {
              padding-left: 36px; }
              .halo-bottomHeader .container .bottomHeader-item__item:not(.item--sticky-logo) .header-layout-3 .halo-bottomHeader .container .bottomHeader-item__item:not(.item--sticky-logo) {
                padding-left: 0; }
            .halo-bottomHeader .container .bottomHeader-item__item .header-logo {
              margin: 0; }
          .halo-bottomHeader .container .bottomHeader-item.text-right .navUser .navUser-section {
            display: none;
            float: unset; }
            .header-layout-3 .halo-bottomHeader .container .bottomHeader-item.text-right .navUser .navUser-section {
              display: inline-block;
              margin-left: 8px; }
          .halo-bottomHeader .container .bottomHeader-item .halo-cart {
            display: none; }
      .halo-bottomHeader .navUser-action {
        position: relative;
        padding: 10px 4px; }
      .halo-bottomHeader .bottomHeader-item.text-right .navUser-action {
        padding: 8px; }
        .halo-bottomHeader .bottomHeader-item.text-right .navUser-action.navUser-action--currencySelector {
          padding-right: 8px;
          padding-left: 8px; }
        .halo-bottomHeader .bottomHeader-item.text-right .navUser-action > svg {
          width: 22px !important;
          height: 22px !important;
          fill: #ffffff;
          stroke: #ffffff;
          stroke-width: 2; }
        .halo-bottomHeader .bottomHeader-item.text-right .navUser-action .navUser-icon svg,
        .halo-bottomHeader .bottomHeader-item.text-right .navUser-action .navUser-item-cartLabel svg {
          width: 22px !important;
          height: 22px !important;
          fill: #ffffff;
          stroke: #ffffff;
          stroke-width: 2; } }
  @media (min-width: 1440px) {
    .halo-bottomHeader .container.nav-container {
      padding-right: 40px;
      padding-left: 40px; }
      .is-sticky .halo-bottomHeader .container.nav-container {
        padding-right: 44px;
        padding-left: 44px; }
    .halo-bottomHeader .bottomHeader-item.text-right .navUser-action {
      padding: 8px; }
      .halo-bottomHeader .bottomHeader-item.text-right .navUser-action.navUser-action--currencySelector {
        padding-right: 20px;
        padding-left: 20px; } }

.header-sticky.is-sticky {
  position: fixed;
  top: 0;
  z-index: 99;
  width: 100%;
  padding: 0;
  box-shadow: 0 1px 3px 0 #1b1b1b;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s; }
  .header-sticky.is-sticky .halo-topHeader {
    display: none; }
  .has-stickyToolbar .header-sticky.is-sticky ~ .body .halo-toolbar.sticky-down {
    top: 55px; }
  @media (min-width: 1024px) {
    .header-sticky.is-sticky .halo-middleHeader {
      display: none; }
    .header-sticky.is-sticky .navPages-list .navPages-item > .navPages-action {
      padding-top: 12px;
      padding-bottom: 12px; }
      .header-sticky.is-sticky .navPages-list .navPages-item > .navPages-action .text {
        padding-top: 0; } }

.halo-topHeader .navUser-section--alt .navUser-item .previewCart .previewCartItem-remove svg,
.halo-bottomHeader .navUser-section--alt .navUser-item .previewCart .previewCartItem-remove svg {
  width: 21.375px !important;
  height: 21.375px !important; }

.halo-topHeader .navUser-section--alt .navUser-item .previewCart .previewCartItem-edit .icon,
.halo-bottomHeader .navUser-section--alt .navUser-item .previewCart .previewCartItem-edit .icon {
  width: 16px !important;
  height: 16px !important; }

.halo-topHeader .navUser-section--alt .navUser-item svg,
.halo-bottomHeader .navUser-section--alt .navUser-item svg {
  width: 21.375px !important;
  height: 21.375px !important; }

@media (max-width: 1024px) {
  .halo-topHeader .navUser-section--alt + .navUser-section--alt,
  .halo-bottomHeader .navUser-section--alt + .navUser-section--alt {
    display: none; } }

.stickyNavigation .header-sticky.sticky-down {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.01);
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: fixed;
  top: 0;
  width: 100%;
  border-bottom: 0;
  background-color: #ffffff; }

@keyframes fadeInDown {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0; }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
  .stickyNavigation .header-sticky.sticky-down .header-logo__link {
    padding: 8px 0; }
  .stickyNavigation .header-sticky.sticky-down .header-logo-image-container::after {
    padding-bottom: 48px; }
  .stickyNavigation .header-sticky.sticky-down .header-logo-image-container .header-logo-image {
    -o-object-fit: contain;
    object-fit: contain; }
  .stickyNavigation .header-sticky.sticky-down .bottomHeader-item .halo-cart {
    display: block; }
    .stickyNavigation .header-sticky.sticky-down .bottomHeader-item .halo-cart .countPill {
      color: #000000 !important;
      background-color: #fbbf24 !important; }
  .stickyNavigation .header-sticky.sticky-down .halo-topHeader {
    display: none; }
  @media (prefers-reduced-motion: reduce) {
    .stickyNavigation .header-sticky.sticky-down {
      animation: none; } }
  @media (min-width: 1024px) {
    .stickyNavigation .header-sticky.sticky-down {
      z-index: 99; }
      .stickyNavigation .header-sticky.sticky-down .halo-middleHeader {
        display: none; }
      .stickyNavigation .header-sticky.sticky-down .navPages-list .navPages-item > .navPages-action {
        padding-top: 12px;
        padding-bottom: 12px; }
        .stickyNavigation .header-sticky.sticky-down .navPages-list .navPages-item > .navPages-action .text {
          padding-top: 0; } }
  @media (min-width: 1024px) and (max-width: 1280px) {
    .stickyNavigation .header-sticky.sticky-down .bottomHeader-item .header-logo-text {
      font-size: 18px; } }
  @media (min-width: 1280px) and (max-width: 1440px) {
    .stickyNavigation .header-sticky.sticky-down .bottomHeader-item .header-logo-text {
      font-size: 22px; } }

.mobileMenu-toggle {
  position: relative;
  z-index: 1;
  display: block;
  width: 30px;
  height: 30px;
  font-size: 0;
  box-shadow: none;
  overflow: hidden;
  outline: none; }
  .mobileMenu-toggle.is-open .mobileMenu-toggleIcon {
    background-color: transparent; }
    .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before, .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after {
      top: 0;
      bottom: 0;
      transition: transform 250ms ease;
      will-change: transform; }
      @media (prefers-reduced-motion: reduce) {
        .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before, .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after {
          transition: none; } }
    .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before {
      transform: rotate(45deg) translateZ(0); }
    .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after {
      transform: rotate(-45deg) translateZ(0); }
  .mobileMenu-toggle .is-open .mobileMenu-toggleIcon {
    transform: rotate(45deg) translateZ(0); }
    .mobileMenu-toggle .is-open .mobileMenu-toggleIcon::before {
      transform: rotate(-90deg) translateZ(0); }
    .mobileMenu-toggle .is-open .mobileMenu-toggleIcon::after {
      transform: rotate(-90deg) translateZ(0); }
  .mobileMenu-toggle .mobileMenu-toggleIcon,
  .mobileMenu-toggle .mobileMenu-toggleIcon::before,
  .mobileMenu-toggle .mobileMenu-toggleIcon::after {
    position: absolute;
    transform: rotate(0) translateZ(0);
    display: block;
    width: 100%;
    height: 2px;
    background: #22262a;
    transition: transform 250ms ease;
    content: '';
    will-change: transform; }
    @media (prefers-reduced-motion: reduce) {
      .mobileMenu-toggle .mobileMenu-toggleIcon,
      .mobileMenu-toggle .mobileMenu-toggleIcon::before,
      .mobileMenu-toggle .mobileMenu-toggleIcon::after {
        transition: none; } }
  .mobileMenu-toggle .mobileMenu-toggleIcon {
    top: 50%;
    transform: translateY(-50%) translateZ(0);
    width: calc(100%);
    opacity: 1;
    transition: opacity 0.1s ease;
    will-change: transform; }
    .mobileMenu-toggle .mobileMenu-toggleIcon::before {
      top: -10px; }
    .mobileMenu-toggle .mobileMenu-toggleIcon::after {
      bottom: -10px; }
  @media (min-width: 768px) {
    .mobileMenu-toggle {
      width: 30px;
      height: 30px; } }

.body {
  position: relative;
  display: block;
  width: 100vw;
  max-width: 100vw;
  margin-top: 16px;
  margin-bottom: 96px;
  text-shadow: none !important;
  background-color: #ffffff;
  opacity: 1 !important;
  overflow: hidden auto;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  -ms-scroll-chaining: none; }
  .body.page-type-page_contact_form {
    margin-top: 0; }
  .body.page-type-product {
    margin-bottom: 64px; }
  .body.page-type-default, .body.page-type-category, .body.page-type-cart {
    margin-bottom: 48px; }
  .page-type-default .body {
    margin-top: 16px; }
  .page-type-default.home-layout-2 .body {
    margin-top: 0;
    margin-bottom: 0; }

.page-type-category .breadcrumb-wrapper,
.page-type-search .breadcrumb-wrapper,
.page-type-brand .breadcrumb-wrapper {
  margin-bottom: 16px;
  padding-top: 0; }

.page {
  margin: 0 -0.85714rem;
  max-width: none;
  width: auto;
  margin: 0; }
  .page:before, .page:after {
    content: " ";
    display: table; }
  .page:after {
    clear: both; }

.page-content,
.page-content--full {
  padding-left: 0.85714rem;
  padding-right: 0.85714rem;
  width: 100%;
  float: left;
  position: relative;
  padding: 0; }

@media (min-width: 1024px) {
  .page-content--centered {
    padding-left: 0.85714rem;
    padding-right: 0.85714rem;
    width: 100%;
    float: left;
    margin-left: auto;
    margin-right: auto;
    float: none; } }

.page-content--textCenter {
  text-align: center; }

.halo-page-content {
  margin-top: 20px; }

.page-heading {
  position: relative;
  margin: 0;
  color: #22262a;
  font-size: 30px;
  font-weight: 600;
  line-height: 3;
  letter-spacing: 0.5px;
  text-align: left;
  text-transform: uppercase; }
  .page-heading[data-cart-page-title] {
    margin-bottom: 20px; }
  .page-heading + .page-description {
    margin-top: 12px; }
  .page-errors .page-heading .text {
    display: block;
    margin: 28px 0 0;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.5px;
    text-align: center;
    text-transform: capitalize; }
    @media (min-width: 600px) {
      .page-errors .page-heading .text {
        font-size: 40px; } }
  .page-errors .page-heading .heading {
    display: block;
    margin: 0;
    color: #22262a;
    font-size: 100px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.5px;
    text-align: center; }
  @media (min-width: 1024px) {
    .page-heading {
      font-size: 22px; }
      .page-errors .page-heading .heading {
        font-size: 200px; } }

.page-sidebar-mobile-wrapper {
  position: relative;
  display: block;
  margin: 0 0 28px; }
  .page-sidebar-mobile-wrapper .page-sidebar-mobile {
    position: relative;
    z-index: 2;
    display: inline-block;
    cursor: pointer;
    pointer-events: auto; }
    .page-sidebar-mobile-wrapper .page-sidebar-mobile .text {
      display: none;
      margin: 0;
      padding: 0;
      color: #22262a;
      font-size: 13px;
      font-weight: 700;
      line-height: 1.5;
      letter-spacing: 0.5px;
      text-transform: uppercase; }
      .page-blog .page-sidebar-mobile-wrapper .page-sidebar-mobile .text {
        display: inline-block;
        margin-right: 8px; }
    .page-sidebar-mobile-wrapper .page-sidebar-mobile .icon {
      display: inline-block;
      width: 46px !important;
      height: 46px !important;
      padding: 12px;
      vertical-align: middle;
      background: #dee5e8;
      pointer-events: none;
      fill: #22262a;
      stroke: transparent; }
    @media (min-width: 768px) {
      .page-sidebar-mobile-wrapper .page-sidebar-mobile .text {
        display: inline-block;
        margin-right: 20px; } }
  @media (min-width: 1024px) {
    .page-sidebar-mobile-wrapper {
      display: none;
      margin-bottom: 0; } }

.page-sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: -101%;
  z-index: 102;
  width: 100%;
  max-width: 340px;
  height: 100%;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.02) 0 0 10px 0;
  transition: opacity 0.5s ease; }
  @media (min-width: 1024px) {
    .page-sidebar.has-toolbar {
      margin-top: -64px; }
      .page-listing .page-sidebar.has-toolbar {
        padding-top: 0; } }
  .page-sidebar .page-sidebar-close {
    position: relative;
    margin-bottom: 8px;
    padding: 16px 16px 8px; }
    .page-sidebar .page-sidebar-close .title {
      display: block;
      margin: 0;
      color: #22262a;
      font-size: 20px;
      font-weight: 700;
      line-height: 1.625;
      letter-spacing: 0.5px;
      text-transform: capitalize; }
    .page-sidebar .page-sidebar-close .close {
      position: absolute;
      top: 50%;
      right: 15px;
      transform: translateY(-50%);
      line-height: 1.5; }
      .page-sidebar .page-sidebar-close .close svg {
        width: 16px !important;
        height: 16px !important;
        fill: #22262a; }
  .page-sidebar .page-sidebar-content {
    display: block;
    width: 100%;
    height: 100%;
    padding: 40px 28px 96px;
    overflow-y: auto;
    scrollbar-gutter: stable;
    overscroll-behavior: contain;
    -ms-scroll-chaining: none; }
  .page-sidebar > nav {
    display: block;
    width: 100%;
    height: 100%;
    padding: 40px 28px 96px;
    overflow-y: auto;
    scrollbar-gutter: stable;
    overscroll-behavior: contain;
    -ms-scroll-chaining: none; }
  .page-sidebar .facetedSearch-refineFilters {
    margin: 0;
    padding: 0; }
  .page-sidebar .accordion--navList .accordion-block {
    margin-bottom: 20px;
    padding-bottom: 0; }
    .page-sidebar .accordion--navList .accordion-block .accordion-title {
      margin-bottom: 20px;
      font-size: 16px; }
    .page-sidebar .accordion--navList .accordion-block .accordion-navigation-actions .icon {
      padding: 2px; }
    .page-sidebar .accordion--navList .accordion-block .accordion-navigation.is-open .toggleLink-text {
      transform: rotate(-90deg); }
    .page-sidebar .accordion--navList .accordion-block .toggleLink-text {
      transform: rotate(90deg); }
  @media (prefers-reduced-motion: reduce) {
    .page-sidebar {
      transition: none; } }
  @media (max-width: 1024px) {
    .openSidebar .page-sidebar.is-open {
      left: 0; }
    .page-sidebar .page-sidebar-content {
      padding: 15px 15px 100px; }
    .page-sidebar > nav {
      padding: 15px 15px 100px; } }
  @media (min-width: 1024px) {
    .page-sidebar {
      position: relative;
      top: auto;
      bottom: auto;
      left: auto;
      z-index: 5;
      width: 270px;
      max-width: none;
      background-color: transparent;
      box-shadow: none;
      transition: unset;
      float: left; }
      .page-sidebar.u-hidden + .page-content {
        width: 100%;
        padding-left: 0; }
      .page-sidebar.u-hiddenVisually + .page-content {
        width: 100%;
        padding-left: 0; }
      .page-sidebar .page-sidebar-close {
        display: none; }
      .page-sidebar .page-sidebar-content {
        padding: 0;
        overflow: visible; }
      .page-sidebar + .page-content {
        width: calc(100% - 270px);
        padding-left: 30px; }
      .page-sidebar > nav {
        padding: 0;
        overflow: visible; }
      .page-custom-sidebar .page-sidebar {
        width: 350px;
        padding: 45px 40px;
        border: 1px solid #c2c5cc;
        float: right;
        border-right-width: 0; }
        .page-custom-sidebar .page-sidebar + .page-content {
          width: calc(100% - 350px);
          padding-right: 28px;
          padding-left: 0; }
      .page-listing .page-sidebar {
        position: sticky;
        top: 80px;
        padding-top: 17px;
        padding-bottom: 42px; } }
  @media (min-width: 1600px) {
    .page-sidebar + .page-content {
      padding-left: 40px; }
    .page-custom-sidebar .page-sidebar {
      width: 542px;
      padding: 53px calc((100vw - 1485px) / 2) 45px 95px; }
      .page-custom-sidebar .page-sidebar + .page-content {
        width: calc(100% - 542px);
        padding-right: 96px; } }
  @media (min-width: 1920px) {
    .page-custom-sidebar .page-sidebar {
      padding-right: calc((100vw - 1585px) / 2); } }

body {
  overflow-y: auto;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  -ms-scroll-chaining: none; }
  body::-webkit-scrollbar {
    width: 4px; }
  body::-webkit-scrollbar-track {
    background: #bdcad1; }
  body::-webkit-scrollbar-thumb {
    background: #a6abb5; }
    @media (hover: hover) {
      body::-webkit-scrollbar-thumb:hover, body::-webkit-scrollbar-thumb:focus {
        background: #757575; } }
  body::-webkit-scrollbar {
    width: 10px; }
  @media (min-width: 1024px) {
    body.has-activeModal {
      padding-right: 8px; } }

.footer {
  position: relative;
  border-top: 0;
  background-color: #141414; }

.footer-title-sr-only {
  position: absolute;
  top: auto;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden; }

@media (min-width: 1024px) {
  .footer-info-col--small {
    width: 16.6667%; } }

@media (min-width: 600px) {
  .footer-info-col--left {
    padding: 0; } }

@media (min-width: 600px) {
  .footer-info-col--right {
    position: inherit;
    left: 50%;
    width: 50%; } }

@media (min-width: 1024px) {
  .footer-info-col--right {
    left: 0;
    width: 100%;
    padding: 0;
    text-align: right; } }

.footer-bottom {
  position: relative;
  padding: 35px 0 30px;
  background-color: #000000; }
  .home-layout-2 .footer-bottom {
    padding: 30px 0 14px;
    border-top: 1px solid #cbd5e1; }
  .footer-bottom .footer-copyright {
    display: inline-block; }
  .footer-bottom .footer-bottom__container {
    font-size: 0; }
  .footer-bottom .footer-bottom__left {
    display: inline-block;
    width: 50%;
    margin-bottom: 15px;
    padding-right: 15px;
    font-size: 16px;
    text-align: left;
    vertical-align: middle; }
    .home-layout-2 .footer-bottom .footer-bottom__left {
      font-size: 14px; }
  .footer-bottom .footer-bottom__center {
    display: inline-block;
    width: 50%;
    margin-bottom: 15px;
    padding-right: 15px;
    font-size: 16px;
    text-align: center;
    vertical-align: middle; }
  .footer-bottom .footer-bottom__right {
    display: inline-block;
    width: 50%;
    padding-left: 15px;
    font-size: 16px;
    text-align: right;
    vertical-align: middle; }
    .footer-bottom .footer-bottom__right .footer-payment-icons {
      margin-top: 0; }
  .footer-bottom .has-item-center .footer-bottom__left,
  .footer-bottom .has-item-center .footer-bottom__center,
  .footer-bottom .has-item-center .footer-bottom__right {
    width: 33.33334%; }
  @media (max-width: 1199px) {
    .footer-bottom .footer-bottom__left,
    .footer-bottom .footer-bottom__center,
    .footer-bottom .footer-bottom__right {
      width: 100%;
      padding: 0;
      text-align: left; } }

.footer-info {
  width: auto;
  max-width: none;
  margin: 0 -16px;
  padding: 64px 0;
  font-size: 0; }
  @media (min-width: 1280px) {
    .footer-info.footer-info-show-all .footer-info-col[data-section-type='newsletterSubscription'] {
      width: 30%; }
    .footer-info.footer-info-show-all .footer-info-col[data-section-type='storeInfo'], .footer-info.footer-info-show-all .footer-info-col[data-section-type='footer-categories'], .footer-info.footer-info-show-all .footer-info-col[data-section-type='footer-webPages'], .footer-info.footer-info-show-all .footer-info-col[data-section-type='footer-brands'] {
      width: 14%; } }
  @media (max-width: 1280px) {
    .footer-info.footer-info-show-all .footer-info-col[data-section-type='newsletterSubscription'] {
      width: 100%;
      max-width: 100%; } }
  @media (min-width: 1280px) {
    .footer-info.footer-info-no-show-all {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between; } }
  .footer-info [data-section-type='storeInfo'] address {
    margin-bottom: 15px;
    font-style: normal;
    line-height: 26px;
    letter-spacing: 0.02em; }
    .home-layout-2 .footer-info [data-section-type='storeInfo'] address {
      margin-bottom: 10px; }
  .footer-info [data-section-type='storeInfo'] svg {
    position: relative;
    top: 5px;
    width: 20px !important;
    height: 20px !important;
    margin-right: 8px; }
  .footer-info [data-section-type='storeInfo'] .footer-info__phone {
    display: block;
    margin-bottom: 0; }
  .footer-info [data-section-type='storeInfo'] .footer-info-col--social {
    margin-top: 30px; }
  .footer-info .footer-info-list > li > a {
    display: inline-block;
    padding: 4px 0; }
  .footer-info [data-section-type='newsletterSubscription'] .footer-info-heading {
    margin-bottom: 15px; }
    .footer-info [data-section-type='newsletterSubscription'] .footer-info-heading:first-child {
      margin-bottom: 14px; }
  .footer-info [data-section-type='newsletterSubscription'] p {
    margin-bottom: 12px;
    line-height: 22px; }
  .footer-info [data-section-type='newsletterSubscription'] form .form-field {
    margin-bottom: 0; }
  @media (min-width: 1280px) {
    .footer-info [data-section-type='newsletterSubscription'] form .form-prefixPostfix-button--postfix {
      min-width: 126px;
      margin-left: 5px; }
      .home-layout-2 .footer-info [data-section-type='newsletterSubscription'] form .form-prefixPostfix-button--postfix {
        min-width: 139px;
        margin-left: 12px;
        text-transform: capitalize; } }
  .footer-info .footer-info__logo {
    margin-bottom: 28px; }
  .home-layout-2 .footer-info {
    padding: 48px 0 44px; }
  @media (max-width: 1024px) {
    .footer-info {
      margin: 0; }
      .footer-info .footer-info-col {
        padding-right: 0;
        padding-left: 0; } }

.footer-info-heading {
  margin-bottom: 7px;
  color: #fbbf24;
  font-size: 18px;
  font-weight: 700;
  text-transform: inherit; }
  .home-layout-2 .footer-info-heading {
    margin-bottom: 12px;
    font-weight: 500; }

@media (min-width: 1025px) and (hover: hover) {
  .footer-info-heading:hover, .footer-info-heading:focus {
    color: #aa7c03; } }

.footer-info-list {
  margin-left: 0;
  list-style: none; }

.footer-info-col--social {
  width: 100%; }
  .footer-info-col--social + .footer-info-heading {
    margin-top: 20px; }

.footer-info-col {
  display: inline-block;
  margin-bottom: 3.42857rem;
  padding-right: 15px;
  padding-left: 15px;
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  text-align: left;
  -ms-word-break: break-all;
  word-break: break-all;
  overflow-wrap: break-word;
  vertical-align: top;
  float: none; }
  @media (min-width: 600px) {
    .footer-info-col {
      width: 50%; } }
  @media (min-width: 1024px) {
    .footer-info-col {
      width: 33.3333%; } }
  .footer-info-col > :first-child {
    margin-top: 0; }
  .footer-info-col > :last-child {
    margin-bottom: 0; }
  .footer-info-col a,
  .footer-info-col p,
  .footer-info-col address {
    color: #fafafa; }

@media (min-width: 1024px) and (hover: hover) {
  .footer-info-col a:hover, .footer-info-col a:focus,
  .footer-info-col p:hover,
  .footer-info-col p:focus,
  .footer-info-col address:hover,
  .footer-info-col address:focus {
    color: #aa7c03; } }
  @media (min-width: 600px) {
    .footer-info-col {
      width: 50%; } }
  @media (min-width: 1024px) {
    .footer-info-col {
      width: 33.3333%; } }
  @media (min-width: 1280px) {
    .footer-info-col {
      margin-bottom: 2px; }
      .footer-info-col[data-section-type='storeInfo'] {
        width: 22.2222222%; }
      .footer-info-col[data-section-type='footer-categories'], .footer-info-col[data-section-type='footer-webPages'], .footer-info-col[data-section-type='footer-brands'] {
        width: 16.6666667%; }
      .footer-info-col[data-section-type='newsletterSubscription'] {
        width: 27.7777778%;
        float: right; }
        .footer-info-col[data-section-type='newsletterSubscription'] .form-prefixPostfix.wrap {
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; } }
  @media (min-width: 768px) {
    .footer-info-col[data-section-type='footer-categories'] .footer-info-list, .footer-info-col[data-section-type='footer-webPages'] .footer-info-list, .footer-info-col[data-section-type='footer-brands'] .footer-info-list {
      display: block !important; } }
  @media (max-width: 1199px) {
    .footer-info-col {
      width: 33.3333333%; }
      .footer-info-col[data-section-type='newsletterSubscription'] {
        width: 66.6666667%;
        max-width: 450px; } }
  @media (max-width: 767px) {
    .footer-info-col {
      width: 100%; }
      .footer-info-col[data-section-type='footer-categories'], .footer-info-col[data-section-type='footer-webPages'], .footer-info-col[data-section-type='footer-brands'] {
        margin-bottom: 0; }
        .footer-info-col[data-section-type='footer-categories'].open-dropdown .footer-info-heading::before, .footer-info-col[data-section-type='footer-webPages'].open-dropdown .footer-info-heading::before, .footer-info-col[data-section-type='footer-brands'].open-dropdown .footer-info-heading::before {
          transform: translateY(-50%) rotate(90deg); }
        .footer-info-col[data-section-type='footer-categories'] .footer-info-heading, .footer-info-col[data-section-type='footer-webPages'] .footer-info-heading, .footer-info-col[data-section-type='footer-brands'] .footer-info-heading {
          position: relative;
          margin-bottom: 0;
          padding: 15px 0;
          border-bottom: 1px solid #fafafa; }
          .footer-info-col[data-section-type='footer-categories'] .footer-info-heading::before, .footer-info-col[data-section-type='footer-webPages'] .footer-info-heading::before, .footer-info-col[data-section-type='footer-brands'] .footer-info-heading::before {
            position: absolute;
            top: 50%;
            right: 5px;
            z-index: 2;
            transform: translateY(-50%);
            width: 2px;
            height: 12px;
            background-color: #fafafa;
            transition: all 0.4s ease;
            content: ''; } }
        @media (max-width: 767px) and (prefers-reduced-motion: reduce) {
          .footer-info-col[data-section-type='footer-categories'] .footer-info-heading::before, .footer-info-col[data-section-type='footer-webPages'] .footer-info-heading::before, .footer-info-col[data-section-type='footer-brands'] .footer-info-heading::before {
            transition: none; } }
  @media (max-width: 767px) {
          .footer-info-col[data-section-type='footer-categories'] .footer-info-heading::after, .footer-info-col[data-section-type='footer-webPages'] .footer-info-heading::after, .footer-info-col[data-section-type='footer-brands'] .footer-info-heading::after {
            position: absolute;
            top: 50%;
            right: 0;
            z-index: 2;
            transform: translateY(-50%);
            width: 12px;
            height: 2px;
            background-color: #fafafa;
            content: ''; }
        .footer-info-col[data-section-type='footer-categories'] .footer-info-list, .footer-info-col[data-section-type='footer-webPages'] .footer-info-list, .footer-info-col[data-section-type='footer-brands'] .footer-info-list {
          display: none;
          margin-top: 12px;
          margin-bottom: 30px; } }
    @media (max-width: 767px) and (hover: hover) {
      .footer-info-col[data-section-type='footer-categories'] .footer-info-heading:hover,
      .footer-info-col[data-section-type='footer-categories'] .footer-info-heading:focus, .footer-info-col[data-section-type='footer-webPages'] .footer-info-heading:hover,
      .footer-info-col[data-section-type='footer-webPages'] .footer-info-heading:focus, .footer-info-col[data-section-type='footer-brands'] .footer-info-heading:hover,
      .footer-info-col[data-section-type='footer-brands'] .footer-info-heading:focus {
        cursor: pointer; } }

.footer-copyright {
  text-align: left; }
  .footer-copyright > .powered-by {
    margin: 0;
    color: #fafafa;
    line-height: 26px;
    letter-spacing: 0.02em; }

.footer-payment-icons {
  height: 2.85714rem;
  height: auto;
  margin-top: 1.71429rem;
  font-size: 0; }
  @media (min-width: 1024px) {
    .footer-payment-icons {
      margin-top: 3.42857rem; } }
  .footer-payment-icons .footer-payment-icon {
    width: 38px !important;
    height: 24px !important;
    margin-right: 15px;
    margin-bottom: 15px;
    border-radius: 4px; }
  .footer-payment-icons svg {
    fill: #1b1b1b; }
  @media (min-width: 1024px) {
    .footer-payment-icons {
      margin-top: 3.42857rem; } }

.footer-newsletter-summary {
  padding: 4px 0 12px;
  text-align: left; }

.footer-info-rte {
  display: flex;
  flex-wrap: nowrap;
  margin-top: 45px;
  align-items: center;
  justify-content: flex-start; }
  .footer-info-rte .typography_img + .typography_img {
    margin-left: 10px; }

@media (max-width: 767px) {
  .footer-info {
    padding: 30px 0; }
  .footer-info-col[data-section-type='newsletterSubscription'] {
    margin-bottom: 20px; } }

.container {
  position: relative;
  max-width: 1800px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 8px; }
  .container .container {
    padding: 0; }
  @media (min-width: 1280px) {
    .container {
      max-width: 1920px;
      padding: 0 28px; } }
  @media (min-width: 1440px) {
    .container {
      max-width: 100%;
      padding: 0 64px; } }

@media (min-width: 1600px) {
  .home-layout-2 .container {
    padding: 0 60px; } }

.recentPosts_tags,
.tags {
  display: none;
  margin-bottom: 28px;
  margin-left: 0; }
  .recentPosts_tags .tag,
  .tags .tag {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 8px;
    border: 1px solid #bdcad1;
    border-radius: 4px;
    background-color: #bdcad1;
    transition: opacity 0.3s ease; }
    .recentPosts_tags .tag .link,
    .tags .tag .link {
      display: block;
      padding: 8px 16px;
      color: #757575;
      font-size: 16px;
      font-weight: 400; }
    @media (prefers-reduced-motion: reduce) {
      .recentPosts_tags .tag,
      .tags .tag {
        transition: none; } }
    @media (hover: hover) {
      .recentPosts_tags .tag:hover, .recentPosts_tags .tag:focus,
      .tags .tag:hover,
      .tags .tag:focus {
        border-color: #22262a;
        background-color: #ffffff; }
        .recentPosts_tags .tag:hover .link, .recentPosts_tags .tag:focus .link,
        .tags .tag:hover .link,
        .tags .tag:focus .link {
          color: #000000; } }

.blog {
  margin-bottom: 1.71429rem; }
  .blog .tags {
    margin-top: 3.42857rem;
    text-align: center; }
  .blog + .blog {
    padding-top: 48px; }
  @media (min-width: 1024px) {
    .blog {
      width: 100%;
      margin: auto; } }

.blog-title {
  margin: 0 0 8px;
  color: #000000;
  font-size: 20px;
  font-weight: 600; }

.blog-date,
.blog-author {
  margin-bottom: 16px;
  color: #4f555f;
  font-size: 16px;
  font-weight: 400; }

.blog-author {
  margin-bottom: 2.71429rem; }

.blog-post {
  color: #22262a;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625; }
  .blog-post .blog-post-btn {
    display: block;
    margin-top: 24px; }
    .blog-post .blog-post-btn .button {
      display: inline-block;
      min-width: 171px;
      margin-bottom: 0;
      border-color: #c2c5cc;
      font-weight: 600;
      line-height: 3;
      text-transform: capitalize; }

.blog-thumbnail {
  position: relative;
  margin: 0 auto 2rem; }
  .blog-thumbnail img {
    width: 100%;
    border-radius: 4px; }

.blog-post-figure {
  display: block;
  margin: auto;
  text-align: left; }

.page-blog {
  padding-top: 32px; }
  .page-blog .page-sidebar {
    width: 305px;
    padding-right: 36px;
    padding-left: 0; }
    @media (min-width: 1024px) {
      .page-blog .page-sidebar + .page-content {
        width: calc(100% - 305px);
        padding-top: 16px;
        padding-right: 0;
        padding-left: 36px; } }
    @media (min-width: 1600px) {
      .page-blog .page-sidebar + .page-content {
        padding-left: 64px; } }

.blog-post-body {
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: left; }
  .blog-post-body .image {
    position: relative;
    display: block;
    text-align: center;
    overflow: hidden; }
    .blog-post-body .image img {
      border-radius: 4px; }
      .blog-post-body .image img.img-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        transform: translate(-50%, -50%);
        width: auto; }
  .blog-post-body .description-2col {
    margin-bottom: 36px; }
  .blog-post-body .des2col-item {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 36px; }
    .blog-post-body .des2col-item:first-child .des2colItem-img {
      margin: 0; }
    .blog-post-body .des2col-item:first-child .des2colItem-content {
      margin: 0; }
    .blog-post-body .des2col-item:last-child .des2colItem-img {
      margin: 0 0 0 16px; }
    .blog-post-body .des2col-item:last-child .des2colItem-content {
      margin: 0 16px 0 0; }
    .blog-post-body .des2col-item .des2colItem-img {
      display: flex;
      flex-wrap: nowrap;
      width: 50%;
      border-radius: 4px;
      align-items: center; }
      .blog-post-body .des2col-item .des2colItem-img img {
        width: auto;
        border-radius: 4px; }
    .blog-post-body .des2col-item .des2colItem-content {
      position: relative;
      width: 50%;
      min-height: 500px; }
      .blog-post-body .des2col-item .des2colItem-content .des2colItem-featured {
        margin-bottom: 8px;
        border-bottom: 1px solid #22262a;
        color: rgba(0, 0, 0, 0.7);
        font-size: 13px;
        font-weight: 500;
        line-height: 2;
        letter-spacing: 0.8px;
        text-transform: uppercase; }
      .blog-post-body .des2col-item .des2colItem-content .des2colItem-title {
        margin-top: 0;
        margin-bottom: 8px;
        color: rgba(0, 0, 0, 0.7);
        font-size: 40px;
        font-weight: 700;
        text-transform: capitalize; }
      .blog-post-body .des2col-item .des2colItem-content .des2colItem-des {
        margin-bottom: 0;
        line-height: 1.625; }
        .blog-post-body .des2col-item .des2colItem-content .des2colItem-des + p {
          margin-top: 24px; }
      .blog-post-body .des2col-item .des2colItem-content p + p {
        margin-top: 24px; }
      .blog-post-body .des2col-item .des2colItem-content .button {
        display: inline-block;
        min-width: 237px;
        margin-top: 36px;
        margin-bottom: 0;
        font-weight: 600;
        line-height: 3;
        text-transform: uppercase;
        transition: opacity 0.3s ease; }
        @media (prefers-reduced-motion: reduce) {
          .blog-post-body .des2col-item .des2colItem-content .button {
            transition: none; } }
      .blog-post-body .des2col-item .des2colItem-content .des2colItem-container {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        text-align: center;
        background-color: #ffffff;
        align-items: center;
        justify-content: center;
        height: 100%;
        margin: 0;
        padding: 16px;
        border: 1px solid #22262a; }
      .blog-post-body .des2col-item .des2colItem-content img {
        width: 100%; }
  .blog-post-body .tags .tag {
    margin-right: 8px; }
  .blog-post-body .description-twoList {
    margin-top: 32px; }
  .blog-post-body .description-blockQuote {
    margin: 0 auto 28px; }
  .blog-post-body .desOneList-item {
    margin-bottom: 12px; }
  @media (max-width: 600px) {
    .blog-post-body .des2col-item {
      display: block; }
      .blog-post-body .des2col-item + .des2col-item {
        margin-top: 20px; }
      .blog-post-body .des2col-item .des2colItem-img {
        display: block;
        width: 100%; }
      .blog-post-body .des2col-item .des2colItem-content {
        display: block;
        width: 100%; }
        .blog-post-body .des2col-item .des2colItem-content:first-child {
          margin: 0 0 16px;
          padding-right: 0; }
        .blog-post-body .des2col-item .des2colItem-content:last-child {
          margin: 0;
          padding-left: 0; } }

.container--blog {
  max-width: 1370px;
  margin-right: auto;
  margin-left: auto; }

.recentPosts_List {
  margin-bottom: 0;
  padding-top: 4px; }
  .recentPosts_List .recentPost_item {
    margin-bottom: 24px; }
    .recentPosts_List .recentPost_item .recentPost_title {
      display: block;
      margin-bottom: 2px;
      color: #000000;
      font-size: 1rem;
      font-weight: 400;
      text-decoration: none; }
      @media (hover: hover) {
        .recentPosts_List .recentPost_item .recentPost_title:hover, .recentPosts_List .recentPost_item .recentPost_title:focus {
          color: #fbbf24; } }
    .recentPosts_List .recentPost_item .recentPost_date {
      margin-bottom: 0;
      color: #565c67;
      font-size: 1rem;
      font-weight: 400; }

.tags-block {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: -8px;
  align-items: flex-start;
  justify-content: flex-start; }
  .tags-block .tags-title {
    min-width: 45px;
    margin-top: 8px;
    margin-right: 16px;
    margin-bottom: 0;
    color: rgba(0, 0, 0, 0.7); }
  .tags-block .tags {
    display: block;
    margin: 0;
    text-align: left; }

.sidebar__btn {
  display: none;
  margin-bottom: 28px; }
  .sidebar__btn .categorySidebar-btn {
    display: inline-block;
    text-decoration: none; }
    .sidebar__btn .categorySidebar-btn .icon-filter {
      display: inline-block;
      vertical-align: middle; }
      .sidebar__btn .categorySidebar-btn .icon-filter svg {
        width: 23px !important;
        height: 23px !important;
        fill: #1b1b1b; }
    .sidebar__btn .categorySidebar-btn .sidebar_more {
      display: inline-block;
      color: #22262a;
      font-size: 16px;
      vertical-align: middle;
      background-image: linear-gradient(transparent 96%, rgba(117, 117, 117, 0.04));
      background-repeat: repeat-x;
      background-position-y: 0; }

.side-block-body .page-sidebar {
  width: 100%;
  padding-right: 0;
  padding-left: 0; }

@media (max-width: 1024px) {
  .page-blog .page-sidebar {
    padding-right: 0;
    padding-left: 0; }
  .page-blog .page-content {
    width: 100%;
    padding-left: 0; } }

.sidebarBlock-heading {
  margin: 0 0 12px;
  padding-bottom: 16px;
  border-bottom: 1px solid #c2c5cc;
  color: #22262a;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.5px;
  text-transform: capitalize; }

.sidebarBlock {
  position: relative;
  margin: 0 0 12px;
  padding: 0 0 24px; }
  .sidebarBlock.is-loading::after {
    background-color: rgba(164, 169, 178, 0.9);
    background-image: url("https://img.rhinorails.com/loading.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100px; }
  .sidebarBlock.is-loading .loadingOverlay {
    display: block; }
  .sidebarBlock:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0; }
  .sidebarBlock.featured-products {
    position: relative;
    margin-bottom: 44px;
    padding-bottom: 4px; }
  .sidebarBlock#recentPost-content {
    padding: 0 0 8px; }
  .sidebarBlock#blog-tags .sidebarBlock-heading {
    margin: 0 0 24px; }
  .sidebarBlock#featured-products {
    position: relative;
    margin-bottom: 44px;
    padding-bottom: 4px; }
  .sidebarBlock#allCategories {
    padding-bottom: 28px; }
  .sidebarBlock#shopByPrices {
    padding-bottom: 32px; }
  .sidebarBlock#shopByBrands {
    padding-bottom: 36px; }
  .sidebarBlock#advertisement-image {
    padding-bottom: 44px; }

.menu-custom-is-load #allCategories .all-categories-list > .navPages-item:not(.current-cate) {
  display: none; }

.brandGrid {
  width: auto;
  max-width: none;
  margin: 0 -16px;
  font-size: 0;
  letter-spacing: 0;
  list-style: none; }
  .brandGrid .brand {
    display: inline-block;
    width: 50%;
    margin: 0 0 28px;
    padding: 0 16px;
    vertical-align: top;
    float: none; }
    .brandGrid .brand .card-figure .brand-img-container {
      position: relative;
      display: block;
      max-width: 393px;
      margin: 0 auto; }
      .brandGrid .brand .card-figure .brand-img-container img {
        width: 100%;
        max-height: 100%;
        margin: 0 auto;
        border: 0;
        opacity: 1;
        visibility: visible;
        transition: color 0.15s ease;
        -o-object-fit: contain;
        object-fit: contain; }
        @media (prefers-reduced-motion: reduce) {
          .brandGrid .brand .card-figure .brand-img-container img {
            transition: none; } }
    .brandGrid .brand .card-body {
      margin: 20px 0 0;
      text-align: center; }
      .brandGrid .brand .card-body .link {
        position: relative;
        color: #22262a;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.625;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        transition: unset; }
        .brandGrid .brand .card-body .link .text {
          padding: 0 0 1px; }
        @media (prefers-reduced-motion: reduce) {
          .brandGrid .brand .card-body .link {
            transition: none; } }
    @media (min-width: 768px) {
      .brandGrid .brand {
        width: 33.3333%; } }
    @media (min-width: 1024px) {
      .brandGrid .brand {
        width: 25%; }
        .brandGrid .brand .card-figure .image::before {
          position: absolute;
          top: 100%;
          right: 0;
          left: auto;
          z-index: 2;
          transform: none;
          width: 100%;
          height: 100%;
          background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.3) 100%);
          background-color: rgba(0, 0, 0, 0.3);
          transition: color 0.15s ease;
          content: ''; } }
    @media (min-width: 1024px) and (prefers-reduced-motion: reduce) {
      .brandGrid .brand .card-figure .image::before {
        transition: none; } }
    @media (min-width: 1024px) {
        .brandGrid .brand .card-figure .image:hover::before, .brandGrid .brand .card-figure .image:focus::before {
          top: 0; } }
    @media (min-width: 1280px) {
      .brandGrid .brand {
        width: 20%; } }
    @media (min-width: 1600px) {
      .brandGrid .brand {
        width: 16.6667%; } }

.page-brands .page-heading {
  margin-bottom: 32px; }

.haloAZBrandsTable {
  display: flex;
  flex-flow: row nowrap;
  margin: 0 0 28px;
  padding-bottom: 4px;
  font-size: 0;
  letter-spacing: 0;
  overflow-x: auto;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  -ms-scroll-chaining: none; }
  .haloAZBrandsTable li {
    display: inline-block;
    border: 1px solid #cbd5e1;
    border-left: 0;
    vertical-align: top; }
    .haloAZBrandsTable li:first-child {
      min-width: 70px;
      border-left: 1px solid #cbd5e1; }
    .haloAZBrandsTable li.disable {
      pointer-events: none; }
    .haloAZBrandsTable li.is-active {
      border-color: #050505;
      background-color: #050505; }
  @media (min-width: 1024px) {
    .haloAZBrandsTable {
      margin: 0 0 40px; }
      .haloAZBrandsTable li {
        width: 10%; } }
    @media (min-width: 1024px) and (hover: hover) {
      .haloAZBrandsTable li:hover, .haloAZBrandsTable li:focus {
        border-color: #050505;
        background-color: #050505; } }

.haloAZBrandsWrapper.is-loading::after {
  background-color: rgba(164, 169, 178, 0.9);
  background-image: url("https://img.rhinorails.com/loading.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100px; }

.haloAZBrandsWrapper.is-loading .loadingOverlay {
  display: block; }

.haloAZBrandsWrapper.active-all {
  -moz-column-count: 2;
  column-count: 2; }
  .haloAZBrandsWrapper.active-all .azBrands-group {
    display: none;
    margin: 0 0 28px;
    break-inside: avoid;
    -moz-column-count: unset;
    column-count: unset;
    -moz-column-break-inside: avoid;
    page-break-inside: avoid; }
    .haloAZBrandsWrapper.active-all .azBrands-group.is-active {
      display: block; }
    .haloAZBrandsWrapper.active-all .azBrands-group-title {
      margin: 0 0 8px;
      padding: 0;
      color: #22262a;
      font-size: 20px;
      font-weight: 700;
      line-height: 2;
      letter-spacing: 0.5px;
      text-transform: uppercase; }
    .haloAZBrandsWrapper.active-all .azBrands-group-list {
      margin: 0;
      list-style: none; }
      .haloAZBrandsWrapper.active-all .azBrands-group-list .brand-name .title {
        margin: 0;
        color: #22262a;
        font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
        font-size: 16px;
        font-weight: 400;
        line-height: 2;
        letter-spacing: 0.5px;
        text-transform: capitalize;
        font-optical-sizing: auto; }
        .haloAZBrandsWrapper.active-all .azBrands-group-list .brand-name .title .link {
          padding: 0 0 1px;
          color: rgba(0, 0, 0, 0.7);
          transition: unset; }
          @media (prefers-reduced-motion: reduce) {
            .haloAZBrandsWrapper.active-all .azBrands-group-list .brand-name .title .link {
              transition: none; } }
    @media (min-width: 768px) {
      .haloAZBrandsWrapper.active-all .azBrands-group {
        -moz-column-count: 3;
        column-count: 3; } }
    @media (min-width: 1024px) {
      .haloAZBrandsWrapper.active-all .azBrands-group {
        -moz-column-count: 4;
        column-count: 4; } }
  @media (min-width: 768px) {
    .haloAZBrandsWrapper.active-all {
      -moz-column-count: 3;
      column-count: 3; } }
  @media (min-width: 1024px) {
    .haloAZBrandsWrapper.active-all {
      -moz-column-count: 4;
      column-count: 4; } }
  @media (min-width: 1280px) {
    .haloAZBrandsWrapper.active-all {
      -moz-column-count: 5;
      column-count: 5; } }

@media (min-width: 1280px) {
  .haloAZBrandsWrapper .azBrands-group {
    -moz-column-count: 5;
    column-count: 5; } }

@media (min-width: 1600px) {
  .haloAZBrandsWrapper.active-all {
    -moz-column-count: 6;
    column-count: 6; }
  .haloAZBrandsWrapper .azBrands-group {
    -moz-column-count: 6;
    column-count: 6; } }

.page-listing-header + .page.page-brand {
  margin-top: 64px; }

.page-listing-header .breadcrumbs,
.page-listing-header .page-heading {
  text-align: left; }

.brand-image-container {
  position: relative;
  max-width: 500px; }
  .brand-image-container::after {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    content: ''; }
  .brand-image-container img {
    border-radius: 4px; }

.productGrid {
  display: block;
  margin: 0 -8px;
  font-size: 0;
  letter-spacing: 0;
  text-align: left;
  list-style: none; }
  .productGrid .product,
  .productGrid .product-sample {
    display: inline-block;
    width: 50%;
    margin: 0 0 24px;
    padding: 0 8px;
    white-space: normal;
    vertical-align: top; }
  .productGrid .product-sample * {
    font-size: 0; }
  @media (min-width: 600px) {
    .productGrid .product,
    .productGrid .product-sample {
      margin-bottom: 16px; } }
  @media (min-width: 768px) {
    .productGrid .product,
    .productGrid .product-sample {
      width: 33.3333%; } }
  @media (min-width: 1024px) {
    .productGrid {
      margin-right: -16px;
      margin-left: -16px; }
      .productGrid.col-4 .product,
      .productGrid.col-4 .product-sample {
        width: 50% !important; }
      .productGrid.col-5 .product,
      .productGrid.col-5 .product-sample {
        width: 33.3333% !important; }
      .productGrid .product,
      .productGrid .product-sample {
        margin-bottom: 0;
        padding-right: 15px;
        padding-left: 15px; } }
  @media (min-width: 1280px) {
    .productGrid.col-4 .product,
    .productGrid.col-4 .product-sample {
      width: 33.3333% !important; }
    .productGrid.col-5 .product,
    .productGrid.col-5 .product-sample {
      width: 20% !important; } }
  @media (min-width: 1600px) {
    .productGrid.col-4 .product,
    .productGrid.col-4 .product-sample {
      width: 25% !important; } }

.product-sample .card-wrapper {
  margin-bottom: 4px; }

.product-sample .card-body {
  min-height: 140px; }

.productGrid-showMore {
  display: block;
  margin: 28px 0 0;
  text-align: center; }
  .productGrid-showMore .button {
    min-width: 200px;
    text-transform: uppercase; }
  @media (min-width: 1024px) {
    .productGrid-showMore {
      margin-top: 48px; } }

.productList {
  display: block;
  margin: 0;
  font-size: 0;
  text-align: left;
  list-style: none; }
  .productList .product {
    display: inline-block;
    width: 100%;
    margin: 0 0 32px;
    padding: 0;
    white-space: normal;
    vertical-align: top; }
    .productList .product.product-advertisement {
      display: none;
      margin-bottom: 0; }
  .productList .card-price {
    justify-content: flex-start; }
  .productList .card {
    text-align: left; }
    .productList .card .card-body {
      text-align: left; }
      .productList .card .card-body .card-price {
        justify-content: left; }
  .productList .card-body .card-body-content {
    text-align: left; }
  .productList .card-body .card-option .form-field {
    margin-bottom: 0;
    text-align: left; }
    .productList .card-body .card-option .form-field + .form-field {
      margin-top: 16px; }
  .productList .card-body .card-figcaption-bottom {
    position: relative;
    bottom: 0;
    display: block;
    padding-top: 8px;
    padding-bottom: 12px;
    background-color: transparent;
    opacity: 1;
    visibility: visible; }
    .productList .card-body .card-figcaption-bottom .card-figcaption-button {
      max-width: 305px;
      height: 50px;
      line-height: 3; }
  .productList .card-body .number-review {
    top: 1px; }
  .productList .card-option {
    margin-top: 0;
    margin-bottom: 8px; }
  .productList .card-rating-category {
    display: block;
    margin: 12px 0 8px;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.5px; }
  .productList .card-desc {
    display: block;
    margin: 12px 0;
    color: rgba(0, 0, 0, 0.7);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.625;
    letter-spacing: 0.5px; }
  .productList .card-wrapper > .card-text {
    display: none; }
  .productList .card-text[data-test-info-type='brandName'] {
    margin-bottom: 2px; }
  @media (min-width: 1024px) {
    .productList .product {
      margin-bottom: 55px; }
    .productList .card-figure .card-figure-action {
      position: absolute;
      top: auto;
      bottom: 0;
      left: 0;
      z-index: 10;
      display: flex;
      flex-wrap: nowrap;
      width: 100%;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: color 0.15s ease;
      align-items: center;
      justify-content: center; } }
  @media (min-width: 1024px) and (prefers-reduced-motion: reduce) {
    .productList .card-figure .card-figure-action {
      transition: none; } }
  @media (min-width: 1024px) {
    .productList .card-body {
      display: table-cell;
      width: calc(100% - 390px);
      padding-top: 0;
      padding-left: 30px;
      vertical-align: top; }
      .productList .card-body .card-body-button {
        margin-top: 24px; }
    .productList .card-option .form-field {
      display: flex;
      flex-wrap: nowrap;
      align-items: center; } }
  @media (min-width: 600px) {
    .productList .card {
      display: table;
      width: 100%; }
    .productList .card-figure {
      display: table-cell;
      width: 250px;
      vertical-align: top; }
    .productList .card-body {
      display: table-cell;
      width: calc(100% - 250px);
      padding: 0 0 0 30px;
      vertical-align: top; }
      .productList .card-body .card-body-content {
        padding-top: 0; } }
  @media (min-width: 768px) {
    .productList .card-body .card-body-button {
      justify-content: flex-start; }
    .productList .card-body .card-action {
      max-width: 278px; } }
  @media (min-width: 1280px) {
    .productList .card-body {
      padding-top: 0;
      padding-left: 55px; } }

.productView-alert {
  position: absolute;
  z-index: 1;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0; }
  .productView-alert:before, .productView-alert:after {
    content: " ";
    display: table; }
  .productView-alert:after {
    clear: both; }
  .productView-alert > div:only-child {
    margin-bottom: 44px; }

body {
  background: radial-gradient(at right bottom, #ffffff, rgba(255, 255, 255, 0.9), #ffffff); }
  @media (max-width: 1024px) {
    body.openTabDesc {
      overflow: hidden; }
      body.openTabDesc .body {
        z-index: 999;
        background: radial-gradient(at right bottom, #ffffff, rgba(255, 255, 255, 0.9), #ffffff); } }

.halo-productView {
  margin-top: 24px;
  padding-bottom: 28px; }
  .halo-productView-top {
    display: block; }
    .halo-productView-top:before, .halo-productView-top:after {
      content: " ";
      display: table; }
    .halo-productView-top:after {
      clear: both; }
    @media (min-width: 1600px) {
      .halo-productView-top .container {
        max-width: 1400px;
        padding: 0 15px; } }
  .halo-productView-bottom {
    display: block;
    margin-bottom: 48px; }
    .halo-productView-bottom:before, .halo-productView-bottom:after {
      content: " ";
      display: table; }
    .halo-productView-bottom:after {
      clear: both; }
    .halo-productView-bottom .container {
      max-width: 100%;
      padding-right: 8px;
      padding-left: 8px; }
  @media (min-width: 600px) {
    .halo-productView-top {
      padding-bottom: 8px; } }
  @media (min-width: 768px) {
    .halo-productView {
      padding-bottom: 48px; } }

.productView-details {
  display: block;
  margin: 0;
  padding: 0; }

.halo-productView-right {
  position: relative;
  display: block;
  width: 100%;
  margin-right: 0;
  padding: 0;
  letter-spacing: 0;
  transition: color 0.15s ease; }
  .halo-productView-right .productView-details {
    display: block;
    margin: 0;
    padding: 0; }
  .halo-productView-right .productView-wrapper-details {
    padding-top: 28px; }
  @media (prefers-reduced-motion: reduce) {
    .halo-productView-right {
      transition: none; } }
  @media (min-width: 768px) {
    .halo-productView-right {
      display: inline-block;
      width: 50%;
      margin-top: 32px;
      margin-right: 0;
      padding: 0 0 0 28px;
      vertical-align: top; }
      .halo-productView-right .productView-wrapper-details {
        max-width: 600px;
        padding-top: 0; }
        .halo-productView-right .productView-wrapper-details .productView-details {
          padding-bottom: 20px; } }
  @media (min-width: 1440px) {
    .halo-productView-right {
      width: calc(100% - 765px); } }

.productView-image {
  display: inline-block;
  width: 100%;
  min-height: 100% !important;
  margin: 0;
  padding: 0;
  border-radius: 8px;
  vertical-align: top;
  aspect-ratio: 1 / 1; }
  .productView-image-wrapper {
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.08) !important;
    position: relative;
    display: inline-block;
    width: 100%;
    border-radius: 8px;
    vertical-align: top; }
    .productView-image-wrapper .halo-zoom {
      display: flex;
      flex-wrap: nowrap;
      margin: 20px 0 0;
      border-radius: 4px;
      text-align: center;
      align-items: center;
      justify-content: center; }
    .productView-image-wrapper .productView-nav {
      display: block;
      margin: 0;
      border: 1px solid #dee5e8;
      border-radius: 4px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.02) !important; }
      .productView-image-wrapper .productView-nav:not(.slick-initialized) {
        display: block;
        border-radius: 4px;
        font-size: 0;
        letter-spacing: 0;
        white-space: nowrap;
        overflow: hidden; }
        .productView-image-wrapper .productView-nav:not(.slick-initialized) > div,
        .productView-image-wrapper .productView-nav:not(.slick-initialized) > figure {
          display: inline-block;
          width: 100%;
          border-radius: 4px;
          vertical-align: top; }
    @media (min-width: 1280px) {
      .productView-image-wrapper {
        width: calc(100% - 95px); } }
  .productView-image .productView-img-container {
    position: relative;
    width: 100%;
    max-width: none;
    margin: auto;
    border-radius: 8px;
    aspect-ratio: 1 / 1; }
    .productView-image .productView-img-container .productView-video {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 100%; }
      .productView-image .productView-img-container .productView-video iframe {
        width: 100% !important;
        height: 100% !important; }
    .productView-image .productView-img-container img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: inline-block;
      width: 100%;
      max-width: none;
      height: 100%;
      border-radius: 4px;
      aspect-ratio: 1 / 1;
      -o-object-fit: cover;
      object-fit: cover; }
      .productView-image .productView-img-container img.productView-img-containerDefault {
        border: 1px solid #dee5e8; }
        .productView-image .productView-img-container img.productView-img-containerDefault .productView-image--default {
          height: auto;
          -o-object-fit: cover;
          object-fit: cover; }
      .productView-image .productView-img-container img > a {
        position: absolute;
        text-align: center;
        inset: 0; }

.productView-thumbnail {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0 8px; }
  .productView-thumbnail-wrapper {
    position: relative;
    display: block;
    margin: 20px 0 0;
    padding: 0; }
    .productView-thumbnail-wrapper .slick-arrow {
      top: 50%;
      bottom: auto;
      transform: translateY(-50%);
      width: 25px;
      height: 25px;
      margin-top: 0;
      padding: 0;
      border: 0;
      background: transparent;
      fill: #757575; }
      .productView-thumbnail-wrapper .slick-arrow.slick-prev {
        left: 0; }
      .productView-thumbnail-wrapper .slick-arrow.slick-next {
        right: 0;
        left: auto; }
      .productView-thumbnail-wrapper .slick-arrow.slick-disabled {
        opacity: 0.5; }
    .productView-thumbnail-wrapper .productView-for {
      position: relative;
      display: block;
      margin: 0;
      padding: 0 44px;
      font-size: 0;
      letter-spacing: 0; }
      .productView-thumbnail-wrapper .productView-for:not(.slick-slider) {
        padding-right: 0;
        padding-left: 0;
        white-space: nowrap;
        overflow: hidden; }
        .productView-thumbnail-wrapper .productView-for:not(.slick-slider) > div {
          display: inline-block;
          width: auto; }
  .productView-thumbnail .productView-thumbnail-link {
    position: relative;
    display: block;
    width: 100%;
    border: 1px solid transparent;
    border-radius: 4px;
    background: transparent;
    aspect-ratio: 1 / 1;
    overflow: hidden; }
    @media (hover: hover) {
      .productView-thumbnail .productView-thumbnail-link:hover, .productView-thumbnail .productView-thumbnail-link:focus {
        border-color: #c2c5cc;
        border-radius: 4px; } }
  .slick-current .productView-thumbnail .productView-thumbnail-link {
    border-color: #1b1b1b; }
    .slick-current .productView-thumbnail .productView-thumbnail-link img {
      opacity: 0.5; }
  @media (min-width: 600px) {
    .productView-thumbnail-wrapper {
      margin-top: 30px; }
    .productView-thumbnail .productView-thumbnail-link.productView-thumbnail-linkVideo .text {
      display: block; } }
  @media (min-width: 768px) {
    .productView-thumbnail .productView-thumbnail-link.productView-thumbnail-linkVideo .icon {
      width: 44px !important;
      height: 44px !important; } }
  @media (min-width: 768px) {
    .productView-thumbnail {
      padding: 8px 0; }
      .productView-thumbnail-wrapper {
        display: inline-block;
        width: 95px;
        margin-top: 0;
        padding-right: 10px;
        vertical-align: top;
        order: -1; }
        .productView-thumbnail-wrapper.arrows-disable {
          margin-top: -8px; }
          .productView-thumbnail-wrapper.arrows-disable .productView-for {
            padding-top: 0;
            padding-bottom: 0; }
        .productView-thumbnail-wrapper .slick-arrow.slick-prev {
          top: -5px;
          left: 50%;
          transform: translateX(-50%) rotate(90deg); }
          .home-layout-2 .productView-thumbnail-wrapper .slick-arrow.slick-prev {
            left: 50%;
            width: 25px;
            height: 25px;
            box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.01); }
        .productView-thumbnail-wrapper .slick-arrow.slick-next {
          transform: translateX(-50%) rotate(90deg);
          inset: auto auto 0 50%; }
          .home-layout-2 .productView-thumbnail-wrapper .slick-arrow.slick-next {
            right: auto;
            left: 50%;
            width: 25px;
            height: 25px;
            box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.03); }
        .productView-thumbnail-wrapper .productView-for {
          padding: 28px 0 36px; }
      .productView-thumbnail .productView-thumbnail-link.productView-thumbnail-linkVideo .icon {
        width: 40px !important;
        height: 40px !important; }
      .productView-thumbnail .productView-thumbnail-link.productView-thumbnail-linkVideo .text {
        margin-top: 2px;
        font-size: 13px; } }
  @media (min-width: 1024px) {
    .slick-slide .productView-thumbnail:hover .productView-thumbnail-link, .slick-slide .productView-thumbnail:focus .productView-thumbnail-link {
      border-color: #1b1b1b; }
      .slick-slide .productView-thumbnail:hover .productView-thumbnail-link img, .slick-slide .productView-thumbnail:focus .productView-thumbnail-link img {
        opacity: 0.5; } }
  @media (min-width: 1440px) {
    .productView-thumbnail-wrapper {
      padding-right: 23px; } }

.productView-nav-mobile {
  position: relative;
  width: 1px;
  min-width: 100%;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  opacity: 0;
  overflow: hidden; }
  .productView-nav-mobile:not(.slick-initialized) :not(.heroCarousel-slide--first).heroCarousel-slide {
    display: none; }
  .productView-nav-mobile.slick-dotted {
    margin-bottom: 0; }
  .productView-nav-mobile.slick-initialized {
    opacity: 1; }
  .productView-nav-mobile .slick-arrow {
    top: initial;
    bottom: 30px;
    transform: translate(0);
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 8px;
    border: 0;
    background-color: #000000;
    opacity: 1;
    visibility: visible;
    cursor: pointer;
    transition: color 0.15s ease;
    fill: #ffffff;
    stroke: #ffffff; }
    .productView-nav-mobile .slick-arrow::before {
      display: none; }
    .productView-nav-mobile .slick-arrow:focus-visible {
      outline: #1b1b1b solid 2px !important;
      outline-offset: 2px !important; }
    .productView-nav-mobile .slick-arrow.slick-prev {
      left: 32%;
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 320 512'%3E%3Cpath d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z' class='fa-secondary' opacity='.9'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center; }
      .home-layout-2 .productView-nav-mobile .slick-arrow.slick-prev {
        bottom: 26px;
        left: 32%;
        box-shadow: none; }
    .productView-nav-mobile .slick-arrow.slick-next {
      right: 32%;
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 320 512'%3E%3Cpath d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z' class='fa-secondary' opacity='.9'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center; }
      .home-layout-2 .productView-nav-mobile .slick-arrow.slick-next {
        right: 32%;
        bottom: 26px;
        box-shadow: none; }
    .productView-nav-mobile .slick-arrow.slick-disabled {
      opacity: 0.5 !important;
      cursor: default; }
    @media (prefers-reduced-motion: reduce) {
      .productView-nav-mobile .slick-arrow {
        transition: none; } }
    @media (min-width: 600px) {
      .productView-nav-mobile .slick-arrow.slick-prev {
        left: 38%; }
      .productView-nav-mobile .slick-arrow.slick-next {
        right: 38%; } }
    @media (min-width: 768px) {
      .productView-nav-mobile .slick-arrow.slick-prev {
        left: 41%; }
      .productView-nav-mobile .slick-arrow.slick-next {
        right: 41%; } }
    @media (min-width: 1280px) {
      .productView-nav-mobile .slick-arrow.slick-prev {
        left: 44.5%; }
      .productView-nav-mobile .slick-arrow.slick-next {
        right: 44.5%; } }
    @media (min-width: 1920px) {
      .productView-nav-mobile .slick-arrow.slick-prev {
        left: 46.5%; }
      .productView-nav-mobile .slick-arrow.slick-next {
        right: 46.5%; } }
  .productView-nav-mobile .slick-dots {
    position: absolute;
    top: inherit;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    margin: 0;
    padding: 0; }
    .productView-nav-mobile .slick-dots::before {
      position: absolute;
      bottom: -1px;
      transform: translateX(-50%);
      width: 190px;
      height: 36px;
      border-radius: 4px;
      background-color: rgba(0, 0, 0, 0.03);
      content: ''; }
    .productView-nav-mobile .slick-dots [data-dots-totals] {
      margin: 0 4px; }
    .productView-nav-mobile .slick-dots .carousel-tooltip {
      display: none; }
    .home-layout-2 .productView-nav-mobile .slick-dots {
      line-height: 2; }
    .productView-nav-mobile .slick-dots li {
      display: none;
      width: 100%;
      height: auto;
      padding: 0;
      text-align: center; }
      .productView-nav-mobile .slick-dots li.slick-active {
        display: block; }
        .productView-nav-mobile .slick-dots li.slick-active button {
          color: #ffffff; }
      .productView-nav-mobile .slick-dots li button {
        color: #22262a; }
        .productView-nav-mobile .slick-dots li button button {
          position: relative;
          width: auto;
          height: auto;
          border: 0;
          border-bottom: 1px solid transparent;
          border-radius: 0;
          font-size: 16px;
          font-weight: 400;
          line-height: 3;
          letter-spacing: 0.5px;
          transition: color 0.15s ease; }
          @media (prefers-reduced-motion: reduce) {
            .productView-nav-mobile .slick-dots li button button {
              transition: none; } }
        .productView-nav-mobile .slick-dots li button::before {
          display: none; }

@media (min-width: 768px) {
  .productView-tab:not(.productView-tab-2) #tab-description,
  .productView-tab:not(.productView-tab-2) #tab-reviews {
    display: none; } }

.productView-tab .tabs {
  display: none;
  margin-bottom: 0;
  margin-left: 0;
  padding-bottom: 0;
  border-bottom: 0;
  list-style: none; }
  .productView-tab .tabs .tab {
    display: block;
    width: 100%;
    float: none; }
  .productView-tab .tabs .tab-title {
    display: block;
    width: 100%;
    padding: 0 16px;
    color: #22262a;
    font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
    font-size: 16px;
    font-weight: 500;
    line-height: 1.625;
    letter-spacing: 0.5px;
    text-align: left;
    text-transform: uppercase;
    transition: unset;
    font-optical-sizing: auto; }
    @media (prefers-reduced-motion: reduce) {
      .productView-tab .tabs .tab-title {
        transition: none; } }

.productView-tab .tabs-contents {
  margin: 0; }
  .productView-tab .tabs-contents .tab-content {
    display: block;
    margin: 0;
    padding: 0;
    transition: color 0.15s ease; }
    .productView-tab .tabs-contents .tab-content:last-child .toggleLink {
      border-bottom: 1px solid #cccccc; }
  .productView-tab .tabs-contents .toggle-title {
    display: block;
    margin: 0;
    padding: 0; }
  .productView-tab .tabs-contents .toggle-content {
    position: relative; }
    .productView-tab .tabs-contents .toggle-content.is-open {
      padding-top: 16px;
      padding-bottom: 16px; }
  .productView-tab .tabs-contents .toggleLink {
    position: relative;
    display: block;
    width: 100%;
    padding: 12px 44px 12px 0;
    border-top: 1px solid #cccccc;
    color: #22262a;
    font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    transition: color 0.15s ease;
    float: none;
    font-optical-sizing: auto; }
    .productView-tab .tabs-contents .toggleLink.is-open {
      color: #22262a;
      background-color: #ffffff; }
      .productView-tab .tabs-contents .toggleLink.is-open .icon-plus::before, .productView-tab .tabs-contents .toggleLink.is-open .icon-plus::after {
        background: #22262a; }
      .productView-tab .tabs-contents .toggleLink.is-open .icon-plus::before {
        transform: translateY(-50%) rotate(90deg); }
    .productView-tab .tabs-contents .toggleLink .icon-plus {
      position: absolute;
      top: 50%;
      right: 0;
      z-index: 2;
      transform: translateY(-50%);
      display: inline-block;
      font-size: 0;
      background-color: transparent;
      background-image: unset;
      background-repeat: unset;
      background-position: unset;
      pointer-events: none;
      transition: color 0.15s ease; }
      .productView-tab .tabs-contents .toggleLink .icon-plus::before, .productView-tab .tabs-contents .toggleLink .icon-plus::after {
        position: absolute;
        top: 50%;
        z-index: 2;
        transform: translate(0, -50%);
        background: #22262a;
        transition: color 0.15s ease;
        content: ''; }
        @media (prefers-reduced-motion: reduce) {
          .productView-tab .tabs-contents .toggleLink .icon-plus::before, .productView-tab .tabs-contents .toggleLink .icon-plus::after {
            transition: none; } }
      .productView-tab .tabs-contents .toggleLink .icon-plus::before {
        right: 7px;
        width: 2px;
        height: 16px; }
      .productView-tab .tabs-contents .toggleLink .icon-plus::after {
        right: 0;
        width: 16px;
        height: 2px; }
      @media (prefers-reduced-motion: reduce) {
        .productView-tab .tabs-contents .toggleLink .icon-plus {
          transition: none; } }
    @media (prefers-reduced-motion: reduce) {
      .productView-tab .tabs-contents .toggleLink {
        transition: none; } }

@media (max-width: 1024px) {
  .productView-tab.productView-tab-2 {
    display: none; } }

.productView-description {
  padding-left: 0.85714rem;
  padding-right: 0.85714rem;
  width: 100%;
  float: left;
  position: relative;
  z-index: 1;
  padding-right: 1rem;
  padding-left: 1rem; }
  .productView-description .productView-title {
    margin-bottom: 1rem;
    padding-right: 1rem;
    padding-left: 1rem;
    border-bottom: #e5e7eb; }
  @media (min-width: 1024px) {
    .productView-description .productView-description {
      width: 100%;
      float: none;
      clear: both; } }

.productView-detail-tab {
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  padding: 4px 0 16px; }
  .productView-detail-tab li.tab {
    padding-right: 16px;
    padding-left: 16px;
    border-top: 0;
    border-right: 1px solid #e4e3e2;
    border-bottom: 0;
    font-size: 16px;
    line-height: 1.5;
    list-style-type: none; }
    .productView-detail-tab li.tab:first-child {
      padding-left: 0; }
    .productView-detail-tab li.tab:last-child {
      padding-right: 0;
      border-right: 0; }
    @media (min-width: 768px) and (max-width: 1280px) {
      .productView-detail-tab li.tab {
        padding-right: 8px;
        padding-left: 8px;
        font-size: 15px; } }
  @media (max-width: 768px) {
    .productView-detail-tab {
      overflow: auto;
      scrollbar-gutter: stable;
      overscroll-behavior: contain;
      -ms-scroll-chaining: none;
      font-size: 0;
      letter-spacing: 0;
      white-space: nowrap;
      display: block;
      margin-bottom: 0 !important; }
      .productView-detail-tab li.tab {
        display: inline-block !important;
        min-width: 60px;
        margin: 0 auto;
        text-align: center;
        white-space: normal;
        vertical-align: top; }
        .productView-detail-tab li.tab.product-tab-divider {
          display: inline-block;
          min-width: 1px;
          margin: 0 16px; } }
  @media (max-width: 600px) {
    .productView-detail-tab {
      padding-bottom: 4px; }
      .productView-detail-tab .slick-dots {
        left: 0;
        display: inline-block;
        vertical-align: middle;
        bottom: -5px; }
        .productView-detail-tab .slick-dots li {
          width: auto;
          height: auto;
          margin: 0 8px;
          padding: 0; }
          .productView-detail-tab .slick-dots li:only-child {
            display: none; }
          .productView-detail-tab .slick-dots li.slick-active button {
            border-color: #22262a;
            background-color: #22262a;
            opacity: 1; }
          .productView-detail-tab .slick-dots li button {
            border: 1px solid #22262a;
            background-color: transparent;
            opacity: 1;
            transition: color 0.15s ease; }
            .productView-detail-tab .slick-dots li button::before {
              display: none; } }
        @media (max-width: 600px) and (prefers-reduced-motion: reduce) {
          .productView-detail-tab .slick-dots li button {
            transition: none; } }
  @media (max-width: 600px) {
        .productView-detail-tab .slick-dots li button {
          width: 8px;
          height: 8px; } }
    @media (max-width: 600px) and (min-width: 1024px) {
      .productView-detail-tab .slick-dots li {
        margin: 0 20px; } }
  @media (max-width: 600px) {
      .productView-detail-tab li.tab:first-child {
        padding-left: 16px; }
      .productView-detail-tab li.tab:last-child {
        padding-right: 16px; }
      .productView-detail-tab li.tab:not(.slick-active) {
        border-right: 0; } }

.halo-productView-prTab {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: -1;
  display: none;
  height: 100vh;
  background: #ffffff;
  opacity: 0;
  -webkit-animation: fadeIn 0.5s, moveUp 0.5s;
  animation: fadeIn 0.5s, moveUp 0.5s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  overflow: hidden; }
  .halo-productView-prTab .des-title {
    margin-bottom: 8px !important;
    padding-top: 8px;
    color: #050505;
    font-size: 16px;
    font-weight: 500; }
  .halo-productView-prTab .des-list {
    margin-bottom: 12px !important;
    margin-left: 16px !important; }
    .halo-productView-prTab .des-list table {
      width: 100%;
      margin: 0;
      table-layout: auto;
      border-spacing: 0;
      border-collapse: collapse; }
      .halo-productView-prTab .des-list table tr {
        height: 45px;
        background: transparent; }
        .halo-productView-prTab .des-list table tr:nth-child(odd) {
          background: #fafafa; }
      .halo-productView-prTab .des-list table td {
        padding: 12px;
        color: #22262a;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        text-align: left; }
        .halo-productView-prTab .des-list table td.tb-title {
          color: #050505;
          font-weight: 500; }
    .halo-productView-prTab .des-list.des-list-nostyle {
      margin-bottom: 0; }
    .halo-productView-prTab .des-list > li {
      line-height: 2; }
    .halo-productView-prTab .des-list li::marker {
      font-size: 15px; }
  .halo-productView-prTab .des-list-nostyle {
    margin-left: 0; }
    .halo-productView-prTab .des-list-nostyle > li {
      display: block; }
  .halo-productView-prTab .custom-description {
    position: relative;
    display: block;
    margin: 36px 0 0; }
    .halo-productView-prTab .custom-description:before, .halo-productView-prTab .custom-description:after {
      content: " ";
      display: table; }
    .halo-productView-prTab .custom-description:after {
      clear: both; }
  .halo-productView-prTab .desItem-content-bottom-1 {
    padding-top: 12px; }
  .halo-productView-prTab .des-contentBorder {
    margin-top: 16px !important;
    margin-bottom: 24px !important;
    padding: 4px 20px;
    border-left: 2px solid #c2c5cc; }
  .halo-productView-prTab .desItem-content-bottom-2 {
    margin-bottom: 36px !important;
    padding-bottom: 8px; }
  .halo-productView-prTab.is-open {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 103;
    margin-bottom: 0;
    padding-top: 0;
    background: #ffffff;
    opacity: 1;
    overflow: visible; }
    @media (max-width: 1024px) {
      .halo-productView-prTab.is-open {
        position: fixed;
        z-index: 999;
        padding-top: 0; } }
  .halo-productView-prTab .halo-productView-prTab-header {
    position: relative; }
    .halo-productView-prTab .halo-productView-prTab-header .title {
      margin: 0;
      padding: 12px 0 24px;
      color: #050505;
      font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
      font-size: 16px;
      font-weight: 500;
      line-height: 3;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      font-optical-sizing: auto; }
    .halo-productView-prTab .halo-productView-prTab-header .close {
      position: absolute;
      top: 23px;
      right: -6px;
      z-index: 10;
      display: flex;
      flex-wrap: nowrap;
      width: 18px;
      height: 18px;
      line-height: 1.5;
      text-align: center;
      pointer-events: auto;
      align-items: center;
      justify-content: center;
      -ms-flex-align: center;
      -ms-flex-pack: center; }
  .halo-productView-prTab .halo-productView-prTab__content {
    max-width: 100%;
    max-height: 80vh;
    color: #22262a;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    background: #ffffff;
    overflow-y: auto;
    scrollbar-gutter: stable;
    overscroll-behavior: contain;
    -ms-scroll-chaining: none; }
    .halo-productView-prTab .halo-productView-prTab__content a:not(.button) {
      color: #22262a;
      font-weight: 500; }
    .halo-productView-prTab .halo-productView-prTab__content h3 {
      margin-top: 0;
      margin-bottom: 16px;
      font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
      font-size: 16px;
      font-weight: 500;
      line-height: 1.5;
      letter-spacing: 0.5px;
      font-optical-sizing: auto; }
      .halo-productView-prTab .halo-productView-prTab__content h3.shipping {
        margin-top: 28px; }
  @media (prefers-reduced-motion: reduce) {
    .halo-productView-prTab {
      -webkit-animation: none;
      animation: none; } }
  @media (max-width: 1024px) {
    .halo-productView-prTab {
      top: 500px;
      padding: 0 24px; } }
  @media (min-width: 768px) {
    .halo-productView-prTab {
      left: 40px;
      padding-right: 8px; } }
  @media (min-width: 1024px) {
    .halo-productView-prTab {
      padding-right: 28px; } }
  @media (min-width: 1600px) {
    .halo-productView-prTab {
      left: 80px;
      padding-right: 64px; } }

.page-type-product {
  position: relative; }
  .page-type-product .body {
    background: radial-gradient(at right bottom, #ffffff, #ffffff, #ffffff); }
    .page-type-product .body .halo-productView-right {
      z-index: 21; }
  .page-type-product .halo-productView {
    z-index: 21; }
    .page-type-product .halo-productView .halo-badges {
      top: 0;
      left: 0; }
    .page-type-product .halo-productView .productView-nav.productView-nav-mobile {
      display: none !important; }
      @media (max-width: 1024px) {
        .page-type-product .halo-productView .productView-nav.productView-nav-mobile {
          display: block !important;
          opacity: 1; } }
    @media (max-width: 1024px) {
      .page-type-product .halo-productView .productView-nav {
        display: none !important; } }
    .page-type-product .halo-productView .productView-thumbnail-wrapper .productView-for:not(.slick-slider) {
      white-space: unset;
      overflow: unset; }
      .page-type-product .halo-productView .productView-thumbnail-wrapper .productView-for:not(.slick-slider) > div {
        width: 100%; }
    .page-type-product .halo-productView .productView-thumbnail-wrapper .productView-for:not(.slick-initialized) > div {
      width: 100%; }
      .page-type-product .halo-productView .productView-thumbnail-wrapper .productView-for:not(.slick-initialized) > div:nth-child(n + 7) {
        display: none; }
    @media (max-width: 1024px) {
      .page-type-product .halo-productView .productView-thumbnail-wrapper {
        display: none; } }
    .page-type-product .halo-productView .productView-thumbnail {
      padding: 4px 0;
      border: 0;
      border-radius: 4px !important; }
  .page-type-product .halo-productView-bottom .container {
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 8px;
    padding-left: 8px; }
    @media (min-width: 1024px) {
      .page-type-product .halo-productView-bottom .container {
        max-width: 1690px;
        padding-right: 28px;
        padding-left: 28px; } }
    @media (min-width: 1600px) {
      .page-type-product .halo-productView-bottom .container {
        max-width: 1890px;
        padding-right: 64px;
        padding-left: 64px; } }
    @media (min-width: 1920px) {
      .page-type-product .halo-productView-bottom .container {
        max-width: 100%; } }
  .page-type-product .halo-productView-bottom .halo-productView-description {
    padding: 28px 0; }
    .page-type-product .halo-productView-bottom .halo-productView-description .productView-description {
      padding: 0;
      float: unset; }
  .page-type-product .halo-productView-bottom .productView-tab {
    display: block !important; }
  .page-type-product .productView-tab .tabs-contents {
    padding-top: 8px; }
    .page-type-product .productView-tab .tabs-contents .des-title {
      margin-bottom: 8px !important;
      padding-top: 8px;
      color: #050505;
      font-size: 16px;
      font-weight: 500; }
    .page-type-product .productView-tab .tabs-contents .des-list {
      margin-bottom: 12px !important;
      margin-left: 16px !important; }
      .page-type-product .productView-tab .tabs-contents .des-list table {
        width: 100%;
        margin: 0;
        table-layout: auto;
        border-spacing: 0;
        border-collapse: collapse; }
        .page-type-product .productView-tab .tabs-contents .des-list table tr {
          height: 45px;
          background: transparent; }
          .page-type-product .productView-tab .tabs-contents .des-list table tr:nth-child(odd) {
            background: #fafafa; }
        .page-type-product .productView-tab .tabs-contents .des-list table td {
          padding: 12px;
          color: #22262a;
          font-size: 16px;
          font-weight: 400;
          line-height: 1.5;
          text-align: left; }
          .page-type-product .productView-tab .tabs-contents .des-list table td.tb-title {
            color: #050505;
            font-weight: 500; }
      .page-type-product .productView-tab .tabs-contents .des-list.des-list-nostyle {
        margin-bottom: 0; }
      .page-type-product .productView-tab .tabs-contents .des-list > li {
        line-height: 2; }
      .page-type-product .productView-tab .tabs-contents .des-list li::marker {
        font-size: 15px; }
    .page-type-product .productView-tab .tabs-contents .des-list-nostyle {
      margin-left: 0; }
      .page-type-product .productView-tab .tabs-contents .des-list-nostyle > li {
        display: block; }
    .page-type-product .productView-tab .tabs-contents .custom-description {
      position: relative;
      display: block;
      margin: 36px 0 0; }
      .page-type-product .productView-tab .tabs-contents .custom-description:before, .page-type-product .productView-tab .tabs-contents .custom-description:after {
        content: " ";
        display: table; }
      .page-type-product .productView-tab .tabs-contents .custom-description:after {
        clear: both; }
    .page-type-product .productView-tab .tabs-contents .desItem-content-bottom-1 {
      padding-top: 12px; }
    .page-type-product .productView-tab .tabs-contents .des-contentBorder {
      margin-top: 16px !important;
      margin-bottom: 24px !important;
      padding: 4px 20px;
      border-left: 2px solid #c2c5cc; }
    .page-type-product .productView-tab .tabs-contents .desItem-content-bottom-2 {
      margin-bottom: 36px !important;
      padding-bottom: 8px; }
    .page-type-product .productView-tab .tabs-contents .alertBox {
      display: block; }
    .page-type-product .productView-tab .tabs-contents p {
      max-width: 100%; }
  @media (min-width: 1024px) {
    .page-type-product.home-layout-2 .halo-productView-bottom .container {
      padding-right: 0; } }

.productView {
  position: relative;
  display: block; }
  .productView:before, .productView:after {
    content: " ";
    display: table; }
  .productView:after {
    clear: both; }
  @media (min-width: 768px) {
    .productView {
      display: flex;
      flex-wrap: nowrap;
      align-items: flex-start;
      justify-content: flex-start; } }

#productView-left .productView-image-wrapper .product-images:nth-child(n + 5) {
  display: none; }

#productView-left .productView-image-wrapper .is-show {
  display: block !important; }

#productView-left .productView-image-wrapper .is-hidden {
  display: none !important; }

.halo-productView-left {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  font-size: 0;
  letter-spacing: 0;
  transition: color 0.15s ease; }
  @media (min-width: 768px) {
    .halo-productView-left {
      position: -webkit-sticky;
      position: sticky;
      top: 110px;
      display: inline-block;
      width: 50%;
      max-width: 100%;
      margin-bottom: 0;
      vertical-align: top; } }
  @media (min-width: 1440px) {
    .halo-productView-left {
      top: 90px;
      width: 765px; } }

.productView-images-wrapper {
  display: block; }
  .productView-images-wrapper:before, .productView-images-wrapper:after {
    content: " ";
    display: table; }
  .productView-images-wrapper:after {
    clear: both; }
  @media (min-width: 768px) {
    .productView-images-wrapper {
      display: flex;
      flex-wrap: nowrap;
      align-items: flex-start;
      justify-content: flex-start; } }

.tab-descriptionShowMore {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  padding: 20px 0 16px;
  text-align: center;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 12%, rgba(255, 255, 255, 0.9) 34%, #ffffff 57%, #ffffff 73%); }
  .tab-descriptionShowMore.less {
    position: relative;
    padding-top: 0; }
  .tab-descriptionShowMore .button {
    min-width: 200px !important;
    height: 50px;
    font-weight: 500;
    line-height: 3;
    text-transform: uppercase; }
  @media (min-width: 768px) {
    .tab-descriptionShowMore {
      display: none; } }

@media (max-width: 768px) {
  .productView-tab .tabs-contents .toggle-content#tab-description-mobile.show_read_more {
    max-height: 300px;
    overflow: hidden; } }

.page-product-mobile .customPag {
  display: none; }

@media (max-width: 600px) {
  .page-product-mobile .breadcrumbs {
    display: none; }
  .page-product-mobile .halo-productView-top .productView {
    padding-top: 0; }
  .page-product-mobile .halo-productView-left {
    margin-bottom: 15px; }
  .page-product-mobile .productView-image-wrapper {
    display: block;
    width: 100%;
    margin: 0; }
    .page-product-mobile .productView-image-wrapper .productView-nav:not(.slick-initialized) {
      padding-right: 25%; }
  .page-product-mobile .productView-nav.customSlick .slick-list {
    padding-right: 25%;
    padding-left: 0; }
  .page-product-mobile .productView-nav.customSlickRight .slick-list {
    padding-right: 25%;
    padding-left: 0; }
  .page-product-mobile .productView-nav.customSlickLeft .slick-list {
    padding-right: 0;
    padding-left: 25%; }
  .page-product-mobile .productView-nav .slick-slide .productView-image {
    padding-right: 2px;
    padding-left: 2px; }
  .page-product-mobile .productView-thumbnail-wrapper {
    display: none; } }

.form-option.form-option-swatch {
  height: 40px;
  overflow: visible; }

.form-option-variant--none {
  height: 22px;
  overflow: hidden; }

.form-option-variant--color,
.form-option-variant--pattern {
  width: 48px;
  height: 48px; }

.form-option-expanded {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: absolute;
  top: calc(100% + 5px);
  left: calc(100% + 55px);
  padding: 2px;
  border: 1px solid #fbbf24;
  background-color: #bdcad1; }
  .form-option-expanded .form-option-image {
    display: block;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover; }

.halo-productOptions.productView-options [data-product-attribute='swatch'] {
  padding-bottom: 0; }

.halo-productOptions [data-product-attribute='input-checkbox'] .form-checkbox:checked + .form-label {
  color: #292f38;
  font-weight: 700; }

.halo-productOptions [data-product-attribute='input-checkbox'] .form-checkbox + .form-label {
  color: rgba(0, 0, 0, 0.7);
  line-height: 1.625; }
  .halo-productOptions [data-product-attribute='input-checkbox'] .form-checkbox + .form-label::before {
    top: 5px; }
  .halo-productOptions [data-product-attribute='input-checkbox'] .form-checkbox + .form-label::after {
    top: 5px; }

.halo-productOptions [data-product-attribute='set-radio'] .form-radio:checked + .form-label {
  color: #292f38;
  font-weight: 700; }

.halo-productOptions [data-product-attribute='input-text'] .form-input {
  height: auto; }

.halo-productOptions [data-product-attribute='set-select'] .form-select {
  max-width: 100%;
  height: 50px;
  padding-right: 16px;
  padding-left: 16px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.5px; }

.halo-productOptions [data-product-attribute='textarea'] .form-input {
  min-height: 150px;
  padding-top: 16px;
  padding-bottom: 16px;
  line-height: unset; }

.halo-productOptions [data-product-attribute='input-number'] .form-input {
  min-width: 100px;
  font-style: normal; }

.halo-productOptions .form-option {
  display: inline-block;
  margin: 0 8px 8px 0;
  padding: 0;
  line-height: 1.5;
  vertical-align: top; }
  .halo-productOptions .form-option.unavailable {
    position: relative; }
    .halo-productOptions .form-option.unavailable.form-option-rectangle .form-option-variant {
      border-color: #f0f3f5;
      opacity: 1; }
      .halo-productOptions .form-option.unavailable.form-option-rectangle .form-option-variant::after {
        display: none; }
    .halo-productOptions .form-option.unavailable .form-option-variant {
      opacity: 0.5; }
      .halo-productOptions .form-option.unavailable .form-option-variant::before {
        position: absolute;
        top: 18px;
        left: 50%;
        z-index: 5;
        transform: translateX(-50%) rotate(-45deg);
        width: 60px;
        height: 1px;
        border: 0;
        opacity: 1;
        visibility: visible;
        content: ''; }
      .halo-productOptions .form-option.unavailable .form-option-variant::after {
        box-shadow: none !important; }
    .halo-productOptions .form-option.unavailable .form-option-variant--color2::before {
      transform: rotate(90deg); }
  .halo-productOptions .form-option-variant {
    position: relative;
    width: 40px;
    min-width: unset;
    height: 40px;
    margin: 0;
    padding: 0;
    border: 1px solid #888e9b;
    border-radius: 50%;
    font-size: 0;
    line-height: 3;
    letter-spacing: 0;
    text-align: center;
    cursor: pointer; }
    .halo-productOptions .form-option-variant::after {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      width: 100%;
      height: 100%;
      border: 2px solid #ffffff;
      border-radius: 50%;
      opacity: 1;
      visibility: visible;
      transition: color 0.15s ease;
      content: ''; }
      @media (prefers-reduced-motion: reduce) {
        .halo-productOptions .form-option-variant::after {
          transition: none; } }
  .halo-productOptions .form-option-rectangle {
    border: 0 !important;
    box-shadow: none !important; }
    .halo-productOptions .form-option-rectangle .form-option-variant {
      display: flex;
      flex-wrap: nowrap;
      width: auto;
      min-width: 80px;
      padding-right: 8px;
      padding-left: 8px;
      border-radius: 64px;
      color: rgba(0, 0, 0, 0.7);
      font-size: 16px;
      font-weight: 400;
      align-items: center;
      justify-content: center; }
      .halo-productOptions .form-option-rectangle .form-option-variant::after {
        border-radius: 64px; }
  .halo-productOptions .form-option-swatch {
    position: relative;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible; }
    .halo-productOptions .form-option-swatch .form-option-variant {
      background-color: #ffffff;
      background-size: auto; }
      .halo-productOptions .form-option-swatch .form-option-variant::after {
        border-width: 3px; }
  .halo-productOptions .form-option-variant--color2 {
    transform: rotate(45deg);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    overflow: hidden; }
  .halo-productOptions .form-option-expanded {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: absolute;
    top: calc(100% + 5px);
    left: calc(100% + 5px);
    display: none;
    padding: 2px;
    border: 1px solid transparent;
    background-color: #bdcad1;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.01); }
    .halo-productOptions .form-option-expanded .form-option-image {
      display: block;
      width: 100px;
      height: 100px;
      background-repeat: no-repeat;
      background-position: 50%;
      background-size: cover; }

.halo-productOptions .form-radio:checked + .form-option-swatch .form-option-variant {
  border: 2px solid #000000; }
  .halo-productOptions .form-radio:checked + .form-option-swatch .form-option-variant::after {
    border: 2px solid #ffffff; }

.halo-productOptions .form-radio:checked + .form-option-rectangle .form-option-variant::after {
  border: 2px solid #000000; }

.halo-productOptions [data-product-attribute='set-radio'] .form-radio + .form-label {
  color: rgba(0, 0, 0, 0.7); }

.halo-productOptions [data-product-attribute='set-radio'] .unavailable,
.halo-productOptions [data-product-attribute='product-list'] .unavailable {
  text-decoration: line-through;
  opacity: 0.6; }

@media (min-width: 768px) {
  .halo-productOptions [data-product-attribute='set-select'] .form-select {
    max-width: 50%; } }

@media (min-width: 1024px) {
  .halo-productOptions .form-option:hover .form-option-expanded, .halo-productOptions .form-option:focus .form-option-expanded {
    z-index: 5000;
    transform: translate(-50%, 0);
    opacity: 1;
    visibility: visible; }
  .halo-productOptions .form-option-expanded {
    display: block; } }

.form-option:hover .form-option-expanded,
.form-option:focus .form-option-expanded {
  z-index: 5000;
  transform: translate(-50%, 0);
  opacity: 1;
  visibility: visible; }

.account {
  display: block;
  margin: 0; }

@media (min-width: 1024px) {
  .account--fixed {
    width: 66.66667%;
    margin: 0 auto; } }

@media (min-width: 1024px) {
  .account--fixedSmall {
    width: 50%;
    margin: 0 auto; } }

@media (min-width: 1024px) {
  .account--fixedLarge {
    width: 75%;
    margin: 0 auto; } }

.account-head {
  margin-bottom: 3.42857rem;
  text-align: center; }
  .account-head .alertBox {
    padding-right: 3.42857rem;
    padding-left: 3.42857rem;
    text-align: left; }

.account-content {
  padding-left: 0.85714rem;
  padding-right: 0.85714rem;
  width: 100%;
  float: left; }
  .account-content.account-content2 {
    padding-right: 0;
    padding-left: 0;
    float: none; }
  .account-content .account-row {
    margin: 28px 0 0; }
  .account-content .productGrid {
    margin-top: 28px; }
    .account-content .productGrid .product .form {
      margin-bottom: 0;
      text-align: center; }
  .account-content .alertBox {
    margin-top: 28px; }
  @media (min-width: 1024px) {
    .account-content .productGrid .card-body .card-body-button {
      top: 0; }
    .account-content .productGrid .productGrid .card:hover .card-body .card-body-button,
    .account-content .productGrid .productGrid .card:focus .card-body .card-body-button {
      top: -60px; } }

@media (min-width: 1024px) {
  .account-content--fixed {
    width: 66.66667%; } }

.account-content--fixedSmall,
.account-sidebar {
  padding-top: 44px; }

.account-content--fixedSmall.account-content2 {
  width: 100%; }

.account-content--fixedSmall .account-product-title {
  font-size: 16px;
  text-transform: capitalize; }

@media (min-width: 1024px) {
  .account-content--fixedSmall {
    width: 50%; } }

.account-sidebar {
  padding-left: 0.85714rem;
  padding-right: 0.85714rem;
  width: 100%;
  float: left; }
  @media (min-width: 1024px) {
    .account-sidebar {
      width: 33.33333%; }
      .account-content--fixedSmall + .account-sidebar {
        float: right; } }

.forgot-password-text,
.new-password-text {
  margin: 0 0 20px;
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.5px; }

.new-password-text + .button {
  text-transform: uppercase; }
  @media (min-width: 768px) {
    .new-password-text + .button {
      min-width: 270px; } }

.forgot-password-form {
  display: block;
  margin: 20px 0 0;
  font-size: 0;
  letter-spacing: 0;
  text-align: center;
  width: 100%;
  max-width: 100%;
  margin: 0 auto; }
  .forgot-password-form .button {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 3.375;
    text-transform: uppercase; }

.page-type-account_orderstatus .panel-body,
.page-type-account_inbox .panel-body,
.page-type-account_addressbook .panel-body,
.page-type-account_recentitems .panel-body,
.page-type-editaccount .panel-body,
.page-type-shippingaddressform .panel-body {
  background: #fafafa; }

.page-type-account_orderstatus .form-input[readonly],
.page-type-account_inbox .form-input[readonly],
.page-type-account_addressbook .form-input[readonly],
.page-type-account_recentitems .form-input[readonly],
.page-type-editaccount .form-input[readonly],
.page-type-shippingaddressform .form-input[readonly] {
  background-color: #fafafa; }

.page-type-newsletter_subscribe .alertBox {
  margin-top: 32px; }

[data-add-giftcertificates-form] {
  max-width: 100%;
  margin: 40px auto 0; }
  [data-add-giftcertificates-form] .form-field {
    margin-bottom: 20px; }
  [data-add-giftcertificates-form] .form-label small {
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    text-transform: capitalize; }
  [data-add-giftcertificates-form] .form-select {
    height: 50px; }
  [data-add-giftcertificates-form] .form-actions .button {
    width: 100%;
    margin-left: 0; }
  @media (min-width: 768px) {
    [data-add-giftcertificates-form] {
      max-width: 550px; } }

[data-create-account-form],
.new-password-form,
[data-message-account-form],
[data-account-return-form] {
  margin: 0; }
  [data-create-account-form] .form-row .row,
  .new-password-form .form-row .row,
  [data-message-account-form] .form-row .row,
  [data-account-return-form] .form-row .row {
    margin: 0 -0.85714rem; }
    [data-create-account-form] .form-row .row .column,
    [data-create-account-form] .form-row .row .columns,
    .new-password-form .form-row .row .column,
    .new-password-form .form-row .row .columns,
    [data-message-account-form] .form-row .row .column,
    [data-message-account-form] .form-row .row .columns,
    [data-account-return-form] .form-row .row .column,
    [data-account-return-form] .form-row .row .columns {
      padding: 0 0.85714rem; }
    [data-create-account-form] .form-row .row.collapse,
    .new-password-form .form-row .row.collapse,
    [data-message-account-form] .form-row .row.collapse,
    [data-account-return-form] .form-row .row.collapse {
      margin: 0; }
      [data-create-account-form] .form-row .row.collapse .column,
      [data-create-account-form] .form-row .row.collapse .columns,
      .new-password-form .form-row .row.collapse .column,
      .new-password-form .form-row .row.collapse .columns,
      [data-message-account-form] .form-row .row.collapse .column,
      [data-message-account-form] .form-row .row.collapse .columns,
      [data-account-return-form] .form-row .row.collapse .column,
      [data-account-return-form] .form-row .row.collapse .columns {
        padding: 0; }
      [data-create-account-form] .form-row .row.collapse input,
      .new-password-form .form-row .row.collapse input,
      [data-message-account-form] .form-row .row.collapse input,
      [data-account-return-form] .form-row .row.collapse input {
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0; }
  [data-create-account-form] .form-row input.column,
  [data-create-account-form] .form-row input.columns,
  [data-create-account-form] .form-row textarea.column,
  [data-create-account-form] .form-row textarea.columns,
  .new-password-form .form-row input.column,
  .new-password-form .form-row input.columns,
  .new-password-form .form-row textarea.column,
  .new-password-form .form-row textarea.columns,
  [data-message-account-form] .form-row input.column,
  [data-message-account-form] .form-row input.columns,
  [data-message-account-form] .form-row textarea.column,
  [data-message-account-form] .form-row textarea.columns,
  [data-account-return-form] .form-row input.column,
  [data-account-return-form] .form-row input.columns,
  [data-account-return-form] .form-row textarea.column,
  [data-account-return-form] .form-row textarea.columns {
    padding-left: 0.85714rem; }
  [data-create-account-form] .form-row .form-field,
  .new-password-form .form-row .form-field,
  [data-message-account-form] .form-row .form-field,
  [data-account-return-form] .form-row .form-field {
    display: inline-block;
    width: 100%;
    margin: 0 0 20px;
    padding: 0 16px;
    vertical-align: top;
    float: none; }
  [data-create-account-form] .form-row .form-label,
  .new-password-form .form-row .form-label,
  [data-message-account-form] .form-row .form-label,
  [data-account-return-form] .form-row .form-label {
    margin-bottom: 8px;
    line-height: 1.5; }
    [data-create-account-form] .form-row .form-label small,
    .new-password-form .form-row .form-label small,
    [data-message-account-form] .form-row .form-label small,
    [data-account-return-form] .form-row .form-label small {
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      line-height: 1.5;
      text-transform: capitalize; }
  [data-create-account-form] .form-row .form-select,
  .new-password-form .form-row .form-select,
  [data-message-account-form] .form-row .form-select,
  [data-account-return-form] .form-row .form-select {
    height: 45px; }
  [data-create-account-form] .form-select,
  .new-password-form .form-select,
  [data-message-account-form] .form-select,
  [data-account-return-form] .form-select {
    background-size: unset; }
  [data-create-account-form] .form-field--textarea .form-label small,
  .new-password-form .form-field--textarea .form-label small,
  [data-message-account-form] .form-field--textarea .form-label small,
  [data-account-return-form] .form-field--textarea .form-label small {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-transform: capitalize; }
  [data-create-account-form] .form-actions,
  .new-password-form .form-actions,
  [data-message-account-form] .form-actions,
  [data-account-return-form] .form-actions {
    display: block;
    margin: 20px 0 0;
    font-size: 0;
    letter-spacing: 0;
    text-align: center; }
    [data-create-account-form] .form-actions .button,
    .new-password-form .form-actions .button,
    [data-message-account-form] .form-actions .button,
    [data-account-return-form] .form-actions .button {
      display: block;
      width: 100%;
      height: 50px;
      line-height: 3.375;
      text-transform: uppercase; }
  [data-create-account-form] .return-itemQuantity .form-select,
  .new-password-form .return-itemQuantity .form-select,
  [data-message-account-form] .return-itemQuantity .form-select,
  [data-account-return-form] .return-itemQuantity .form-select {
    background-position: right 5px top 12px; }

@media (min-width: 768px) and (min-width: 768px) {
  [data-create-account-form] .form-row,
  .new-password-form .form-row,
  [data-message-account-form] .form-row,
  [data-account-return-form] .form-row {
    margin-right: -15px;
    margin-left: -15px; }
    [data-create-account-form] .form-row .form-field,
    .new-password-form .form-row .form-field,
    [data-message-account-form] .form-row .form-field,
    [data-account-return-form] .form-row .form-field {
      width: 50%;
      padding-right: 16px;
      padding-left: 16px; }
  [data-create-account-form] .form-actions,
  .new-password-form .form-actions,
  [data-message-account-form] .form-actions,
  [data-account-return-form] .form-actions {
    margin-top: 0;
    text-align: left; }
    [data-create-account-form] .form-actions .button,
    .new-password-form .form-actions .button,
    [data-message-account-form] .form-actions .button,
    [data-account-return-form] .form-actions .button {
      display: inline-block;
      width: auto;
      min-width: 270px;
      vertical-align: top; }
      [data-create-account-form] .form-actions .button + .button,
      .new-password-form .form-actions .button + .button,
      [data-message-account-form] .form-actions .button + .button,
      [data-account-return-form] .form-actions .button + .button {
        margin-top: 0;
        margin-left: 20px; } }

@media (min-width: 1600px) and (min-width: 768px) {
  [data-create-account-form] .form-row,
  .new-password-form .form-row,
  [data-message-account-form] .form-row,
  [data-account-return-form] .form-row {
    margin-right: -15px;
    margin-left: -15px; }
    [data-create-account-form] .form-row .form-field,
    .new-password-form .form-row .form-field,
    [data-message-account-form] .form-row .form-field,
    [data-account-return-form] .form-row .form-field {
      width: 50%;
      padding-right: 16px;
      padding-left: 16px; }
  [data-create-account-form] .form-actions,
  .new-password-form .form-actions,
  [data-message-account-form] .form-actions,
  [data-account-return-form] .form-actions {
    margin-top: 0;
    text-align: left; }
    [data-create-account-form] .form-actions .button,
    .new-password-form .form-actions .button,
    [data-message-account-form] .form-actions .button,
    [data-account-return-form] .form-actions .button {
      display: inline-block;
      width: auto;
      min-width: 270px;
      vertical-align: top; }
      [data-create-account-form] .form-actions .button + .button,
      .new-password-form .form-actions .button + .button,
      [data-message-account-form] .form-actions .button + .button,
      [data-account-return-form] .form-actions .button + .button {
        margin-top: 0;
        margin-left: 20px; } }

[data-inbox-form],
[data-address-form],
[data-edit-account-form],
[data-payment-method-form],
.account-body,
[data-create-account-form],
.new-password-form,
[data-message-account-form],
[data-account-return-form] {
  margin: 40px 0 0; }
  @media (min-width: 768px) {
    [data-inbox-form] .form-row,
    [data-address-form] .form-row,
    [data-edit-account-form] .form-row,
    [data-payment-method-form] .form-row,
    .account-body .form-row,
    [data-create-account-form] .form-row,
    .new-password-form .form-row,
    [data-message-account-form] .form-row,
    [data-account-return-form] .form-row {
      margin-right: -15px;
      margin-left: -15px; }
      [data-inbox-form] .form-row .form-field,
      [data-address-form] .form-row .form-field,
      [data-edit-account-form] .form-row .form-field,
      [data-payment-method-form] .form-row .form-field,
      .account-body .form-row .form-field,
      [data-create-account-form] .form-row .form-field,
      .new-password-form .form-row .form-field,
      [data-message-account-form] .form-row .form-field,
      [data-account-return-form] .form-row .form-field {
        width: 50%;
        padding-right: 16px;
        padding-left: 16px; }
    [data-inbox-form] .form-actions,
    [data-address-form] .form-actions,
    [data-edit-account-form] .form-actions,
    [data-payment-method-form] .form-actions,
    .account-body .form-actions,
    [data-create-account-form] .form-actions,
    .new-password-form .form-actions,
    [data-message-account-form] .form-actions,
    [data-account-return-form] .form-actions {
      margin-top: 0;
      text-align: left; }
      [data-inbox-form] .form-actions .button,
      [data-address-form] .form-actions .button,
      [data-edit-account-form] .form-actions .button,
      [data-payment-method-form] .form-actions .button,
      .account-body .form-actions .button,
      [data-create-account-form] .form-actions .button,
      .new-password-form .form-actions .button,
      [data-message-account-form] .form-actions .button,
      [data-account-return-form] .form-actions .button {
        display: inline-block;
        width: auto;
        min-width: 270px;
        vertical-align: top; }
        [data-inbox-form] .form-actions .button + .button,
        [data-address-form] .form-actions .button + .button,
        [data-edit-account-form] .form-actions .button + .button,
        [data-payment-method-form] .form-actions .button + .button,
        .account-body .form-actions .button + .button,
        [data-create-account-form] .form-actions .button + .button,
        .new-password-form .form-actions .button + .button,
        [data-message-account-form] .form-actions .button + .button,
        [data-account-return-form] .form-actions .button + .button {
          margin-top: 0;
          margin-left: 20px; } }
  [data-inbox-form] .form-row .row,
  [data-address-form] .form-row .row,
  [data-edit-account-form] .form-row .row,
  [data-payment-method-form] .form-row .row,
  .account-body .form-row .row,
  [data-create-account-form] .form-row .row,
  .new-password-form .form-row .row,
  [data-message-account-form] .form-row .row,
  [data-account-return-form] .form-row .row {
    margin: 0 -0.85714rem; }
    [data-inbox-form] .form-row .row .column,
    [data-inbox-form] .form-row .row .columns,
    [data-address-form] .form-row .row .column,
    [data-address-form] .form-row .row .columns,
    [data-edit-account-form] .form-row .row .column,
    [data-edit-account-form] .form-row .row .columns,
    [data-payment-method-form] .form-row .row .column,
    [data-payment-method-form] .form-row .row .columns,
    .account-body .form-row .row .column,
    .account-body .form-row .row .columns,
    [data-create-account-form] .form-row .row .column,
    [data-create-account-form] .form-row .row .columns,
    .new-password-form .form-row .row .column,
    .new-password-form .form-row .row .columns,
    [data-message-account-form] .form-row .row .column,
    [data-message-account-form] .form-row .row .columns,
    [data-account-return-form] .form-row .row .column,
    [data-account-return-form] .form-row .row .columns {
      padding: 0 0.85714rem; }
    [data-inbox-form] .form-row .row.collapse,
    [data-address-form] .form-row .row.collapse,
    [data-edit-account-form] .form-row .row.collapse,
    [data-payment-method-form] .form-row .row.collapse,
    .account-body .form-row .row.collapse,
    [data-create-account-form] .form-row .row.collapse,
    .new-password-form .form-row .row.collapse,
    [data-message-account-form] .form-row .row.collapse,
    [data-account-return-form] .form-row .row.collapse {
      margin: 0; }
      [data-inbox-form] .form-row .row.collapse .column,
      [data-inbox-form] .form-row .row.collapse .columns,
      [data-address-form] .form-row .row.collapse .column,
      [data-address-form] .form-row .row.collapse .columns,
      [data-edit-account-form] .form-row .row.collapse .column,
      [data-edit-account-form] .form-row .row.collapse .columns,
      [data-payment-method-form] .form-row .row.collapse .column,
      [data-payment-method-form] .form-row .row.collapse .columns,
      .account-body .form-row .row.collapse .column,
      .account-body .form-row .row.collapse .columns,
      [data-create-account-form] .form-row .row.collapse .column,
      [data-create-account-form] .form-row .row.collapse .columns,
      .new-password-form .form-row .row.collapse .column,
      .new-password-form .form-row .row.collapse .columns,
      [data-message-account-form] .form-row .row.collapse .column,
      [data-message-account-form] .form-row .row.collapse .columns,
      [data-account-return-form] .form-row .row.collapse .column,
      [data-account-return-form] .form-row .row.collapse .columns {
        padding: 0; }
      [data-inbox-form] .form-row .row.collapse input,
      [data-address-form] .form-row .row.collapse input,
      [data-edit-account-form] .form-row .row.collapse input,
      [data-payment-method-form] .form-row .row.collapse input,
      .account-body .form-row .row.collapse input,
      [data-create-account-form] .form-row .row.collapse input,
      .new-password-form .form-row .row.collapse input,
      [data-message-account-form] .form-row .row.collapse input,
      [data-account-return-form] .form-row .row.collapse input {
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0; }
  [data-inbox-form] .form-row input.column,
  [data-inbox-form] .form-row input.columns,
  [data-inbox-form] .form-row textarea.column,
  [data-inbox-form] .form-row textarea.columns,
  [data-address-form] .form-row input.column,
  [data-address-form] .form-row input.columns,
  [data-address-form] .form-row textarea.column,
  [data-address-form] .form-row textarea.columns,
  [data-edit-account-form] .form-row input.column,
  [data-edit-account-form] .form-row input.columns,
  [data-edit-account-form] .form-row textarea.column,
  [data-edit-account-form] .form-row textarea.columns,
  [data-payment-method-form] .form-row input.column,
  [data-payment-method-form] .form-row input.columns,
  [data-payment-method-form] .form-row textarea.column,
  [data-payment-method-form] .form-row textarea.columns,
  .account-body .form-row input.column,
  .account-body .form-row input.columns,
  .account-body .form-row textarea.column,
  .account-body .form-row textarea.columns,
  [data-create-account-form] .form-row input.column,
  [data-create-account-form] .form-row input.columns,
  [data-create-account-form] .form-row textarea.column,
  [data-create-account-form] .form-row textarea.columns,
  .new-password-form .form-row input.column,
  .new-password-form .form-row input.columns,
  .new-password-form .form-row textarea.column,
  .new-password-form .form-row textarea.columns,
  [data-message-account-form] .form-row input.column,
  [data-message-account-form] .form-row input.columns,
  [data-message-account-form] .form-row textarea.column,
  [data-message-account-form] .form-row textarea.columns,
  [data-account-return-form] .form-row input.column,
  [data-account-return-form] .form-row input.columns,
  [data-account-return-form] .form-row textarea.column,
  [data-account-return-form] .form-row textarea.columns {
    padding-left: 0.85714rem; }
  [data-inbox-form] .form-row .form-field,
  [data-address-form] .form-row .form-field,
  [data-edit-account-form] .form-row .form-field,
  [data-payment-method-form] .form-row .form-field,
  .account-body .form-row .form-field,
  [data-create-account-form] .form-row .form-field,
  .new-password-form .form-row .form-field,
  [data-message-account-form] .form-row .form-field,
  [data-account-return-form] .form-row .form-field {
    display: inline-block;
    width: 100%;
    margin: 0 0 20px;
    padding: 0 16px;
    vertical-align: top;
    float: none; }
  [data-inbox-form] .form-row .form-label,
  [data-address-form] .form-row .form-label,
  [data-edit-account-form] .form-row .form-label,
  [data-payment-method-form] .form-row .form-label,
  .account-body .form-row .form-label,
  [data-create-account-form] .form-row .form-label,
  .new-password-form .form-row .form-label,
  [data-message-account-form] .form-row .form-label,
  [data-account-return-form] .form-row .form-label {
    margin-bottom: 8px;
    line-height: 1.5; }
    [data-inbox-form] .form-row .form-label small,
    [data-address-form] .form-row .form-label small,
    [data-edit-account-form] .form-row .form-label small,
    [data-payment-method-form] .form-row .form-label small,
    .account-body .form-row .form-label small,
    [data-create-account-form] .form-row .form-label small,
    .new-password-form .form-row .form-label small,
    [data-message-account-form] .form-row .form-label small,
    [data-account-return-form] .form-row .form-label small {
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      line-height: 1.5;
      text-transform: capitalize; }
  [data-inbox-form] .form-row .form-select,
  [data-address-form] .form-row .form-select,
  [data-edit-account-form] .form-row .form-select,
  [data-payment-method-form] .form-row .form-select,
  .account-body .form-row .form-select,
  [data-create-account-form] .form-row .form-select,
  .new-password-form .form-row .form-select,
  [data-message-account-form] .form-row .form-select,
  [data-account-return-form] .form-row .form-select {
    height: 45px; }
  [data-inbox-form] .form-actions,
  [data-address-form] .form-actions,
  [data-edit-account-form] .form-actions,
  [data-payment-method-form] .form-actions,
  .account-body .form-actions,
  [data-create-account-form] .form-actions,
  .new-password-form .form-actions,
  [data-message-account-form] .form-actions,
  [data-account-return-form] .form-actions {
    display: block;
    margin: 20px 0 0;
    font-size: 0;
    letter-spacing: 0;
    text-align: center; }
    [data-inbox-form] .form-actions .button,
    [data-address-form] .form-actions .button,
    [data-edit-account-form] .form-actions .button,
    [data-payment-method-form] .form-actions .button,
    .account-body .form-actions .button,
    [data-create-account-form] .form-actions .button,
    .new-password-form .form-actions .button,
    [data-message-account-form] .form-actions .button,
    [data-account-return-form] .form-actions .button {
      display: block;
      width: 100%;
      height: 50px;
      line-height: 3.375;
      text-transform: uppercase; }

[data-giftcertificates-form] {
  margin: 28px 0 0; }
  @media (min-width: 768px) {
    [data-giftcertificates-form] .form-row {
      margin-right: -15px;
      margin-left: -15px; }
      [data-giftcertificates-form] .form-row .form-field {
        width: 50%;
        padding-right: 16px;
        padding-left: 16px; }
    [data-giftcertificates-form] .form-actions {
      margin-top: 0;
      text-align: left; }
      [data-giftcertificates-form] .form-actions .button {
        display: inline-block;
        width: auto;
        min-width: 270px;
        vertical-align: top; }
        [data-giftcertificates-form] .form-actions .button + .button {
          margin-top: 0;
          margin-left: 20px; } }
  [data-giftcertificates-form] .form-row .row {
    margin: 0 -0.85714rem; }
    [data-giftcertificates-form] .form-row .row .column,
    [data-giftcertificates-form] .form-row .row .columns {
      padding: 0 0.85714rem; }
    [data-giftcertificates-form] .form-row .row.collapse {
      margin: 0; }
      [data-giftcertificates-form] .form-row .row.collapse .column,
      [data-giftcertificates-form] .form-row .row.collapse .columns {
        padding: 0; }
      [data-giftcertificates-form] .form-row .row.collapse input {
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0; }
  [data-giftcertificates-form] .form-row input.column,
  [data-giftcertificates-form] .form-row input.columns,
  [data-giftcertificates-form] .form-row textarea.column,
  [data-giftcertificates-form] .form-row textarea.columns {
    padding-left: 0.85714rem; }
  [data-giftcertificates-form] .form-row .form-field {
    display: inline-block;
    width: 100%;
    margin: 0 0 20px;
    padding: 0 16px;
    vertical-align: top;
    float: none; }
  [data-giftcertificates-form] .form-row .form-label {
    margin-bottom: 8px;
    line-height: 1.5; }
    [data-giftcertificates-form] .form-row .form-label small {
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      line-height: 1.5;
      text-transform: capitalize; }
  [data-giftcertificates-form] .form-row .form-select {
    height: 45px; }
  [data-giftcertificates-form] .form-row .form-field--textarea .form-input {
    min-height: 165px;
    line-height: 1.5; }
  [data-giftcertificates-form] .form-row .form-radio + .form-label {
    margin-bottom: 16px;
    color: rgba(0, 0, 0, 0.7); }
  [data-giftcertificates-form] .form-row .form-field--checkbox {
    margin-top: 4px;
    margin-bottom: 0; }
    [data-giftcertificates-form] .form-row .form-field--checkbox .form-checkbox + .form-label {
      color: rgba(0, 0, 0, 0.7); }
    [data-giftcertificates-form] .form-row .form-field--checkbox + .form-field--checkbox {
      margin-top: 2px; }
  [data-giftcertificates-form] .form-row .form-field-group {
    padding: 16px 20px 8px;
    border-color: #fafafa;
    border-radius: 0;
    background-color: #fafafa; }
  [data-giftcertificates-form] .form-column {
    width: 100%;
    padding-right: 0;
    padding-left: 0; }
    [data-giftcertificates-form] .form-column + .form-column {
      margin-top: 16px; }
  [data-giftcertificates-form] .form-actions {
    display: block;
    max-width: 100%;
    margin: 0;
    font-size: 0;
    letter-spacing: 0;
    text-align: center; }
    [data-giftcertificates-form] .form-actions .button {
      display: block;
      width: 100%;
      margin-left: 0;
      text-transform: uppercase; }
      [data-giftcertificates-form] .form-actions .button:first-child {
        color: #1b1b1b;
        background-color: transparent; }
      [data-giftcertificates-form] .form-actions .button + .button {
        margin-top: 20px;
        margin-left: 0; }
  @media (min-width: 768px) {
    [data-giftcertificates-form] .form-row .form-column .form-field {
      width: 100%; }
    [data-giftcertificates-form] .form-column {
      width: 50%; }
      [data-giftcertificates-form] .form-column + .form-column {
        margin-top: 0; } }
  @media (min-width: 1024px) {
    [data-giftcertificates-form] .form-row {
      margin-right: -35px;
      margin-left: -35px; }
      [data-giftcertificates-form] .form-row .form-field {
        padding-right: 36px;
        padding-left: 36px; }
    [data-giftcertificates-form] .form-actions .button {
      width: 190px; }
      [data-giftcertificates-form] .form-actions .button + .button {
        width: calc(100% - 240px);
        margin-top: 0;
        margin-left: 16px; } }
  @media (min-width: 1024px) and (hover: hover) {
    [data-giftcertificates-form] .form-actions .button:first-child:hover, [data-giftcertificates-form] .form-actions .button:first-child:focus {
      border-color: #050505;
      color: #ffffff;
      background-color: #050505; } }
  @media (min-width: 1600px) {
    [data-giftcertificates-form] .form-row {
      margin-right: -70px;
      margin-left: -70px; }
      [data-giftcertificates-form] .form-row .form-field {
        padding-right: 64px;
        padding-left: 64px; }
    [data-giftcertificates-form] .form-actions {
      padding-top: 10px; }
      [data-giftcertificates-form] .form-actions .button + .button {
        width: calc(100% - 275px); } }

.carousel {
  position: relative;
  box-sizing: border-box; }

.carousel *, .carousel *:before, .carousel *:after {
  box-sizing: inherit; }

.carousel.is-draggable {
  cursor: move;
  cursor: grab; }

.carousel.is-dragging {
  cursor: move;
  cursor: grabbing; }

.carousel__viewport {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  max-height: 100%; }

.carousel__track {
  display: flex; }

.carousel__slide {
  flex: 0 0 auto;
  width: var(--carousel-slide-width, 60%);
  max-width: 100%;
  padding: 1rem;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain; }

.has-dots {
  margin-bottom: calc(0.5rem + 22px); }

.carousel__dots {
  margin: 0 auto;
  padding: 0;
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  list-style: none;
  user-select: none; }

.carousel__dots .carousel__dot {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  width: 22px;
  height: 22px;
  cursor: pointer; }

.carousel__dots .carousel__dot:after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: currentColor;
  opacity: .25;
  transition: opacity .15s ease-in-out; }

.carousel__dots .carousel__dot.is-selected:after {
  opacity: 1; }

.carousel__button {
  width: var(--carousel-button-width, 48px);
  height: var(--carousel-button-height, 48px);
  padding: 0;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: all;
  cursor: pointer;
  color: var(--carousel-button-color, currentColor);
  background: var(--carousel-button-bg, transparent);
  border-radius: var(--carousel-button-border-radius, 50%);
  box-shadow: var(--carousel-button-shadow, none);
  transition: opacity .15s ease; }

.carousel__button.is-prev, .carousel__button.is-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.carousel__button.is-prev {
  left: 10px; }

.carousel__button.is-next {
  right: 10px; }

.carousel__button[disabled] {
  cursor: default;
  opacity: .3; }

.carousel__button svg {
  width: var(--carousel-button-svg-width, 50%);
  height: var(--carousel-button-svg-height, 50%);
  fill: none;
  stroke: currentColor;
  stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
  stroke-linejoin: bevel;
  stroke-linecap: round;
  filter: var(--carousel-button-svg-filter, none);
  pointer-events: none; }

html.with-fancybox {
  scroll-behavior: auto; }

body.compensate-for-scrollbar {
  overflow: hidden !important;
  touch-action: none; }

.fancybox__container {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  direction: ltr;
  margin: 0;
  padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  color: var(--fancybox-color, #fff);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
  z-index: 1050;
  outline: none;
  transform-origin: top left;
  --carousel-button-width: 48px;
  --carousel-button-height: 48px;
  --carousel-button-svg-width: 24px;
  --carousel-button-svg-height: 24px;
  --carousel-button-svg-stroke-width: 2.5;
  --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4)); }

.fancybox__container *, .fancybox__container *::before, .fancybox__container *::after {
  box-sizing: inherit; }

.fancybox__container :focus {
  outline: none; }

body:not(.is-using-mouse) .fancybox__container :focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94)); }

@media all and (min-width: 1024px) {
  .fancybox__container {
    --carousel-button-width:48px;
    --carousel-button-height:48px;
    --carousel-button-svg-width:27px;
    --carousel-button-svg-height:27px; } }

.fancybox__backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: var(--fancybox-bg, rgba(24, 24, 27, 0.92)); }

.fancybox__carousel {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  z-index: 10; }

.fancybox__carousel.has-dots {
  margin-bottom: calc(0.5rem + 22px); }

.fancybox__viewport {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: visible;
  cursor: default; }

.fancybox__track {
  display: flex;
  height: 100%; }

.fancybox__slide {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 48px 8px 8px 8px;
  position: relative;
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column;
  outline: 0;
  overflow: auto;
  --carousel-button-width: 36px;
  --carousel-button-height: 36px;
  --carousel-button-svg-width: 22px;
  --carousel-button-svg-height: 22px; }

.fancybox__slide::before, .fancybox__slide::after {
  content: "";
  flex: 0 0 0;
  margin: auto; }

@media all and (min-width: 1024px) {
  .fancybox__slide {
    padding: 64px 100px; } }

.fancybox__content {
  margin: 0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);
  padding: 36px;
  color: var(--fancybox-content-color, #374151);
  background: var(--fancybox-content-bg, #fff);
  position: relative;
  align-self: center;
  display: flex;
  flex-direction: column;
  z-index: 20; }

.fancybox__content :focus:not(.carousel__button.is-close) {
  outline: thin dotted;
  box-shadow: none; }

.fancybox__caption {
  align-self: center;
  max-width: 100%;
  margin: 0;
  padding: 1rem 0 0 0;
  line-height: 1.375;
  color: var(--fancybox-color, currentColor);
  visibility: visible;
  cursor: auto;
  flex-shrink: 0;
  overflow-wrap: anywhere; }

.is-loading .fancybox__caption {
  visibility: hidden; }

.fancybox__container > .carousel__dots {
  top: 100%;
  color: var(--fancybox-color, #fff); }

.fancybox__nav .carousel__button {
  z-index: 40; }

.fancybox__nav .carousel__button.is-next {
  right: 8px; }

@media all and (min-width: 1024px) {
  .fancybox__nav .carousel__button.is-next {
    right: 40px; } }

.fancybox__nav .carousel__button.is-prev {
  left: 8px; }

@media all and (min-width: 1024px) {
  .fancybox__nav .carousel__button.is-prev {
    left: 40px; } }

.carousel__button.is-close {
  position: absolute;
  top: 8px;
  right: 8px;
  top: calc(env(safe-area-inset-top, 0px) + 8px);
  right: calc(env(safe-area-inset-right, 0px) + 8px);
  z-index: 40; }

@media all and (min-width: 1024px) {
  .carousel__button.is-close {
    right: 40px; } }

.fancybox__content > .carousel__button.is-close {
  position: absolute;
  top: -40px;
  right: 0;
  color: var(--fancybox-color, #fff); }

.fancybox__no-click, .fancybox__no-click button {
  pointer-events: none; }

.fancybox__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  color: var(--fancybox-color, currentColor); }

.fancybox__slide .fancybox__spinner {
  cursor: pointer;
  z-index: 1053; }

.fancybox__spinner svg {
  animation: fancybox-rotate 2s linear infinite;
  transform-origin: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%; }

.fancybox__spinner svg circle {
  fill: none;
  stroke-width: 2.75;
  stroke-miterlimit: 10;
  stroke-dasharray: 1,200;
  stroke-dashoffset: 0;
  animation: fancybox-dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
  stroke: currentColor; }

@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes fancybox-dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124px; } }

.fancybox__backdrop, .fancybox__caption, .fancybox__nav, .carousel__dots, .carousel__button.is-close {
  opacity: var(--fancybox-opacity, 1); }

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop, .fancybox__container.is-animated[aria-hidden=false] .fancybox__caption, .fancybox__container.is-animated[aria-hidden=false] .fancybox__nav, .fancybox__container.is-animated[aria-hidden=false] .carousel__dots, .fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close {
  animation: .15s ease backwards fancybox-fadeIn; }

.fancybox__container.is-animated.is-closing .fancybox__backdrop, .fancybox__container.is-animated.is-closing .fancybox__caption, .fancybox__container.is-animated.is-closing .fancybox__nav, .fancybox__container.is-animated.is-closing .carousel__dots, .fancybox__container.is-animated.is-closing .carousel__button.is-close {
  animation: .15s ease both fancybox-fadeOut; }

.fancybox-fadeIn {
  animation: .15s ease both fancybox-fadeIn; }

.fancybox-fadeOut {
  animation: .1s ease both fancybox-fadeOut; }

.fancybox-zoomInUp {
  animation: .2s ease both fancybox-zoomInUp; }

.fancybox-zoomOutDown {
  animation: .15s ease both fancybox-zoomOutDown; }

.fancybox-throwOutUp {
  animation: .15s ease both fancybox-throwOutUp; }

.fancybox-throwOutDown {
  animation: .15s ease both fancybox-throwOutDown; }

@keyframes fancybox-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fancybox-fadeOut {
  to {
    opacity: 0; } }

@keyframes fancybox-zoomInUp {
  from {
    transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0; }
  to {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes fancybox-zoomOutDown {
  to {
    transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0; } }

@keyframes fancybox-throwOutUp {
  to {
    transform: translate3d(0, -30%, 0);
    opacity: 0; } }

@keyframes fancybox-throwOutDown {
  to {
    transform: translate3d(0, 30%, 0);
    opacity: 0; } }

.fancybox__carousel .carousel__slide {
  scrollbar-width: thin;
  scrollbar-color: #ccc rgba(255, 255, 255, 0.1); }

.fancybox__carousel .carousel__slide::-webkit-scrollbar {
  width: 8px;
  height: 8px; }

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.1); }

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 2px;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2); }

.fancybox__carousel.is-draggable .fancybox__slide, .fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
  cursor: move;
  cursor: grab; }

.fancybox__carousel.is-dragging .fancybox__slide, .fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
  cursor: move;
  cursor: grabbing; }

.fancybox__carousel .fancybox__slide .fancybox__content {
  cursor: auto; }

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
  cursor: zoom-in; }

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
  cursor: zoom-out; }

.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
  cursor: move;
  cursor: grab; }

.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
  cursor: move;
  cursor: grabbing; }

.fancybox__image {
  transform-origin: 0 0;
  user-select: none;
  transition: none; }

.has-image .fancybox__content {
  padding: 0;
  background: rgba(0, 0, 0, 0);
  min-height: 1px; }

.is-closing .has-image .fancybox__content {
  overflow: visible; }

.has-image[data-image-fit=contain] {
  overflow: visible;
  touch-action: none; }

.has-image[data-image-fit=contain] .fancybox__content {
  flex-direction: row;
  flex-wrap: wrap; }

.has-image[data-image-fit=contain] .fancybox__image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; }

.has-image[data-image-fit=contain-w] {
  overflow-x: hidden;
  overflow-y: auto; }

.has-image[data-image-fit=contain-w] .fancybox__content {
  min-height: auto; }

.has-image[data-image-fit=contain-w] .fancybox__image {
  max-width: 100%;
  height: auto; }

.has-image[data-image-fit=cover] {
  overflow: visible;
  touch-action: none; }

.has-image[data-image-fit=cover] .fancybox__content {
  width: 100%;
  height: 100%; }

.has-image[data-image-fit=cover] .fancybox__image {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  max-width: 100%;
  flex-shrink: 1;
  min-height: 1px;
  overflow: visible; }

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
  width: 100%;
  height: 80%; }

.fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  width: 960px;
  height: 540px;
  max-width: 100%;
  max-height: 100%; }

.fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  padding: 0;
  background: rgba(24, 24, 27, 0.9);
  color: #fff; }

.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
  background: #e5e3df; }

.fancybox__html5video, .fancybox__iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0); }

.fancybox-placeholder {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0; }

.fancybox__thumbs {
  flex: 0 0 auto;
  position: relative;
  padding: 0px 3px;
  opacity: var(--fancybox-opacity, 1); }

.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
  animation: .15s ease-in backwards fancybox-fadeIn; }

.fancybox__container.is-animated.is-closing .fancybox__thumbs {
  opacity: 0; }

.fancybox__thumbs .carousel__slide {
  flex: 0 0 auto;
  width: var(--fancybox-thumbs-width, 96px);
  margin: 0;
  padding: 8px 3px;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  cursor: pointer; }

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-width: 5px;
  border-style: solid;
  border-color: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
  opacity: 0;
  transition: opacity .15s ease;
  border-radius: var(--fancybox-thumbs-border-radius, 4px); }

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {
  opacity: .92; }

.fancybox__thumbs .carousel__slide > * {
  pointer-events: none;
  user-select: none; }

.fancybox__thumb {
  position: relative;
  width: 100%;
  padding-top: calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));
  background-size: cover;
  background-position: center center;
  background-color: rgba(255, 255, 255, 0.1);
  background-repeat: no-repeat;
  border-radius: var(--fancybox-thumbs-border-radius, 4px); }

.fancybox__toolbar {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);
  padding: 0;
  touch-action: none;
  display: flex;
  justify-content: space-between;
  --carousel-button-svg-width: 20px;
  --carousel-button-svg-height: 20px;
  opacity: var(--fancybox-opacity, 1);
  text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4)); }

@media all and (min-width: 1024px) {
  .fancybox__toolbar {
    padding: 8px; } }

.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
  animation: .15s ease-in backwards fancybox-fadeIn; }

.fancybox__container.is-animated.is-closing .fancybox__toolbar {
  opacity: 0; }

.fancybox__toolbar__items {
  display: flex; }

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

.fancybox__toolbar__items--center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%); }

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

@media (max-width: 640px) {
  .fancybox__toolbar__items--center:not(:last-child) {
    display: none; } }

.fancybox__counter {
  min-width: 72px;
  padding: 0 10px;
  line-height: var(--carousel-button-height, 48px);
  text-align: center;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased; }

.fancybox__progress {
  background: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 30;
  user-select: none; }

.fancybox__container:fullscreen::backdrop {
  opacity: 0; }

.fancybox__button--fullscreen g:nth-child(2) {
  display: none; }

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) {
  display: none; }

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
  display: block; }

.fancybox__button--slideshow g:nth-child(2) {
  display: none; }

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) {
  display: none; }

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
  display: block; }

.openMenuPC .halo-background {
  z-index: 21;
  display: block;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 1;
  visibility: visible;
  -webkit-backdrop-filter: blur(0.3125rem);
  backdrop-filter: blur(0.3125rem); }

.g-recaptcha {
  display: block;
  margin: 20px 0 0; }
  .g-recaptcha > div {
    margin: 0; }
    @media (min-width: 768px) {
      .g-recaptcha > div > div {
        margin-right: 0;
        margin-left: 0; } }

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

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

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

.haloCustomScrollbar,
.haloCustomScrollbar-x {
  overflow-y: auto;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  -ms-scroll-chaining: none; }
  .haloCustomScrollbar::-webkit-scrollbar,
  .haloCustomScrollbar-x::-webkit-scrollbar {
    width: 4px; }
  .haloCustomScrollbar::-webkit-scrollbar-track,
  .haloCustomScrollbar-x::-webkit-scrollbar-track {
    background: #dee5e8; }
  .haloCustomScrollbar::-webkit-scrollbar-thumb,
  .haloCustomScrollbar-x::-webkit-scrollbar-thumb {
    background: #a6abb5; }
    @media (hover: hover) {
      .haloCustomScrollbar::-webkit-scrollbar-thumb:hover, .haloCustomScrollbar::-webkit-scrollbar-thumb:focus,
      .haloCustomScrollbar-x::-webkit-scrollbar-thumb:hover,
      .haloCustomScrollbar-x::-webkit-scrollbar-thumb:focus {
        background: #757575; } }

@media (max-width: 1024px) {
  .disable-scrollbar::-webkit-scrollbar {
    display: none; }
  .disable-scrollbar::-webkit-scrollbar-track {
    display: none; }
  .disable-scrollbar::-webkit-scrollbar-thumb {
    display: none; } }
  @media (max-width: 1024px) and (hover: hover) {
    .disable-scrollbar::-webkit-scrollbar-thumb:hover, .disable-scrollbar::-webkit-scrollbar-thumb:focus {
      display: none; } }

@media (min-width: 1024px) {
  .image-with-border::before, .image-with-border::after {
    position: absolute;
    opacity: 0;
    transition: opacity 0.35s, transform 0.35s;
    inset: 10px;
    content: ''; } }
  @media (min-width: 1024px) and (prefers-reduced-motion: reduce) {
    .image-with-border::before, .image-with-border::after {
      transition: none; } }

@media (min-width: 1024px) {
  .image-with-border::before {
    transform-origin: 0 0;
    border-top: 1px solid #dee5e8;
    border-bottom: 1px solid #dee5e8; }
  .image-with-border::after {
    transform-origin: 100% 0;
    border-right: 1px solid #dee5e8;
    border-left: 1px solid #dee5e8; }
  .image-with-border img {
    border-radius: 4px;
    transition: opacity 0.35s, transform 0.35s; } }

@media (min-width: 1024px) and (hover: hover) {
  .image-with-border:hover::before, .image-with-border:hover::after, .image-with-border:focus::before, .image-with-border:focus::after {
    opacity: 1; } }

@media (min-width: 1024px) {
  .image-with-overlay::before {
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    z-index: 2;
    transform: none;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.06) 100%);
    background-color: rgba(0, 0, 0, 0.06);
    transition: opacity 0.3s ease;
    content: ''; } }
  @media (min-width: 1024px) and (prefers-reduced-motion: reduce) {
    .image-with-overlay::before {
      transition: none; } }

.image-with-overlay,
.image-with-border {
  position: relative;
  display: block;
  overflow: hidden; }
  .image-with-overlay img,
  .image-with-border img {
    border-radius: 4px; }

img:not(.card-image) {
  opacity: 1; }

.no-js img:not(.card-image) {
  opacity: 0; }

.page-image {
  background-color: #ffffff; }

.slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 2;
  transform: translate(0, -50%);
  display: block;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 1px solid #888e9b;
  color: transparent;
  font-size: 0;
  line-height: 1.5;
  background: #ffffff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.03);
  cursor: pointer; }
  .slick-arrow.slick-prev {
    left: 15px; }
    @media (min-width: 1024px) {
      .slick-arrow.slick-prev {
        left: -15px; }
        .home-layout-2 .slick-arrow.slick-prev {
          left: -10px; } }
  .slick-arrow.slick-next {
    right: 15px; }
    @media (min-width: 1024px) {
      .slick-arrow.slick-next {
        right: -15px; }
        .home-layout-2 .slick-arrow.slick-next {
          right: -10px; } }
  .slick-arrow.slick-disabled {
    opacity: 0; }
  .slick-arrow.halo-arrows {
    position: absolute;
    top: 50%;
    z-index: 10;
    transform: translate(0, -50%);
    display: block;
    width: 20px;
    height: 40px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: transparent;
    font-size: 0;
    line-height: 1.5;
    background: transparent;
    opacity: 1;
    cursor: pointer;
    fill: #1b1b1b; }
    .slick-arrow.halo-arrows::before {
      display: none; }
    .slick-arrow.halo-arrows.slick-prev {
      left: 8px; }
    .slick-arrow.halo-arrows.slick-next {
      right: 8px; }
    .slick-arrow.halo-arrows.slick-disabled {
      opacity: 0; }

.slick-track {
  margin-right: auto;
  margin-left: auto; }

.halo-description .warranty-text {
  display: block;
  margin: 0;
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625;
  letter-spacing: 0.5px; }

.halo-description .scrollable-wrapper h3 {
  margin-top: 4px;
  margin-bottom: 16px;
  line-height: 2;
  text-transform: uppercase; }

.halo-description .button {
  min-width: 270px; }

.halo-description ul {
  list-style: disc outside; }

.halo-description ul,
.halo-description ol {
  margin: 0 0 20px 16px;
  padding: 0 0 20px; }
  .halo-description ul li,
  .halo-description ol li {
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    font-weight: 400;
    line-height: 3;
    letter-spacing: 0.5px;
    list-style: inherit; }

.halo-description h1,
.halo-description h2,
.halo-description h3,
.halo-description h4,
.halo-description h5,
.halo-description h6 {
  margin-top: 24px;
  margin-bottom: 8px;
  color: #22262a;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.5px; }
  .halo-description h1 + p,
  .halo-description h2 + p,
  .halo-description h3 + p,
  .halo-description h4 + p,
  .halo-description h5 + p,
  .halo-description h6 + p {
    padding-top: 4px; }

.halo-description blockquote {
  margin: 24px 0 40px;
  padding: 20px 32px 28px;
  border: 0;
  border-radius: 4px;
  color: #1b1b1b;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.5px;
  text-align: left;
  background: #dee5e8; }

.halo-description table table {
  width: 100%;
  margin: 0;
  table-layout: auto;
  border-spacing: 0;
  border-collapse: collapse; }
  .halo-description table table tr {
    height: 45px;
    background: transparent; }
    .halo-description table table tr:nth-child(odd) {
      background: #fafafa; }
  .halo-description table table td {
    padding: 12px;
    color: #22262a;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left; }
    .halo-description table table td.tb-title {
      color: #050505;
      font-weight: 500; }

.halo-description button {
  text-transform: uppercase; }

#haloBackToTop:not(.is-visible) {
  display: none; }

#haloBackToTop a {
  position: fixed;
  right: 10px;
  bottom: 25%;
  z-index: 99;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 2px;
  border: 1px solid #fbbf24;
  border-radius: 50%;
  color: #ffffff;
  font-size: 0;
  text-align: center;
  background: #ffffff;
  cursor: pointer;
  transition: opacity 0.6s ease; }
  #haloBackToTop a svg {
    position: relative;
    top: -3px;
    transform: rotate(180deg);
    width: 100% !important;
    height: 100% !important;
    color: #1b1b1b;
    fill: #1b1b1b; }
    @media (min-width: 1024px) {
      #haloBackToTop a svg {
        top: -1px; } }
  @media (prefers-reduced-motion: reduce) {
    #haloBackToTop a {
      transition: none; } }
  @media (min-width: 1024px) {
    #haloBackToTop a {
      right: 30px;
      width: 45px;
      height: 45px; } }
  @media (min-width: 1600px) {
    #haloBackToTop a {
      right: 75px; } }

.halo-dots .slick-dots {
  left: 0;
  display: inline-block;
  vertical-align: middle;
  bottom: -45px; }
  .halo-dots .slick-dots li {
    width: auto;
    height: auto;
    margin: 0 8px;
    padding: 0; }
    .halo-dots .slick-dots li:only-child {
      display: none; }
    .halo-dots .slick-dots li.slick-active button {
      border-color: #22262a;
      background-color: #22262a;
      opacity: 1; }
    .halo-dots .slick-dots li button {
      border: 1px solid #22262a;
      background-color: transparent;
      opacity: 1;
      transition: color 0.15s ease; }
      .halo-dots .slick-dots li button::before {
        display: none; }
      @media (prefers-reduced-motion: reduce) {
        .halo-dots .slick-dots li button {
          transition: none; } }
  .halo-dots .slick-dots li button {
    width: 12px;
    height: 12px; }
  @media (min-width: 1024px) {
    .halo-dots .slick-dots {
      bottom: -65px; } }

.btn-close {
  position: relative;
  width: 23px;
  height: 23px;
  padding: 0;
  font-size: 0; }
  .btn-close::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    display: block;
    width: 100%;
    height: 2px;
    padding: 0;
    border: 0;
    background-color: #22262a;
    content: ''; }
  .btn-close::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    display: block;
    width: 2px;
    height: 100%;
    padding: 0;
    border: 0;
    background-color: #22262a;
    content: ''; }

.bar-thumb {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(0);
  display: block;
  height: 100%;
  background: #000000;
  transition: transform 0.3s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .bar-thumb {
      transition: none; } }

.productCarousel + .progress {
  position: relative;
  display: none;
  width: 100%;
  height: 3px;
  margin-top: 28px;
  background-color: #bdcad1;
  cursor: pointer;
  overflow: hidden; }
  .productCarousel + .progress::after {
    position: absolute;
    top: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: left;
    width: 100%;
    height: 100%;
    background: #000000;
    transition: transform 0.4s ease-in-out;
    content: ''; }
    @media (prefers-reduced-motion: reduce) {
      .productCarousel + .progress::after {
        transition: none; } }
  .productCarousel + .progress.is-progressing::after {
    transform: scaleX(var(--progress, 0)); }
  @media (min-width: 1024px) {
    .productCarousel + .progress {
      display: block;
      width: calc(100% - 60px); } }

.haloBannerParallax .haloBannerParallax__img.is-zoom img {
  border-radius: 4px;
  transition: opacity 0.8s ease, transform 0.8s ease; }
  @media (prefers-reduced-motion: reduce) {
    .haloBannerParallax .haloBannerParallax__img.is-zoom img {
      transition: none; } }

.halo-fadeInUp {
  transform: translateY(100px); }
  .halo-fadeInUp.no-js {
    transform: translateY(0); }
  .halo-fadeInUp.js {
    transform: translateY(40px);
    opacity: 0;
    transition-timing-function: ease;
    transition-property: transform, opacity; }
    .halo-fadeInUp.js[data-halo-animate='0'] {
      transition-delay: 0.1s;
      transition-duration: 0.5s; }
    .halo-fadeInUp.js[data-halo-animate='1'] {
      transition-delay: 0.15s;
      transition-duration: 0.6s; }
    .halo-fadeInUp.js[data-halo-animate='2'] {
      transition-delay: 0.2s;
      transition-duration: 0.7s; }
    .halo-fadeInUp.js[data-halo-animate='3'] {
      transition-delay: 0.25s;
      transition-duration: 0.8s; }
    .halo-fadeInUp.js[data-halo-animate='4'] {
      transition-delay: 0.3s;
      transition-duration: 0.9s; }
    .halo-fadeInUp.js[data-halo-animate='5'] {
      transition-delay: 0.35s;
      transition-duration: 1s; }
    .halo-fadeInUp.js[data-halo-animate='6'] {
      transition-delay: 0.4s;
      transition-duration: 1.1s; }
    .halo-fadeInUp.js[data-halo-animate='7'] {
      transition-delay: 0.45s;
      transition-duration: 1.2s; }
    .halo-fadeInUp.js[data-halo-animate='8'] {
      transition-delay: 0.5s;
      transition-duration: 1.3s; }
    .halo-fadeInUp.js[data-halo-animate='9'] {
      transition-delay: 0.55s;
      transition-duration: 1.4s; }
    .halo-fadeInUp.js[data-halo-animate='10'] {
      transition-delay: 0.6s;
      transition-duration: 1.5s; }
    .halo-fadeInUp.js[data-halo-animate='11'] {
      transition-delay: 0.65s;
      transition-duration: 1.6s; }
    .halo-fadeInUp.js[data-halo-animate='12'] {
      transition-delay: 0.7s;
      transition-duration: 1.7s; }
    .halo-fadeInUp.js[data-halo-animate='13'] {
      transition-delay: 0.75s;
      transition-duration: 1.8s; }
    .halo-fadeInUp.js[data-halo-animate='14'] {
      transition-delay: 0.8s;
      transition-duration: 1.9s; }
    .halo-fadeInUp.js[data-halo-animate='15'] {
      transition-delay: 0.85s;
      transition-duration: 2s; }
    .halo-fadeInUp.js[data-halo-animate='16'] {
      transition-delay: 0.9s;
      transition-duration: 2.1s; }
    .halo-fadeInUp.js[data-halo-animate='17'] {
      transition-delay: 0.95s;
      transition-duration: 2.2s; }
    .halo-fadeInUp.js[data-halo-animate='18'] {
      transition-delay: 1s;
      transition-duration: 2.3s; }
    .halo-fadeInUp.js[data-halo-animate='19'] {
      transition-delay: 1.05s;
      transition-duration: 2.4s; }
    .halo-fadeInUp.js[data-halo-animate='20'] {
      transition-delay: 1.1s;
      transition-duration: 2.5s; }
    .halo-fadeInUp.js[data-halo-animate='21'] {
      transition-delay: 1.15s;
      transition-duration: 2.6s; }
    .halo-fadeInUp.js[data-halo-animate='22'] {
      transition-delay: 1.2s;
      transition-duration: 2.7s; }
    .halo-fadeInUp.js[data-halo-animate='23'] {
      transition-delay: 1.25s;
      transition-duration: 2.8s; }
    .halo-fadeInUp.js[data-halo-animate='24'] {
      transition-delay: 1.3s;
      transition-duration: 2.9s; }
    .halo-fadeInUp.js[data-halo-animate='25'] {
      transition-delay: 1.35s;
      transition-duration: 3s; }
    .halo-fadeInUp.js[data-halo-animate='26'] {
      transition-delay: 1.4s;
      transition-duration: 3.1s; }
    .halo-fadeInUp.js[data-halo-animate='27'] {
      transition-delay: 1.45s;
      transition-duration: 3.2s; }
    .halo-fadeInUp.js[data-halo-animate='28'] {
      transition-delay: 1.5s;
      transition-duration: 3.3s; }
    .halo-fadeInUp.js[data-halo-animate='29'] {
      transition-delay: 1.55s;
      transition-duration: 3.4s; }
    .halo-fadeInUp.js[data-halo-animate='30'] {
      transition-delay: 1.6s;
      transition-duration: 3.5s; }
    .halo-fadeInUp.js[data-halo-animate='31'] {
      transition-delay: 1.65s;
      transition-duration: 3.6s; }
    .halo-fadeInUp.js[data-halo-animate='32'] {
      transition-delay: 1.7s;
      transition-duration: 3.7s; }
    .halo-fadeInUp.js[data-halo-animate='33'] {
      transition-delay: 1.75s;
      transition-duration: 3.8s; }
    .halo-fadeInUp.js[data-halo-animate='34'] {
      transition-delay: 1.8s;
      transition-duration: 3.9s; }
    .halo-fadeInUp.js[data-halo-animate='35'] {
      transition-delay: 1.85s;
      transition-duration: 4s; }
    .halo-fadeInUp.js[data-halo-animate='36'] {
      transition-delay: 1.9s;
      transition-duration: 4.1s; }
    .halo-fadeInUp.js[data-halo-animate='37'] {
      transition-delay: 1.95s;
      transition-duration: 4.2s; }
    .halo-fadeInUp.js[data-halo-animate='38'] {
      transition-delay: 2s;
      transition-duration: 4.3s; }
    .halo-fadeInUp.js[data-halo-animate='39'] {
      transition-delay: 2.05s;
      transition-duration: 4.4s; }
    .halo-fadeInUp.js[data-halo-animate='40'] {
      transition-delay: 2.1s;
      transition-duration: 4.5s; }
    .halo-fadeInUp.js[data-halo-animate='41'] {
      transition-delay: 2.15s;
      transition-duration: 4.6s; }
    .halo-fadeInUp.js[data-halo-animate='42'] {
      transition-delay: 2.2s;
      transition-duration: 4.7s; }
    .halo-fadeInUp.js[data-halo-animate='43'] {
      transition-delay: 2.25s;
      transition-duration: 4.8s; }
    .halo-fadeInUp.js[data-halo-animate='44'] {
      transition-delay: 2.3s;
      transition-duration: 4.9s; }
    .halo-fadeInUp.js[data-halo-animate='45'] {
      transition-delay: 2.35s;
      transition-duration: 5s; }
    .halo-fadeInUp.js[data-halo-animate='46'] {
      transition-delay: 2.4s;
      transition-duration: 5.1s; }
    .halo-fadeInUp.js[data-halo-animate='47'] {
      transition-delay: 2.45s;
      transition-duration: 5.2s; }
    .halo-fadeInUp.js[data-halo-animate='48'] {
      transition-delay: 2.5s;
      transition-duration: 5.3s; }
    .halo-fadeInUp.js[data-halo-animate='49'] {
      transition-delay: 2.55s;
      transition-duration: 5.4s; }
    .halo-fadeInUp.js[data-halo-animate='50'] {
      transition-delay: 2.6s;
      transition-duration: 5.5s; }
    .halo-fadeInUp.js[data-halo-animate='51'] {
      transition-delay: 2.65s;
      transition-duration: 5.6s; }
    .halo-fadeInUp.js[data-halo-animate='52'] {
      transition-delay: 2.7s;
      transition-duration: 5.7s; }
    .halo-fadeInUp.js[data-halo-animate='53'] {
      transition-delay: 2.75s;
      transition-duration: 5.8s; }
    .halo-fadeInUp.js[data-halo-animate='54'] {
      transition-delay: 2.8s;
      transition-duration: 5.9s; }
    .halo-fadeInUp.js[data-halo-animate='55'] {
      transition-delay: 2.85s;
      transition-duration: 6s; }
    .halo-fadeInUp.js[data-halo-animate='56'] {
      transition-delay: 2.9s;
      transition-duration: 6.1s; }
    .halo-fadeInUp.js[data-halo-animate='57'] {
      transition-delay: 2.95s;
      transition-duration: 6.2s; }
    .halo-fadeInUp.js[data-halo-animate='58'] {
      transition-delay: 3s;
      transition-duration: 6.3s; }
    .halo-fadeInUp.js[data-halo-animate='59'] {
      transition-delay: 3.05s;
      transition-duration: 6.4s; }
    .halo-fadeInUp.js[data-halo-animate='60'] {
      transition-delay: 3.1s;
      transition-duration: 6.5s; }
    .halo-fadeInUp.js[data-halo-animate='61'] {
      transition-delay: 3.15s;
      transition-duration: 6.6s; }
    .halo-fadeInUp.js[data-halo-animate='62'] {
      transition-delay: 3.2s;
      transition-duration: 6.7s; }
    .halo-fadeInUp.js[data-halo-animate='63'] {
      transition-delay: 3.25s;
      transition-duration: 6.8s; }
    .halo-fadeInUp.js[data-halo-animate='64'] {
      transition-delay: 3.3s;
      transition-duration: 6.9s; }
    .halo-fadeInUp.js[data-halo-animate='65'] {
      transition-delay: 3.35s;
      transition-duration: 7s; }
    .halo-fadeInUp.js[data-halo-animate='66'] {
      transition-delay: 3.4s;
      transition-duration: 7.1s; }
    .halo-fadeInUp.js[data-halo-animate='67'] {
      transition-delay: 3.45s;
      transition-duration: 7.2s; }
    .halo-fadeInUp.js[data-halo-animate='68'] {
      transition-delay: 3.5s;
      transition-duration: 7.3s; }
    .halo-fadeInUp.js[data-halo-animate='69'] {
      transition-delay: 3.55s;
      transition-duration: 7.4s; }
    .halo-fadeInUp.js[data-halo-animate='70'] {
      transition-delay: 3.6s;
      transition-duration: 7.5s; }
    .halo-fadeInUp.js[data-halo-animate='71'] {
      transition-delay: 3.65s;
      transition-duration: 7.6s; }
    .halo-fadeInUp.js[data-halo-animate='72'] {
      transition-delay: 3.7s;
      transition-duration: 7.7s; }
    .halo-fadeInUp.js[data-halo-animate='73'] {
      transition-delay: 3.75s;
      transition-duration: 7.8s; }
    .halo-fadeInUp.js[data-halo-animate='74'] {
      transition-delay: 3.8s;
      transition-duration: 7.9s; }
    .halo-fadeInUp.js[data-halo-animate='75'] {
      transition-delay: 3.85s;
      transition-duration: 8s; }
    .halo-fadeInUp.js[data-halo-animate='76'] {
      transition-delay: 3.9s;
      transition-duration: 8.1s; }
    .halo-fadeInUp.js[data-halo-animate='77'] {
      transition-delay: 3.95s;
      transition-duration: 8.2s; }
    .halo-fadeInUp.js[data-halo-animate='78'] {
      transition-delay: 4s;
      transition-duration: 8.3s; }
    .halo-fadeInUp.js[data-halo-animate='79'] {
      transition-delay: 4.05s;
      transition-duration: 8.4s; }
    .halo-fadeInUp.js[data-halo-animate='80'] {
      transition-delay: 4.1s;
      transition-duration: 8.5s; }
    .halo-fadeInUp.js[data-halo-animate='81'] {
      transition-delay: 4.15s;
      transition-duration: 8.6s; }
    .halo-fadeInUp.js[data-halo-animate='82'] {
      transition-delay: 4.2s;
      transition-duration: 8.7s; }
    .halo-fadeInUp.js[data-halo-animate='83'] {
      transition-delay: 4.25s;
      transition-duration: 8.8s; }
    .halo-fadeInUp.js[data-halo-animate='84'] {
      transition-delay: 4.3s;
      transition-duration: 8.9s; }
    .halo-fadeInUp.js[data-halo-animate='85'] {
      transition-delay: 4.35s;
      transition-duration: 9s; }
    .halo-fadeInUp.js[data-halo-animate='86'] {
      transition-delay: 4.4s;
      transition-duration: 9.1s; }
    .halo-fadeInUp.js[data-halo-animate='87'] {
      transition-delay: 4.45s;
      transition-duration: 9.2s; }
    .halo-fadeInUp.js[data-halo-animate='88'] {
      transition-delay: 4.5s;
      transition-duration: 9.3s; }
    .halo-fadeInUp.js[data-halo-animate='89'] {
      transition-delay: 4.55s;
      transition-duration: 9.4s; }
    .halo-fadeInUp.js[data-halo-animate='90'] {
      transition-delay: 4.6s;
      transition-duration: 9.5s; }
    .halo-fadeInUp.js[data-halo-animate='91'] {
      transition-delay: 4.65s;
      transition-duration: 9.6s; }
    .halo-fadeInUp.js[data-halo-animate='92'] {
      transition-delay: 4.7s;
      transition-duration: 9.7s; }
    .halo-fadeInUp.js[data-halo-animate='93'] {
      transition-delay: 4.75s;
      transition-duration: 9.8s; }
    .halo-fadeInUp.js[data-halo-animate='94'] {
      transition-delay: 4.8s;
      transition-duration: 9.9s; }
    .halo-fadeInUp.js[data-halo-animate='95'] {
      transition-delay: 4.85s;
      transition-duration: 10s; }
    .halo-fadeInUp.js[data-halo-animate='96'] {
      transition-delay: 4.9s;
      transition-duration: 10.1s; }
    .halo-fadeInUp.js[data-halo-animate='97'] {
      transition-delay: 4.95s;
      transition-duration: 10.2s; }
    .halo-fadeInUp.js[data-halo-animate='98'] {
      transition-delay: 5s;
      transition-duration: 10.3s; }
    .halo-fadeInUp.js[data-halo-animate='99'] {
      transition-delay: 5.05s;
      transition-duration: 10.4s; }
    .halo-fadeInUp.js[data-halo-animate='100'] {
      transition-delay: 5.1s;
      transition-duration: 10.5s; }

.js .animated.halo-fadeInUp {
  transform: translateY(0);
  opacity: 1; }

.image-overlay-top {
  top: 0; }

.image-scale-hover {
  transform: scale3d(1.1, 1.1, 1); }

.card-image-centered {
  transform: translate3d(-50%, -50%, 0); }

#homeService1 + #homeService2 {
  margin-top: 8px; }

#homeService1 .homeService1__item {
  position: relative;
  -webkit-box-flex: 0; }
  #homeService1 .homeService1__item::before {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 45px;
    background-color: #22262a;
    content: ''; }
  #homeService1 .homeService1__item:last-child::before {
    content: none; }

#homeService1 .homeService1__text {
  position: relative;
  text-align: left; }

@media (max-width: 1280px) {
  #homeService1 .homeService1 {
    display: inline-block;
    margin-right: 0;
    margin-bottom: 0;
    white-space: normal;
    vertical-align: top;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    -webkit-box-flex: 0; } }

@media (max-width: 768px) {
  #homeService1 .homeService1 {
    flex: 0 0 60%;
    max-width: 60%; } }

@media (max-width: 600px) {
  #homeService1 .homeService1 {
    flex: 0 0 80%;
    max-width: 80%; } }

@media (max-width: 1280px) {
  #homeService1 .homeService1 {
    flex: 0 0 35%;
    max-width: 35%; } }

#homeService1 .homeService1__item {
  flex: 0 0 50%;
  max-width: 50%; }

#homeService1 .homeService1__text {
  top: 4px; }
  #homeService1 .homeService1__text p {
    margin-bottom: 0;
    color: #050505;
    font-size: 15px;
    font-weight: 400;
    text-transform: none; }
    @media (min-width: 600px) {
      #homeService1 .homeService1__text p {
        font-size: 16px; } }

#homeService2 .homeService2__item {
  position: relative;
  -webkit-box-flex: 0; }
  #homeService2 .homeService2__item::before {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 45px;
    background-color: #22262a;
    content: ''; }
  #homeService2 .homeService2__item:last-child::before {
    content: none; }

#homeService2 .homeService2__text {
  position: relative;
  text-align: left; }

@media (max-width: 1280px) {
  #homeService2 .homeService2 {
    display: inline-block;
    margin-right: 0;
    margin-bottom: 0;
    white-space: normal;
    vertical-align: top;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    -webkit-box-flex: 0; } }

@media (max-width: 768px) {
  #homeService2 .homeService2 {
    flex: 0 0 60%;
    max-width: 60%; } }

@media (max-width: 600px) {
  #homeService2 .homeService2 {
    flex: 0 0 80%;
    max-width: 80%; } }

@media (max-width: 1280px) {
  #homeService2 .homeService2 {
    flex: 0 0 35%;
    max-width: 35%; } }

#homeService2 .homeService2__item {
  flex: 0 0 25%;
  max-width: 25%; }

#homeService2 .homeService2__icon {
  display: inline-block;
  margin-right: 8px; }
  #homeService2 .homeService2__icon svg {
    position: relative;
    top: 5px;
    width: 20px !important;
    height: 20px !important; }

#homeService2 .homeService2__slider,
#homeService1 .homeService1__slider {
  display: flex;
  flex-wrap: wrap; }
  @media (max-width: 1280px) {
    #homeService2 .homeService2__slider,
    #homeService1 .homeService1__slider {
      flex-wrap: nowrap;
      overflow: auto;
      scrollbar-gutter: stable;
      overscroll-behavior: contain;
      -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
      -ms-scroll-chaining: none; } }

#homeCategory .homeCategory__slider {
  display: flex;
  flex-wrap: wrap;
  margin-right: -4px;
  margin-left: -4px; }

#homeCategory .homeCategory__item {
  position: relative;
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 4px 8px;
  -webkit-box-flex: 0; }
  @media (min-width: 768px) {
    #homeCategory .homeCategory__item {
      flex: 0 0 33.3334%;
      max-width: 33.3334%; } }
  @media (min-width: 1024px) {
    #homeCategory .homeCategory__item {
      flex: 0 0 25%;
      max-width: 25%; } }
  @media (min-width: 1280px) {
    #homeCategory .homeCategory__item {
      flex: 0 0 20%;
      max-width: 20%; } }

#homeCategory .homeCategory__text {
  position: relative;
  width: 100%;
  padding: 8px 8px 20px;
  text-align: center; }
  @media (min-width: 600px) {
    #homeCategory .homeCategory__text {
      width: calc(100% - 110px);
      padding: 8px 4px; } }
  @media (min-width: 1440px) {
    #homeCategory .homeCategory__text {
      padding: 8px 48px; } }

#homeCategory .homeCategory__icon {
  position: relative;
  display: block;
  width: 110px;
  height: 110px; }
  #homeCategory .homeCategory__icon .icon {
    width: 100%;
    height: 100%; }

#homeCategory .homeCategory__icon .icon {
  padding: 28px; }

#homeCategory .homeCategory__icon svg {
  width: 50px !important;
  height: 50px !important; }

#homeCategory .homeCategory__item a {
  height: 100%; }
  @media (max-width: 600px) {
    #homeCategory .homeCategory__item a {
      flex-direction: column; } }
  @media (min-width: 1024px) and (hover: hover) {
    #homeCategory .homeCategory__item a:hover, #homeCategory .homeCategory__item a:focus {
      border: 1px solid rgba(0, 0, 0, 0.7); }
      #homeCategory .homeCategory__item a:hover .homeCategory__text, #homeCategory .homeCategory__item a:focus .homeCategory__text {
        display: block; } }

.home-banner-image {
  position: relative;
  overflow: hidden; }
  @media (max-width: 768px) {
    .home-banner-image .image-mobile {
      display: block; }
      .home-banner-image .image-mobile + img {
        display: none; } }
  @media (min-width: 768px) {
    .home-banner-image .image-mobile {
      display: none;
      width: auto; } }
  .home-banner-image > a::after {
    display: block;
    width: 100%;
    height: 0;
    content: ''; }
  .home-banner-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: auto;
    height: auto; }

.home-banner-carousel:not(.slick-initialized) .homeBanner2__img:nth-child(n + 2) {
  display: none; }

.home-banner-carousel .slick-arrow::before {
  width: 15px;
  height: 30px; }

.home-banner-carousel .slick-arrow.slick-next {
  right: 0; }
  .home-banner-carousel .slick-arrow.slick-next:hover::before, .home-banner-carousel .slick-arrow.slick-next:focus::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 320 512'%3E%3Cpath d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z' class='fa-secondary' opacity='.9'/%3E%3C/svg%3E");
    background-repeat: no-repeat; }

.home-banner-carousel .slick-arrow.slick-prev {
  left: 0; }
  .home-banner-carousel .slick-arrow.slick-prev:hover::before, .home-banner-carousel .slick-arrow.slick-prev:focus::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 320 512'%3E%3Cpath d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z' class='fa-secondary' opacity='.9'/%3E%3C/svg%3E");
    background-repeat: no-repeat; }

@media (min-width: 768px) {
  .home-banner-carousel .slick-arrow::before {
    width: 22px;
    height: 40px; }
  .home-banner-carousel .slick-arrow.slick-next {
    right: 40px; }
  .home-banner-carousel .slick-arrow.slick-prev {
    left: 40px; } }

#homeBanner3,
#homeBanner2,
#homeBanner5 {
  padding-top: 16px;
  padding-bottom: 16px; }

#homeBanner4 {
  padding-top: 32px;
  padding-bottom: 16px; }

#homeBanner6 {
  padding-top: 32px;
  padding-bottom: 32px; }

#homeBanner7 .homeBanner7__slider {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
  margin-left: -16px; }
  @media (max-width: 1600px) {
    #homeBanner7 .homeBanner7__slider {
      margin-right: -4px;
      margin-left: -4px; } }
  @media (max-width: 768px) {
    #homeBanner7 .homeBanner7__slider {
      display: block;
      margin-right: 0;
      margin-left: 0; } }

#homeBanner7 .homeBanner7__item {
  position: relative;
  padding: 0 0 8px; }
  @media (min-width: 768px) {
    #homeBanner7 .homeBanner7__item {
      flex: 0 0 33.3334%;
      max-width: 33.3334%;
      padding: 0 4px; } }
  @media (min-width: 1024px) {
    #homeBanner7 .homeBanner7__item:hover .image-with-overlay::before, #homeBanner7 .homeBanner7__item:focus .image-with-overlay::before {
      top: 0; } }
  @media (min-width: 1600px) {
    #homeBanner7 .homeBanner7__item {
      padding: 0 16px; } }

#homeBanner8 .homeBanner8__slider {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
  margin-left: -16px; }
  @media (max-width: 1024px) {
    #homeBanner8 .homeBanner8__slider {
      flex-wrap: nowrap;
      margin-right: 0;
      margin-left: 0;
      overflow-x: auto;
      scrollbar-gutter: stable;
      overscroll-behavior: contain;
      -ms-scroll-chaining: none; } }

#homeBanner8 .homeBanner8__item {
  position: relative;
  flex: 0 0 90%;
  max-width: 90%;
  padding: 0 4px;
  -webkit-box-flex: 0; }
  @media (min-width: 600px) {
    #homeBanner8 .homeBanner8__item {
      flex: 0 0 70%;
      max-width: 70%; } }
  @media (min-width: 768px) {
    #homeBanner8 .homeBanner8__item {
      flex: 0 0 50%;
      max-width: 50%;
      padding: 0 16px; } }
  @media (min-width: 1024px) {
    #homeBanner8 .homeBanner8__item:hover .image-with-overlay::before, #homeBanner8 .homeBanner8__item:focus .image-with-overlay::before {
      top: 0; } }

#homeBanner8,
#homeBanner7 {
  padding-top: 16px;
  padding-bottom: 24px; }

#homeBanner9 {
  padding-top: 20px;
  padding-bottom: 16px; }
  @media (min-width: 1024px) {
    #homeBanner9 {
      padding-top: 64px;
      padding-bottom: 36px; } }

#halo_instagram {
  margin-bottom: 24px;
  padding: 0 8px;
  padding-top: 28px; }
  #halo_instagram .halo-instagram-gallery {
    margin: 0 -4px; }
    #halo_instagram .halo-instagram-gallery .container {
      padding: 0; }
  @media (min-width: 1024px) {
    #halo_instagram {
      padding-top: 64px; } }
  @media (min-width: 1280px) {
    #halo_instagram {
      padding-right: 28px;
      padding-left: 28px; } }
  @media (min-width: 1440px) {
    #halo_instagram {
      padding-right: 64px;
      padding-left: 64px; } }
  @media (min-width: 1600px) {
    #halo_instagram {
      padding-right: 64px;
      padding-left: 64px; } }

#halo_instagram_2 {
  padding: 4px 4px 28px; }
  #halo_instagram_2 .halo-block-header {
    text-align: left; }
    #halo_instagram_2 .halo-block-header .halo-block-header {
      padding-right: 8px;
      padding-left: 8px;
      text-align: left; }
      #halo_instagram_2 .halo-block-header .halo-block-header .title {
        margin-bottom: 16px; }
      #halo_instagram_2 .halo-block-header .halo-block-header .content {
        max-width: 380px; }
        #halo_instagram_2 .halo-block-header .halo-block-header .content .title {
          margin-bottom: 16px; }
    #halo_instagram_2 .halo-block-header .desc {
      margin-bottom: 12px; }
    #halo_instagram_2 .halo-block-header .link {
      margin-bottom: 16px; }
    @media (min-width: 600px) {
      #halo_instagram_2 .halo-block-header {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-end;
        justify-content: space-between; } }
    @media (min-width: 1024px) {
      #halo_instagram_2 .halo-block-header {
        padding-right: 64px;
        padding-left: 16px; } }
  #halo_instagram_2 .halo-instagram-gallery .container {
    padding: 0; }
  @media (min-width: 1024px) {
    #halo_instagram_2 .halo-instagram-gallery {
      margin: 0 0 0 -16px; } }
  @media (min-width: 1024px) {
    #halo_instagram_2 .slick-arrow.slick-prev {
      left: 30px; } }
  @media (min-width: 1440px) {
    #halo_instagram_2 .slick-arrow.slick-prev {
      left: 120px; } }
  @media (min-width: 1024px) {
    #halo_instagram_2 .slick-arrow.slick-next {
      right: 30px; } }
  @media (min-width: 1440px) {
    #halo_instagram_2 .slick-arrow.slick-next {
      right: 120px; } }
  @media (min-width: 1024px) {
    #halo_instagram_2 {
      padding-top: 28px;
      padding-left: 28px; }
      #halo_instagram_2 .slick-list {
        padding-right: 210px; } }
  @media (min-width: 1440px) {
    #halo_instagram_2 .slick-list {
      padding-right: 255px; } }
  @media (min-width: 1600px) {
    #halo_instagram_2 {
      padding-top: 48px;
      padding-left: 64px; }
      #halo_instagram_2 .slick-list {
        padding-right: 315px; } }

#halo_image_gallery {
  padding-top: 20px;
  padding-bottom: 4px; }
  #halo_image_gallery .halo-instagram-gallery .container {
    padding: 0; }
  @media (min-width: 1024px) {
    #halo_image_gallery {
      padding-top: 64px;
      padding-bottom: 40px; } }

.halo-image-gallery:not(.slick-initialized) {
  white-space: nowrap; }
  .halo-image-gallery:not(.slick-initialized) .item {
    width: 25%; }
    .halo-image-gallery:not(.slick-initialized) .item .item {
      display: inline-block;
      width: 20%;
      white-space: normal; }
      .halo-image-gallery:not(.slick-initialized) .item .item:nth-child(n + 5) {
        display: none; }
    @media (max-width: 1024px) {
      .halo-image-gallery:not(.slick-initialized) .item {
        width: 33.3334%; }
        .halo-image-gallery:not(.slick-initialized) .item:nth-child(n + 4) {
          display: none; } }
    @media (max-width: 768px) {
      .halo-image-gallery:not(.slick-initialized) .item {
        width: 50%; }
        .halo-image-gallery:not(.slick-initialized) .item:nth-child(n + 3) {
          display: none; } }

.halo-image-gallery .item {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  margin: 0 0 2px;
  padding: 0 1px;
  white-space: normal;
  vertical-align: top; }
  .halo-image-gallery .item:last-child {
    margin-right: 0; }

.halo-image-gallery .image-collection {
  position: relative; }
  .halo-image-gallery .image-collection .image-with-overlay::after {
    display: block;
    padding-bottom: 153.617%;
    content: ''; }
  .halo-image-gallery .image-collection .image-with-overlay img {
    position: absolute;
    width: 100%;
    height: 100%; }

@media (min-width: 1024px) {
  .halo-image-gallery {
    padding-left: 0;
    white-space: unset; } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .halo-image-gallery {
      padding-left: 0;
      white-space: unset; }
      .halo-image-gallery .item {
        margin-right: 0;
        margin-bottom: 0; }
      .halo-image-gallery .image-collection {
        position: relative;
        display: block;
        overflow: hidden; }
        .halo-image-gallery .image-collection .title {
          max-width: 158px;
          margin-bottom: 28px;
          font-size: calc(2 * $nerdenFontSize-base); } }

.home-layout-2 .halo-image-instagram:not(.slick-initialized) {
  overflow-x: auto;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  -ms-scroll-chaining: none; }
  .home-layout-2 .halo-image-instagram:not(.slick-initialized) .item {
    display: inline-block;
    width: calc(33.3334% - 105px);
    white-space: normal; }
    .home-layout-2 .halo-image-instagram:not(.slick-initialized) .item:nth-child(n + 5) {
      display: none; }

@media (max-width: 600px) {
  .home-layout-2 .halo-image-instagram:not(.slick-initialized) .item {
    width: 100%; }
    .home-layout-2 .halo-image-instagram:not(.slick-initialized) .item:nth-child(n + 2) {
      display: none; } }

@media (max-width: 1024px) {
  .home-layout-2 .halo-image-instagram:not(.slick-initialized) .item {
    width: 50%; }
    .home-layout-2 .halo-image-instagram:not(.slick-initialized) .item:nth-child(n + 3) {
      display: none; } }

@media (max-width: 1440px) {
  .home-layout-2 .halo-image-instagram:not(.slick-initialized) .item {
    width: calc(50% - 105px); }
    .home-layout-2 .halo-image-instagram:not(.slick-initialized) .item:nth-child(n + 4) {
      display: none; } }

.halo-image-instagram .image-collection .image-with-overlay::after {
  display: block;
  padding-bottom: 139%;
  content: ''; }
  .halo-image-instagram .image-collection .image-with-overlay::after.home-layout-2 {
    padding-bottom: 100%; }

.halo-image-instagram .image-collection .image-with-overlay img {
  position: absolute;
  width: 100%;
  height: 100%; }
  .halo-image-instagram .image-collection .image-with-overlay img.lazyloaded {
    width: auto;
    min-width: 100%;
    height: auto;
    transition: opacity 0.7s ease; }
    @media (prefers-reduced-motion: reduce) {
      .halo-image-instagram .image-collection .image-with-overlay img.lazyloaded {
        transition: none; } }
  .halo-image-instagram .image-collection .image-with-overlay img.lazyload, .halo-image-instagram .image-collection .image-with-overlay img.lazyloading {
    width: auto;
    height: auto;
    margin: auto;
    -o-object-fit: contain;
    object-fit: contain; }

@media (min-width: 1024px) and (hover: hover) {
  .halo-image-instagram .image-collection:hover .image-with-overlay::before,
  .halo-image-instagram .image-collection:focus .image-with-overlay::before {
    top: 0; } }

.halo-image-instagram:not(.slick-initialized) {
  white-space: nowrap; }
  .halo-image-instagram:not(.slick-initialized) .item {
    display: inline-block;
    width: 20%;
    white-space: normal; }
    .halo-image-instagram:not(.slick-initialized) .item:nth-child(n + 6) {
      display: none; }

.halo-image-instagram .item {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  margin: 0 0 2px;
  padding: 0 4px;
  white-space: normal;
  vertical-align: top; }
  .halo-image-instagram .item:last-child {
    margin-right: 0; }
  .home-layout-2 .halo-image-instagram .item {
    padding: 0 8px; }

@media (min-width: 1024px) and (min-width: 1024px) {
  .halo-image-instagram {
    padding-left: 0;
    white-space: unset; }
    .halo-image-instagram .item {
      margin-right: 0;
      margin-bottom: 0; }
    .halo-image-instagram .image-collection {
      position: relative;
      display: block;
      overflow: hidden; }
      .halo-image-instagram .image-collection .title {
        max-width: 158px;
        margin-bottom: 28px;
        font-size: calc(2 * $nerdenFontSize-base); } }

@media (min-width: 1024px) {
  .halo-image-instagram .item {
    margin-top: 5px; } }

@media (min-width: 1024px) {
  .home-layout-2 .halo-image-instagram .item {
    padding: 0 16px; } }

@media (max-width: 1600px) {
  .home-layout-2 .halo-image-instagram:not(.slick-initialized) .item {
    width: calc(33.3334% - 85px); } }

@media (max-width: 768px) {
  .halo-image-instagram:not(.slick-initialized) .item {
    width: 50%; }
    .halo-image-instagram:not(.slick-initialized) .item:nth-child(n + 3) {
      display: none; } }

@media (max-width: 1024px) {
  .halo-image-instagram:not(.slick-initialized) .item {
    width: 33.3334%; }
    .halo-image-instagram:not(.slick-initialized) .item:nth-child(n + 4) {
      display: none; } }

@media (max-width: 1440px) {
  .halo-image-instagram:not(.slick-initialized) .item {
    width: 25%; }
    .halo-image-instagram:not(.slick-initialized) .item:nth-child(n + 5) {
      display: none; } }

#homeCategory2,
#homeCategory {
  padding-top: 44px;
  padding-bottom: 44px; }

#homeCategory2 .homeCategory2__slider {
  display: flex;
  flex-wrap: wrap;
  margin-right: -4px;
  margin-left: -4px; }

#homeCategory2 .homeCategory2__item {
  position: relative;
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 4px 8px;
  -webkit-box-flex: 0; }
  @media (min-width: 768px) {
    #homeCategory2 .homeCategory2__item {
      flex: 0 0 33.3334%;
      max-width: 33.3334%; } }
  @media (min-width: 1024px) {
    #homeCategory2 .homeCategory2__item {
      flex: 0 0 25%;
      max-width: 25%; } }
  @media (min-width: 1280px) {
    #homeCategory2 .homeCategory2__item {
      flex: 0 0 20%;
      max-width: 20%; } }

#homeCategory2 .homeCategory2__text {
  position: relative;
  width: 100%;
  padding: 8px 8px 20px;
  text-align: center; }
  @media (min-width: 600px) {
    #homeCategory2 .homeCategory2__text {
      width: calc(100% - 110px);
      padding: 8px 4px; } }
  @media (min-width: 1440px) {
    #homeCategory2 .homeCategory2__text {
      padding: 8px 48px; } }

#homeCategory2 .homeCategory2__icon {
  position: relative;
  display: block;
  width: 110px;
  height: 110px; }
  #homeCategory2 .homeCategory2__icon .icon {
    width: 100%;
    height: 100%; }

#homeCategory2 .homeCategory2__icon .icon {
  padding: 8px; }

#homeCategory2 .homeCategory2__icon img {
  max-width: 90px;
  max-height: 90px; }

#homeCustomText {
  padding-top: 20px; }

.homeCustomText__block {
  display: flex;
  flex-wrap: wrap;
  margin-right: -4px;
  margin-left: -4px;
  justify-content: center;
  -ms-flex-pack: center; }

.homeCustomText__item {
  margin-bottom: 8px;
  padding-right: 4px;
  padding-left: 4px; }

@media (min-width: 1024px) and (hover: hover) {
  .homeCustomText__item:hover .homeCustomText__text,
  .homeCustomText__item:focus .homeCustomText__text {
    color: #ffffff; }
    .homeCustomText__item:hover .homeCustomText__text::before,
    .homeCustomText__item:focus .homeCustomText__text::before {
      transform: rotate3d(0, 0, 1, 0) translateZ(0); } }

.homeCustomText__text {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 8px 20px;
  border: 1px solid #fef8e7;
  border-radius: 32px;
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  overflow: hidden; }
  .homeCustomText__text::before {
    position: absolute;
    z-index: -1;
    transform: rotate3d(0, 0, 1, 10deg) translate3d(-1.2em, 110%, 0);
    transform-origin: 0% 100%;
    width: 120%;
    height: 100%;
    background-color: #22262a;
    transition: transform 0.5s ease;
    inset: 0;
    content: '';
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
    @media (prefers-reduced-motion: reduce) {
      .homeCustomText__text::before {
        transition: none; } }

.haloTextCategory__item {
  display: block;
  width: 100%;
  max-width: 1200px;
  margin: 0;
  padding: 0 0 16px;
  text-align: left;
  white-space: normal; }

.haloTextCategory__title {
  display: block;
  margin: 0 0 16px;
  color: #050505;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.5px; }

.haloTextCategory__desc {
  margin: 0;
  color: #22262a;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625;
  letter-spacing: 0.5px; }

@media (min-width: 768px) {
  .haloTextCategory__item {
    padding-right: 30px;
    padding-left: 30px; } }

@media (min-width: 1024px) {
  .haloTextCategory {
    padding-top: 64px;
    padding-bottom: 28px; }
    .haloTextCategory__item {
      padding-right: 0;
      padding-left: 0; }
      .haloTextCategory__item:first-child {
        padding-bottom: 44px; } }

.product-banner-image {
  position: relative;
  overflow: hidden; }
  @media (max-width: 768px) {
    .product-banner-image .image-mobile {
      display: block; }
      .product-banner-image .image-mobile + img {
        display: none; } }
  @media (min-width: 768px) {
    .product-banner-image .image-mobile {
      display: none;
      width: auto; } }
  .product-banner-image > a::after {
    display: block;
    width: 100%;
    height: 0;
    content: ''; }
  .product-banner-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: auto;
    height: auto; }

#productBanner .product-banner-image {
  max-width: 1370px;
  margin: 0 auto; }

#productBanner .productBanner__container {
  width: 100%;
  max-width: 100%; }

.page-type-sitemap .page-content {
  margin-top: 22px; }

.sitemap-list {
  margin: 0; }
  .sitemap-list--item {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none; }
    .sitemap-list--item + .sitemap-list--item {
      margin-top: 30px;
      padding-top: 25px; }
  .sitemap-list--title {
    margin: 0 0 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #a6abb5;
    color: #22262a;
    font-size: calc(24px);
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.5px;
    text-transform: capitalize; }
  .sitemap-list--subItem {
    display: block; }
    .sitemap-list--subItem.sitemap-list--viewAll > a {
      color: #0e119f;
      font-style: italic;
      text-transform: capitalize; }
    .sitemap-list--subItem > a {
      color: #22262a;
      font-size: calc(18px);
      font-weight: 700;
      line-height: 3;
      letter-spacing: 0.5px;
      text-transform: capitalize;
      transition: unset; }
      @media (prefers-reduced-motion: reduce) {
        .sitemap-list--subItem > a {
          transition: none; } }
    .sitemap-list--subItem > ul {
      margin-left: 38.4px; }
    .sitemap-list--subItem li a {
      margin: 0;
      padding: 0;
      color: #22262a;
      font-size: 18px;
      font-weight: 400;
      line-height: 3;
      letter-spacing: 0.5px;
      text-transform: capitalize;
      transition: unset; }
      @media (prefers-reduced-motion: reduce) {
        .sitemap-list--subItem li a {
          transition: none; } }

.halo-block {
  position: relative;
  display: block; }
  .halo-block.halo-block-product .halo-block-header {
    margin: 0 0 28px; }
    .home-layout-2 .halo-block.halo-block-product .halo-block-header {
      margin: 0 0 32px; }
  .halo-block-header {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 20px;
    text-align: center; }
    .halo-block-header.halo-block-header-wrapper {
      padding-right: 8px;
      text-align: left; }
      .halo-block-header.halo-block-header-wrapper .title {
        margin-bottom: 20px; }
      @media (min-width: 600px) {
        .halo-block-header.halo-block-header-wrapper {
          display: flex;
          flex-wrap: nowrap;
          align-items: center;
          justify-content: space-between; }
          .halo-block-header.halo-block-header-wrapper .title {
            margin-bottom: 0; } }
      @media (min-width: 1024px) {
        .halo-block-header.halo-block-header-wrapper {
          padding-right: 64px; } }
    .halo-block-header .title {
      margin: 0;
      color: #030303;
      font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
      font-size: calc($nerdenFontSize-h3 + 2px);
      font-weight: 700;
      line-height: 2;
      letter-spacing: 0.5px;
      font-optical-sizing: auto; }
      .home-layout-2 .halo-block-header .title {
        font-size: calc($nerdenFontSize-h3 + 6px);
        font-weight: 500; }
    .halo-block-header .link {
      margin-bottom: -4px;
      color: #fbbf24;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.625; }

.halo-block-product,
.haloTextCategory {
  padding: 28px 0; }

@media (min-width: 1024px) {
  .home-layout-2 .halo-block-product .container--full {
    padding-left: 64px; } }

@media (max-width: 1024px) {
  .home-layout-2 .halo-block-product .container--full {
    padding: 0 8px; } }

@media (min-width: 1024px) {
  .home-layout-2 .halo-block-product .slick-arrow.slick-next {
    right: 30px; } }

@media (min-width: 1440px) {
  .home-layout-2 .halo-block-product .slick-arrow.slick-next {
    right: 50px; } }

.halo-block-product[data-category-id].is-loading::after {
  background-color: rgba(164, 169, 178, 0.9);
  background-image: url("https://img.rhinorails.com/loading.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100px; }

.halo-block-product[data-category-id].is-loading .loadingOverlay {
  display: block; }

.halo-block-product[data-list-id].is-loading::after {
  background-color: rgba(164, 169, 178, 0.9);
  background-image: url("https://img.rhinorails.com/loading.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100px; }

.halo-block-product[data-list-id].is-loading .loadingOverlay {
  display: block; }

.halo-block-product .productCarousel .productCarousel-slide {
  width: 20%; }

.halo-block-product .productCarousel:not(.slick-initialized) {
  white-space: nowrap; }
  .halo-block-product .productCarousel:not(.slick-initialized) .productCarousel-slide {
    display: inline-block;
    width: 20%;
    white-space: normal; }
    .halo-block-product .productCarousel:not(.slick-initialized) .productCarousel-slide:nth-child(n + 6) {
      display: none; }

@media (max-width: 1440px) {
  .halo-block-product .productCarousel:not(.slick-initialized) .productCarousel-slide {
    width: 25%; }
    .halo-block-product .productCarousel:not(.slick-initialized) .productCarousel-slide:nth-child(n + 5) {
      display: none; } }

@media (max-width: 1024px) {
  .halo-block-product .productCarousel:not(.slick-initialized) .productCarousel-slide {
    width: 33.3334%; }
    .halo-block-product .productCarousel:not(.slick-initialized) .productCarousel-slide:nth-child(n + 4) {
      display: none; } }

@media (max-width: 768px) {
  .halo-block-product .productCarousel:not(.slick-initialized) .productCarousel-slide {
    width: 50%; }
    .halo-block-product .productCarousel:not(.slick-initialized) .productCarousel-slide:nth-child(n + 3) {
      display: none; } }

@media (max-width: 320px) {
  .halo-block-product .productCarousel:not(.slick-initialized) .productCarousel-slide {
    width: 100%; }
    .halo-block-product .productCarousel:not(.slick-initialized) .productCarousel-slide:nth-child(n + 2) {
      display: none; } }

.home-layout-2 .halo-block-product .productCarousel:not(.slick-initialized) {
  font-size: 0;
  white-space: nowrap;
  overflow-x: auto;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  -ms-scroll-chaining: none; }
  .home-layout-2 .halo-block-product .productCarousel:not(.slick-initialized) .productCarousel-slide {
    display: inline-block;
    width: calc(33.3334% - 105px);
    white-space: normal; }
    .home-layout-2 .halo-block-product .productCarousel:not(.slick-initialized) .productCarousel-slide:nth-child(n + 5) {
      display: none; }

@media (max-width: 1600px) {
  .home-layout-2 .halo-block-product .productCarousel:not(.slick-initialized) .productCarousel-slide {
    width: calc(33.3334% - 85px); } }

@media (max-width: 1440px) {
  .home-layout-2 .halo-block-product .productCarousel:not(.slick-initialized) .productCarousel-slide {
    width: calc(50% - 105px); }
    .home-layout-2 .halo-block-product .productCarousel:not(.slick-initialized) .productCarousel-slide:nth-child(n + 4) {
      display: none; } }

@media (max-width: 1024px) {
  .home-layout-2 .halo-block-product .productCarousel:not(.slick-initialized) .productCarousel-slide {
    width: 50%; }
    .home-layout-2 .halo-block-product .productCarousel:not(.slick-initialized) .productCarousel-slide:nth-child(n + 3) {
      display: none; } }

@media (max-width: 600px) {
  .home-layout-2 .halo-block-product .productCarousel:not(.slick-initialized) .productCarousel-slide {
    width: 100%; }
    .home-layout-2 .halo-block-product .productCarousel:not(.slick-initialized) .productCarousel-slide:nth-child(n + 2) {
      display: none; } }

@media (min-width: 1024px) {
  .halo-block-product {
    padding-top: 28px;
    padding-bottom: 16px; }
    .page-type-product .halo-block-product {
      padding-bottom: 30px; }
  .page-type-product .halo-block-product .halo-block-header {
    text-align: left; }
  .page-type-product .halo-block-product + .halo-block-product {
    padding-top: 44px; }
  .halo-block-product [data-dots-bar='true'] .slick-list {
    padding-right: 128px; } }

@media (min-width: 1440px) {
  .halo-block-product [data-dots-bar='true'] .slick-list {
    padding-right: 320px; } }

@media (min-width: 1600px) {
  .halo-block-product [data-dots-bar='true'] .slick-list {
    padding-right: 320px; } }

.productCarousel-tabs .tabs {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 0;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
  overflow-x: auto;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  list-style: none;
  -ms-scroll-chaining: none; }
  .productCarousel-tabs .tabs .tab {
    display: inline-block;
    margin: 0 0 2px 8px;
    border: 0;
    vertical-align: top;
    background: 0;
    float: none; }
    .productCarousel-tabs .tabs .tab:first-child {
      margin-left: 0; }
    .productCarousel-tabs .tabs .tab.is-active .tab-title {
      border-color: #22262a;
      color: #ffffff;
      font-weight: 600;
      background-color: #22262a; }
  .productCarousel-tabs .tabs .tab-title {
    min-width: 226px;
    padding: 12px 8px;
    border: 1px solid #c2c5cc;
    border-radius: 32px;
    color: #22262a;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden; }
    @media (min-width: 1024px) and (hover: hover) {
      .productCarousel-tabs .tabs .tab-title:hover, .productCarousel-tabs .tabs .tab-title:focus {
        border-color: #22262a;
        color: #ffffff;
        font-weight: 600;
        background-color: #22262a; } }
  @media (max-width: 768px) {
    .productCarousel-tabs .tabs {
      margin: 0 -8px;
      padding: 0 8px; }
      .productCarousel-tabs .tabs::before {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        transform: rotate(180deg);
        display: block;
        width: 12px;
        height: 55px;
        background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0.1));
        content: ''; }
      .productCarousel-tabs .tabs::after {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        display: block;
        width: 50px;
        height: 55px;
        background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0.1));
        content: ''; }
      .productCarousel-tabs .tabs .tab:last-child {
        padding-right: 20px; } }

.productCarousel-tabs .tabs-contents {
  position: relative;
  margin-bottom: 0; }
  .productCarousel-tabs .tabs-contents .tab-content:not(.is-active) {
    display: none; }

.productCarousel-tabs .loadingOverlay::before {
  top: 100%; }

@media (min-width: 600px) {
  .productCarousel-tabs .tabs {
    padding-bottom: 14px; }
    .productCarousel-tabs .tabs .tab {
      width: auto;
      margin-bottom: 0; }
    .productCarousel-tabs .tabs .tab-title {
      padding-right: 24px;
      padding-left: 24px;
      line-height: 1.5;
      text-overflow: unset;
      white-space: unset;
      overflow: unset; } }

.productCarousel-wrapper {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between; }
  .productCarousel-wrapper .image {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center; }
    .productCarousel-wrapper .image img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      max-width: 100%;
      height: 100%;
      max-height: 100%;
      -o-object-fit: cover;
      object-fit: cover; }
  .productCarousel-wrapper .content {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 36px; }
    .productCarousel-wrapper .content .sub-heading {
      display: block;
      margin: 0 0 4px;
      color: #ffffff;
      font-size: calc(calc($nerdenFontSize-base - 12px));
      font-weight: 400;
      line-height: 1.625;
      text-transform: uppercase; }
    .productCarousel-wrapper .content .heading {
      margin: 0 0 4px;
      color: #ffffff;
      font-size: 25.008px;
      font-weight: 400;
      line-height: 1.625; }
    .productCarousel-wrapper .content .desc {
      display: block;
      margin: 0 0 8px;
      color: #ffffff;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5; }
    .productCarousel-wrapper .content .button {
      min-width: 142px; }
  .productCarousel-wrapper .productCarousel {
    width: auto;
    min-width: auto;
    max-width: inherit; }
  .productCarousel-wrapper .productBanner {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 0 16px; }
  .productCarousel-wrapper .bannerContent {
    position: relative;
    height: 250px;
    overflow: hidden; }
  @media (min-width: 768px) {
    .productCarousel-wrapper {
      flex-direction: unset; }
      .productCarousel-wrapper .image img {
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
        height: auto;
        -o-object-fit: unset;
        object-fit: unset; }
      .productCarousel-wrapper .content .heading {
        margin: 0 0 24px;
        font-size: calc(2 * $nerdenFontSize-base); }
      .productCarousel-wrapper .content .desc {
        margin-bottom: 32px; }
      .productCarousel-wrapper .productCarousel {
        width: 100% !important;
        max-width: calc(100% - 290px); }
      .productCarousel-wrapper .productBanner {
        max-width: 290px;
        margin-bottom: 0; }
      .productCarousel-wrapper .bannerContent {
        height: auto;
        overflow: unset; } }
  @media (min-width: 1024px) {
    .productCarousel-wrapper .bannerContent::before, .productCarousel-wrapper .bannerContent::after {
      position: absolute;
      opacity: 0;
      transition: opacity 0.35s, transform 0.35s;
      inset: 8px;
      content: ''; } }
  @media (min-width: 1024px) and (prefers-reduced-motion: reduce) {
    .productCarousel-wrapper .bannerContent::before, .productCarousel-wrapper .bannerContent::after {
      transition: none; } }
  @media (min-width: 1024px) {
    .productCarousel-wrapper .bannerContent::before {
      transform-origin: 0 0;
      border-top: 1px solid #ffffff;
      border-bottom: 1px solid #ffffff; }
    .productCarousel-wrapper .bannerContent::after {
      transform-origin: 100% 0;
      border-right: 1px solid #ffffff;
      border-left: 1px solid #ffffff; } }

#categoryFeatured1 {
  padding-top: 0;
  padding-bottom: 30px; }
  #categoryFeatured1 .categoryFeatured1__slider {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    @media (max-width: 600px) {
      #categoryFeatured1 .categoryFeatured1__slider {
        display: block;
        margin-right: 0;
        margin-left: 0; } }
  #categoryFeatured1 .categoryFeatured1__item {
    position: relative; }
    #categoryFeatured1 .categoryFeatured1__item .image-with-overlay {
      border-radius: 8px !important; }
      #categoryFeatured1 .categoryFeatured1__item .image-with-overlay::after {
        padding-bottom: 100%; }
      #categoryFeatured1 .categoryFeatured1__item .image-with-overlay img {
        position: absolute;
        top: 0;
        left: 0;
        transform: none;
        width: 100%;
        height: 100%;
        border-radius: 8px !important;
        transition: opacity 0.7s ease; }
        #categoryFeatured1 .categoryFeatured1__item .image-with-overlay img.lazyloaded {
          width: auto;
          min-width: 100%;
          height: auto;
          transition: opacity 0.7s ease; }
          @media (prefers-reduced-motion: reduce) {
            #categoryFeatured1 .categoryFeatured1__item .image-with-overlay img.lazyloaded {
              transition: none; } }
        #categoryFeatured1 .categoryFeatured1__item .image-with-overlay img.lazyload, #categoryFeatured1 .categoryFeatured1__item .image-with-overlay img.lazyloading {
          width: auto;
          height: auto;
          margin: auto;
          -o-object-fit: contain;
          object-fit: contain; }
        @media (prefers-reduced-motion: reduce) {
          #categoryFeatured1 .categoryFeatured1__item .image-with-overlay img {
            transition: none; } }
      @media (max-width: 1024px) {
        #categoryFeatured1 .categoryFeatured1__item .image-with-overlay::before {
          position: absolute;
          top: 0;
          right: 0;
          left: auto;
          transform: none;
          width: 100%;
          height: 100%;
          background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.6) 100%);
          transition: opacity 0.3s ease;
          content: ''; } }
  @media (max-width: 1024px) and (prefers-reduced-motion: reduce) {
    #categoryFeatured1 .categoryFeatured1__item .image-with-overlay::before {
      transition: none; } }
    #categoryFeatured1 .categoryFeatured1__item .content-wrapper {
      position: absolute;
      top: auto;
      bottom: 30px;
      left: 50%;
      z-index: 3;
      transform: translateX(-50%);
      display: block;
      width: 97%;
      padding: 0 15px;
      text-align: center; }
      @media (min-width: 1600px) {
        #categoryFeatured1 .categoryFeatured1__item .content-wrapper {
          bottom: 65px; } }
    #categoryFeatured1 .categoryFeatured1__item .title {
      position: relative;
      display: block;
      padding-bottom: 8px;
      color: #ffffff;
      font-size: 30px;
      font-weight: 500;
      line-height: 1.5;
      text-transform: capitalize; }
    #categoryFeatured1 .categoryFeatured1__item .desc {
      margin-bottom: 20px;
      color: #ffffff;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.625; }
    #categoryFeatured1 .categoryFeatured1__item .link {
      margin-bottom: 5px;
      color: #000000;
      font-size: 18px;
      font-weight: 500;
      line-height: 1.625; }
    #categoryFeatured1 .categoryFeatured1__item .categoryFeatured1__img {
      width: 532px;
      height: 100%;
      padding: 0; }
      #categoryFeatured1 .categoryFeatured1__item .categoryFeatured1__img::after {
        padding-bottom: 100%; }
      @media (min-width: 768px) {
        #categoryFeatured1 .categoryFeatured1__item .categoryFeatured1__img {
          display: flex;
          flex-wrap: nowrap;
          -moz-align-items: center;
          -ms-align-items: center;
          align-items: center;
          justify-content: center;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center; } }
    @media (min-width: 600px) {
      #categoryFeatured1 .categoryFeatured1__item {
        flex: 0 0 50%;
        max-width: 50%; } }
    @media (min-width: 1024px) {
      #categoryFeatured1 .categoryFeatured1__item {
        flex: 0 0 33.3334%;
        max-width: 33.3334%; }
        #categoryFeatured1 .categoryFeatured1__item:hover .image-with-overlay::before, #categoryFeatured1 .categoryFeatured1__item:focus .image-with-overlay::before {
          top: 0; }
        #categoryFeatured1 .categoryFeatured1__item:hover .image-with-overlay img, #categoryFeatured1 .categoryFeatured1__item:focus .image-with-overlay img {
          transform: scale3d(1.1, 1.1, 1); } }
  @media (min-width: 1024px) {
    #categoryFeatured1 {
      padding-top: 0;
      padding-bottom: 50px; } }

#categoryFeatured2 {
  padding-top: 24px;
  padding-bottom: 28px; }
  #categoryFeatured2 .halo-block-header {
    display: none;
    margin-bottom: 36px; }
    #categoryFeatured2 .halo-block-header .halo-block-header {
      padding-right: 8px;
      padding-left: 8px;
      text-align: left; }
      #categoryFeatured2 .halo-block-header .halo-block-header .title {
        margin-bottom: 16px; }
      #categoryFeatured2 .halo-block-header .halo-block-header .content {
        max-width: 380px; }
        #categoryFeatured2 .halo-block-header .halo-block-header .content .title {
          margin-bottom: 16px; }
    #categoryFeatured2 .halo-block-header .link a {
      margin-bottom: 4px;
      color: #fbbf24;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.625; }

.categoryFeatured1__slider,
.categoryFeatured2__slider {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.categoryFeatured2__item.categoryFeatured2__item--first {
  position: relative;
  display: block; }
  .categoryFeatured2__item.categoryFeatured2__item--first .halo-block-header {
    display: block;
    margin-bottom: 36px;
    padding-top: 0;
    padding-right: 8px;
    padding-left: 8px;
    text-align: left; }
    .categoryFeatured2__item.categoryFeatured2__item--first .halo-block-header .content {
      max-width: 380px; }
      .categoryFeatured2__item.categoryFeatured2__item--first .halo-block-header .content .title {
        margin-bottom: 20px;
        color: #030303;
        font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
        font-size: calc($nerdenFontSize-h3 + 6px);
        font-weight: 500;
        line-height: 2;
        letter-spacing: 0.5px;
        font-optical-sizing: auto; }
    .categoryFeatured2__item.categoryFeatured2__item--first .halo-block-header .link a {
      margin-bottom: 4px;
      color: #fbbf24;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.625; }

.categoryFeatured2__item .content-wrapper {
  position: absolute;
  top: auto;
  bottom: 30px;
  left: 30px;
  display: block;
  width: 100%;
  max-width: 300px;
  padding: 0 4px;
  text-align: left; }

.categoryFeatured2__item .title {
  position: relative;
  display: block;
  margin-bottom: 16px;
  color: #ffffff;
  font-size: 31.248px;
  font-weight: 500;
  line-height: 1.5;
  text-transform: capitalize; }

.categoryFeatured2__item .desc {
  margin-bottom: 28px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5; }

.categoryFeatured2__item .link {
  margin-bottom: 4px;
  color: #ffffff;
  font-size: calc(18px);
  font-weight: 500;
  line-height: 1.625; }
  .categoryFeatured2__item .link .icon {
    width: 34px !important;
    height: 34px !important;
    margin-left: 8px;
    opacity: 1;
    visibility: visible;
    transition: transform 0.3s ease;
    fill: #ffffff; }
    @media (prefers-reduced-motion: reduce) {
      .categoryFeatured2__item .link .icon {
        transition: none; } }

.categoryFeatured2__item .image-with-overlay::after {
  padding-bottom: 100%; }

.categoryFeatured2__item .image-with-overlay img {
  position: absolute;
  top: 0;
  left: 0;
  transform: none;
  width: 100%;
  height: 100%;
  transition: opacity 0.7s ease; }
  @media (prefers-reduced-motion: reduce) {
    .categoryFeatured2__item .image-with-overlay img {
      transition: none; } }

.categoryFeatured2__item .categoryFeatured2__img {
  height: 100%;
  padding: 0; }
  .categoryFeatured2__item .categoryFeatured2__img::after {
    padding-bottom: 122.2222%; }

.categoryFeatured2__item,
.halo-image-instagram .image-collection,
.categoryFeatured1__item {
  position: relative; }

@media (max-width: 768px) {
  .categoryFeatured2__slider {
    display: block;
    margin-right: 0;
    margin-left: 0; } }

@media (max-width: 1024px) {
  .categoryFeatured2__item .image-with-overlay::before {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    transform: none;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.6) 100%);
    transition: opacity 0.3s ease;
    content: ''; } }
  @media (max-width: 1024px) and (prefers-reduced-motion: reduce) {
    .categoryFeatured2__item .image-with-overlay::before {
      transition: none; } }

@media (min-width: 768px) {
  .categoryFeatured2__item {
    flex: 0 0 50%;
    max-width: 50%; }
    .categoryFeatured2__item.categoryFeatured2__item--first .halo-block-header {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      padding-top: 0;
      padding-left: 8px;
      text-align: center; }
      .categoryFeatured2__item.categoryFeatured2__item--first .halo-block-header .content {
        max-width: 100%; } }

@media (min-width: 1024px) {
  #categoryFeatured2 {
    padding-top: 32px; }
    #categoryFeatured2 .halo-block-header {
      display: flex;
      flex-wrap: nowrap;
      padding-right: 64px;
      padding-left: 64px;
      align-items: center;
      justify-content: space-between; }
      #categoryFeatured2 .halo-block-header .content .title {
        margin-bottom: 0; }
  .categoryFeatured2__item {
    flex: 0 0 33.3334%;
    max-width: 33.3334%; }
    .categoryFeatured2__item.categoryFeatured2__item--first {
      display: none; }
    .categoryFeatured2__item .content-wrapper {
      left: 10px;
      max-width: calc(100% - 20px); }
    .categoryFeatured2__item .desc {
      height: 0;
      margin-bottom: 0;
      opacity: 0;
      visibility: hidden;
      -webkit-animation-name: fadeOutDown;
      animation-name: fadeOutDown;
      -webkit-animation-duration: 0.5s;
      animation-duration: 0.5s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; } }
    @media (min-width: 1024px) and (prefers-reduced-motion: reduce) {
      .categoryFeatured2__item .desc {
        transition: none;
        -webkit-animation: none;
        animation: none; } }

@media (min-width: 1024px) {
    .categoryFeatured2__item .link .icon {
      opacity: 0;
      visibility: hidden; } }

@media (min-width: 1024px) and (hover: hover) {
  .categoryFeatured2__item .link:hover .icon,
  .categoryFeatured2__item .link:focus .icon {
    transform: translate(5px); }
  .categoryFeatured2__item:hover .image-with-overlay::before,
  .categoryFeatured2__item:focus .image-with-overlay::before {
    top: 0; }
  .categoryFeatured2__item:hover .content-wrapper .title,
  .categoryFeatured2__item:focus .content-wrapper .title {
    margin-bottom: 24px; }
  .categoryFeatured2__item:hover .content-wrapper .desc,
  .categoryFeatured2__item:focus .content-wrapper .desc {
    height: 100%;
    margin-bottom: 28px;
    opacity: 1;
    visibility: visible;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp; } }
  @media (min-width: 1024px) and (hover: hover) and (prefers-reduced-motion: reduce) {
    .categoryFeatured2__item:hover .content-wrapper .desc,
    .categoryFeatured2__item:focus .content-wrapper .desc {
      -webkit-animation: none;
      animation: none; } }

@media (min-width: 1024px) and (hover: hover) {
  .categoryFeatured2__item:hover .content-wrapper .link .icon,
  .categoryFeatured2__item:focus .content-wrapper .link .icon {
    opacity: 1;
    visibility: visible; } }

@media (min-width: 1440px) {
  .categoryFeatured2__item .content-wrapper {
    max-width: 300px; } }

@media (min-width: 1600px) {
  .categoryFeatured2__item .content-wrapper {
    bottom: 70px;
    left: 60px; } }

#popularCategory {
  padding: 24px 0 20px; }
  #popularCategory .popularCategory__container {
    font-size: 0; }
  @media (min-width: 1024px) {
    #popularCategory .popularCategory__wrapper {
      display: flex;
      flex-wrap: nowrap;
      align-items: center; } }
  #popularCategory .popularCategory__header {
    width: 100%;
    max-width: 500px;
    margin: 0 auto 32px;
    text-align: center; }
    #popularCategory .popularCategory__header .link {
      margin-bottom: 4px;
      color: #fbbf24;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.625; }
    #popularCategory .popularCategory__header .title {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 16px;
      color: #050505;
      font-size: 25px;
      font-weight: 400;
      line-height: 1.5;
      text-decoration: none; }
    #popularCategory .popularCategory__header .desc {
      margin-bottom: 20px;
      color: #22262a;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.625; }
    @media (min-width: 1024px) {
      #popularCategory .popularCategory__header {
        margin: 0 auto;
        padding-right: 64px;
        text-align: left; } }
    @media (min-width: 1600px) {
      #popularCategory .popularCategory__header {
        width: 455px; } }
  #popularCategory .popularCategory__carousel {
    min-height: 200px;
    margin: 0;
    padding: 0;
    text-align: center;
    white-space: nowrap; }
    #popularCategory .popularCategory__carousel .slick-arrow {
      top: 35%; }
    #popularCategory .popularCategory__carousel .popularCategory__item {
      width: 20%;
      margin-bottom: 0;
      padding: 0;
      font-size: 16px;
      text-align: center;
      white-space: normal;
      vertical-align: top; }
      #popularCategory .popularCategory__carousel .popularCategory__item:not(.slick-initialized) #popularCategory .popularCategory__carousel .popularCategory__item {
        display: inline-block; }
        #popularCategory .popularCategory__carousel .popularCategory__item:not(.slick-initialized) #popularCategory .popularCategory__carousel .popularCategory__item:nth-child(n + 6) {
          display: none; }
      #popularCategory .popularCategory__carousel .popularCategory__item .popularCategory__img {
        display: inline-block;
        width: 100%;
        max-width: 220px;
        margin: 0 auto 20px; }
        #popularCategory .popularCategory__carousel .popularCategory__item .popularCategory__img > a {
          position: relative;
          display: block;
          overflow: hidden; }
          #popularCategory .popularCategory__carousel .popularCategory__item .popularCategory__img > a::after {
            display: block;
            width: 100%;
            height: 0;
            content: ''; }
          #popularCategory .popularCategory__carousel .popularCategory__item .popularCategory__img > a img {
            position: absolute;
            transform: none;
            width: 100%;
            max-height: 100%;
            border: 0;
            inset: 0;
            -o-object-fit: contain;
            object-fit: contain; }
          #popularCategory .popularCategory__carousel .popularCategory__item .popularCategory__img > a::after {
            padding-bottom: 59.0909%; }
      #popularCategory .popularCategory__carousel .popularCategory__item .popularCategory__content {
        padding: 0; }
        #popularCategory .popularCategory__carousel .popularCategory__item .popularCategory__content .popularCategory__name {
          display: inline-block;
          margin-bottom: 0;
          color: #22262a;
          font-size: 16px;
          font-weight: 400;
          text-decoration: none; }
        #popularCategory .popularCategory__carousel .popularCategory__item .popularCategory__content .popularCategory__des {
          margin-top: 8px;
          line-height: 1.5; }
          #popularCategory .popularCategory__carousel .popularCategory__item .popularCategory__content .popularCategory__des p:last-child {
            margin-bottom: 0; }
      @media (min-width: 1024px) {
        #popularCategory .popularCategory__carousel .popularCategory__item:hover .popularCategory__name, #popularCategory .popularCategory__carousel .popularCategory__item:focus .popularCategory__name {
          color: #fbbf24;
          font-weight: 500; } }
    @media (max-width: 1600px) {
      #popularCategory .popularCategory__carousel:not(.slick-initialized) .popularCategory__item {
        width: 25%; }
        #popularCategory .popularCategory__carousel:not(.slick-initialized) .popularCategory__item:nth-child(n + 5) {
          display: none; } }
    @media (max-width: 1440px) {
      #popularCategory .popularCategory__carousel:not(.slick-initialized) .popularCategory__item {
        width: 33.3334%; }
        #popularCategory .popularCategory__carousel:not(.slick-initialized) .popularCategory__item:nth-child(n + 4) {
          display: none; } }
    @media (max-width: 768px) {
      #popularCategory .popularCategory__carousel:not(.slick-initialized) .popularCategory__item {
        width: 50%; }
        #popularCategory .popularCategory__carousel:not(.slick-initialized) .popularCategory__item:nth-child(n + 3) {
          display: none; } }
    @media (min-width: 1024px) {
      #popularCategory .popularCategory__carousel {
        width: calc(100% - 400px);
        min-width: auto; } }
    @media (min-width: 1600px) {
      #popularCategory .popularCategory__carousel {
        width: calc(100% - 520px);
        margin: 0 64px; } }
  @media (min-width: 1024px) {
    #popularCategory {
      padding: 40px 0 48px; } }

.popularCategory__carousel.slick-slider .slick-track {
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform; }

.popularCategory__carousel.slick-slider .slick-slide {
  transform: translateZ(0); }

.popularCategory__carousel .popularCategory__item {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform; }
  .popularCategory__carousel .popularCategory__item .popularCategory__img {
    position: relative;
    height: 0;
    padding-bottom: 59.0909%; }
    .popularCategory__carousel .popularCategory__item .popularCategory__img img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain; }
  .popularCategory__carousel .popularCategory__item .popularCategory__content {
    transform: translateZ(0);
    min-height: 48px; }
    .popularCategory__carousel .popularCategory__item .popularCategory__content .popularCategory__name {
      transform: translateZ(0);
      display: block; }

#lookBook1 {
  padding: 5px 0 30px; }
  #lookBook1 .lookBook1__container {
    font-size: 0; }
    @media (min-width: 1024px) {
      #lookBook1 .lookBook1__container {
        padding-left: 60px; } }
  @media (min-width: 1024px) {
    #lookBook1 .lookBook1__wrapper {
      display: flex;
      flex-wrap: nowrap;
      align-items: flex-start; } }
  #lookBook1 .lookBook1__header {
    width: 100%;
    max-width: 380px;
    margin: 0 auto 28px;
    text-align: center; }
    #lookBook1 .lookBook1__header .link {
      margin-bottom: 4px;
      color: #fbbf24;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.625; }
    #lookBook1 .lookBook1__header .title {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 16px;
      color: #050505;
      font-size: 31.248px;
      font-weight: 500;
      line-height: 1.5;
      text-decoration: none; }
    #lookBook1 .lookBook1__header .desc {
      margin-bottom: 16px;
      color: rgba(0, 0, 0, 0.7);
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5; }
    @media (min-width: 1024px) {
      #lookBook1 .lookBook1__header {
        margin: 0 auto;
        padding-top: 64px;
        padding-right: 48px;
        text-align: left; } }
  #lookBook1 .lookBook1__carousel {
    margin: 0;
    padding: 0;
    text-align: center;
    white-space: nowrap; }
    #lookBook1 .lookBook1__carousel:not(.slick-initialized) {
      overflow-x: auto;
      scrollbar-gutter: stable;
      overscroll-behavior: contain;
      -ms-scroll-chaining: none; }
      #lookBook1 .lookBook1__carousel:not(.slick-initialized) .lookBook1__item {
        display: inline-block;
        width: calc(100% - 145px); }
        #lookBook1 .lookBook1__carousel:not(.slick-initialized) .lookBook1__item:nth-child(n + 3) {
          display: none; }
        @media (max-width: 1600px) {
          #lookBook1 .lookBook1__carousel:not(.slick-initialized) .lookBook1__item {
            width: calc(100% - 105px); }
            #lookBook1 .lookBook1__carousel:not(.slick-initialized) .lookBook1__item:nth-child(n + 3) {
              display: none; } }
        @media (max-width: 1024px) {
          #lookBook1 .lookBook1__carousel:not(.slick-initialized) .lookBook1__item {
            width: 100%; }
            #lookBook1 .lookBook1__carousel:not(.slick-initialized) .lookBook1__item:nth-child(n + 2) {
              display: none; } }
    @media (min-width: 1024px) {
      #lookBook1 .lookBook1__carousel .slick-arrow.slick-next {
        right: 30px; } }
    @media (min-width: 1440px) {
      #lookBook1 .lookBook1__carousel .slick-arrow.slick-next {
        right: 100px; } }
    #lookBook1 .lookBook1__carousel .lookBook1__item {
      width: 100%;
      margin-bottom: 0;
      padding: 0;
      font-size: 16px;
      text-align: center;
      white-space: normal;
      vertical-align: top; }
      #lookBook1 .lookBook1__carousel .lookBook1__item .lookBook1__img {
        position: relative;
        display: block;
        width: 100%;
        margin-bottom: 0;
        overflow: hidden; }
        #lookBook1 .lookBook1__carousel .lookBook1__item .lookBook1__img::after {
          display: block;
          width: 100%;
          height: 0;
          padding-bottom: 60.6299%;
          content: ''; }
        #lookBook1 .lookBook1__carousel .lookBook1__item .lookBook1__img img {
          position: absolute;
          transform: none;
          width: 100%;
          max-height: 100%;
          margin: auto;
          border: 0;
          inset: 0;
          -o-object-fit: contain;
          object-fit: contain; }
      @media (min-width: 1024px) {
        #lookBook1 .lookBook1__carousel .lookBook1__item {
          padding: 0 15px; }
          #lookBook1 .lookBook1__carousel .lookBook1__item:hover .lookBook1__btnShowProducts, #lookBook1 .lookBook1__carousel .lookBook1__item:focus .lookBook1__btnShowProducts {
            opacity: 1;
            visibility: visible; } }
    @media (min-width: 1024px) {
      #lookBook1 .lookBook1__carousel {
        width: calc(100% - 380px);
        min-width: auto; }
        #lookBook1 .lookBook1__carousel .slick-list {
          padding-right: 105px; } }
    @media (min-width: 1600px) {
      #lookBook1 .lookBook1__carousel .slick-list {
        padding-right: 145px; } }
  #lookBook1 .lookBook1__point {
    position: absolute;
    z-index: 2;
    display: flex;
    flex-wrap: nowrap;
    pointer-events: auto;
    align-items: center; }
    @media (min-width: 1024px) {
      #lookBook1 .lookBook1__point {
        min-height: 72px; } }
  #lookBook1 .lookBook1__icon {
    position: relative;
    display: inline-block;
    border-radius: 50%;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    vertical-align: top;
    background-color: #ffffff;
    cursor: pointer;
    pointer-events: auto;
    width: 1rem;
    height: 1rem;
    color: #ffffff;
    font-size: 0; }
    #lookBook1 .lookBook1__icon::before {
      position: absolute;
      top: -7px;
      left: -7px;
      z-index: -1;
      width: 1.75rem;
      height: 1.75rem;
      border-radius: 50%;
      background-color: #22262a;
      opacity: 0.5;
      content: ''; }
    #lookBook1 .lookBook1__icon::after {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      content: ''; }
  #lookBook1 .lookBook__popup {
    position: relative;
    left: 35px;
    transform-origin: left;
    max-width: 450px;
    font-size: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    -webkit-animation: scaleRightToLeft 0.3s ease;
    animation: scaleRightToLeft 0.3s ease;
    display: none; }
    #lookBook1 .lookBook__popup.is-open {
      opacity: 1;
      visibility: visible;
      -webkit-animation: scaleLeftToRight 0.3s ease;
      animation: scaleLeftToRight 0.3s ease; }
      @media (prefers-reduced-motion: reduce) {
        #lookBook1 .lookBook__popup.is-open {
          -webkit-animation: none;
          animation: none; } }
    @media (prefers-reduced-motion: reduce) {
      #lookBook1 .lookBook__popup {
        -webkit-animation: none;
        animation: none; } }
    #lookBook1 .lookBook__popup .card-lookbook {
      min-width: 450px;
      max-width: 100%;
      border-radius: 5px;
      box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.28); }
      #lookBook1 .lookBook__popup .card-lookbook::before {
        position: absolute;
        top: 50%;
        left: -10px;
        transform: translateY(-50%);
        display: inline-block;
        border-top: 10px solid transparent;
        border-right: 10px solid #ffffff;
        border-bottom: 10px solid transparent;
        content: ''; }
      #lookBook1 .lookBook__popup .card-lookbook .card-body {
        padding: 8px 14px; }
      #lookBook1 .lookBook__popup .card-lookbook .card-title {
        padding: 0; }
    #lookBook1 .lookBook__popup .price-section--saving {
      display: none; }
    @media (min-width: 1024px) {
      #lookBook1 .lookBook__popup {
        display: block; } }
  #lookBook1 .lookBook1__btnShowProducts {
    position: absolute;
    z-index: 2;
    display: flex;
    flex-wrap: nowrap;
    min-width: 140px;
    height: 30px;
    border-radius: 4px;
    font-size: 12.8px;
    font-weight: 400;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out;
    align-items: center;
    bottom: 25px;
    left: 40px;
    z-index: 5; }
    #lookBook1 .lookBook1__btnShowProducts.is-show .icon_plus {
      transform: rotate(45deg); }
    #lookBook1 .lookBook1__btnShowProducts.is-show .hide_products {
      font-size: 15px;
      opacity: 1;
      visibility: visible; }
    #lookBook1 .lookBook1__btnShowProducts .icon_plus {
      position: relative;
      width: 11px;
      height: 30px;
      padding: 0 16px;
      font-size: 0;
      transition: transform 0.3s ease; }
      #lookBook1 .lookBook1__btnShowProducts .icon_plus::before, #lookBook1 .lookBook1__btnShowProducts .icon_plus::after {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #ffffff;
        content: ''; }
      #lookBook1 .lookBook1__btnShowProducts .icon_plus::before {
        width: 2px;
        height: 12px; }
      #lookBook1 .lookBook1__btnShowProducts .icon_plus::after {
        width: 12px;
        height: 2px; }
      @media (prefers-reduced-motion: reduce) {
        #lookBook1 .lookBook1__btnShowProducts .icon_plus {
          transition: none; } }
    #lookBook1 .lookBook1__btnShowProducts .hide_products {
      font-size: 0;
      opacity: 0;
      visibility: hidden; }
  @media (min-width: 1024px) {
    #lookBook1 {
      padding: 65px 0 40px; } }

.lookbook-popup {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 103;
  transform: translate3d(0, 100%, 0);
  width: auto;
  max-width: 100%;
  border-width: 1px;
  border-color: #c2c5cc;
  border-radius: 0.75rem;
  background-color: #ffffff;
  opacity: 0;
  visibility: hidden;
  transition: transform 0.3s ease, opacity 0.3s ease; }
  .lookbook-popup .close {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 15px; }
    .lookbook-popup .close svg {
      width: 20px !important;
      height: 20px !important;
      vertical-align: top;
      fill: #22262a; }
  .lookbook-popup .lookbook-popup-title {
    position: relative;
    padding: 12px 40px;
    border-bottom: 1px solid #cbd5e1;
    text-align: center; }
    .lookbook-popup .lookbook-popup-title .title {
      max-width: 270px;
      margin: 0 auto; }
  .lookbook-popup .lookbook-popup-content {
    display: flex;
    flex-wrap: nowrap;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
    padding: 20px;
    white-space: nowrap;
    overflow-y: auto;
    scrollbar-gutter: stable;
    overscroll-behavior: contain;
    -ms-scroll-chaining: none;
    box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.2); }
    .lookbook-popup .lookbook-popup-content .productCarousel-slide {
      width: 250px;
      max-width: 100%;
      padding: 0 5px;
      white-space: normal; }
      .lookbook-popup .lookbook-popup-content .productCarousel-slide .card-img-container > a {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
        width: auto;
        min-width: 100%;
        height: auto; }
      @media (min-width: 1024px) {
        .lookbook-popup .lookbook-popup-content .productCarousel-slide:hover .icon, .lookbook-popup .lookbook-popup-content .productCarousel-slide:focus .icon {
          transform: translate(5px);
          opacity: 1;
          visibility: visible; } }
      .lookbook-popup .lookbook-popup-content .productCarousel-slide.is-hidden {
        display: none; }
      .lookbook-popup .lookbook-popup-content .productCarousel-slide.is-active .card-title a {
        color: rgba(0, 0, 0, 0.7); }
  .lookbook-popup .no-products .text {
    display: block;
    margin-top: 30px; }
  .lookbook-popup .no-products svg {
    width: 100px !important;
    height: 100px !important;
    fill: #000000; }
  .openLookbookPopup .lookbook-popup {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible; }
  @media (prefers-reduced-motion: reduce) {
    .lookbook-popup {
      transition: none; } }
  @media (min-width: 1024px) {
    .lookbook-popup {
      transform: translate3d(100%, 0, 0);
      min-width: 350px; } }

#lookBook2 {
  padding: 22px 0 50px; }
  #lookBook2 .lookBook2__container {
    padding: 0 5px;
    font-size: 0; }
    @media (min-width: 1024px) {
      #lookBook2 .lookBook2__container {
        padding: 0 15px; } }
    @media (min-width: 1600px) {
      #lookBook2 .lookBook2__container {
        padding: 0 45px; } }
  #lookBook2 .lookBook2__header {
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
    text-align: center; }
    #lookBook2 .lookBook2__header .title {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 20px;
      color: #050505;
      font-size: 30px;
      font-weight: 500;
      line-height: 1.5;
      text-decoration: none; }
    #lookBook2 .lookBook2__header .desc {
      margin-bottom: 30px;
      color: #4f555f;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5; }
  #lookBook2 .lookBook2__footer {
    padding-top: 25px;
    padding-right: 15px;
    text-align: right; }
    #lookBook2 .lookBook2__footer .link {
      margin-bottom: -5px;
      color: #3538ed;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.625;
      background: transparent; }
  #lookBook2 .lookBook2__carousel {
    margin: 0;
    padding: 0;
    text-align: center;
    white-space: nowrap; }
    #lookBook2 .lookBook2__carousel .lookBook2__item {
      width: 25%;
      margin-bottom: 0;
      padding: 0 8px;
      font-size: 16px;
      text-align: left;
      white-space: normal;
      vertical-align: top; }
      #lookBook2 .lookBook2__carousel .lookBook2__item:not(.slick-initialized) #lookBook2 .lookBook2__carousel .lookBook2__item {
        display: inline-block;
        width: 25%; }
        @media (max-width: 1024px) {
          #lookBook2 .lookBook2__carousel .lookBook2__item:not(.slick-initialized) #lookBook2 .lookBook2__carousel .lookBook2__item {
            width: 50%; }
            #lookBook2 .lookBook2__carousel .lookBook2__item:not(.slick-initialized) #lookBook2 .lookBook2__carousel .lookBook2__item:nth-child(n + 3) {
              display: none; } }
        @media (max-width: 600px) {
          #lookBook2 .lookBook2__carousel .lookBook2__item:not(.slick-initialized) #lookBook2 .lookBook2__carousel .lookBook2__item {
            width: 100%; }
            #lookBook2 .lookBook2__carousel .lookBook2__item:not(.slick-initialized) #lookBook2 .lookBook2__carousel .lookBook2__item:nth-child(n + 2) {
              display: none; } }
        #lookBook2 .lookBook2__carousel .lookBook2__item:not(.slick-initialized) #lookBook2 .lookBook2__carousel .lookBook2__item:nth-child(n + 5) {
          display: none; }
        @media (max-width: 1600px) {
          #lookBook2 .lookBook2__carousel .lookBook2__item:not(.slick-initialized) #lookBook2 .lookBook2__carousel .lookBook2__item {
            width: 33.3334%; }
            #lookBook2 .lookBook2__carousel .lookBook2__item:not(.slick-initialized) #lookBook2 .lookBook2__carousel .lookBook2__item:nth-child(n + 4) {
              display: none; } }
      #lookBook2 .lookBook2__carousel .lookBook2__item.home-banner-image .lookBook2__img {
        background: #bdcad1; }
      #lookBook2 .lookBook2__carousel .lookBook2__item.show-one-product .card {
        padding-bottom: 0; }
      #lookBook2 .lookBook2__carousel .lookBook2__item.show-one-product .lookBook2__productPopup {
        max-height: 255px; }
      #lookBook2 .lookBook2__carousel .lookBook2__item.show-one-product .lookBook2__productWrapper {
        display: block; }
      #lookBook2 .lookBook2__carousel .lookBook2__item .lookBook2__img {
        position: relative;
        display: block;
        width: 100%;
        margin-bottom: 18px;
        overflow: hidden; }
        #lookBook2 .lookBook2__carousel .lookBook2__item .lookBook2__img::after {
          display: block;
          width: 100%;
          height: 0;
          padding-bottom: 135.7143%;
          content: ''; }
        #lookBook2 .lookBook2__carousel .lookBook2__item .lookBook2__img > img {
          position: absolute;
          transform: none;
          width: 100%;
          max-height: 100%;
          margin: auto;
          border: 0;
          inset: 0;
          -o-object-fit: contain;
          object-fit: contain; }
      #lookBook2 .lookBook2__carousel .lookBook2__item .lookBook2__title a {
        font-size: 18px; }
      @media (min-width: 1024px) {
        #lookBook2 .lookBook2__carousel .lookBook2__item {
          padding: 0 15px; }
          #lookBook2 .lookBook2__carousel .lookBook2__item:hover .lookBook2__btnShowProducts, #lookBook2 .lookBook2__carousel .lookBook2__item:focus .lookBook2__btnShowProducts {
            opacity: 1;
            visibility: visible; } }
    @media (min-width: 1024px) {
      #lookBook2 .lookBook2__carousel {
        width: 100%;
        min-width: auto; } }
  #lookBook2 .lookBook2__point {
    position: absolute;
    z-index: 5;
    display: flex;
    flex-wrap: nowrap;
    width: auto;
    pointer-events: auto;
    align-items: center; }
  #lookBook2 .lookBook2__icon {
    position: relative;
    display: inline-block;
    border-radius: 50%;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    vertical-align: top;
    background-color: #ffffff;
    cursor: pointer;
    pointer-events: auto;
    width: 22px;
    height: 22px;
    color: #22262a;
    font-size: calc($nerdenFontSize-base - 2px); }
    #lookBook2 .lookBook2__icon::after {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      content: '';
      background-color: #ffffff;
      opacity: 0.5;
      -webkit-animation: zoom-animation 1.8s ease-in-out infinite;
      animation: zoom-animation 1.8s ease-in-out infinite; }
      @media (prefers-reduced-motion: reduce) {
        #lookBook2 .lookBook2__icon::after {
          -webkit-animation: none;
          animation: none; } }
  #lookBook2 .lookBook__popup {
    position: relative;
    left: 35px;
    transform-origin: left;
    max-width: 450px;
    font-size: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    -webkit-animation: scaleRightToLeft 0.3s ease;
    animation: scaleRightToLeft 0.3s ease;
    position: relative;
    left: 35px;
    display: inline-block;
    max-width: 450px;
    visibility: hidden; }
    #lookBook2 .lookBook__popup.is-open {
      opacity: 1;
      visibility: visible;
      -webkit-animation: scaleLeftToRight 0.3s ease;
      animation: scaleLeftToRight 0.3s ease; }
      @media (prefers-reduced-motion: reduce) {
        #lookBook2 .lookBook__popup.is-open {
          -webkit-animation: none;
          animation: none; } }
    @media (prefers-reduced-motion: reduce) {
      #lookBook2 .lookBook__popup {
        -webkit-animation: none;
        animation: none; } }
    #lookBook2 .lookBook__popup .card-lookbook {
      width: 100%;
      min-width: auto;
      max-width: 100%;
      box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.28); }
      #lookBook2 .lookBook__popup .card-lookbook .card-body {
        padding: 8px 14px; }
    #lookBook2 .lookBook__popup .price-section--saving {
      display: none; }
  #lookBook2 .lookBook2__btnShowProducts {
    position: absolute;
    z-index: 2;
    display: flex;
    flex-wrap: nowrap;
    min-width: 140px;
    height: 30px;
    border-radius: 4px;
    font-size: 12.8px;
    font-weight: 400;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out;
    align-items: center;
    bottom: 25px;
    left: 25px;
    z-index: 5;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 400;
    background-color: rgba(0, 0, 0, 0.9); }
    #lookBook2 .lookBook2__btnShowProducts.is-show .icon_plus {
      transform: rotate(45deg); }
    #lookBook2 .lookBook2__btnShowProducts.is-show .hide_products {
      font-size: 15px;
      opacity: 1;
      visibility: visible; }
    #lookBook2 .lookBook2__btnShowProducts .icon_plus {
      position: relative;
      width: 11px;
      height: 30px;
      padding: 0 16px;
      font-size: 0;
      transition: transform 0.3s ease; }
      #lookBook2 .lookBook2__btnShowProducts .icon_plus::before, #lookBook2 .lookBook2__btnShowProducts .icon_plus::after {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #ffffff;
        content: ''; }
      #lookBook2 .lookBook2__btnShowProducts .icon_plus::before {
        width: 2px;
        height: 12px; }
      #lookBook2 .lookBook2__btnShowProducts .icon_plus::after {
        width: 12px;
        height: 2px; }
      @media (prefers-reduced-motion: reduce) {
        #lookBook2 .lookBook2__btnShowProducts .icon_plus {
          transition: none; } }
    #lookBook2 .lookBook2__btnShowProducts .hide_products {
      font-size: 0;
      opacity: 0;
      visibility: hidden; }
    #lookBook2 .lookBook2__btnShowProducts.is-show .show_products {
      font-size: 0;
      opacity: 0;
      visibility: hidden; }
    #lookBook2 .lookBook2__btnShowProducts .icon_plus {
      padding: 0 15px; }
    #lookBook2 .lookBook2__btnShowProducts a {
      position: relative;
      color: #ffffff; }
      #lookBook2 .lookBook2__btnShowProducts a::before {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        content: ''; }
  #lookBook2 .lookBook2__productPopup {
    position: absolute;
    z-index: 5;
    transform: translate3d(0, -100%, 0);
    width: 100%;
    max-width: 100%;
    border: 1px solid #050505;
    background-color: #ffffff;
    opacity: 0;
    visibility: hidden;
    transition: transform 0.3s ease, opacity 0.3s ease;
    inset: 0; }
    #lookBook2 .lookBook2__productPopup.is-open {
      transform: translate3d(0, 0, 0);
      opacity: 1;
      visibility: visible; }
    #lookBook2 .lookBook2__productPopup .is-hidden {
      display: none; }
    #lookBook2 .lookBook2__productPopup .close {
      position: absolute;
      top: 15px;
      right: 15px;
      width: 15px;
      height: 15px; }
      #lookBook2 .lookBook2__productPopup .close svg {
        z-index: 15;
        width: 20px !important;
        height: 20px !important;
        vertical-align: top;
        fill: #22262a; }
    #lookBook2 .lookBook2__productPopup .lookBook2__productWrapper {
      height: 100%;
      padding: 15px;
      font-size: 0;
      overflow-y: auto;
      scrollbar-gutter: stable;
      -ms-scroll-chaining: none;
      overscroll-behavior: contain; }
      #lookBook2 .lookBook2__productPopup .lookBook2__productWrapper .card-img-container > a {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
        width: auto;
        min-width: 100%;
        height: auto; }
      #lookBook2 .lookBook2__productPopup .lookBook2__productWrapper .product {
        width: 100%;
        padding: 0; }
      #lookBook2 .lookBook2__productPopup .lookBook2__productWrapper .card {
        display: flex;
        flex-wrap: nowrap;
        padding: 15px 30px;
        padding-bottom: 15px; }
        @media (min-width: 1024px) {
          #lookBook2 .lookBook2__productPopup .lookBook2__productWrapper .card:hover .icon, #lookBook2 .lookBook2__productPopup .lookBook2__productWrapper .card:focus .icon {
            transform: translate(5px);
            opacity: 1;
            visibility: visible; } }
        #lookBook2 .lookBook2__productPopup .lookBook2__productWrapper .card .card-figure {
          width: 70px; }
          #lookBook2 .lookBook2__productPopup .lookBook2__productWrapper .card .card-figure img {
            transform: translate3d(-50%, -50%, 0); }
        #lookBook2 .lookBook2__productPopup .lookBook2__productWrapper .card .card-body {
          width: calc(100% - 70px);
          padding-top: 0;
          padding-left: 20px; }
        #lookBook2 .lookBook2__productPopup .lookBook2__productWrapper .card .card-title > a {
          margin: 0; }
        #lookBook2 .lookBook2__productPopup .lookBook2__productWrapper .card .card {
          padding-bottom: 30px; }
      #lookBook2 .lookBook2__productPopup .lookBook2__productWrapper .productGrid {
        width: 100%;
        margin: 0;
        padding: 0; }
      @media (min-width: 1920px) {
        #lookBook2 .lookBook2__productPopup .lookBook2__productWrapper {
          display: flex;
          flex-direction: column;
          padding: 15px 45px;
          justify-content: center; }
          #lookBook2 .lookBook2__productPopup .lookBook2__productWrapper .card {
            padding-bottom: 45px; } }
    @media (prefers-reduced-motion: reduce) {
      #lookBook2 .lookBook2__productPopup {
        transition: none; } }
  @media (min-width: 1024px) {
    #lookBook2 {
      padding: 38px 0 65px; } }

#lookBook2 .lookBook2__productPopup .lookBook2__productWrapper .card .card-price-wrapper .card-price-wrapper,
.lookbook-popup .lookbook-popup-content .productCarousel-slide .card .card-price-wrapper .card-price-wrapper {
  display: flex;
  flex-wrap: nowrap; }

#lookBook2 .lookBook2__productPopup .lookBook2__productWrapper .card .card-price-wrapper .icon,
.lookbook-popup .lookbook-popup-content .productCarousel-slide .card .card-price-wrapper .icon {
  display: inline-block;
  width: 22px !important;
  height: 25px !important;
  margin-left: 8px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, transform 0.3s ease;
  fill: #000000; }
  @media (prefers-reduced-motion: reduce) {
    #lookBook2 .lookBook2__productPopup .lookBook2__productWrapper .card .card-price-wrapper .icon,
    .lookbook-popup .lookbook-popup-content .productCarousel-slide .card .card-price-wrapper .icon {
      transition: none; } }

@media (min-width: 1024px) {
  #lookBook2 .lookBook2__productPopup .lookBook2__productWrapper .card .card-price-wrapper:hover .card-title > a, #lookBook2 .lookBook2__productPopup .lookBook2__productWrapper .card .card-price-wrapper:focus .card-title > a,
  .lookbook-popup .lookbook-popup-content .productCarousel-slide .card .card-price-wrapper:hover .card-title > a,
  .lookbook-popup .lookbook-popup-content .productCarousel-slide .card .card-price-wrapper:focus .card-title > a {
    color: rgba(0, 0, 0, 0.7); }
  #lookBook2 .lookBook2__productPopup .lookBook2__productWrapper .card .card-price-wrapper:hover .icon, #lookBook2 .lookBook2__productPopup .lookBook2__productWrapper .card .card-price-wrapper:focus .icon,
  .lookbook-popup .lookbook-popup-content .productCarousel-slide .card .card-price-wrapper:hover .icon,
  .lookbook-popup .lookbook-popup-content .productCarousel-slide .card .card-price-wrapper:focus .icon {
    transform: translate(5px);
    opacity: 1;
    visibility: visible; } }

@media (min-width: 1024px) {
  :hover .card-title > a,
  :focus .card-title > a {
    color: rgba(0, 0, 0, 0.7); } }

#customerReviews {
  padding: 48px 0; }
  #customerReviews .customerReviews__container {
    font-size: 0; }
    @media (min-width: 1024px) {
      #customerReviews .customerReviews__container {
        padding-left: 64px; } }
  @media (min-width: 1024px) {
    #customerReviews .customerReviews__wrapper {
      display: flex;
      flex-wrap: nowrap;
      align-items: flex-start; } }
  #customerReviews .customerReviews__header {
    width: 100%;
    max-width: 380px;
    margin: 0 auto 28px;
    text-align: center; }
    #customerReviews .customerReviews__header .link {
      margin-bottom: 4px;
      color: #fbbf24;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.625; }
    #customerReviews .customerReviews__header .title {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 16px;
      color: #050505;
      font-size: 31.248px;
      font-weight: 500;
      line-height: 1.5;
      text-decoration: none; }
    #customerReviews .customerReviews__header .desc {
      margin-bottom: 16px;
      color: rgba(0, 0, 0, 0.7);
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5; }
    @media (min-width: 1024px) {
      #customerReviews .customerReviews__header {
        margin: 0 auto;
        padding-top: 64px;
        padding-right: 48px;
        text-align: left; } }
  #customerReviews .customerReviews__carousel {
    margin: 0;
    padding: 0 8px;
    text-align: center;
    white-space: nowrap;
    padding: 0 8px; }
    #customerReviews .customerReviews__carousel .slick-dots {
      bottom: -50px;
      left: 0; }
      #customerReviews .customerReviews__carousel .slick-dots li {
        width: 25px; }
        #customerReviews .customerReviews__carousel .slick-dots li button {
          width: 10px;
          height: 10px; }
          #customerReviews .customerReviews__carousel .slick-dots li button::before {
            width: 10px;
            height: 10px; }
      @media (min-width: 1024px) {
        #customerReviews .customerReviews__carousel .slick-dots {
          bottom: -62px; } }
    @media (min-width: 1024px) {
      #customerReviews .customerReviews__carousel .slick-arrow.slick-next {
        right: 30px; } }
    @media (min-width: 1440px) {
      #customerReviews .customerReviews__carousel .slick-arrow.slick-next {
        right: 100px; } }
    @media (max-width: 600px) {
      #customerReviews .customerReviews__carousel .slick-arrow.slick-prev {
        left: 15px; }
      #customerReviews .customerReviews__carousel .slick-arrow.slick-next {
        right: 15px; } }
    #customerReviews .customerReviews__carousel:not(.slick-initialized) {
      white-space: nowrap;
      overflow-x: auto;
      scrollbar-gutter: stable;
      overscroll-behavior: contain;
      -ms-scroll-chaining: none; }
    #customerReviews .customerReviews__carousel:not(.slick-initialized) .customerReviews__item {
      display: inline-block;
      width: calc(50% - 173px); }
      #customerReviews .customerReviews__carousel:not(.slick-initialized) .customerReviews__item:nth-child(n + 4) {
        display: none; }
      @media (max-width: 1600px) {
        #customerReviews .customerReviews__carousel:not(.slick-initialized) .customerReviews__item {
          width: calc(50% - 153px); } }
      @media (max-width: 1440px) {
        #customerReviews .customerReviews__carousel:not(.slick-initialized) .customerReviews__item {
          width: calc(100% - 210px); } }
      @media (max-width: 1024px) {
        #customerReviews .customerReviews__carousel:not(.slick-initialized) .customerReviews__item {
          width: 50%; }
          #customerReviews .customerReviews__carousel:not(.slick-initialized) .customerReviews__item:nth-child(n + 3) {
            display: none; } }
      @media (max-width: 768px) {
        #customerReviews .customerReviews__carousel:not(.slick-initialized) .customerReviews__item {
          width: 100%; }
          #customerReviews .customerReviews__carousel:not(.slick-initialized) .customerReviews__item:nth-child(n + 2) {
            display: none; } }
    #customerReviews .customerReviews__carousel .customerReviews__item {
      position: relative;
      width: 20%;
      margin-bottom: 0;
      padding: 0 8px;
      font-size: 0;
      text-align: left;
      white-space: normal;
      vertical-align: top; }
      #customerReviews .customerReviews__carousel .customerReviews__item .customerReviews__img {
        position: relative;
        display: block;
        overflow: hidden;
        width: 100%;
        margin-bottom: 28px; }
        #customerReviews .customerReviews__carousel .customerReviews__item .customerReviews__img::after {
          display: block;
          width: 100%;
          height: 0;
          content: ''; }
        #customerReviews .customerReviews__carousel .customerReviews__item .customerReviews__img img {
          position: absolute;
          transform: none;
          width: 100%;
          max-height: 100%;
          border: 0;
          inset: 0;
          -o-object-fit: contain;
          object-fit: contain; }
        #customerReviews .customerReviews__carousel .customerReviews__item .customerReviews__img::after {
          padding-bottom: 73.0769%; }
      @media (min-width: 1024px) {
        #customerReviews .customerReviews__carousel .customerReviews__item {
          padding: 0 16px; } }
    #customerReviews .customerReviews__carousel .customerReviews__content .desc {
      position: relative;
      display: block;
      margin: 0 0 24px;
      color: #22262a;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.875; }
      #customerReviews .customerReviews__carousel .customerReviews__content .desc::before {
        position: absolute;
        top: 14px;
        left: 0;
        width: 30px;
        height: 2px;
        background-color: #22262a;
        content: ''; }
      @media (min-width: 1600px) {
        #customerReviews .customerReviews__carousel .customerReviews__content .desc {
          padding-right: 64px; } }
    #customerReviews .customerReviews__carousel .customerReviews__name .name {
      margin-right: 8px;
      font-weight: 500; }
    #customerReviews .customerReviews__carousel .customerReviews__name .name,
    #customerReviews .customerReviews__carousel .customerReviews__name .tag {
      color: #22262a;
      font-size: calc($nerdenFontSize-base - 2px); }
    @media (min-width: 1024px) {
      #customerReviews .customerReviews__carousel {
        width: calc(100% - 380px);
        min-width: auto;
        padding: 0; }
        #customerReviews .customerReviews__carousel .slick-list {
          padding-right: 210px; } }
    @media (min-width: 1440px) {
      #customerReviews .customerReviews__carousel .slick-list {
        padding-right: 285px; } }
    @media (min-width: 1600px) {
      #customerReviews .customerReviews__carousel .slick-list {
        padding-right: 345px; } }
  @media (min-width: 1024px) {
    #customerReviews {
      padding: 64px 0; } }

#customerReviews2 {
  padding: 48px 0 64px;
  font-size: 0; }
  #customerReviews2 .customerReviews__header {
    width: 100%;
    text-align: center; }
    #customerReviews2 .customerReviews__header .title {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      color: #050505;
      font-size: 31.248px;
      font-weight: 500;
      line-height: 1.5;
      text-decoration: none; }
      @media (min-width: 1024px) {
        #customerReviews2 .customerReviews__header .title {
          margin-bottom: 12px;
          font-size: 48.832px; } }
  #customerReviews2 .customerReviews__carousel {
    margin: 0;
    padding: 0 8px;
    text-align: center;
    white-space: nowrap;
    padding: 0 4px; }
    #customerReviews2 .customerReviews__carousel .slick-dots {
      bottom: -50px;
      left: 0; }
      #customerReviews2 .customerReviews__carousel .slick-dots li {
        width: 25px; }
        #customerReviews2 .customerReviews__carousel .slick-dots li button {
          width: 10px;
          height: 10px; }
          #customerReviews2 .customerReviews__carousel .slick-dots li button::before {
            width: 10px;
            height: 10px; }
      @media (min-width: 1024px) {
        #customerReviews2 .customerReviews__carousel .slick-dots {
          bottom: -62px; } }
    @media (min-width: 1024px) {
      #customerReviews2 .customerReviews__carousel .slick-arrow.slick-next {
        right: 30px; } }
    @media (min-width: 1440px) {
      #customerReviews2 .customerReviews__carousel .slick-arrow.slick-next {
        right: 100px; } }
    @media (max-width: 600px) {
      #customerReviews2 .customerReviews__carousel .slick-arrow.slick-prev {
        left: 15px; }
      #customerReviews2 .customerReviews__carousel .slick-arrow.slick-next {
        right: 15px; } }
    #customerReviews2 .customerReviews__carousel:not(.slick-initialized) .customerReviews__item {
      display: inline-block; }
      @media (max-width: 1024px) {
        #customerReviews2 .customerReviews__carousel:not(.slick-initialized) .customerReviews__item {
          width: 50%; }
          #customerReviews2 .customerReviews__carousel:not(.slick-initialized) .customerReviews__item:nth-child(n + 3) {
            display: none; } }
      @media (max-width: 600px) {
        #customerReviews2 .customerReviews__carousel:not(.slick-initialized) .customerReviews__item {
          width: 100%; }
          #customerReviews2 .customerReviews__carousel:not(.slick-initialized) .customerReviews__item:nth-child(n + 2) {
            display: none; } }
    #customerReviews2 .customerReviews__carousel .slick-active + .slick-active::before {
      position: absolute;
      top: 0;
      left: -2px;
      display: block;
      width: 4px;
      height: 100%;
      content: ''; }
    #customerReviews2 .customerReviews__carousel .customerReviews__item {
      position: relative;
      margin-bottom: 0;
      padding: 0 8px;
      font-size: 0;
      text-align: left;
      white-space: normal;
      vertical-align: top; }
    #customerReviews2 .customerReviews__carousel .customerReviews__content {
      max-width: 650px;
      margin: 0 auto;
      padding: 0;
      text-align: center; }
      #customerReviews2 .customerReviews__carousel .customerReviews__content .desc {
        position: relative;
        display: block;
        margin: 0 0 28px;
        color: #22262a;
        font-size: 25.008px;
        font-weight: 400;
        line-height: 2; }
      @media (min-width: 1024px) {
        #customerReviews2 .customerReviews__carousel .customerReviews__content {
          padding: 32px 16px 12px; } }
    #customerReviews2 .customerReviews__carousel .customerReviews__name .name {
      margin-left: 16px;
      color: #22262a;
      font-size: 16px;
      font-weight: 700; }
    #customerReviews2 .customerReviews__carousel .customerReviews__name img {
      display: inline-block;
      width: 48px;
      height: 48px; }
  @media (min-width: 1024px) {
    #customerReviews2 {
      padding: 64px 0; } }

.halo-block-post {
  padding: 48px 0 64px; }

.halo-block-post .halo-block-header {
  position: relative;
  text-align: center; }
  .halo-block-post .halo-block-header .title {
    margin: 0;
    padding: 0 0 8px;
    color: #050505;
    font-size: 31.248px;
    font-weight: 500;
    line-height: 1.5; }
  .halo-block-post .halo-block-header .link a {
    color: #fbbf24;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.625;
    text-transform: capitalize; }

.halo-block-post .halo-row {
  margin: 0;
  padding: 0; }
  .halo-block-post .halo-row .halo-row-item {
    margin: 0;
    padding: 0 8px;
    white-space: normal;
    outline: none; }
    .halo-block-post .halo-row .halo-row-item .item-content {
      max-width: 100%;
      margin: 0 auto;
      text-align: left; }
      .halo-block-post .halo-row .halo-row-item .item-content .date {
        margin-bottom: 12px;
        color: #8296ab;
        font-size: 12px;
        line-height: 1.5;
        letter-spacing: 0.5px; }
      .halo-block-post .halo-row .halo-row-item .item-content .title {
        margin-top: 0;
        margin-bottom: 8px;
        color: #2a2d32;
        font-size: 18px;
        font-weight: 500;
        line-height: 1.5;
        letter-spacing: 0.5px; }
        .halo-block-post .halo-row .halo-row-item .item-content .title a {
          text-decoration: unset; }
      .halo-block-post .halo-row .halo-row-item .item-content .summary {
        margin: 0;
        color: #22262a;
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: 0.5px; }
      .halo-block-post .halo-row .halo-row-item .item-content .button {
        min-width: 196px;
        margin-bottom: 20px;
        font-weight: 600;
        text-transform: capitalize; }

.halo-block-post .slick-dots {
  bottom: -45px; }
  .halo-block-post .slick-dots li button {
    width: 10px;
    height: 10px; }
    .halo-block-post .slick-dots li button::before {
      width: 10px;
      height: 10px; }

.halo-block-post .halo-recent-post .item-image a {
  position: relative;
  display: block;
  margin-bottom: 16px;
  overflow: hidden; }
  .halo-block-post .halo-recent-post .item-image a::after {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 62.9845%;
    content: ''; }
  .halo-block-post .halo-recent-post .item-image a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: opacity 0.7s ease; }
    @media (prefers-reduced-motion: reduce) {
      .halo-block-post .halo-recent-post .item-image a img {
        transition: none; } }

.halo-block-post .halo-row:not(.slick-initialized) {
  overflow: auto;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  -ms-scroll-chaining: none;
  font-size: 0;
  letter-spacing: 0;
  white-space: nowrap;
  display: block; }
  .halo-block-post .halo-row:not(.slick-initialized) .halo-row-slider {
    display: inline-block;
    width: 33.3333%;
    vertical-align: top;
    overflow: hidden; }
    .halo-block-post .halo-row:not(.slick-initialized) .halo-row-slider:nth-child(n + 4) {
      display: none; }

@media (max-width: 768px) {
  .halo-block-post .halo-block-header .title {
    font-size: 25.008px; }
  .halo-block-post .halo-row:not(.slick-initialized) .halo-row-slider {
    width: 100%; }
    .halo-block-post .halo-row:not(.slick-initialized) .halo-row-slider:nth-child(n + 2) {
      display: none; } }

@media (max-width: 1024px) {
  .halo-block-post .halo-row {
    padding: 0 8px; } }

@media (max-width: 1280px) {
  .halo-block-post .halo-row:not(.slick-initialized) .halo-row-slider {
    width: 50%; }
    .halo-block-post .halo-row:not(.slick-initialized) .halo-row-slider:nth-child(n + 3) {
      display: none; } }

@media (max-width: 600px) {
  .halo-block-post .halo-recent-post .slick-arrow.slick-prev {
    left: 15px; }
  .halo-block-post .halo-recent-post .slick-arrow.slick-next {
    right: 15px; } }

@media (min-width: 1024px) {
  .halo-block-post {
    padding: 64px 0; }
    .halo-block-post .halo-block-header {
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: center; }
      .halo-block-post .halo-block-header .link a {
        position: absolute;
        right: 22.5008px;
        bottom: 5px; }
    .halo-block-post .halo-row {
      width: auto;
      min-width: 100%;
      margin-right: 0;
      margin-left: 0;
      overflow: visible; }
      .halo-block-post .halo-row:not(.slick-initialized) {
        overflow: hidden; }
      .halo-block-post .halo-row .halo-row-item {
        width: 100%;
        padding-right: 16px;
        padding-left: 16px; }
    .halo-block-post .container--full.halo-block-post-container {
      padding: 0 15px; } }

@media (min-width: 1600px) {
  .halo-block-post .container--full.halo-block-post-container {
    padding: 0 37.5px; }
  .halo-block-post .halo-row .halo-row-item {
    padding-right: 24px;
    padding-left: 24px; }
    .halo-block-post .halo-row .halo-row-item .item-content {
      padding-right: 64px; } }

#policyBlock {
  padding: 50px 0 40px;
  background-color: #dee5e8; }
  #policyBlock .policyBlock__container:not(.slick-initialized) {
    white-space: nowrap; }
    #policyBlock .policyBlock__container:not(.slick-initialized) .policyBlock__item {
      display: inline-block;
      width: 25%;
      margin-right: 1rem;
      white-space: normal; }
      @media (max-width: 1024px) {
        #policyBlock .policyBlock__container:not(.slick-initialized) .policyBlock__item {
          width: 50%; }
          #policyBlock .policyBlock__container:not(.slick-initialized) .policyBlock__item:nth-child(n + 3) {
            display: none; } }
      @media (max-width: 600px) {
        #policyBlock .policyBlock__container:not(.slick-initialized) .policyBlock__item {
          width: 100%; }
          #policyBlock .policyBlock__container:not(.slick-initialized) .policyBlock__item:nth-child(n + 2) {
            display: none; } }
      #policyBlock .policyBlock__container:not(.slick-initialized) .policyBlock__item:nth-child(n + 5) {
        display: none; }
      @media (max-width: 1440px) {
        #policyBlock .policyBlock__container:not(.slick-initialized) .policyBlock__item {
          width: 33.3334%; }
          #policyBlock .policyBlock__container:not(.slick-initialized) .policyBlock__item:nth-child(n + 4) {
            display: none; } }
  #policyBlock .policyBlock__container .slick-track {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center; }
  #policyBlock .policyBlock__container .policyBlock__wrapper {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center; }
    #policyBlock .policyBlock__container .policyBlock__wrapper .home-banner-image .policyBlock__img {
      background: #dee5e8; }
    #policyBlock .policyBlock__container .policyBlock__wrapper .policyBlock__img {
      position: relative;
      display: block;
      width: 70px;
      height: 70px;
      overflow: hidden; }
      #policyBlock .policyBlock__container .policyBlock__wrapper .policyBlock__img::after {
        padding-bottom: 100%; }
    #policyBlock .policyBlock__container .policyBlock__wrapper .policyBlock__content {
      display: flex;
      flex-direction: column;
      width: calc(80% - 60px);
      padding-left: 20px; }
      #policyBlock .policyBlock__container .policyBlock__wrapper .policyBlock__content .title {
        font-size: 16px;
        text-transform: capitalize; }
      #policyBlock .policyBlock__container .policyBlock__wrapper .policyBlock__content .link {
        font-size: 15px;
        -webkit-text-decoration: revert;
        text-decoration: revert;
        text-transform: capitalize;
        text-underline-offset: 3px; }
      #policyBlock .policyBlock__container .policyBlock__wrapper .policyBlock__content .subtitle {
        margin-top: -4px;
        font-size: 15px;
        font-weight: 300; }
      @media (max-width: 600px) {
        #policyBlock .policyBlock__container .policyBlock__wrapper .policyBlock__content {
          width: 100%;
          margin-top: 15px;
          margin-left: 0;
          padding-left: 0; } }
      @media (min-width: 1280px) {
        #policyBlock .policyBlock__container .policyBlock__wrapper .policyBlock__content {
          width: auto;
          padding-right: 0; } }
    @media (max-width: 1024px) {
      #policyBlock .policyBlock__container .policyBlock__wrapper {
        justify-content: flex-end; } }
    @media (max-width: 600px) {
      #policyBlock .policyBlock__container .policyBlock__wrapper {
        flex-direction: column;
        padding: 0 30px;
        text-align: center;
        justify-content: flex-start; } }
  @media (min-width: 1600px) {
    #policyBlock .container {
      padding: 0 40px; } }

#halo_shop_category {
  padding: 0 0 28px; }
  #halo_shop_category .container {
    padding: 0; }
  #halo_shop_category .halo-block-header {
    padding-right: 8px;
    padding-left: 8px;
    text-align: left; }
    #halo_shop_category .halo-block-header .content {
      max-width: 100%; }
    #halo_shop_category .halo-block-header .title {
      margin-bottom: 20px;
      color: #dee5e8; }
    #halo_shop_category .halo-block-header + .halo-shop-category .slick-arrow {
      top: -55px; }
      @media (min-width: 1024px) {
        #halo_shop_category .halo-block-header + .halo-shop-category .slick-arrow {
          top: -98px; } }
    @media (min-width: 1024px) {
      #halo_shop_category .halo-block-header {
        padding-right: 28px;
        padding-left: 16px; }
        #halo_shop_category .halo-block-header .title {
          margin-bottom: 40px; } }
    @media (min-width: 1600px) {
      #halo_shop_category .halo-block-header {
        padding-right: 64px; } }
  #halo_shop_category .slick-arrow {
    top: -30px;
    transform: none; }
    #halo_shop_category .slick-arrow.slick-prev {
      right: 75px;
      left: auto; }
      #halo_shop_category .slick-arrow.slick-prev::before {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='m77.3 256 32-32H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H109.3z' class='fa-secondary' opacity='.4'/%3E%3Cpath d='M9.4 278.6c-12.5-12.5-12.5-32.8 0-45.3l128-128c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3L77.3 256l105.3 105.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0l-128-128z' fill='%23ffffff' class='fa-primary'/%3E%3C/svg%3E");
        background-repeat: no-repeat; }
      #halo_shop_category .slick-arrow.slick-prev:hover::before, #halo_shop_category .slick-arrow.slick-prev:focus::before, #halo_shop_category .slick-arrow.slick-prev:active::before {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='m77.3 256 32-32H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H109.3z' class='fa-secondary' opacity='.4'/%3E%3Cpath d='M9.4 278.6c-12.5-12.5-12.5-32.8 0-45.3l128-128c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3L77.3 256l105.3 105.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0l-128-128z' fill='%23ffffff' class='fa-primary'/%3E%3C/svg%3E");
        background-repeat: no-repeat; }
      @media (min-width: 1024px) {
        #halo_shop_category .slick-arrow.slick-prev {
          right: 115px; } }
      @media (min-width: 1600px) {
        #halo_shop_category .slick-arrow.slick-prev {
          right: 160px; } }
    #halo_shop_category .slick-arrow.slick-next {
      right: 10px; }
      #halo_shop_category .slick-arrow.slick-next::before {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M0 256c0 17.7 14.3 32 32 32h370.7l32-32-32-32H32c-17.7 0-32 14.3-32 32' class='fa-secondary' opacity='.4'/%3E%3Cpath d='M502.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-128 128c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L434.7 256 329.4 150.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l128 128z' fill='%23ffffff' class='fa-primary'/%3E%3C/svg%3E");
        background-repeat: no-repeat; }
      #halo_shop_category .slick-arrow.slick-next:hover::before, #halo_shop_category .slick-arrow.slick-next:focus::before, #halo_shop_category .slick-arrow.slick-next:active::before {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M0 256c0 17.7 14.3 32 32 32h370.7l32-32-32-32H32c-17.7 0-32 14.3-32 32' class='fa-secondary' opacity='.4'/%3E%3Cpath d='M502.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-128 128c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L434.7 256 329.4 150.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l128 128z' fill='%23ffffff' class='fa-primary'/%3E%3C/svg%3E");
        background-repeat: no-repeat; }
      @media (min-width: 1024px) {
        #halo_shop_category .slick-arrow.slick-next {
          right: 30px; } }
      @media (min-width: 1600px) {
        #halo_shop_category .slick-arrow.slick-next {
          right: 75px; } }
  @media (min-width: 1024px) {
    #halo_shop_category {
      margin: 0 0 0 -16px; } }
  @media (min-width: 1024px) {
    #halo_shop_category {
      padding-top: 28px;
      padding-left: 28px; }
      #halo_shop_category .slick-list {
        padding-right: 30px; } }
  @media (min-width: 1600px) {
    #halo_shop_category {
      padding-top: 64px;
      padding-bottom: 64px;
      padding-left: 64px; }
      #halo_shop_category .slick-list {
        padding-right: 60px; } }

.halo-shop-category {
  font-size: 0;
  letter-spacing: 0;
  white-space: nowrap;
  display: block;
  margin: 0; }
  .halo-shop-category:not(.slick-initialized) {
    white-space: nowrap; }
    .halo-shop-category:not(.slick-initialized) .item {
      width: 20%; }
      .halo-shop-category:not(.slick-initialized) .item .item {
        display: inline-block;
        width: 20%;
        white-space: normal; }
        .halo-shop-category:not(.slick-initialized) .item .item:nth-child(n + 5) {
          display: none; }
      @media (max-width: 1024px) {
        .halo-shop-category:not(.slick-initialized) .item {
          width: 33.3334%; }
          .halo-shop-category:not(.slick-initialized) .item:nth-child(n + 4) {
            display: none; } }
      @media (max-width: 768px) {
        .halo-shop-category:not(.slick-initialized) .item {
          width: 50%; }
          .halo-shop-category:not(.slick-initialized) .item:nth-child(n + 3) {
            display: none; } }
      @media (max-width: 1440px) {
        .halo-shop-category:not(.slick-initialized) .item {
          width: 25%; }
          .halo-shop-category:not(.slick-initialized) .item:nth-child(n + 5) {
            display: none; } }
  .halo-shop-category .image-with-overlay::after {
    display: block;
    padding-bottom: 135.7143%;
    content: ''; }
  .halo-shop-category .image-with-overlay img {
    position: absolute;
    width: 100%;
    height: 100%; }
  .halo-shop-category .item {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 100%;
    margin: 0 0 2px;
    margin-top: 4px;
    margin-right: 0;
    margin-bottom: 0;
    padding: 0 16px;
    white-space: normal;
    vertical-align: top;
    overflow: hidden; }
    .halo-shop-category .item:last-child {
      margin-right: 0; }
    .halo-shop-category .item .content-wrapper {
      padding-top: 24px; }
      @media (min-width: 1600px) {
        .halo-shop-category .item .content-wrapper {
          padding-right: 20px; } }
    .halo-shop-category .item .title {
      position: relative;
      display: block;
      margin-bottom: 16px;
      color: #dee5e8;
      font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
      font-size: 31.248px;
      font-weight: 500;
      line-height: 1.5;
      text-transform: capitalize;
      font-optical-sizing: auto; }
    .halo-shop-category .item .desc {
      margin-bottom: 20px;
      color: #ffffff;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.625; }
    .halo-shop-category .item .link {
      margin-bottom: 4px;
      color: #ffffff;
      font-size: calc(18px);
      font-weight: 500;
      line-height: 1.625; }
      .halo-shop-category .item .link .icon {
        width: 34px !important;
        height: 34px !important;
        margin-left: 8px;
        opacity: 1;
        visibility: visible;
        transition: transform 0.3s ease;
        fill: #ffffff; }
        @media (prefers-reduced-motion: reduce) {
          .halo-shop-category .item .link .icon {
            transition: none; } }
      @media (min-width: 1024px) {
        .halo-shop-category .item .link:hover .icon, .halo-shop-category .item .link:focus .icon {
          transform: translate(5px);
          opacity: 1;
          visibility: visible; } }
      @media (min-width: 1024px) {
        .halo-shop-category .item .link .icon {
          opacity: 0;
          visibility: hidden; } }
    @media (min-width: 1024px) {
      .halo-shop-category .item:hover .image-with-overlay::before, .halo-shop-category .item:focus .image-with-overlay::before {
        top: 0; } }
  @media (min-width: 1024px) {
    .halo-shop-category {
      padding-left: 0;
      white-space: unset; }
      .halo-shop-category .image-with-overlay {
        border-radius: 8px; } }

.halo-subscription {
  padding: 48px 8px;
  text-align: center; }
  .halo-subscription .title {
    margin-top: 0;
    margin-bottom: 4px;
    color: #22262a;
    font-size: 31.248px;
    line-height: 1.5; }
  .halo-subscription .summary {
    margin-bottom: 28px; }
  .halo-subscription .form {
    width: 100%;
    max-width: 570px;
    margin: 0 auto; }
  .halo-subscription .form-field {
    margin: 0; }
  .halo-subscription .form-prefixPostfix .form-input {
    height: 50px;
    border-width: 2px 2px 0;
    border-color: #050505; }
  .halo-subscription .form-prefixPostfix .button {
    min-width: 180px;
    height: 50px;
    margin: 0;
    line-height: 3; }
  @media (min-width: 1024px) {
    .halo-subscription {
      padding: 96px 8px; } }
  @media (min-width: 600px) {
    .halo-subscription .title {
      font-size: 60px; }
    .halo-subscription .form-prefixPostfix {
      flex-wrap: nowrap; }
      .halo-subscription .form-prefixPostfix .form-input {
        border-width: 2px 0 2px 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
      .halo-subscription .form-prefixPostfix .button {
        margin-top: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
      .halo-subscription .form-prefixPostfix .form-input,
      .halo-subscription .form-prefixPostfix .button {
        width: auto; } }
  @media (min-width: 768px) {
    .halo-subscription {
      padding: 96px 0; } }

#halo_six_banners {
  padding-top: 16px;
  padding-bottom: 8px; }
  @media (min-width: 1024px) {
    #halo_six_banners {
      padding-top: 64px;
      padding-bottom: 64px; } }

.halo-image-collection {
  font-size: 0;
  letter-spacing: 0;
  white-space: nowrap;
  display: block;
  margin: 0;
  padding: 0; }
  .halo-image-collection > .item {
    width: auto;
    margin: 0;
    padding: 0;
    vertical-align: top; }

.halo-image-collection > .item.item-2 .image-collection {
  margin-top: 20px; }
  .halo-image-collection > .item.item-2 .image-collection .image-with-overlay::after {
    padding-bottom: 92.9825%; }

.halo-image-collection .image-collection {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-right: 0;
  vertical-align: top; }
  .halo-image-collection .image-collection .image-with-overlay img {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate3d(0, 0, 0); }
  .halo-image-collection .image-collection .image-with-overlay::after {
    display: block;
    padding-bottom: 133.3333%;
    content: ''; }
    .halo-image-collection .image-collection .image-with-overlay::after.half-height .halo-image-collection .image-collection .image-with-overlay::after {
      padding-bottom: 73.6123%; }

.halo-image-collection .image-collection .content-wrapper {
  display: block;
  margin-top: 8px;
  padding: 0;
  text-align: left; }

.halo-image-collection .image-collection .title {
  margin: 8px 0;
  font-size: 25.008px;
  font-weight: 400;
  line-height: 1.625;
  text-transform: capitalize; }

.halo-image-collection .image-collection .link {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625;
  text-decoration: underline;
  text-underline-offset: 3.2px; }

.halo-image-collection .item-child {
  display: inline-block;
  width: 100%;
  vertical-align: top; }
  .halo-image-collection .item-child.two-item-child {
    width: 100%;
    margin-right: 0; }
    .halo-image-collection .item-child.two-item-child .image-collection {
      display: inline-block;
      width: 100%;
      padding: 0;
      vertical-align: top; }
      .halo-image-collection .item-child.two-item-child .image-collection + .image-collection {
        margin-top: 16px; }
  .halo-image-collection .item-child + .item-child {
    margin-top: 20px;
    margin-left: 0; }

@media (min-width: 768px) {
  .halo-image-collection {
    margin-right: -8px;
    margin-left: -8px;
    padding-right: 0;
    padding-left: 0;
    white-space: unset;
    overflow: unset; }
    .halo-image-collection .image-collection {
      position: relative;
      display: block;
      width: 100%;
      margin-right: 0; }
      .halo-image-collection .image-collection .image-with-overlay::after {
        padding-bottom: calc(133.3333% - 3px); }
        .halo-image-collection .image-collection .image-with-overlay::after.half-height .halo-image-collection .image-collection .image-with-overlay::after {
          padding-bottom: calc(73.6123% + 3px); }
    .halo-image-collection > .item {
      display: inline-block;
      width: 100%;
      padding-right: 8px;
      padding-left: 8px;
      vertical-align: top; }
      .halo-image-collection > .item.item-1 {
        width: 50%; }
      .halo-image-collection > .item.item-2 {
        width: 50%; }
        .halo-image-collection > .item.item-2 .image-collection {
          margin-top: 16px; }
          .halo-image-collection > .item.item-2 .image-collection .image-with-overlay::after {
            padding-bottom: calc(92.9825% + 1px); }
      .halo-image-collection > .item + .item {
        margin-top: 0; } }

@media (min-width: 1024px) {
  .halo-image-collection {
    margin-right: -8px;
    margin-left: -8px; }
    .halo-image-collection .item-child + .item-child {
      margin-top: 32px; }
    .halo-image-collection > .item {
      padding-right: 15px;
      padding-left: 15px; }
      .halo-image-collection > .item.item-1 {
        width: 66.6667%; }
      .halo-image-collection > .item.item-2 {
        width: 33.3334%; }
        .halo-image-collection > .item.item-2 .image-collection + .image-collection {
          margin-top: 28px; }
        .halo-image-collection > .item.item-2 .image-collection .content-wrapper {
          margin-top: 16px; }
    .halo-image-collection .image-collection .title {
      margin: 20px 0 8px;
      font-size: 25.008px; }
    .halo-image-collection .item-child.two-item-child {
      margin-right: -16px;
      margin-left: -16px; }
      .halo-image-collection .item-child.two-item-child .image-collection {
        width: 50%;
        padding-right: 16px;
        padding-left: 16px; }
        .halo-image-collection .item-child.two-item-child .image-collection .content-wrapper {
          width: 100%; }
        .halo-image-collection .item-child.two-item-child .image-collection + .image-collection {
          margin-top: 0; } }

.halo-sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 103;
  width: calc(100% - 50px);
  max-width: 375px;
  height: 100%;
  padding: 0;
  background-color: #ffffff;
  transition: opacity 0.5s, transform 0.5s ease; }
  .halo-sidebar.halo-sidebar-left {
    right: auto;
    left: 0;
    transform: translate3d(-112%, 0, 0); }
    .halo-sidebar.halo-sidebar-left .halo-sidebar-close {
      right: -46px;
      left: auto; }
  .halo-sidebar.halo-sidebar-right {
    right: 0;
    left: auto;
    transform: translate3d(112%, 0, 0); }
    .halo-sidebar.halo-sidebar-right .halo-sidebar-close {
      left: -46px; }
  .halo-sidebar.halo-auth-sidebar .halo-sidebar-header {
    padding: 8px 16px; }
    @media (min-width: 1024px) {
      .halo-sidebar.halo-auth-sidebar .halo-sidebar-header {
        padding: 40px 28px 24px 40px; } }
  .halo-sidebar.halo-cart-sidebar .halo-sidebar-header {
    padding: 8px 16px; }
    @media (min-width: 1024px) {
      .halo-sidebar.halo-cart-sidebar .halo-sidebar-header {
        padding: 40px 28px 2px 40px; } }
  .halo-sidebar.halo-cart-sidebar .previewCart .previewCartList {
    max-height: 100%; }
  .halo-sidebar.halo-search-sidebar {
    opacity: 0;
    visibility: hidden; }
    .halo-sidebar.halo-search-sidebar.haloCustomScrollbar {
      overflow-y: unset; }
    .halo-sidebar.halo-search-sidebar .halo-sidebar-header {
      padding: 8px 16px; }
    .openQuickSearch .halo-sidebar.halo-search-sidebar {
      opacity: 1;
      visibility: visible; }
    @media (min-width: 1024px) {
      .halo-sidebar.halo-search-sidebar.header-layout-3 {
        bottom: auto;
        transform: translate3d(0, -112%, 0);
        max-width: 100%;
        height: auto;
        max-height: calc(100vh - 50px); }
        .halo-sidebar.halo-search-sidebar.header-layout-3 .halo-sidebar-header .title {
          display: none; }
        .halo-sidebar.halo-search-sidebar.header-layout-3 .halo-sidebar-header .close {
          top: 30px;
          right: 40px; }
        .halo-sidebar.halo-search-sidebar.header-layout-3 .halo-sidebar-wrapper {
          height: 100%; }
        .openSearchMobile .halo-sidebar.halo-search-sidebar.header-layout-3 {
          transform: translate3d(0, 0, 0); }
        .halo-sidebar.halo-search-sidebar.header-layout-3 .haloQuickSearchResults {
          position: relative;
          max-height: calc(100% - 50px); }
        .halo-sidebar.halo-search-sidebar.header-layout-3 .quickResults-close {
          display: none; }
      .halo-sidebar.halo-search-sidebar.haloCustomScrollbar {
        overflow-y: auto;
        scrollbar-gutter: stable;
        overscroll-behavior: contain;
        -ms-scroll-chaining: none; }
      .halo-sidebar.halo-search-sidebar .halo-sidebar-header {
        padding: 0; }
      .halo-sidebar.halo-search-sidebar .quickSearch {
        width: calc(100% - 100px); } }
  .halo-sidebar.halo-menu-sidebar .halo-sidebar-header {
    padding: 8px 16px; }
    @media (min-width: 1024px) {
      .halo-sidebar.halo-menu-sidebar .halo-sidebar-header {
        padding: 40px 28px 24px 40px; } }
  .halo-sidebar.halo-menu-sidebar .navPages-container {
    display: block; }
    .halo-sidebar.halo-menu-sidebar .navPages-container .navPages {
      background: transparent; }
  @media (min-width: 1024px) {
    .halo-sidebar.halo-menu-sidebar .halo-sidebar-close {
      display: none; } }
  .halo-sidebar-close {
    position: absolute;
    top: 0;
    z-index: 10;
    display: flex;
    flex-wrap: nowrap;
    width: 46px;
    height: 46px;
    line-height: 1.5;
    text-align: center;
    background-color: transparent;
    pointer-events: auto;
    align-items: center;
    justify-content: center; }
    .halo-sidebar-close svg {
      width: 19px !important;
      height: 19px !important;
      fill: #ffffff; }
  @media (max-width: 1024px) {
    .halo-sidebar-left .halo-sidebar-header .close {
      right: -46px;
      left: auto;
      transform: rotate(0);
      transition: opacity 0.1s ease, transform 0.3s ease; } }
  @media (min-width: 1024px) and (hover: hover) {
    .halo-sidebar-left .halo-sidebar-header .close:hover, .halo-sidebar-left .halo-sidebar-header .close:focus {
      transform: rotate(90deg); } }
  .halo-sidebar-header {
    position: relative; }
    .halo-sidebar-header .close {
      position: absolute;
      z-index: 10;
      line-height: 1.5; }
      .halo-sidebar-header .close svg {
        width: 19px !important;
        height: 19px !important;
        fill: #22262a; }
      @media (min-width: 1024px) and (hover: hover) {
        .halo-sidebar-header .close svg:hover,
        .halo-sidebar-header .close svg:focus {
          transform: rotate(90deg); } }
      @media (min-width: 1024px) {
        .halo-sidebar-header .close {
          top: 43px;
          right: 43px;
          transform: rotate(0);
          transition: opacity 0.1s ease, transform 0.3s ease; }
          .halo-sidebar-header .close svg {
            width: 19px !important;
            height: 19px !important;
            fill: #22262a; } }
      @media (max-width: 1024px) {
        .halo-sidebar-header .close {
          top: 0;
          right: auto;
          left: -46px;
          display: flex;
          flex-wrap: nowrap;
          width: 46px;
          height: 46px;
          text-align: center;
          background-color: transparent;
          pointer-events: auto;
          align-items: center;
          justify-content: center; }
          .halo-sidebar-header .close svg {
            fill: #ffffff; } }
    .halo-sidebar-header .title {
      display: block;
      margin: 0;
      color: #22262a;
      font-size: calc(28px);
      font-weight: 600;
      line-height: 1.625;
      letter-spacing: 0.5px;
      text-transform: capitalize; }
  .halo-sidebar-wrapper {
    position: relative;
    width: 100%;
    height: calc(100% - 80px);
    padding: 0 16px 28px;
    overflow: hidden auto;
    scrollbar-gutter: stable;
    overscroll-behavior: contain;
    -ms-scroll-chaining: none; }
    @media (min-width: 1024px) {
      .halo-sidebar-wrapper {
        padding: 0 40px 28px; } }
  .halo-sidebar .previewCartHeader .text {
    padding-right: 28px; }
  @media (prefers-reduced-motion: reduce) {
    .halo-sidebar {
      transition: none; } }
  @media (min-width: 600px) {
    .halo-sidebar.halo-auth-sidebar {
      width: 100%;
      max-width: 500px; }
    .halo-sidebar.halo-cart-sidebar {
      width: 100%;
      max-width: 500px; }
    .halo-sidebar.halo-search-sidebar {
      width: 100%;
      max-width: 500px; } }

.halo-background {
  position: absolute;
  z-index: -1;
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: color 0.15s ease;
  inset: 0;
  -webkit-backdrop-filter: blur(0.3125rem) !important;
  backdrop-filter: blur(0.3125rem) !important; }

.openAuthSidebar .halo-auth-sidebar.is-open {
  right: 0;
  transform: translate3d(0, 0, 0); }

.openCartSidebar .halo-cart-sidebar {
  right: 0;
  transform: translate3d(0, 0, 0); }

@media (min-width: 1024px) {
  .openQuickSearch .header {
    z-index: 103; } }

.openSearchMobile .halo-search-sidebar {
  left: 0;
  transform: translate3d(0, 0, 0);
  opacity: 1;
  visibility: visible; }
  .openSearchMobile .halo-search-sidebar.header-layout-3 .form-input {
    height: 50px;
    line-height: 3; }
    .openSearchMobile .halo-search-sidebar.header-layout-3 .form-input + .button {
      min-width: 50px; }
  .openSearchMobile .halo-search-sidebar .form-input {
    width: 100%; }
  .openSearchMobile .halo-search-sidebar .haloQuickSearchResults {
    padding: 0;
    overflow: hidden; }

.openAuthSidebar,
.openCartSidebar,
.openQuickSearch,
.openSearchMobile,
.openSidebar,
.has-activeNavPages {
  overflow: hidden;
  -webkit-overflow-scrolling: auto; }
  .openAuthSidebar .halo-background,
  .openCartSidebar .halo-background,
  .openQuickSearch .halo-background,
  .openSearchMobile .halo-background,
  .openSidebar .halo-background,
  .has-activeNavPages .halo-background {
    z-index: 100;
    display: block;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 1;
    visibility: visible; }
  @media (min-width: 1024px) {
    .openAuthSidebar,
    .openCartSidebar,
    .openQuickSearch,
    .openSearchMobile,
    .openSidebar,
    .has-activeNavPages {
      padding-right: 8px; } }

.has-activeNavPages .halo-menu-sidebar {
  left: 0;
  transform: translate3d(0, 0, 0); }

@media (max-width: 1024px) {
  .openLookbookPopup {
    overflow: hidden; }
    .openLookbookPopup .halo-background {
      z-index: 103;
      display: block;
      opacity: 1;
      visibility: visible; } }

@media (max-width: 1024px) {
  .openLiveHelp {
    overflow: hidden;
    -webkit-overflow-scrolling: auto; } }

.login-form-sidebar.is-loading::after {
  background-color: rgba(164, 169, 178, 0.9);
  background-image: url("https://img.rhinorails.com/loading.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100px; }

.login-form-sidebar.is-loading .loadingOverlay {
  display: block; }

.login-form-sidebar .note {
  display: block;
  padding: 8px 0 20px; }
  .login-form-sidebar .note .alertBox {
    margin-bottom: 0; }

.login-form-sidebar .form {
  margin: 0; }

.login-form-sidebar .login-form-wrapper {
  padding: 4px 0 0; }

.login-form-sidebar .form-field {
  margin-bottom: 0; }
  .login-form-sidebar .form-field + .form-field {
    margin-top: 16px; }

.login-form-sidebar .form-actions {
  margin: 16px 0 0; }

.login-form-sidebar .forgot-password {
  display: block;
  margin: 0 !important;
  padding: 16px 0 0;
  color: #22262a;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625;
  letter-spacing: 0.5px;
  text-align: left; }

.login-form-sidebar .create-account {
  margin: 28px 0 0 !important; }

.account-dropdown-sidebar .account-item {
  position: relative;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #cccccc;
  vertical-align: middle; }
  .account-dropdown-sidebar .account-item:last-child {
    border-bottom: 0; }
  .account-dropdown-sidebar .account-item .account-action {
    width: 100%;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 3;
    text-transform: capitalize;
    transition: color 0.15s ease; }
  .account-dropdown-sidebar .account-item .text {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    padding: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    white-space: nowrap;
    transition: color 0.15s ease;
    align-items: center; }
    .account-dropdown-sidebar .account-item .text > .icon {
      display: inline-block;
      width: 18px !important;
      height: 18px !important;
      margin: 0 8px 0 0;
      vertical-align: middle;
      fill: #1b1b1b;
      stroke: #1b1b1b; }
    @media (prefers-reduced-motion: reduce) {
      .account-dropdown-sidebar .account-item .text {
        transition: none; } }

.all-categories-list .dropdown-category-list {
  display: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none; }

.all-categories-list .icon-dropdown {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: inline-block;
  width: 100%;
  height: 40px;
  text-align: right;
  cursor: pointer; }
  .all-categories-list .icon-dropdown svg {
    position: relative;
    top: 4px;
    right: 0;
    width: 13px !important;
    height: 13px !important;
    fill: #22262a; }

.all-categories-list .is-clicked > .icon-dropdown > svg {
  transform: rotate(-180deg); }

.all-categories-list .navPages-item {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  float: none; }
  .all-categories-list .navPages-item a {
    z-index: 10;
    display: inline-block;
    height: 40px;
    margin-bottom: 0;
    padding: 0;
    border-bottom: 0;
    color: #050505;
    font-size: 16px;
    font-weight: 500;
    line-height: 3;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    transition: unset; }
    @media (prefers-reduced-motion: reduce) {
      .all-categories-list .navPages-item a {
        transition: none; } }

.all-categories-list .navPage-subMenu-item {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0 0 0 16px; }

.all-categories-list .navPages-level-3 .navPage-subMenu-item {
  border: 0; }

.all-categories-list,
.account-dropdown-sidebar {
  margin: 0;
  list-style: none; }

.products-list {
  display: block;
  margin: 0 0 32px;
  padding: 16px 0 0; }
  .products-list:before, .products-list:after {
    content: " ";
    display: table; }
  .products-list:after {
    clear: both; }
  .products-list:not(.slick-initialized) .card-option {
    display: block; }
  .products-list:not(.slick-initialized) .card:nth-child(n + 4) {
    display: none; }
  .products-list.slick-dotted.slick-slider {
    margin-bottom: 0; }
  .products-list .link {
    position: absolute;
    top: 0;
    right: 0;
    color: #0e119f;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.5px;
    transition: unset; }
    @media (prefers-reduced-motion: reduce) {
      .products-list .link {
        transition: none; } }
  .products-list .slick-list {
    height: 100% !important; }
  .products-list .slick-dots {
    position: relative;
    bottom: auto; }
    .products-list .slick-dots .slick-active button {
      border: 1px solid #22262a;
      background: #22262a; }
      .products-list .slick-dots .slick-active button::before {
        background: #22262a; }
    .products-list .slick-dots li {
      width: 40px;
      height: 40px; }
    .products-list .slick-dots button {
      width: 10px;
      height: 10px;
      border: 1px solid #8296ab; }
      .products-list .slick-dots button::before {
        width: 10px;
        height: 10px; }
  .products-list .slick-slide.slick-active .card-option {
    display: block; }
  @media (min-width: 1024px) and (hover: hover) {
    .products-list .link:hover, .products-list .link:focus {
      color: #fbbf24; } }

.advertisement-image {
  position: relative; }
  @media (min-width: 1024px) {
    .advertisement-image .image:hover::before, .advertisement-image .image:focus::before {
      top: 0; } }

.advertisement-content p {
  margin: 0 0 24px;
  padding: 2px 0 0;
  color: #22262a;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625;
  letter-spacing: 0.5px; }
  .advertisement-content p:last-child {
    margin-bottom: 0; }

.halo-toolbar {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  margin: 0 0 28px;
  align-items: center;
  justify-content: space-between; }
  @media (min-width: 1024px) {
    .halo-toolbar.has-sidebar {
      width: calc(100% - 270px);
      margin-right: 0;
      margin-left: auto;
      padding-left: 28px; } }
  @media (min-width: 1600px) {
    .halo-toolbar.has-sidebar {
      padding-left: 40px; } }
  .halo-toolbar .page-sidebar-mobile-wrapper {
    margin-bottom: 0; }
  @media (min-width: 320px) and (max-width: 1024px) {
    .has-stickyToolbar .halo-toolbar.sticky-down {
      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.01);
      -webkit-animation-name: fadeInDown;
      animation-name: fadeInDown;
      -webkit-animation-duration: 0.5s;
      animation-duration: 0.5s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
      z-index: 99;
      padding: 8px 16px;
      background: #ffffff; }
    @keyframes fadeInDown {
      0% {
        transform: translate3d(0, -20px, 0);
        opacity: 0; }
      100% {
        transform: translate3d(0, 0, 0);
        opacity: 1; } } }
  @media (min-width: 320px) and (max-width: 1024px) and (prefers-reduced-motion: reduce) {
    .has-stickyToolbar .halo-toolbar.sticky-down {
      -webkit-animation: none;
      animation: none; } }
  @media (min-width: 320px) and (max-width: 1024px) {
    .stickyNavigation.has-stickyToolbar .halo-toolbar.sticky-down {
      top: 50px; } }
  @media (min-width: 1024px) {
    .halo-toolbar {
      margin-bottom: 36px; } }

.toolbar-wrapper {
  display: flex;
  flex-wrap: nowrap;
  width: auto;
  padding: 0;
  text-align: right;
  justify-content: center; }
  .toolbar-wrapper:not(.toolbar-mobile) {
    flex: 1;
    padding-right: 16px;
    padding-left: 16px; }
    .toolbar-wrapper:not(.toolbar-mobile) .toolbar-item {
      display: flex;
      flex-wrap: nowrap;
      width: 100%;
      justify-content: center; }
      .toolbar-wrapper:not(.toolbar-mobile) .toolbar-item:first-child {
        display: none; }
  .toolbar-wrapper .toolbar-item {
    display: block;
    font-size: 0;
    letter-spacing: 0; }
  .toolbar-wrapper .toolbar-left {
    display: none;
    color: rgba(0, 0, 0, 0.7); }
    .toolbar-wrapper .toolbar-left .pagination-info {
      display: none; }
      @media (min-width: 1280px) {
        .toolbar-wrapper .toolbar-left .pagination-info {
          display: block; } }
    @media (min-width: 1024px) {
      .toolbar-wrapper .toolbar-left {
        display: flex;
        flex-wrap: nowrap;
        padding-top: 1px;
        align-items: center; } }
  .toolbar-wrapper .view-as-btn {
    display: flex;
    flex-wrap: nowrap;
    align-items: center; }
    .toolbar-wrapper .view-as-btn .form-label {
      display: none;
      margin-right: 12px;
      margin-bottom: 0;
      padding: 0;
      color: #050505;
      font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
      font-size: 16px;
      font-weight: 500;
      line-height: 1.5;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      font-optical-sizing: auto; }
    .toolbar-wrapper .view-as-btn .form-group {
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      overflow: hidden; }
    .toolbar-wrapper .view-as-btn .btn-view {
      position: relative;
      display: block;
      width: 35px;
      height: 35px;
      padding: 0 4px; }
      .toolbar-wrapper .view-as-btn .btn-view.grid-view {
        border-right: 0; }
      .toolbar-wrapper .view-as-btn .btn-view.list-view {
        margin-left: 16px; }
        .toolbar-wrapper .view-as-btn .btn-view.list-view svg {
          width: 28px !important;
          height: 28px !important; }
      .toolbar-wrapper .view-as-btn .btn-view.current-view svg {
        fill: #050505; }
      .toolbar-wrapper .view-as-btn .btn-view svg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 24px !important;
        height: 24px !important;
        fill: #888e9b; }
  .toolbar-wrapper .toolbar-right {
    display: flex;
    flex-wrap: nowrap;
    width: auto;
    padding: 0;
    text-align: right;
    justify-content: flex-end; }
    .toolbar-wrapper .toolbar-right .view-as-btn {
      display: none; }
      @media (min-width: 1024px) {
        .toolbar-wrapper .toolbar-right .view-as-btn {
          display: flex;
          flex-wrap: nowrap;
          margin-left: 24px; } }
  .toolbar-wrapper .actionBar {
    display: inline-block;
    margin: 0;
    vertical-align: top; }
    .toolbar-wrapper .actionBar .form-field {
      display: flex;
      flex-wrap: nowrap;
      margin-bottom: 0;
      border: 0;
      align-items: center; }
    .toolbar-wrapper .actionBar .form-label {
      display: none; }
    .toolbar-wrapper .actionBar[data-show-products] {
      display: none; }
    .toolbar-wrapper .actionBar .form-label {
      color: #22262a;
      font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
      font-size: 16px;
      font-weight: 500;
      line-height: 1.5;
      letter-spacing: 0.5px;
      text-transform: capitalize;
      font-optical-sizing: auto;
      width: 100%;
      margin-right: 8px;
      margin-bottom: 0;
      padding: 0; }
      @media (min-width: 768px) {
        .toolbar-wrapper .actionBar .form-label {
          display: inline-block; } }
    .toolbar-wrapper .actionBar .form-select {
      height: 50px;
      padding: 8px 16px;
      padding-left: 16px;
      border: 1px solid #888e9b;
      border-radius: 0;
      color: #22262a;
      font-size: 16px;
      letter-spacing: 0.5px;
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 448 512'%3E%3Cpath d='M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z' class='fa-secondary' opacity='.4'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right 13px top 15px;
      background-size: 13px; }
  @media (min-width: 1024px) {
    .toolbar-wrapper {
      justify-content: space-between; } }
  @media (min-width: 600px) {
    .toolbar-wrapper .actionBar {
      margin-left: 15px; }
      .toolbar-wrapper .actionBar[data-show-products] {
        display: inline-block; }
      .toolbar-wrapper .actionBar .form-select {
        min-width: 170px; } }
  @media (min-width: 768px) {
    .toolbar-wrapper .actionBar {
      margin-left: 22px; }
      .toolbar-wrapper .actionBar[data-show-products] {
        display: inline-block; }
      .toolbar-wrapper .actionBar .form-label {
        display: inline-block; } }
  @media (min-width: 1024px) {
    .toolbar-wrapper:not(.toolbar-mobile) {
      padding-right: 0;
      padding-left: 0; }
      .toolbar-wrapper:not(.toolbar-mobile) .toolbar-item {
        width: 535px;
        justify-content: flex-end; }
        .toolbar-wrapper:not(.toolbar-mobile) .toolbar-item:first-child {
          display: block;
          width: calc(100% - 535px); }
    .toolbar-wrapper.toolbar-mobile {
      display: none; } }
  @media (min-width: 1280px) {
    .toolbar-wrapper:not(.toolbar-mobile) .toolbar-item {
      width: 560px; }
      .toolbar-wrapper:not(.toolbar-mobile) .toolbar-item:first-child {
        width: calc(100% - 560px); }
    .toolbar-wrapper .actionBar {
      margin-left: 22px; }
      .toolbar-wrapper .actionBar .form-select {
        min-width: 210px; } }
  @media (min-width: 1600px) {
    .toolbar-wrapper .actionBar .form-select {
      min-width: 180px; } }
  @media (min-width: 1600px) {
    .toolbar-wrapper .actionBar .form-select {
      min-width: 210px; } }

.halo-auth-popup {
  z-index: 11;
  display: none;
  width: 100%;
  padding: 0;
  text-align: left;
  white-space: normal;
  background: conic-gradient(at left bottom, #ffffff, #f5f4f4, #ffffff); }
  .halo-auth-popup::before {
    left: 140px;
    transform: unset; }
  .halo-auth-popup::after {
    left: 142px;
    transform: unset; }
  @media (min-width: 1024px) {
    .halo-auth-popup {
      position: absolute;
      top: calc(100% + 10px);
      right: auto;
      left: 50%;
      transform: translateX(-50%);
      width: 320px;
      border-radius: 4px;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.02); }
      .halo-auth-popup::before {
        bottom: 100%; }
      .halo-auth-popup::after {
        bottom: 100%; }
      .halo-auth-popup.is-open {
        display: block;
        box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.03); } }
  @media (min-width: 1600px) {
    .halo-auth-popup {
      left: -80px;
      transform: unset; }
      .halo-auth-popup::before {
        left: 150px;
        transform: unset; }
      .halo-auth-popup::after {
        left: 152px;
        transform: unset; } }

.account-popup .account-dropdown {
  margin: 0;
  list-style: none; }
  .account-popup .account-dropdown .account-item {
    position: relative;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #dee5e8;
    vertical-align: middle; }
  .account-popup .account-dropdown .account-action {
    width: 100%;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 3;
    text-transform: capitalize;
    transition: color 0.15s ease; }
  .account-popup .account-dropdown .text {
    position: relative;
    padding: 12px 20px 8px;
    transition: color 0.15s ease; }
    @media (prefers-reduced-motion: reduce) {
      .account-popup .account-dropdown .text {
        transition: none; } }

@media (min-width: 1024px) {
  .account-popup .halo-popup-content {
    padding: 0 20px; }
  .account-popup .account-dropdown .text {
    display: inherit;
    padding: 0; }
  .account-popup .account-dropdown .account-item:last-child {
    border-bottom: 0; } }

.login-form-popup.is-loading::after {
  background-color: rgba(164, 169, 178, 0.9);
  background-image: url("https://img.rhinorails.com/loading.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100px; }

.login-form-popup.is-loading .loadingOverlay {
  display: block; }

.login-form-popup .halo-popup-content {
  padding: 20px; }

.login-form-popup .form {
  position: relative;
  top: -2px;
  margin: 0; }
  .login-form-popup .form .form-label {
    color: #030303;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.625; }
    .login-form-popup .form .form-label em {
      display: none; }
  .login-form-popup .form .form-field {
    margin: 0; }
    .login-form-popup .form .form-field + .form-field {
      margin-top: 16px; }
  .login-form-popup .form .form-input {
    height: 46px;
    margin-bottom: 0; }
  .login-form-popup .form .form-actions {
    width: 100%;
    max-width: 100%;
    margin: 16px 0 0;
    text-align: center; }
  .login-form-popup .form .button {
    width: 100%;
    margin: 0; }
    .login-form-popup .form .button.create-account {
      border-color: #030303;
      color: #dee5e8;
      background: #030303; }
  .login-form-popup .form .forgot-password {
    margin: 8px 0 20px;
    color: #030303;
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.625;
    transition: unset; }
    @media (prefers-reduced-motion: reduce) {
      .login-form-popup .form .forgot-password {
        transition: none; } }

@media (min-width: 1024px) {
  .login-form-popup .halo-popup-content {
    padding: 25px; }
  .login-form-popup .form .form-field + .form-field {
    margin-top: 20px; } }

#halo_sticky_addToCart {
  position: fixed;
  z-index: -1;
  width: 100%;
  padding: 0;
  border-bottom: 1px solid #dee5e8;
  text-align: center;
  background: conic-gradient(at left bottom, #ffffff, #ffffff, #dee5e8);
  box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.03);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease;
  inset: auto 0 0; }
  #halo_sticky_addToCart .product-wrapper {
    display: table;
    text-align: left; }
    #halo_sticky_addToCart .product-wrapper > .product-image {
      display: table-cell;
      width: 60px; }
    #halo_sticky_addToCart .product-wrapper > .product-content {
      display: table-cell;
      padding-left: 8px;
      vertical-align: middle; }
    #halo_sticky_addToCart .product-wrapper .productView-price {
      margin-bottom: 0;
      font-size: 16px; }
      #halo_sticky_addToCart .product-wrapper .productView-price .price-section {
        font-size: 16px; }
  #halo_sticky_addToCart .form-field--increments {
    display: none;
    margin: 0 !important;
    padding-right: 8px;
    font-size: 0; }
    #halo_sticky_addToCart .form-field--increments .form-increment {
      height: 50px; }
      #halo_sticky_addToCart .form-field--increments .form-increment .button[data-action='inc'] {
        top: 0; }
      #halo_sticky_addToCart .form-field--increments .form-increment .button[data-action='dec'] {
        bottom: 0; }
    #halo_sticky_addToCart .form-field--increments .form-label {
      display: none; }
    @media (min-width: 1024px) {
      #halo_sticky_addToCart .form-field--increments {
        display: inline-block; } }
  #halo_sticky_addToCart .form-action {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 100%;
    height: 50px; }
    #halo_sticky_addToCart .form-action .button {
      position: absolute;
      z-index: 5;
      display: inline-block;
      width: 100%;
      min-width: 100%;
      margin: 0;
      padding: 0 8px;
      font-size: 16px;
      line-height: 3rem !important;
      letter-spacing: 0.5px;
      text-transform: unset;
      opacity: 1;
      visibility: visible;
      inset: 0; }
      #halo_sticky_addToCart .form-action .button.is-active {
        opacity: 0;
        visibility: hidden; }
      @media (min-width: 1024px) {
        #halo_sticky_addToCart .form-action .button {
          top: 0; } }
    #halo_sticky_addToCart .form-action input {
      width: 100%;
      margin-bottom: 0; }
    @media (max-width: 600px) {
      #halo_sticky_addToCart .form-action {
        height: 70px;
        margin: 8px; } }
    @media (min-width: 600px) {
      #halo_sticky_addToCart .form-action {
        max-width: 215px; }
        #halo_sticky_addToCart .form-action .button {
          min-width: 215px; } }
  #halo_sticky_addToCart .show_select_options {
    min-width: 209px;
    border: 1px solid #888e9b;
    border-radius: 4px;
    color: #000000;
    font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.6496px;
    text-transform: uppercase;
    background: conic-gradient(at left bottom, #ffffff, #ffffff, #dee5e8);
    transition: color 0.15s ease;
    font-optical-sizing: auto; }
    @media (prefers-reduced-motion: reduce) {
      #halo_sticky_addToCart .show_select_options {
        transition: none; } }
  #halo_sticky_addToCart .form {
    display: flex;
    flex-wrap: nowrap;
    height: 50px;
    margin: 0;
    align-items: center;
    justify-content: flex-end;
    -ms-flex-align: center;
    -ms-flex-pack: flex-end; }
    #halo_sticky_addToCart .form .pop-up-option {
      position: absolute;
      z-index: 1;
      width: 100%;
      padding: 8px;
      border-top: 1px solid #dee5e8;
      border-bottom: 1px solid #dee5e8;
      text-align: left;
      background: conic-gradient(at left bottom, #ffffff, #ffffff, #dee5e8);
      box-shadow: 0 0 0 #000000, 0 0 1px rgba(0, 0, 0, 0.01);
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.5s ease;
      inset: auto 0 calc(100% + 20px);
      overflow: visible; }
      #halo_sticky_addToCart .form .pop-up-option.is-open {
        box-shadow: 0 -12px 24px -4px rgba(0, 0, 0, 0.2) !important;
        border-width: 1px;
        border-style: solid;
        border-bottom: rgba(27, 27, 27, 0.2);
        background: conic-gradient(at left bottom, #ffffff, #ffffff, #dee5e8);
        background: #ffffff !important;
        box-shadow: 0 -5px 20px rgba(225, 225, 0, 0.03);
        opacity: 1;
        visibility: visible; }
      #halo_sticky_addToCart .form .pop-up-option .modal-close {
        top: 15px;
        right: 0;
        transform: translateY(-50%); }
        @media (min-width: 600px) {
          #halo_sticky_addToCart .form .pop-up-option .modal-close {
            top: 0; } }
        @media (min-width: 1024px) {
          #halo_sticky_addToCart .form .pop-up-option .modal-close {
            right: 30px; } }
      #halo_sticky_addToCart .form .pop-up-option .form-field {
        position: relative;
        display: block;
        width: 100%;
        margin: 0 0 16px;
        font-size: 16px; }
        #halo_sticky_addToCart .form .pop-up-option .form-field[data-product-attribute] .form-option {
          display: inline-block;
          margin-bottom: 8px; }
        #halo_sticky_addToCart .form .pop-up-option .form-field[data-product-attribute='set-rectangle'] .form-label {
          display: block;
          width: 100%;
          margin-bottom: 8px; }
        #halo_sticky_addToCart .form .pop-up-option .form-field[data-product-attribute='set-rectangle'] .form-option-rectangle {
          display: inline-block;
          vertical-align: top; }
        #halo_sticky_addToCart .form .pop-up-option .form-field .form-label {
          display: inline-block;
          margin-bottom: 0;
          font-family: "Inter", "InterDisplay", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
          font-size: 16px;
          font-optical-sizing: auto; }
          #halo_sticky_addToCart .form .pop-up-option .form-field .form-label.form-label--inlineSmall {
            display: block;
            width: 100%;
            margin-bottom: 8px; }
          #halo_sticky_addToCart .form .pop-up-option .form-field .form-label > small {
            margin: 0 16px 0 0;
            color: #800000;
            line-height: 1.5;
            float: none; }
          .form-field .form-checkbox + #halo_sticky_addToCart .form .pop-up-option .form-field .form-label {
            display: inline; }
          #halo_sticky_addToCart .form .pop-up-option .form-field .form-label .option-label {
            display: inline;
            margin-right: 1px; }
          #halo_sticky_addToCart .form .pop-up-option .form-field .form-label .option-selected-value {
            display: inline;
            color: #565c67;
            font-style: italic; }
            #halo_sticky_addToCart .form .pop-up-option .form-field .form-label .option-selected-value:not(:empty)::before {
              margin: 0 4px;
              content: '- '; }
          @media (max-width: 600px) {
            #halo_sticky_addToCart .form .pop-up-option .form-field .form-label {
              display: block;
              padding-bottom: 8px; } }
          @media (min-width: 600px) {
            #halo_sticky_addToCart .form .pop-up-option .form-field .form-label {
              display: inline-block;
              vertical-align: middle; } }
        #halo_sticky_addToCart .form .pop-up-option .form-field .form-select {
          max-width: 530px; }
        @media (min-width: 1024px) {
          #halo_sticky_addToCart .form .pop-up-option .form-field {
            display: inline-block;
            width: auto;
            margin: 0 0 20px;
            font-size: 16px;
            vertical-align: top; }
            #halo_sticky_addToCart .form .pop-up-option .form-field:nth-child(even) {
              padding-left: 35px;
              border-left: 1px solid #dee5e8; }
            #halo_sticky_addToCart .form .pop-up-option .form-field:nth-child(odd) {
              padding-right: 25px; }
            #halo_sticky_addToCart .form .pop-up-option .form-field + [data-product-attribute='set-select'] {
              white-space: nowrap; } }
      #halo_sticky_addToCart .form .pop-up-option .data-product-name {
        display: block;
        margin-bottom: 20px;
        padding-top: 0;
        padding-bottom: 8px;
        border-bottom: 1px solid #f7f7f8; }
        #halo_sticky_addToCart .form .pop-up-option .data-product-name .productView-title {
          display: -webkit-box;
          margin-bottom: 0;
          color: #030303;
          font-size: 16px;
          font-weight: 400;
          line-height: 1.625;
          letter-spacing: 0.5px;
          text-overflow: ellipsis;
          word-wrap: break-word;
          -webkit-line-clamp: 1;
          overflow: hidden;
          -webkit-box-orient: vertical;
          position: relative;
          display: -webkit-box;
          width: calc(100% - 30px);
          margin-bottom: 0; }
          #halo_sticky_addToCart .form .pop-up-option .data-product-name .productView-title .product-name {
            display: inline; }
          #halo_sticky_addToCart .form .pop-up-option .data-product-name .productView-title .option-value {
            display: inline;
            margin-left: 8px;
            color: #565c67;
            font-size: 0.9em;
            font-style: italic; }
            #halo_sticky_addToCart .form .pop-up-option .data-product-name .productView-title .option-value:empty {
              display: none; }
            #halo_sticky_addToCart .form .pop-up-option .data-product-name .productView-title .option-value::before {
              margin-right: 4px;
              content: '- '; }
        #halo_sticky_addToCart .form .pop-up-option .data-product-name .productView-price {
          display: inline-block;
          height: auto;
          line-height: unset; }
          #halo_sticky_addToCart .form .pop-up-option .data-product-name .productView-price .price-section {
            font-size: 15px; }
        @media (min-width: 600px) {
          #halo_sticky_addToCart .form .pop-up-option .data-product-name {
            display: none; } }
      #halo_sticky_addToCart .form .pop-up-option .data-product-option {
        display: block;
        width: calc(100% + 10px);
        max-height: 300px;
        padding-right: 8px;
        font-size: 0;
        overflow-y: auto;
        scrollbar-gutter: stable;
        overscroll-behavior: contain;
        -ms-scroll-chaining: none; }
        #halo_sticky_addToCart .form .pop-up-option .data-product-option.data-product-option-2 .form-field {
          width: 100%; }
          #halo_sticky_addToCart .form .pop-up-option .data-product-option.data-product-option-2 .form-field:nth-child(even) {
            padding-left: 0;
            border-left: 0; }
          #halo_sticky_addToCart .form .pop-up-option .data-product-option.data-product-option-2 .form-field:nth-child(odd) {
            padding-right: 0; }
          #halo_sticky_addToCart .form .pop-up-option .data-product-option.data-product-option-2 .form-field[data-product-attribute='set-select'] .form-select {
            max-width: 100%; }
          #halo_sticky_addToCart .form .pop-up-option .data-product-option.data-product-option-2 .form-field > .form-label--alternate {
            display: block;
            padding-bottom: 8px; }
        #halo_sticky_addToCart .form .pop-up-option .data-product-option .form-option-expanded {
          display: none; }
        @media (min-width: 600px) {
          #halo_sticky_addToCart .form .pop-up-option .data-product-option.data-product-option-2 .form-field {
            width: 49%; }
            #halo_sticky_addToCart .form .pop-up-option .data-product-option.data-product-option-2 .form-field:nth-child(even) {
              padding-left: 16px; }
            #halo_sticky_addToCart .form .pop-up-option .data-product-option.data-product-option-2 .form-field:nth-child(odd) {
              padding-right: 16px; } }
        @media (min-width: 768px) {
          #halo_sticky_addToCart .form .pop-up-option .data-product-option.data-product-option-2 .form-field[data-product-attribute='set-select'] .form-select {
            max-width: 50%; } }
        @media (min-width: 1024px) {
          #halo_sticky_addToCart .form .pop-up-option .data-product-option.data-product-option-2 .form-field:nth-child(even) {
            padding-left: 24px; }
          #halo_sticky_addToCart .form .pop-up-option .data-product-option.data-product-option-2 .form-field:nth-child(odd) {
            padding-right: 24px; } }
        @media (min-width: 600px) {
          #halo_sticky_addToCart .form .pop-up-option .data-product-option {
            position: relative; } }
      #halo_sticky_addToCart .form .pop-up-option .close {
        position: absolute;
        top: 0;
        right: 30px;
        z-index: 10;
        transform: translateY(-50%);
        width: 30px;
        height: 30px;
        border-radius: 4px;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.875;
        text-align: center;
        opacity: 1;
        filter: alpha(opacity=100); }
      #halo_sticky_addToCart .form .pop-up-option > .container {
        position: relative; }
        @media (min-width: 1024px) {
          #halo_sticky_addToCart .form .pop-up-option > .container {
            max-width: 1430px;
            padding-right: 28px;
            padding-left: 28px; } }
      @media (prefers-reduced-motion: reduce) {
        #halo_sticky_addToCart .form .pop-up-option {
          transition: none; } }
      @media (min-width: 600px) {
        #halo_sticky_addToCart .form .pop-up-option {
          top: auto;
          bottom: 100%;
          padding: 28px 8px 20px; } }
      @media (min-width: 1024px) {
        #halo_sticky_addToCart .form .pop-up-option {
          padding: 36px 0 16px; } }
    #halo_sticky_addToCart .form .alertBox--error {
      justify-content: flex-start;
      -ms-flex-pack: start; }
  #halo_sticky_addToCart > .container {
    position: unset; }
    #halo_sticky_addToCart > .container::before, #halo_sticky_addToCart > .container::after {
      content: none; }
    #halo_sticky_addToCart > .container .item-wrap {
      position: static;
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: space-between; }
    #halo_sticky_addToCart > .container .item {
      display: inline-block;
      width: 100%;
      padding: 0 8px; }
      #halo_sticky_addToCart > .container .item:first-child {
        display: none;
        padding-left: 0;
        text-align: left; }
        #halo_sticky_addToCart > .container .item:first-child .product-content {
          padding-left: 20px; }
        #halo_sticky_addToCart > .container .item:first-child .text {
          display: none; }
        @media (min-width: 1024px) {
          #halo_sticky_addToCart > .container .item:first-child {
            display: inline-block;
            width: 45%; } }
        @media (min-width: 1280px) {
          #halo_sticky_addToCart > .container .item:first-child {
            width: 40%; } }
        @media (min-width: 1440px) {
          #halo_sticky_addToCart > .container .item:first-child {
            width: 35%; } }
        @media (min-width: 1600px) {
          #halo_sticky_addToCart > .container .item:first-child {
            width: 30%; } }
      #halo_sticky_addToCart > .container .item:last-child {
        width: 60%;
        padding-right: 8px; }
        @media (max-width: 600px) {
          #halo_sticky_addToCart > .container .item:last-child {
            width: 100%; } }
        @media (min-width: 768px) {
          #halo_sticky_addToCart > .container .item:last-child {
            width: 40%; } }
        @media (min-width: 1024px) {
          #halo_sticky_addToCart > .container .item:last-child {
            width: 35%;
            padding-right: 0; } }
        @media (min-width: 1280px) {
          #halo_sticky_addToCart > .container .item:last-child {
            width: 30%; } }
      #halo_sticky_addToCart > .container .item.product-info .sticky-price {
        display: inline-block;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        line-height: 1.5; }
        #halo_sticky_addToCart > .container .item.product-info .sticky-price .price-section {
          margin-bottom: 0;
          font-size: 16px;
          font-weight: 600; }
          #halo_sticky_addToCart > .container .item.product-info .sticky-price .price-section.price-section--saving, #halo_sticky_addToCart > .container .item.product-info .sticky-price .price-section.rrp-price--withoutTax {
            display: none !important; }
          #halo_sticky_addToCart > .container .item.product-info .sticky-price .price-section.non-sale-price--withoutTax {
            margin: 0 8px 0 0;
            font-weight: 400; }
      #halo_sticky_addToCart > .container .item.product-info .productView-title {
        display: -webkit-box;
        margin-bottom: 0;
        color: #030303;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.625;
        letter-spacing: 0.5px;
        text-overflow: ellipsis;
        word-wrap: break-word;
        -webkit-line-clamp: 1;
        overflow: hidden;
        -webkit-box-orient: vertical;
        position: relative;
        display: -webkit-box;
        margin-bottom: 0; }
        #halo_sticky_addToCart > .container .item.product-info .productView-title .product-name {
          display: inline; }
        #halo_sticky_addToCart > .container .item.product-info .productView-title .option-value {
          display: inline;
          margin-left: 8px;
          color: #565c67;
          font-size: 0.9em;
          font-style: italic; }
          #halo_sticky_addToCart > .container .item.product-info .productView-title .option-value:empty {
            display: none; }
          #halo_sticky_addToCart > .container .item.product-info .productView-title .option-value::before {
            margin-right: 4px;
            content: '- '; }
      @media (max-width: 600px) {
        #halo_sticky_addToCart > .container .item.product-info {
          display: none; } }
      #halo_sticky_addToCart > .container .item.item-right {
        text-align: left; }
        @media (max-width: 600px) {
          #halo_sticky_addToCart > .container .item.item-right {
            padding: 0; } }
        @media (min-width: 768px) {
          #halo_sticky_addToCart > .container .item.item-right {
            text-align: right; } }
      @media (min-width: 768px) {
        #halo_sticky_addToCart > .container .item {
          padding: 0 16px; } }
    @media (min-width: 1024px) {
      #halo_sticky_addToCart > .container {
        max-width: 1430px;
        padding-right: 28px;
        padding-left: 28px; } }
  #halo_sticky_addToCart .productView-actions {
    min-width: 330px;
    margin: 0;
    padding: 0; }
    @media (max-width: 768px) {
      #halo_sticky_addToCart .productView-actions {
        min-width: 220px; } }
    @media (max-width: 600px) {
      #halo_sticky_addToCart .productView-actions {
        min-width: 100%;
        border-top: 1px solid #dee5e8;
        background: conic-gradient(at left bottom, #ffffff, #f5f4f4, #ffffff);
        box-shadow: 0 1px 6px 1px #dee5e8; } }
  @media (prefers-reduced-motion: reduce) {
    #halo_sticky_addToCart {
      transition: none; } }
  @media (max-width: 600px) {
    #halo_sticky_addToCart {
      display: none; }
      #halo_sticky_addToCart.halo_sticky_addToCart_mb {
        top: auto;
        bottom: 0;
        display: block; } }
  @media (min-width: 600px) {
    #halo_sticky_addToCart {
      padding: 4px 0; } }
  @media (min-width: 1024px) {
    #halo_sticky_addToCart {
      padding: 4px 0; } }

.show_sticky#halo_sticky_addToCart {
  z-index: 102;
  opacity: 1;
  visibility: visible; }

.show_sticky,
#halo_sticky_addToCart .form .pop-up-option.is-open {
  box-shadow: 0 -12px 24px -4px rgba(0, 0, 0, 0.2) !important; }

.background-overlay {
  position: fixed;
  z-index: -1;
  display: none;
  background-color: rgba(0, 0, 0, 0.06);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease;
  inset: 0;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px); }

@media (max-width: 600px) {
  .openPopupOption {
    overflow: hidden;
    -webkit-overflow-scrolling: auto; }
    .openPopupOption .header .background-overlay,
    .openPopupOption #halo_sticky_addToCart .background-overlay {
      z-index: 101;
      display: block;
      opacity: 1;
      visibility: visible; }
    .openPopupOption .header .pop-up-option,
    .openPopupOption .header .productView-actions,
    .openPopupOption #halo_sticky_addToCart .pop-up-option,
    .openPopupOption #halo_sticky_addToCart .productView-actions {
      z-index: 102; } }

.page-type-page_contact_form .breadcrumb-wrapper {
  padding-top: 4px; }
  .page-type-page_contact_form .breadcrumb-wrapper .breadcrumbs {
    text-align: left; }

.halo-google-map {
  margin-top: 20px; }

.page-contact [data-contact-form] {
  margin: 0;
  padding: 28px 0 0; }
  .page-contact [data-contact-form] .form-row {
    margin: 0; }
    .page-contact [data-contact-form] .form-row + .form-field {
      margin-bottom: 16px; }
  .page-contact [data-contact-form] .form-field {
    display: inline-block;
    width: 100%;
    margin: 0 0 20px;
    padding: 0;
    vertical-align: top;
    float: none; }
  .page-contact [data-contact-form] .form-label {
    margin-bottom: 4px; }
    .page-contact [data-contact-form] .form-label small {
      font-size: 16px; }
  .page-contact [data-contact-form] .form-input {
    margin-bottom: 0; }
  .page-contact [data-contact-form] .form-actions {
    display: block;
    margin: 20px 0 0;
    font-size: 0;
    letter-spacing: 0;
    text-align: center; }
    .page-contact [data-contact-form] .form-actions .button {
      display: block;
      width: 100%;
      height: 50px;
      line-height: 3.375;
      text-transform: uppercase; }
  .page-contact [data-contact-form] textarea {
    min-height: 186px;
    line-height: 1.625; }

.page-contact .page-header {
  padding-left: 0; }
  .page-contact .page-header .page-heading {
    text-align: left; }

.page-contact .page-content {
  padding: 28px 0 0; }

.page-contact .halo-contact-form p {
  margin: 0 0 4px;
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5; }
  .page-contact .halo-contact-form p + p {
    margin-top: 24px; }

.page-contact .halo-contact-info {
  margin: 48px 0 0; }
  .page-contact .halo-contact-info .title {
    margin-top: 0;
    margin-bottom: 28px;
    padding-bottom: 16px;
    border-bottom: 1px solid #c2c5cc;
    color: #000000;
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
    text-transform: uppercase; }
  .page-contact .halo-contact-info .content {
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #c2c5cc;
    font-size: 16px;
    font-weight: 400; }
    .page-contact .halo-contact-info .content:last-child {
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: 0; }
      .page-contact .halo-contact-info .content:last-child .store-link:last-child {
        margin-bottom: 0; }
    .page-contact .halo-contact-info .content .store-info {
      display: flex;
      flex-flow: row nowrap;
      margin-bottom: 16px;
      line-height: 1.5;
      align-items: flex-start;
      justify-content: flex-start; }
      .page-contact .halo-contact-info .content .store-info .icon {
        display: inline-block;
        width: 18px !important;
        height: 18px !important;
        margin-right: 16px;
        vertical-align: middle; }
        .page-contact .halo-contact-info .content .store-info .icon.icon-pen {
          width: 20px;
          height: 20px; }
      .page-contact .halo-contact-info .content .store-info p {
        display: inline-block;
        margin-bottom: 0;
        line-height: 1.5;
        vertical-align: middle; }
    .page-contact .halo-contact-info .content .store-link {
      display: block;
      margin-bottom: 8px; }

@media (min-width: 768px) {
  .page-contact [data-contact-form] .form-actions {
    margin-top: 4px;
    text-align: left; }
    .page-contact [data-contact-form] .form-actions .button {
      display: inline-block;
      max-width: 236px !important;
      vertical-align: top; }
  .page-contact .page-content {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between; }
  .page-contact .halo-contact-form {
    width: 60%; }
  .page-contact .halo-contact-info {
    width: 40%;
    margin-top: 0;
    padding: 0 0 0 40px; } }

@media (min-width: 1024px) {
  .page-contact .halo-contact-form {
    width: 615px; }
  .page-contact .halo-contact-info {
    width: calc(100% - 615px);
    padding: 0 0 0 50px; }
    .page-contact .halo-contact-info .sample .button {
      max-width: 235px; } }

@media (min-width: 1440px) {
  .page-contact .halo-contact-info {
    padding-left: 10%; } }

@media (min-width: 1920px) {
  .page-contact .halo-contact-info {
    padding-left: calc(20% + 5px); } }

.haloFaqs-header .page-heading {
  position: relative;
  z-index: 2;
  margin-bottom: -20px; }

.haloFaqs-header__des {
  width: 100%;
  max-width: 570px; }
  .haloFaqs-header__des p {
    margin-bottom: 32px;
    color: #22262a;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.625; }
  @media (max-width: 1024px) {
    .haloFaqs-header__des {
      padding: 0 16px; }
      .haloFaqs-header__des + .page-sidebar-content {
        padding: 0 15px; }
        .haloFaqs-header__des + .page-sidebar-content .faq-contact {
          padding: 0; } }

.page--faqs {
  margin-top: 8px; }
  @media (min-width: 768px) {
    .page--faqs {
      margin-top: 44px; } }

.halo-faqs-title {
  margin: 0;
  padding: 0 0 8px;
  border-bottom: 2px solid #000000;
  color: #22262a;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  text-align: left;
  text-transform: uppercase; }

.halo-faqs-sidebar {
  width: 290px;
  padding-right: 0;
  padding-left: 0;
  background-color: #ffffff; }
  .halo-faqs-sidebar .faq-contact {
    display: block;
    padding: 28px 28px 36px; }
  .halo-faqs-sidebar .faq-title {
    margin-bottom: 24px;
    text-align: center; }
  .halo-faqs-sidebar .faqs-group {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between; }
    .halo-faqs-sidebar .faqs-group .faqs-group-item {
      width: 50%;
      text-align: center; }
    .halo-faqs-sidebar .faqs-group a {
      text-decoration: none;
      transition: unset; }
      .halo-faqs-sidebar .faqs-group a .icon {
        display: block;
        width: 28px !important;
        height: 28px !important;
        margin: 0 auto 4px;
        fill: #1b1b1b; }
      .halo-faqs-sidebar .faqs-group a .text {
        padding: 0 0 1px;
        color: #22262a;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        text-transform: capitalize; }
      @media (prefers-reduced-motion: reduce) {
        .halo-faqs-sidebar .faqs-group a {
          transition: none; } }
  .halo-faqs-sidebar + .halo-faqs-content {
    width: calc(100% - 290px);
    padding-right: 0;
    padding-left: 64px; }
  @media (min-width: 1024px) {
    .halo-faqs-sidebar .page-sidebar-content {
      box-shadow: 0 1px 50px 0 rgba(0, 0, 0, 0.1); } }

.halo-faqs-content .faqs-paragraph {
  display: block; }
  .halo-faqs-content .faqs-paragraph + .faqs-paragraph {
    margin-top: 36px; }

.halo-faqs-content .card {
  margin-bottom: 0;
  border-bottom: 1px solid #c2c5cc; }

.halo-faqs-content .card-header {
  position: relative;
  margin: 0;
  padding: 0;
  background-color: transparent; }
  .halo-faqs-content .card-header:before, .halo-faqs-content .card-header:after {
    content: " ";
    display: table; }
  .halo-faqs-content .card-header:after {
    clear: both; }

.halo-faqs-content .card-body {
  padding: 12px 0 16px;
  line-height: 1.625;
  text-align: left; }
  .halo-faqs-content .card-body .number {
    margin-top: 28px;
    margin-bottom: 0; }
  .halo-faqs-content .card-body .bold {
    font-weight: 600; }
  .halo-faqs-content .card-body h4 {
    margin-top: 28px;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 600; }
  .halo-faqs-content .card-body ul {
    margin-bottom: 32px; }
  .halo-faqs-content .card-body strong {
    font-weight: 500; }

.halo-faqs-content .title {
  width: 100%;
  padding: 16px 48px 16px 0;
  color: #22262a;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.625;
  letter-spacing: 0.5px;
  text-align: left;
  text-transform: unset;
  background: #ffffff;
  transition: opacity 0.5s ease; }
  .halo-faqs-content .title::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: inline-block;
    width: 0;
    height: 21px;
    margin: 0 12px 0 0;
    padding: 0;
    border-radius: 0;
    color: #ffffff;
    font-size: 15px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
    background-color: #fbbf24;
    transition: opacity 0.5s ease;
    overflow: hidden;
    content: 'Question'; }
    @media (prefers-reduced-motion: reduce) {
      .halo-faqs-content .title::before {
        transition: none; } }
  .halo-faqs-content .title.collapsed {
    position: relative;
    padding-left: 64px;
    color: #fbbf24; }
    .halo-faqs-content .title.collapsed::before {
      width: 66px; }
    .halo-faqs-content .title.collapsed + .icon-plus::before {
      transform: translateY(-50%) rotate(90deg); }
  @media (prefers-reduced-motion: reduce) {
    .halo-faqs-content .title {
      transition: none; } }

.halo-faqs-content .icon-plus {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 2;
  transform: translateY(-50%);
  display: inline-block;
  width: 16px;
  height: 16px;
  font-size: 0;
  letter-spacing: 0;
  background: transparent;
  pointer-events: none; }
  .halo-faqs-content .icon-plus::before, .halo-faqs-content .icon-plus::after {
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 2;
    transform: translate(50%, -50%);
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 0.5s ease;
    content: ''; }
    @media (prefers-reduced-motion: reduce) {
      .halo-faqs-content .icon-plus::before, .halo-faqs-content .icon-plus::after {
        transition: none; } }
  .halo-faqs-content .icon-plus::before {
    width: 2px;
    height: 16px; }
  .halo-faqs-content .icon-plus::after {
    width: 16px;
    height: 2px; }

.halo-faqs-content .collapse {
  position: relative;
  display: none; }

.halo-faqs-content .faq-content {
  padding: 44px 0 0;
  text-align: center; }
  .halo-faqs-content .faq-content .button {
    min-width: 200px;
    margin: 16px 0 0; }
  .halo-faqs-content .faq-content p {
    margin: 0;
    color: #22262a;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.5px; }
  @media (min-width: 600px) {
    .halo-faqs-content .faq-content {
      text-align: right; }
      .halo-faqs-content .faq-content .button {
        min-width: 255px;
        margin: 15px 0 0 23px; } }
  @media (min-width: 768px) {
    .halo-faqs-content .faq-content .button {
      margin-top: 0; } }

@media (min-width: 1024px) {
  .halo-faqs-title {
    padding-bottom: 17px; }
  .halo-faqs-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 90px; }
  .halo-faqs-content {
    padding-top: 1px; }
    .halo-faqs-content .faq-content .button {
      margin-top: 0; } }

@media (max-width: 1024px) {
  .halo-faqs-sidebar {
    width: 500px; }
    .halo-faqs-sidebar + .halo-faqs-content {
      width: 100%;
      padding-left: 0; } }

@media (max-width: 768px) {
  .halo-faqs-sidebar {
    width: 100%; }
    .halo-faqs-sidebar + .halo-faqs-content {
      width: 100%;
      padding-top: 28px;
      padding-left: 0; }
  .haloFaqs-header .page-heading {
    margin-bottom: -13px; }
  .halo-faqs-content .faqs-paragraph + .faqs-paragraph {
    margin-top: 30px; } }

.lookbook-top {
  position: relative; }

#halo-lookbook-slider {
  padding: 50px 0; }
  #halo-lookbook-slider .halo-special-logo {
    position: relative;
    margin: 0 0 30px;
    padding: 0 15px;
    text-align: center; }
    #halo-lookbook-slider .halo-special-logo::before {
      position: absolute;
      top: -65px;
      left: 50%;
      z-index: 1;
      width: 1px;
      height: 40px;
      background-color: #22262a;
      content: ''; }
    #halo-lookbook-slider .halo-special-logo img {
      position: absolute;
      width: 100%;
      inset: 0; }
  .page-normal #halo-lookbook-slider {
    padding-top: 0;
    padding-bottom: 0; }
  @media (min-width: 600px) {
    #halo-lookbook-slider {
      padding-top: 90px;
      padding-bottom: 55px; }
      #halo-lookbook-slider .halo-special-logo {
        position: absolute;
        top: -50px;
        left: 50%;
        z-index: 2;
        transform: translateX(-50%);
        width: 100%;
        max-width: calc(100% - 100px);
        margin-bottom: 0;
        padding-right: 0;
        padding-left: 0; }
        #halo-lookbook-slider .halo-special-logo::before {
          top: -86px; } }
  @media (min-width: 768px) {
    #halo-lookbook-slider {
      padding-top: 185px; }
      #halo-lookbook-slider .halo-special-logo {
        top: -80px; } }
  @media (min-width: 1024px) {
    #halo-lookbook-slider {
      padding-top: 235px; }
      #halo-lookbook-slider .halo-special-logo {
        top: -125px;
        width: 100%;
        max-width: 1050px; }
        #halo-lookbook-slider .halo-special-logo::before {
          top: -106px;
          height: 65px; }
      .page-normal #halo-lookbook-slider {
        margin: 0 -15px; } }

.halo-lookbook-slider {
  display: block; }
  .halo-lookbook-slider:not(.slick-initialized) {
    display: block;
    font-size: 0;
    letter-spacing: 0;
    white-space: nowrap;
    overflow: hidden; }
    .halo-lookbook-slider:not(.slick-initialized) > .halo-lookbook-slider-slide {
      display: inline-block;
      width: 100%;
      vertical-align: top;
      overflow: hidden; }
      .halo-lookbook-slider:not(.slick-initialized) > .halo-lookbook-slider-slide:not(:first-child) {
        opacity: 0;
        visibility: hidden; }
  .halo-lookbook-slider.slick-initialized {
    margin-bottom: 0; }
  .halo-lookbook-slider-slide {
    position: relative; }
    @media (min-width: 1024px) {
      .halo-lookbook-slider-slide {
        padding: 0 15px; } }
  .halo-lookbook-slider-imageWrapper {
    position: relative; }
    .halo-lookbook-slider-imageWrapper::before {
      position: absolute;
      z-index: 1;
      background-color: rgba(0, 0, 0, 0.1);
      inset: 0;
      content: ''; }
  .halo-lookbook-slider-image {
    text-align: center; }
    .halo-lookbook-slider-image img {
      position: absolute;
      display: none;
      inset: 0; }
      .halo-lookbook-slider-image img.image-mobile {
        position: absolute;
        display: block;
        inset: 0; }
    .page-blog .halo-lookbook-slider-image {
      width: 100%; }
      .page-blog .halo-lookbook-slider-image img {
        display: block; }
    .page-normal .halo-lookbook-slider-image {
      width: 100%; }
      .page-normal .halo-lookbook-slider-image img {
        display: block; }
  .halo-lookbook-slider-content {
    display: block;
    width: 100%;
    max-width: calc(100% - 100px);
    margin: 0 auto;
    padding: 50px 0 0;
    text-align: center;
    white-space: normal;
    background-color: #000000; }
    .halo-lookbook-slider-content .subtitle {
      display: block;
      margin: 0 0 12px;
      color: rgba(0, 0, 0, 0.7);
      font-size: 16px;
      font-weight: 700;
      line-height: 40px;
      letter-spacing: 0.5px;
      text-transform: uppercase; }
    .halo-lookbook-slider-content .title {
      margin: 0 0 24px;
      color: #030303;
      font-size: 30px;
      font-weight: 400;
      line-height: 1.5;
      letter-spacing: 0.5px;
      text-transform: uppercase; }
    .halo-lookbook-slider-content .desc {
      display: block;
      margin: 0 0 30px;
      color: rgba(0, 0, 0, 0.7);
      font-size: 16px;
      font-weight: 400;
      line-height: 1.75;
      letter-spacing: 0.5px; }
    .halo-lookbook-slider-content .button {
      min-width: 200px;
      text-transform: uppercase; }
  .halo-lookbook-slider-point {
    position: absolute;
    z-index: 5;
    display: block;
    pointer-events: auto; }
    .page-blog .halo-lookbook-slider-point {
      display: block; }
    .page-normal .halo-lookbook-slider-point {
      display: block; }
  .halo-lookbook-slider-icon {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #ffffff;
    font-size: 30px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    vertical-align: top;
    background-color: #22262a;
    cursor: pointer;
    pointer-events: auto; }
    .halo-lookbook-slider-icon::before, .halo-lookbook-slider-icon::after {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      content: ''; }
    .halo-lookbook-slider-icon::before {
      -webkit-animation: zoom-animation 1.4s ease-in-out infinite;
      animation: zoom-animation 1.4s ease-in-out infinite; }
      @media (prefers-reduced-motion: reduce) {
        .halo-lookbook-slider-icon::before {
          -webkit-animation: none;
          animation: none; } }
    .halo-lookbook-slider-icon::after {
      -webkit-animation: zoom-animation-2 1.4s ease-in-out infinite;
      animation: zoom-animation-2 1.4s ease-in-out infinite; }
      @media (prefers-reduced-motion: reduce) {
        .halo-lookbook-slider-icon::after {
          -webkit-animation: none;
          animation: none; } }
  .halo-lookbook-slider-info {
    display: block;
    padding: 17px 0 13px; }
  .halo-lookbook-slider-text {
    color: #22262a;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.5px;
    text-align: center; }
  .halo-lookbook-slider .slick-slide .halo-lookbook-slider-content .subtitle {
    visibility: hidden;
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms; }
    @media (prefers-reduced-motion: reduce) {
      .halo-lookbook-slider .slick-slide .halo-lookbook-slider-content .subtitle {
        -webkit-animation: none;
        animation: none; } }
  .halo-lookbook-slider .slick-slide .halo-lookbook-slider-content .title {
    visibility: hidden;
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms; }
  .halo-lookbook-slider .slick-slide .halo-lookbook-slider-content .desc {
    visibility: hidden;
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms; }
  .halo-lookbook-slider .slick-slide .halo-lookbook-slider-content .button {
    visibility: hidden;
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms; }
  .halo-lookbook-slider .slick-current .halo-lookbook-slider-content .subtitle {
    visibility: visible;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 50ms;
    animation-delay: 50ms; }
    @media (prefers-reduced-motion: reduce) {
      .halo-lookbook-slider .slick-current .halo-lookbook-slider-content .subtitle {
        -webkit-animation: none;
        animation: none; } }
  .halo-lookbook-slider .slick-current .halo-lookbook-slider-content .title {
    visibility: visible;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms; }
  .halo-lookbook-slider .slick-current .halo-lookbook-slider-content .desc {
    visibility: visible;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 150ms;
    animation-delay: 150ms; }
  .halo-lookbook-slider .slick-current .halo-lookbook-slider-content .button {
    visibility: visible;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms; }
  .halo-lookbook-slider .slick-dots {
    position: absolute;
    transform: translateY(-50%);
    width: auto;
    margin: 0;
    padding: 0;
    inset: calc((100% - 320px) / 2) 15px auto auto; }
    .halo-lookbook-slider .slick-dots li {
      display: block;
      width: auto;
      height: auto;
      padding: 0;
      text-align: right; }
      .halo-lookbook-slider .slick-dots li.slick-active button {
        border-color: #c2c5cc; }
      .halo-lookbook-slider .slick-dots li button {
        color: #c2c5cc; }
        .halo-lookbook-slider .slick-dots li button button {
          position: relative;
          width: auto;
          height: auto;
          border: 0;
          border-bottom: 1px solid transparent;
          border-radius: 0;
          font-size: 16px;
          font-weight: 400;
          line-height: 3;
          letter-spacing: 0.5px;
          transition: color 0.15s ease; }
          @media (prefers-reduced-motion: reduce) {
            .halo-lookbook-slider .slick-dots li button button {
              transition: none; } }
        .halo-lookbook-slider .slick-dots li button::before {
          position: relative;
          top: unset;
          right: unset;
          bottom: unset;
          left: unset;
          display: inline;
          border: 0;
          border-radius: 0;
          color: #c2c5cc;
          font-size: 16px;
          font-weight: 400;
          line-height: 40px;
          line-height: inherit;
          letter-spacing: 0.5px;
          background: unset;
          opacity: 1;
          content: '0'; }
        .halo-lookbook-slider .slick-dots li button::after {
          display: none; }
    .page-blog .halo-lookbook-slider .slick-dots {
      transform: unset;
      width: 100%;
      text-align: center;
      inset: auto auto -48px 0; }
      .page-blog .halo-lookbook-slider .slick-dots li {
        display: inline-block;
        line-height: 1.5;
        vertical-align: middle; }
        .page-blog .halo-lookbook-slider .slick-dots li.slick-active button {
          border-color: #22262a;
          background-color: #22262a;
          opacity: 1; }
        .page-blog .halo-lookbook-slider .slick-dots li button {
          width: 8px;
          height: 8px;
          padding-right: 0 !important;
          border: 1px solid #22262a;
          border-radius: 50%;
          font-size: 0;
          background-color: transparent;
          opacity: 1;
          transition: color 0.15s ease; }
          .page-blog .halo-lookbook-slider .slick-dots li button::before {
            display: none; }
          .page-blog .halo-lookbook-slider .slick-dots li button::after {
            display: none; }
          @media (prefers-reduced-motion: reduce) {
            .page-blog .halo-lookbook-slider .slick-dots li button {
              transition: none; } }
    .page-normal .halo-lookbook-slider .slick-dots {
      transform: unset;
      width: 100%;
      text-align: center;
      inset: auto auto -48px 0; }
      .page-normal .halo-lookbook-slider .slick-dots li {
        display: inline-block;
        line-height: 1.5;
        vertical-align: middle; }
        .page-normal .halo-lookbook-slider .slick-dots li.slick-active button {
          border-color: #22262a;
          background-color: #22262a;
          opacity: 1; }
        .page-normal .halo-lookbook-slider .slick-dots li button {
          width: 8px;
          height: 8px;
          padding-right: 0 !important;
          border: 1px solid #22262a;
          border-radius: 50%;
          font-size: 0;
          background-color: transparent;
          opacity: 1;
          transition: color 0.15s ease; }
          .page-normal .halo-lookbook-slider .slick-dots li button::before {
            display: none; }
          .page-normal .halo-lookbook-slider .slick-dots li button::after {
            display: none; }
          @media (prefers-reduced-motion: reduce) {
            .page-normal .halo-lookbook-slider .slick-dots li button {
              transition: none; } }
  @media (min-width: 320px) {
    .halo-lookbook-slider-content .title {
      font-size: 39.056px; } }
  @media (min-width: 480px) {
    .page-blog .halo-lookbook-slider:not(.slick-initialized) > .halo-lookbook-slider-slide {
      width: 50%;
      opacity: 1;
      visibility: visible; }
    .page-blog .halo-lookbook-slider-slide {
      padding-right: 8px;
      padding-left: 8px; }
    .page-blog .halo-lookbook-slider {
      width: auto;
      margin-right: -8px;
      margin-left: -8px; } }
  @media (min-width: 600px) {
    .page-blog .halo-lookbook-slider:not(.slick-initialized) > .halo-lookbook-slider-slide {
      width: 33.3333%;
      opacity: 1;
      visibility: visible; }
    .halo-lookbook-slider-image img {
      display: block; }
      .halo-lookbook-slider-image img.image-mobile {
        display: none; }
    .halo-lookbook-slider-content {
      position: absolute;
      top: 50%;
      right: 0;
      left: 0;
      z-index: 3;
      transform: translateY(-50%);
      padding: 15px; }
      .halo-lookbook-slider-content .subtitle {
        color: #ffffff; }
      .halo-lookbook-slider-content .title {
        color: #ffffff; }
      .halo-lookbook-slider-content .desc {
        color: #ffffff; }
    .halo-lookbook-slider .slick-dots {
      top: 50%; }
      .halo-lookbook-slider .slick-dots li.slick-active button {
        padding-right: 45px; }
        .halo-lookbook-slider .slick-dots li.slick-active button::after {
          width: 36px; }
      .halo-lookbook-slider .slick-dots li button {
        border: 0; }
        .halo-lookbook-slider .slick-dots li button::after {
          position: absolute;
          top: 20px;
          right: 0;
          left: auto;
          z-index: 1;
          display: block;
          width: 0;
          height: 1px;
          border: 0;
          border-radius: 0;
          font-size: 0;
          font-weight: unset;
          line-height: unset;
          background-color: #c2c5cc;
          opacity: 1;
          visibility: visible;
          transition: color 0.15s ease;
          content: ''; } }
      @media (min-width: 600px) and (prefers-reduced-motion: reduce) {
        .halo-lookbook-slider .slick-dots li button::after {
          transition: none; } }
  @media (min-width: 768px) {
    .halo-lookbook-slider-content {
      right: auto;
      max-width: 520px;
      text-align: left; }
    .halo-lookbook-slider-info {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: center; }
    .halo-lookbook-slider-text {
      text-align: left; } }
  @media (min-width: 1024px) {
    .page-blog .halo-lookbook-slider-slide {
      padding-right: 15px;
      padding-left: 15px; }
    .halo-lookbook-slider-parallax {
      height: 870px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      background-attachment: fixed; }
      .halo-lookbook-slider-parallax .halo-lookbook-slider-image {
        opacity: 0;
        visibility: hidden; }
    .page-blog .halo-lookbook-slider-image {
      position: relative;
      z-index: 2; }
      .page-blog .halo-lookbook-slider-image::before {
        position: absolute;
        top: 100%;
        right: 0;
        left: auto;
        z-index: 2;
        transform: none;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.3) 100%);
        background-color: rgba(0, 0, 0, 0.3);
        transition: color 0.15s ease;
        content: ''; } }
    @media (min-width: 1024px) and (prefers-reduced-motion: reduce) {
      .page-blog .halo-lookbook-slider-image::before {
        transition: none; } }
  @media (min-width: 1024px) {
      .page-blog .halo-lookbook-slider-image:hover::before, .page-blog .halo-lookbook-slider-image:focus::before {
        top: 0; }
    .halo-lookbook-slider-content {
      right: auto;
      left: 30px;
      transform: translateY(-50%);
      padding: 0 70px;
      text-align: left; }
      .halo-lookbook-slider-content .title {
        font-size: 60px; }
    .halo-lookbook-slider .slick-dots {
      right: 30px; }
      .halo-lookbook-slider .slick-dots li:hover button, .halo-lookbook-slider .slick-dots li:focus button {
        padding-right: 45px; }
        .halo-lookbook-slider .slick-dots li:hover button::after, .halo-lookbook-slider .slick-dots li:focus button::after {
          width: 36px; }
      .page-blog .halo-lookbook-slider .slick-dots li button {
        width: 10px;
        height: 10px; }
    .page-blog .halo-lookbook-slider {
      margin-right: -15px;
      margin-left: -15px; } }
  @media (min-width: 1600px) {
    .halo-lookbook-slider-content {
      left: calc((100% - 1470px) / 2); }
    .halo-lookbook-slider .slick-dots {
      right: calc((100% - 1570px) / 2); } }
  @media (min-width: 1920px) {
    .halo-lookbook-slider-content {
      left: calc((100% - 1570px) / 2); }
    .halo-lookbook-slider .slick-dots {
      right: calc((100% - 1770px) / 2); } }

.halo-lookbook-share {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 98px;
  margin-top: 0; }
  .halo-lookbook-share .shareLinkSocial__social {
    position: relative;
    right: -5px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end; }
    .halo-lookbook-share .shareLinkSocial__social > p {
      margin-right: 18px;
      margin-bottom: 0;
      color: rgba(0, 0, 0, 0.7); }

@media (max-width: 1024px) {
  .halo-lookbook-share {
    position: static;
    margin-top: 40px; }
    .halo-lookbook-share .shareLinkSocial__social {
      justify-content: center; } }

.halo-lookbook-button {
  margin: 0;
  padding: 70px 0 0;
  border-top: 1px solid #c2c5cc;
  text-align: center; }
  .halo-lookbook-button .button {
    min-width: 237px;
    text-transform: uppercase; }
  @media (min-width: 1024px) {
    .halo-lookbook-button {
      margin-bottom: 0;
      padding-top: 35px; } }

.haloLookbook-header {
  margin-bottom: 32px; }

.halo-lookbook-content {
  padding: 0; }

.halo-lookbook-popup {
  position: relative;
  display: none; }
  .halo-lookbook-popup.is-open {
    position: absolute;
    z-index: 21;
    display: block; }

.halo-lookbook-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: flex !important;
  flex-wrap: nowrap;
  width: 30px !important;
  height: 30px;
  padding: 5px;
  line-height: 30px !important;
  text-align: center;
  background: #ffffff !important;
  opacity: 1;
  align-items: center;
  justify-content: center; }
  .halo-lookbook-close svg {
    width: 100%;
    height: 100%;
    color: #22262a; }

@media (min-width: 600px) {
  .halo-lookbook-close {
    right: -30px;
    background: transparent; }
    .halo-lookbook-close svg {
      width: 16px !important;
      height: 16px !important;
      color: #22262a; } }

.page-errors form {
  max-width: 770px;
  margin: 0 auto; }
  @media (min-width: 600px) {
    .page-errors form .button {
      min-width: 180px; } }

.page-location .halo-location-top {
  display: inline-block;
  width: 600px;
  margin-top: 28px;
  padding-right: 28px;
  vertical-align: top; }
  .page-location .halo-location-top .halo-location-title {
    margin-top: 0;
    margin-bottom: 12px;
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize; }
  .page-location .halo-location-top .halo-location-text {
    margin-bottom: 0;
    color: #22262a;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.625; }

.page-location .halo-location-bottom {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  width: 100%;
  max-width: 1343px;
  margin-top: 48px; }
  .page-location .halo-location-bottom .HL-ColLeft {
    flex: 0 0 300px;
    height: 800px;
    overflow-y: auto;
    scrollbar-gutter: stable;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain; }
    .page-location .halo-location-bottom .HL-ColLeft .InfoFind {
      padding: 0 4px 0 0;
      border: 1px solid #cbd5e1;
      overflow-y: auto;
      scrollbar-gutter: stable;
      overscroll-behavior: contain;
      -ms-scroll-chaining: none; }
      .page-location .halo-location-bottom .HL-ColLeft .InfoFind::-webkit-scrollbar {
        width: 5px; }
      .page-location .halo-location-bottom .HL-ColLeft .InfoFind::-webkit-scrollbar-track {
        background: #cbd5e1; }
      .page-location .halo-location-bottom .HL-ColLeft .InfoFind::-webkit-scrollbar-thumb {
        background: #000000; }
      .page-location .halo-location-bottom .HL-ColLeft .InfoFind .halo-location-list .map-hidden {
        display: none; }
      .page-location .halo-location-bottom .HL-ColLeft .InfoFind .halo-location-list .halo-location-heading {
        margin-top: 0;
        margin-bottom: 8px;
        color: #22262a;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer; }
      .page-location .halo-location-bottom .HL-ColLeft .InfoFind .halo-location-list .halo-location-info {
        margin-bottom: 0;
        color: #22262a;
        font-size: 16px;
        font-weight: 400;
        line-height: 2; }
      .page-location .halo-location-bottom .HL-ColLeft .InfoFind .halo-location-list > div {
        padding: 24px; }
        .page-location .halo-location-bottom .HL-ColLeft .InfoFind .halo-location-list > div + div {
          border-top: 1px solid #bdcad1; }
      .page-location .halo-location-bottom .HL-ColLeft .InfoFind .halo-location-list .halo_maps_elist.map-active {
        background-color: #bdcad1; }
  .page-location .halo-location-bottom .HL-ColRight {
    flex: 1 1 auto; }
    .page-location .halo-location-bottom .HL-ColRight iframe {
      width: 100%;
      height: 800px; }

@media (max-width: 1024px) {
  .page-location .halo-location-top {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    padding-right: 0; }
  .page-location .halo-location-bottom {
    flex-direction: column; }
    .page-location .halo-location-bottom .HL-ColLeft,
    .page-location .halo-location-bottom .HL-ColRight {
      width: 100%;
      max-width: 100%; } }

@media (max-width: 768px) {
  .page-location .halo-location-top .halo-location-topRight .halo-location-search .halo_maps__div_search {
    display: block; }
    .page-location .halo-location-top .halo-location-topRight .halo-location-search .halo_maps__div_search .form-input {
      width: 100%; }
    .page-location .halo-location-top .halo-location-topRight .halo-location-search .halo_maps__div_search .button {
      width: 100%;
      margin-top: 16px;
      margin-left: 0; } }

h3.heading-dec-sky {
  margin: 28px 0;
  font-size: 31.248px;
  text-align: center; }

.hl-list-content-banner img {
  width: 100%;
  height: 100%; }

.hl-row {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 28px 0;
  border-bottom: 1px solid #cbd5e1; }
  .hl-row .hl-icon {
    order: -1; }
  .hl-row > div {
    position: relative;
    padding-right: 0;
    padding-left: 0; }

.hl-content h4 {
  margin-top: 0;
  margin-bottom: 20px;
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  line-height: 2;
  letter-spacing: 0.02em; }

.hl-row .hl-content {
  padding: 28px 0 0; }

.hl-row:nth-child(2n + 1) .hl-icon img {
  float: left; }

@media (min-width: 1024px) {
  .hl-row {
    display: table;
    padding: 50px 0; }
    .hl-row > div {
      width: 50%;
      padding-right: 16px;
      padding-left: 16px;
      float: left; }
  .hl-list-content-item {
    margin-right: -15px;
    margin-left: -15px; }
  .hl-row .hl-content {
    padding: 30px 30px 0; } }

.carousel {
  position: relative;
  box-sizing: border-box; }
  .carousel.is-draggable {
    cursor: -webkit-grab;
    cursor: grab; }
  .carousel.is-dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing; }
  .carousel *,
  .carousel ::before,
  .carousel ::after {
    box-sizing: inherit; }

.carousel__viewport {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden; }

.carousel__slide {
  position: relative;
  flex: 0 0 auto;
  max-width: 100%;
  padding: 16px;
  overflow: hidden auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  -ms-scroll-chaining: none; }

.has-dots {
  margin-bottom: calc(8px + 22px); }

.carousel__dots {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  left: 0;
  display: flex;
  flex-wrap: nowrap;
  margin: 0 auto;
  padding: 0;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  list-style: none; }
  .carousel__dots .carousel__dot {
    position: relative;
    display: block;
    width: 22px;
    height: 22px;
    margin: 0;
    padding: 0;
    cursor: pointer; }
    .carousel__dots .carousel__dot::after {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: currentColor;
      opacity: 0.25;
      transition: opacity 0.15s ease-in-out;
      content: ''; }
      @media (prefers-reduced-motion: reduce) {
        .carousel__dots .carousel__dot::after {
          transition: none; } }
    .carousel__dots .carousel__dot.is-selected::after {
      opacity: 1; }

.carousel__button {
  display: flex;
  flex-wrap: nowrap;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: currentColor;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  pointer-events: all;
  transition: opacity 0.15s ease;
  align-items: center;
  justify-content: center; }
  .carousel__button[disabled] {
    opacity: 0.3;
    cursor: default; }
  .carousel__button.is-prev {
    left: 10px; }
  .carousel__button.is-next {
    right: 10px; }
  .carousel__button.is-prev, .carousel__button.is-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .carousel__button svg {
    width: 50 !important;
    height: 50 !important;
    pointer-events: none;
    -webkit-filter: none;
    filter: none;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: bevel; }
  @media (prefers-reduced-motion: reduce) {
    .carousel__button {
      transition: none; } }

html.with-fancybox {
  scroll-behavior: auto; }

body.compensate-for-scrollbar {
  overflow: hidden !important;
  touch-action: none; }

.fancybox__container {
  --carousel-button-width: 48px;
  --carousel-button-height: 48px;
  --carousel-button-svg-width: 24px;
  --carousel-button-svg-height: 24px;
  --carousel-button-svg-stroke-width: 2.5;
  --carousel-button-svg-filter: drop-shadow(1px 1px 1px $gradient-4-dark);
  position: fixed;
  z-index: 1050;
  transform-origin: top left;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin: 0;
  padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0);
  color: #ffffff;
  inset: 0;
  overflow: hidden;
  outline: none;
  direction: ltr;
  -webkit-tap-highlight-color: transparent; }
  .fancybox__container *,
  .fancybox__container ::before,
  .fancybox__container ::after {
    box-sizing: inherit; }
  .fancybox__container :focus {
    outline: none; }

body:not(.is-using-mouse) .fancybox__container :focus {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(252, 203, 80, 0.6); }

@media all and (min-width: 1024px) {
  .fancybox__container {
    --carousel-button-width: 48px;
    --carousel-button-height: 48px;
    --carousel-button-svg-width: 27px;
    --carousel-button-svg-height: 27px; } }

.fancybox__backdrop {
  position: absolute;
  z-index: -1;
  background: rgba(0, 0, 0, 0.9);
  inset: 0;
  -webkit-backdrop-filter: blur(3.28px);
  backdrop-filter: blur(3.28px); }

.fancybox__carousel {
  position: relative;
  z-index: 10;
  flex: 1 1 auto;
  height: 100%;
  min-height: 0; }
  .fancybox__carousel.has-dots {
    margin-bottom: calc(8px + 22px); }

.fancybox__viewport {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: default;
  overflow: visible; }

.fancybox__track {
  display: flex;
  flex-wrap: nowrap;
  height: 100%; }

.fancybox__slide {
  --carousel-button-width: 36px;
  --carousel-button-height: 36px;
  --carousel-button-svg-width: 22px;
  --carousel-button-svg-height: 22px;
  position: relative;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 48px 8px 8px;
  overflow: auto;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  outline: 0;
  -ms-scroll-chaining: none; }
  .fancybox__slide::before, .fancybox__slide::after {
    flex: 0 0 0;
    margin: auto;
    content: ''; }
  @media all and (min-width: 1024px) {
    .fancybox__slide {
      padding: 64px 100px; } }

.fancybox__content {
  position: relative;
  z-index: 20;
  display: flex;
  flex-direction: column;
  margin: 0 env(safe-area-inset-right, 0) 0 env(safe-area-inset-left, 0);
  padding: 36px;
  color: #384252;
  background: #ffffff;
  align-self: center; }
  .fancybox__content :focus:not(.carousel__button.is-close) {
    box-shadow: none;
    outline: thin dotted; }

.fancybox__caption {
  flex-shrink: 0;
  max-width: 100%;
  margin: 0;
  padding: 16px 0 0;
  color: currentColor;
  line-height: 1.5;
  overflow-wrap: anywhere;
  visibility: visible;
  cursor: auto;
  align-self: center; }
  .is-loading .fancybox__caption {
    visibility: hidden; }

.fancybox__container > .carousel__dots {
  top: 100%;
  color: #ffffff; }

.fancybox__nav .carousel__button {
  z-index: 40; }
  .fancybox__nav .carousel__button.is-next {
    right: 8px; }

@media all and (min-width: 1024px) {
  .fancybox__nav .carousel__button.is-next {
    right: 40px; } }

.fancybox__nav .carousel__button.is-prev {
  left: 8px; }
  @media all and (min-width: 1024px) {
    .fancybox__nav .carousel__button.is-prev {
      left: 40px; } }

.carousel__button.is-close {
  position: absolute;
  top: calc(env(safe-area-inset-top, 0) + 8px);
  right: calc(env(safe-area-inset-right, 0) + 8px);
  z-index: 40; }
  .fancybox__content > .carousel__button.is-close {
    position: absolute;
    top: -40px;
    right: 0;
    color: #ffffff; }
  @media all and (min-width: 1024px) {
    .carousel__button.is-close {
      right: 40px; } }

.fancybox__no-click, .fancybox__no-click button {
  pointer-events: none; }

.fancybox__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  color: currentColor; }
  .fancybox__slide .fancybox__spinner {
    z-index: 1053;
    cursor: pointer; }
  .fancybox__spinner svg {
    position: absolute;
    transform-origin: center center;
    width: 100% !important;
    height: 100% !important;
    margin: auto;
    -webkit-animation: fancybox-rotate 2s linear infinite;
    animation: fancybox-rotate 2s linear infinite;
    inset: 0; }
    .fancybox__spinner svg circle {
      -webkit-animation: fancybox-dash 1.5s ease-in-out infinite;
      animation: fancybox-dash 1.5s ease-in-out infinite;
      fill: none;
      stroke: currentColor;
      stroke-width: 2.75;
      stroke-linecap: round;
      stroke-miterlimit: 10;
      stroke-dasharray: 1, 200;
      stroke-dashoffset: 0; }
      @media (prefers-reduced-motion: reduce) {
        .fancybox__spinner svg circle {
          -webkit-animation: none;
          animation: none; } }
    @media (prefers-reduced-motion: reduce) {
      .fancybox__spinner svg {
        -webkit-animation: none;
        animation: none; } }

@-webkit-keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg); } }

.fancybox__backdrop, .fancybox__caption, .fancybox__nav, .carousel__dots, .carousel__button.is-close {
  opacity: 1; }

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop, .fancybox__container.is-animated[aria-hidden=false] .fancybox__caption, .fancybox__container.is-animated[aria-hidden=false] .fancybox__nav, .fancybox__container.is-animated[aria-hidden=false] .carousel__dots, .fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close {
  -webkit-animation: 0.15s ease backwards fancybox-fadeIn;
  animation: 0.15s ease backwards fancybox-fadeIn; }
  @media (prefers-reduced-motion: reduce) {
    .fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop, .fancybox__container.is-animated[aria-hidden=false] .fancybox__caption, .fancybox__container.is-animated[aria-hidden=false] .fancybox__nav, .fancybox__container.is-animated[aria-hidden=false] .carousel__dots, .fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close {
      -webkit-animation: none;
      animation: none; } }

.fancybox__container.is-animated.is-closing .fancybox__backdrop, .fancybox__container.is-animated.is-closing .fancybox__caption, .fancybox__container.is-animated.is-closing .fancybox__nav, .fancybox__container.is-animated.is-closing .carousel__dots, .fancybox__container.is-animated.is-closing .carousel__button.is-close {
  -webkit-animation: 0.15s ease both fancybox-fadeOut;
  animation: 0.15s ease both fancybox-fadeOut; }
  @media (prefers-reduced-motion: reduce) {
    .fancybox__container.is-animated.is-closing .fancybox__backdrop, .fancybox__container.is-animated.is-closing .fancybox__caption, .fancybox__container.is-animated.is-closing .fancybox__nav, .fancybox__container.is-animated.is-closing .carousel__dots, .fancybox__container.is-animated.is-closing .carousel__button.is-close {
      -webkit-animation: none;
      animation: none; } }

.fancybox-fadeIn {
  -webkit-animation: 0.15s ease both fancybox-fadeIn;
  animation: 0.15s ease both fancybox-fadeIn; }
  @media (prefers-reduced-motion: reduce) {
    .fancybox-fadeIn {
      -webkit-animation: none;
      animation: none; } }

.fancybox-fadeOut {
  -webkit-animation: 0.1s ease both fancybox-fadeOut;
  animation: 0.1s ease both fancybox-fadeOut; }
  @media (prefers-reduced-motion: reduce) {
    .fancybox-fadeOut {
      -webkit-animation: none;
      animation: none; } }

.fancybox-zoomInUp {
  -webkit-animation: 0.2s ease both fancybox-zoomInUp;
  animation: 0.2s ease both fancybox-zoomInUp; }
  @media (prefers-reduced-motion: reduce) {
    .fancybox-zoomInUp {
      -webkit-animation: none;
      animation: none; } }

.fancybox-zoomOutDown {
  -webkit-animation: 0.15s ease both fancybox-zoomOutDown;
  animation: 0.15s ease both fancybox-zoomOutDown; }
  @media (prefers-reduced-motion: reduce) {
    .fancybox-zoomOutDown {
      -webkit-animation: none;
      animation: none; } }

.fancybox-throwOutUp {
  -webkit-animation: 0.15s ease both fancybox-throwOutUp;
  animation: 0.15s ease both fancybox-throwOutUp; }
  @media (prefers-reduced-motion: reduce) {
    .fancybox-throwOutUp {
      -webkit-animation: none;
      animation: none; } }

.fancybox-throwOutDown {
  -webkit-animation: 0.15s ease both fancybox-throwOutDown;
  animation: 0.15s ease both fancybox-throwOutDown; }
  @media (prefers-reduced-motion: reduce) {
    .fancybox-throwOutDown {
      -webkit-animation: none;
      animation: none; } }

@-webkit-keyframes fancybox-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fancybox-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fancybox-fadeOut {
  to {
    opacity: 0; } }

@keyframes fancybox-fadeOut {
  to {
    opacity: 0; } }

@-webkit-keyframes fancybox-zoomInUp {
  from {
    transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0; }
  to {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes fancybox-zoomInUp {
  from {
    transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0; }
  to {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes fancybox-zoomOutDown {
  to {
    transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0; } }

@keyframes fancybox-zoomOutDown {
  to {
    transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0; } }

@-webkit-keyframes fancybox-throwOutUp {
  to {
    transform: translate3d(0, -30%, 0);
    opacity: 0; } }

@keyframes fancybox-throwOutUp {
  to {
    transform: translate3d(0, -30%, 0);
    opacity: 0; } }

@-webkit-keyframes fancybox-throwOutDown {
  to {
    transform: translate3d(0, 30%, 0);
    opacity: 0; } }

@keyframes fancybox-throwOutDown {
  to {
    transform: translate3d(0, 30%, 0);
    opacity: 0; } }

.fancybox__carousel .carousel__slide {
  scrollbar-color: #c2c5cc rgba(255, 255, 255, 0.1);
  scrollbar-width: thin; }
  .fancybox__carousel .carousel__slide::-webkit-scrollbar {
    width: 8px;
    height: 8px; }
  .fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.1); }
  .fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #c2c5cc;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2); }

.fancybox__carousel .fancybox__slide .fancybox__content {
  cursor: auto; }

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
  cursor: zoom-in; }

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
  cursor: zoom-out; }

.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content,
.fancybox__carousel.is-draggable .fancybox__slide,
.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
  cursor: -webkit-grab;
  cursor: grab; }

.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content,
.fancybox__carousel.is-dragging .fancybox__slide,
.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.fancybox__image {
  transform-origin: 0 0;
  transition: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.has-image .fancybox__content {
  min-height: 1px;
  padding: 0;
  background: rgba(0, 0, 0, 0); }
  .is-closing .has-image .fancybox__content {
    overflow: visible; }

.has-image[data-image-fit=contain] .fancybox__content {
  flex-flow: row wrap; }

.has-image[data-image-fit=contain] .fancybox__image {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain; }

.has-image[data-image-fit=contain-w] {
  overflow: hidden auto;
  scrollbar-gutter: stable;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain; }
  .has-image[data-image-fit=contain-w] .fancybox__content {
    min-height: auto; }
  .has-image[data-image-fit=contain-w] .fancybox__image {
    max-width: 100%;
    height: auto; }

.has-image[data-image-fit=cover] .fancybox__content {
  width: 100%;
  height: 100%; }

.has-image[data-image-fit=cover] .fancybox__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover; }

.has-image[data-image-fit='contain'],
.has-image[data-image-fit='cover'] {
  overflow: visible;
  touch-action: none; }

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  flex-shrink: 1;
  max-width: 100%;
  min-height: 1px;
  overflow: visible; }

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
  width: 100%;
  height: 80%; }

.fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  width: 960px;
  max-width: 100%;
  height: 540px;
  max-height: 100%; }

.fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  padding: 0;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.9); }

.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
  background: #cbd5e1; }

.fancybox__html5video, .fancybox__iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #000000; }

.fancybox-placeholder {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border-width: 0;
  white-space: nowrap;
  overflow: hidden;
  clip: rect(0, 0, 0, 0); }

.fancybox__thumbs {
  position: relative;
  flex: 0 0 auto;
  padding: 0 3px;
  opacity: 1; }

@media (max-width: 1024px) {
  .fancybox__thumbs,
  .fancybox__button--thumbs {
    display: none; } }

.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
  -webkit-animation: 0.15s ease-in backwards fancybox-fadeIn;
  animation: 0.15s ease-in backwards fancybox-fadeIn; }
  @media (prefers-reduced-motion: reduce) {
    .fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
      -webkit-animation: none;
      animation: none; } }

.fancybox__thumbs .carousel__slide {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  box-sizing: content-box;
  width: 96px;
  max-width: 100%;
  height: 70px;
  margin: 0;
  padding: 5px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1 !important; }
  .fancybox__thumbs .carousel__slide > * {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .fancybox__thumbs .carousel__slide .fancybox__thumb::after {
    position: absolute;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(252, 203, 80, 0.6);
    border-radius: 4px;
    opacity: 0;
    transition: opacity 0.15s ease;
    inset: 0;
    content: ''; }
    .fancybox__thumbs .carousel__slide .fancybox__thumb::after.is-nav-selected .fancybox__thumbs .carousel__slide .fancybox__thumb::after {
      opacity: 0.92; }
    @media (prefers-reduced-motion: reduce) {
      .fancybox__thumbs .carousel__slide .fancybox__thumb::after {
        transition: none; } }

.fancybox__thumb {
  position: relative;
  width: 100%;
  padding-top: 65px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.1);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }

.fancybox__toolbar {
  --carousel-button-svg-width: 20px;
  --carousel-button-svg-height: 20px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  display: flex;
  flex-wrap: nowrap;
  padding: 0;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);
  opacity: 1;
  justify-content: space-between;
  touch-action: none; }
  .fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
    -webkit-animation: 0.15s ease-in backwards fancybox-fadeIn;
    animation: 0.15s ease-in backwards fancybox-fadeIn; }
    @media (prefers-reduced-motion: reduce) {
      .fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
        -webkit-animation: none;
        animation: none; } }
  .fancybox__container.is-animated.is-closing .fancybox__toolbar {
    opacity: 0; }
  @media all and (min-width: 1024px) {
    .fancybox__toolbar {
      padding: 8px; } }

.fancybox__toolbar__items,
.carousel__track {
  display: flex;
  flex-wrap: nowrap; }

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

.fancybox__toolbar__items--center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%); }

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

@media (max-width: 640px) {
  .fancybox__toolbar__items--center:not(:last-child) {
    display: none; } }

.fancybox__counter {
  min-width: 72px;
  padding: 0 10px;
  font-size: 17px;
  line-height: 48px;
  text-align: center;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased; }

.fancybox__progress {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 30;
  transform: scaleX(0);
  transform-origin: 0;
  height: 3px;
  background: rgba(251, 190, 36, 0.96);
  transition-timing-function: linear;
  transition-property: transform;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fancybox__container:-webkit-full-screen::-webkit-backdrop {
  opacity: 0; }

.fancybox__container:-ms-fullscreen::backdrop {
  opacity: 0; }

.fancybox__container:fullscreen::-webkit-backdrop {
  opacity: 0; }

.fancybox__container:-webkit-full-screen::backdrop {
  opacity: 0; }

.fancybox__container:fullscreen::backdrop,
.fancybox__container.is-animated.is-closing .fancybox__thumbs {
  opacity: 0; }

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(1) {
  display: none; }

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(1) {
  display: none; }

.fancybox__button--slideshow g:nth-child(2),
.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1),
.fancybox__button--fullscreen g:nth-child(2),
.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) {
  display: none; }

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(2) {
  display: block; }

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(2) {
  display: block; }

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2),
.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
  display: block; }

.fancybox__nav {
  --f-button-next-pos: 12px;
  --f-button-prev-pos: 12px;
  --f-button-width: 48px;
  --f-button-height: 48px;
  --f-button-color: #333333;
  --f-button-hover-color: #333333;
  --f-button-bg: $nerdenColor-border-containerGlobal-base;
  --f-button-hover-bg: $nerdenColor-border-containerGlobal-base;
  --f-button-active-bg: $nerdenColor-border-containerGlobal-base;
  --f-button-svg-height: 20px;
  --f-button-svg-width: 20px;
  --f-button-svg-stroke-width: 3;
  --f-button-svg-filter: none; }

.f-button,
.is-next,
.is-prev {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  box-sizing: content-box;
  width: 48px;
  height: 48px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #1b1b1b;
  background: #f0f3f5;
  box-shadow: 0 6px 6px -2px rgba(255, 255, 255, 0.228), 0 3px 4px -3px rgba(255, 255, 255, 0.005);
  cursor: pointer;
  pointer-events: all;
  transition: all 0.15s ease;
  align-items: center;
  justify-content: center; }

.select-input {
  line-height: 2; }

.text-muted {
  color: #4f555f; }

.caption-text,
caption {
  color: #2e2e2e; }

.mask-custom-home-dark {
  color: #ffffff !important;
  background-color: rgba(27, 27, 27, 0.8) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important; }

.title {
  position: relative;
  margin-bottom: 24px;
  font-weight: 700; }

.mask-custom-home-dark .title,
.mask-custom-home-dark .desc,
.text-white,
#product-listing-container > div.product-listing-content > nav > ul > li.page-item.px-1.active.pagination-item--current > a {
  color: #ffffff !important; }

.card-image {
  padding-bottom: 0; }

.card-product-viewImage3,
.productView-thumbnail-link img {
  width: 71px;
  height: 71px; }

.dn-class,
.mobile-onlyClass {
  display: none !important; }

.carousel-image-container {
  position: relative;
  display: inline-block; }

.carousel-image {
  display: block;
  width: 100%;
  height: auto; }

.carousel-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); }

.navUser-section--alt {
  display: inline-flex;
  flex-wrap: wrap;
  height: 52px;
  margin: 0;
  padding: 0; }

.desktop-onlyClass {
  display: block; }

.mobile-onlyClass {
  display: none; }

@media (max-width: 768px) {
  .desktop-onlyClass {
    display: none; }
  .mobile-onlyClass {
    display: block; } }

.mobile-menu-toggle {
  height: 35px; }


.track-button,
.track-btn {
  color: #ffffff;
  background-color: #1b1b1b; }

.track-button,
.track-btn {
  background-color: #1b1b1b !important; }

#iframe,
.rhino-contact-iframe,
.nerden-borderNone {
  border: 0; }

.bg-tailwind {
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8)) #f1f2f3, #bdcad1; }

.intro-lower,
#intro-lower {
  margin-top: -320px; }

.intro-upper,
#intro-upper {
  width: 100%;
  height: 500px;
  border-radius: 4px;
  background-color: #f0f3f5; }

.mask-custom {
  background-color: rgba(0, 0, 0, 0.04);
  -webkit-backdrop-filter: blur(1px) drop-shadow(4px 4px 0.9375em #000000);
  backdrop-filter: blur(1px) drop-shadow(4px 4px 0.9375em #000000); }

.halo-lookbook-tmpImage1,
.halo-lookbook-tmpImage2,
.halo-lookbook-tmpImage3 {
  position: absolute;
  width: 270px;
  height: 150px;
  margin: auto;
  margin-top: 0;
  margin-bottom: 0;
  -o-object-fit: contain;
  object-fit: contain; }

.navPages-action svg {
  fill: #1b1b1b;
  stroke: #1b1b1b; }

.button-continue-shopping,
.btn-continue-shopping {
  background-color: #fafafa; }

.home-layout-2 .slick-arrow,
.home-layout-2 .slick-arrow:focus,
.home-layout-2 .slick-arrow:active,
.home-layout-2 .halo-block-product .slick-arrow {
  border-color: #6b7280;
  background-color: #000000; }

@media (hover: hover) {
  .home-layout-2 .slick-arrow:hover,
  .home-layout-2 .slick-arrow:focus {
    border-color: #6b7280;
    background-color: #000000; } }

th {
  text-align: left; }

@media (max-width: 768px) {
  .halo-menu-sidebar,
  .navPages-container {
    background-color: #ffffff; }
  .navPages-action {
    color: #141414; }
  .custom-center,
  .navUser-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; }
  .navUser-item {
    width: 100%; }
  .mobile-onlyClass {
    display: block; } }

@media (min-width: 768px) {
  .navPages-container {
    background-color: transparent; }
  .navPages-action {
    color: #ffffff; }
  .navPage-subMenu {
    margin: 10px 0 0 !important; }
    .navPage-subMenu a,
    .navPage-subMenu .has-subMenu > a {
      color: #000000; } }

@media (min-width: 768px) and (hover: hover) {
  .navPage-subMenu a:hover,
  .navPage-subMenu .has-subMenu > a:hover,
  .navPage-subMenu a:focus,
  .navPage-subMenu .has-subMenu > a:focus {
    color: #fbbf24; }
  .navPages-action:hover,
  .navPages-action:focus {
    color: #ffffff; } }

.nerden-spec-header {
  width: auto;
  height: 100%;
  margin: 0;
  padding: 0;
  background-repeat: no-repeat; }

.custom-categoryFeatured1 {
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px); }

.pagination-container {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  min-height: 48px;
  align-items: center;
  justify-content: center; }

.custom-center {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  padding: 8px 0;
  align-items: center;
  justify-content: center; }

.custom-center-text {
  text-align: center;
  white-space: nowrap; }

.multi-calculator {
  min-height: 600px !important; }

.phone-number-container {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  min-width: 305px;
  height: 30px;
  visibility: hidden;
  align-items: center;
  justify-content: center;
  overflow: hidden; }
  .phone-number-container.loaded {
    visibility: visible; }

.dynamic-phone-number {
  display: inline-block;
  width: 305px;
  font-size: 16px;
  line-height: 1.625;
  text-align: center;
  white-space: nowrap; }

.dynamic-phone-numberFooter {
  display: inline-block;
  width: 305px !important;
  font-size: 16px;
  line-height: 1.625;
  text-align: left;
  white-space: nowrap; }

.themevale_about,
.breadcrumbs {
  margin-top: 24px; }

.rte {
  padding-right: 16px;
  padding-left: 16px; }

.media {
  align-items: center; }

h5 {
  display: inline-block;
  width: 100%;
  margin: 4px 0 16px; }
  h5.col-sm-6 {
    margin-bottom: 4px; }
    h5.col-sm-6 + a {
      display: inline-block;
      width: 100%;
      margin-bottom: 24px; }

.list {
  display: inline-block;
  width: 100%;
  margin: 8px 0 0; }
  .list li {
    padding: 4px 0; }

p:last-child {
  margin-bottom: 0; }

@media (min-width: 1024px) and (max-width: 1024px) {
  iframe {
    height: 250px; } }

.about-information--left .about-information__image,
.about-information--right .about-information__image {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain; }

@media (min-width: 768px) {
  .about-information--left,
  .about-information--right {
    flex-direction: row; } }

.about-slide-group {
  margin-top: 48px;
  padding: 3rem 0; }
  .about-slide-group .title {
    position: relative;
    margin-bottom: 28px;
    font-size: 76px;
    font-weight: 700;
    text-align: center; }
  .about-slide-group .slide-item {
    padding: 0.5rem;
    text-align: center; }
  .about-slide-group h4 {
    margin-top: 1rem;
    margin-bottom: 0.5rem; }
  .about-slide-group .position {
    display: block;
    margin-bottom: 0.75rem;
    color: #1b1b1b;
    font-style: italic; }
  .about-slide-group .description {
    font-size: 0.95rem;
    line-height: 1.5; }
  @media (min-width: 480px) {
    .about-slide-group {
      padding: 4rem 0; } }

@media (min-width: 480px) {
  .about-slide-group .title {
    margin-bottom: 68px; } }

@media (min-width: 600px) {
  .about-slide-group .title {
    font-size: 13px; } }

@media (min-width: 1600px) {
  .about-slide-group .title {
    font-size: 30px; } }

#_elev_io ._ahxts {
  color: #ffffff;
  background-color: transparent; }

.responsive-image {
  width: 100%;
  height: auto; }

.productView-img-container {
  margin: 0;
  padding: 0;
  border-radius: 4px; }

.navPages-item.has-dropdown {
  position: relative; }

.navPage-subMenu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  transform: translateY(0);
  width: auto;
  min-width: 250px;
  padding: 8px 0;
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden; }
  @media (prefers-reduced-motion: no-preference) {
    .navPage-subMenu {
      transition: transform 0.2s ease; } }
  @media (prefers-reduced-motion: reduce) {
    .navPage-subMenu {
      transition: none; } }

.has-megamenu .navPage-subMenu {
  transform: translateX(-50%);
  width: 100vw;
  padding: 20px; }

.navPage-subMenu.is-open {
  transform: translateY(0);
  opacity: 1;
  visibility: visible; }

@media (max-width: 480px) {
  .halo-menu-sidebar .navPages-item .navPages-action {
    font-size: 15px !important; } }

.navPage-subMenu-list {
  margin: 0;
  padding: 0;
  list-style: none; }

.navPage-subMenu-action {
  display: flex;
  flex-wrap: nowrap;
  padding: 8px 16px;
  text-decoration: none;
  transition: opacity 0.2s ease;
  align-items: center; }
  @media (prefers-reduced-motion: reduce) {
    .navPage-subMenu-action {
      transition: none; } }

.navPage-subMenu-action img.lazyload {
  width: 80px;
  height: 80px;
  margin-right: 12px;
  -o-object-fit: contain;
  object-fit: contain; }

.navPage-subMenu .cateArea {
  grid-template-columns: repeat(3, minmax(0, 1fr)); }

.form-label,
.form-outline .form-control ~ .form-label {
  color: rgba(27, 27, 27, 0.8); }

.form-increment .button {
  border: 1px solid rgba(27, 27, 27, 0.2) !important;
  color: #000000 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1) !important; }

.productView-actions .form-field--increments .form-input--incrementTotal {
  border: 1px solid rgba(27, 27, 27, 0.2) !important;
  color: #000000 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  box-shadow: none; }

.custom-hero-button {
  border-color: #ffffff !important;
  color: #212121 !important;
  background-color: #fbbd24 !important; }

.fill-white-500,
.fill-white-500 svg,
.fill-white svg,
.fill-white {
  fill: #ffffff !important;
  stroke: #ffffff !important; }

.navPage-subMenu-action img.w-full.h-full {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  aspect-ratio: 1; }

html {
  font-size: 16px;
  line-height: 1.5; }

h1,
h2,
h3,
.nav-item {
  line-height: 1.5;
  contain: style layout; }

.w-2 {
  width: 8px !important; }

.w-3 {
  width: 12px !important; }

.w-4 {
  width: 16px !important; }

.w-5 {
  width: 20px !important; }

.w-6 {
  width: 24px !important; }

.icon-footer,
.icon-footer svg {
  width: 70px !important;
  height: 100% !important;
  margin-right: 1rem; }

.add-address-icon,
.add-address-icon svg {
  width: 40px !important;
  height: 40px !important; }

#product-listing-container > div.product-listing-content > nav > ul > li.page-item.pagination-item--previous.px-1 > a {
  color: #000000 !important; }

#intro-lower .btn svg {
  display: inline-block;
  margin-left: 0.35rem;
  vertical-align: middle; }

#intro-lower .btn {
  white-space: nowrap; }

.about-information {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 3rem;
  text-align: left;
  align-items: stretch; }
  .about-information:last-child {
    padding-bottom: 0; }
  .about-information__image {
    flex: 1 1 320px;
    min-width: 320px;
    max-width: 600px;
    height: 400px;
    border-radius: 0.75rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.05); }
    .about-information__image img {
      display: none;
      width: 100%;
      height: auto;
      border-radius: inherit; }
  .about-information__content {
    display: flex;
    flex: 2 1 400px;
    flex-direction: column;
    min-width: 0;
    padding: 2rem 1.5rem;
    border-radius: 0.75rem;
    background: #ffffff;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.02);
    justify-content: center; }
    .about-information__content .rte {
      padding-right: 0;
      padding-left: 0; }

.about-information--right,
.about-information--left {
  flex-direction: column; }

@media (min-width: 768px) {
  .about-information--right {
    flex-direction: row; }
  .about-information--left {
    flex-direction: row-reverse; }
  .about-information {
    text-align: left; } }

@media (max-width: 1024px) {
  .about-information {
    gap: 1.5rem; }
    .about-information__image {
      width: 100%;
      min-width: 0;
      max-width: 100%;
      height: 300px;
      margin: 0 auto; }
    .about-information__content {
      padding: 1.5rem 1rem;
      background: #ffffff; } }

@media (max-width: 600px) {
  .about-information__image {
    height: 220px;
    background-position: center 20%; }
  .about-slide-group {
    padding: 2rem 0; }
  .slide-item {
    padding: 0 1rem; } }

.about-information__image .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem; }

.rhino-logo {
  width: 264px;
  height: 63px; }
  @media (max-width: 768px) {
    .rhino-logo {
      width: 80px;
      height: 19px; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .rhino-logo {
      width: 120px;
      height: 29px; } }
  @media (min-width: 1024px) and (max-width: 1440px) {
    .rhino-logo {
      width: 240px;
      height: 57px; } }

.fancybox__thumbs .carousel__slide,
.fancybox__image {
  border-radius: 4px;
  aspect-ratio: 1 / 1 !important; }

.overlay-mask {
  background-color: rgba(0, 0, 0, 0.5); }

.gradient-category {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2)), rgba(0, 0, 0, 0.9); }

.gradient-custom {
  background: linear-gradient(45deg, #c2c5cc, rgba(255, 255, 255, 0.8), #d1dbe5, rgba(255, 255, 255, 0.9)); }

.gradient-custom-spec {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(4px) drop-shadow(4px 4px 15px rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2));
  backdrop-filter: blur(4px) drop-shadow(4px 4px 15px rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2)); }

.mask-custom-home-light {
  color: #000000;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px); }
  .mask-custom-home-light .title,
  .mask-custom-home-light .desc {
    color: #000000; }

.nerden-accountOrderContentsImage,
.nerden-accountOrderListImage,
.nerden-accountReturnsListImage,
.nerden-accountProductCardImage,
.nerden-accountPaymentMethodsListImage,
.nerden-blogPageImage,
.nerden-brandProductCardImage,
.nerden-brandLogoImage,
.nerden-cartProductCardImage,
.nerden-cartPreviewProductCardImage,
.nerden-categoryProductCardImage,
.nerden-categorySubcategoryImage,
.nerden-categoryCompareProductCardImage,
.nerden-homeBlogRecentPostsImage,
.nerden-homeProductCardImage,
.nerden-miscProductCard1Image,
.nerden-miscProductCard2Image,
.nerden-miscProductCard3Image,
.nerden-miscSpecPageImage,
.nerden-productWriteReviewImage,
.nerden-productGalleryMainImage,
.nerden-productMobileMainImage,
.nerden-productGalleryThumbnailImage,
.nerden-productOptionsListImage,
.nerden-productRelatedProductCardImage,
.nerden-productListProductCardImage,
.nerden-productView1920Image,
.nerden-productView1280Image,
.nerden-productDescriptionDetail2Image,
.nerden-searchQuickResultsImage,
.nerden-sidebarProductCardImage,
.nerden-lookbookPopupProductImage {
  position: relative;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0 solid transparent;
  border-radius: 4px;
  text-align: center;
  opacity: 1;
  transition: opacity 0.8s ease, transform 0.3s ease;
  -o-object-fit: cover;
  object-fit: cover; }
  @supports (font-synthesis: none) {
    .nerden-accountOrderContentsImage,
    .nerden-accountOrderListImage,
    .nerden-accountReturnsListImage,
    .nerden-accountProductCardImage,
    .nerden-accountPaymentMethodsListImage,
    .nerden-blogPageImage,
    .nerden-brandProductCardImage,
    .nerden-brandLogoImage,
    .nerden-cartProductCardImage,
    .nerden-cartPreviewProductCardImage,
    .nerden-categoryProductCardImage,
    .nerden-categorySubcategoryImage,
    .nerden-categoryCompareProductCardImage,
    .nerden-homeBlogRecentPostsImage,
    .nerden-homeProductCardImage,
    .nerden-miscProductCard1Image,
    .nerden-miscProductCard2Image,
    .nerden-miscProductCard3Image,
    .nerden-miscSpecPageImage,
    .nerden-productWriteReviewImage,
    .nerden-productGalleryMainImage,
    .nerden-productMobileMainImage,
    .nerden-productGalleryThumbnailImage,
    .nerden-productOptionsListImage,
    .nerden-productRelatedProductCardImage,
    .nerden-productListProductCardImage,
    .nerden-productView1920Image,
    .nerden-productView1280Image,
    .nerden-productDescriptionDetail2Image,
    .nerden-searchQuickResultsImage,
    .nerden-sidebarProductCardImage,
    .nerden-lookbookPopupProductImage {
      image-rendering: auto;
      transform: translateZ(0);
      will-change: opacity; }
      .nerden-accountOrderContentsImage[decoding='async'],
      .nerden-accountOrderListImage[decoding='async'],
      .nerden-accountReturnsListImage[decoding='async'],
      .nerden-accountProductCardImage[decoding='async'],
      .nerden-accountPaymentMethodsListImage[decoding='async'],
      .nerden-blogPageImage[decoding='async'],
      .nerden-brandProductCardImage[decoding='async'],
      .nerden-brandLogoImage[decoding='async'],
      .nerden-cartProductCardImage[decoding='async'],
      .nerden-cartPreviewProductCardImage[decoding='async'],
      .nerden-categoryProductCardImage[decoding='async'],
      .nerden-categorySubcategoryImage[decoding='async'],
      .nerden-categoryCompareProductCardImage[decoding='async'],
      .nerden-homeBlogRecentPostsImage[decoding='async'],
      .nerden-homeProductCardImage[decoding='async'],
      .nerden-miscProductCard1Image[decoding='async'],
      .nerden-miscProductCard2Image[decoding='async'],
      .nerden-miscProductCard3Image[decoding='async'],
      .nerden-miscSpecPageImage[decoding='async'],
      .nerden-productWriteReviewImage[decoding='async'],
      .nerden-productGalleryMainImage[decoding='async'],
      .nerden-productMobileMainImage[decoding='async'],
      .nerden-productGalleryThumbnailImage[decoding='async'],
      .nerden-productOptionsListImage[decoding='async'],
      .nerden-productRelatedProductCardImage[decoding='async'],
      .nerden-productListProductCardImage[decoding='async'],
      .nerden-productView1920Image[decoding='async'],
      .nerden-productView1280Image[decoding='async'],
      .nerden-productDescriptionDetail2Image[decoding='async'],
      .nerden-searchQuickResultsImage[decoding='async'],
      .nerden-sidebarProductCardImage[decoding='async'],
      .nerden-lookbookPopupProductImage[decoding='async'] {
        will-change: transform; } }

.nerden-accountOrderContentsImage,
.nerden-accountOrderContentsImage1,
.nerden-accountOrderContentsImage2,
.nerden-accountOrderContentsImage3 {
  position: relative;
  width: 100px; }
  .nerden-accountOrderContentsImage img,
  .nerden-accountOrderContentsImage1 img,
  .nerden-accountOrderContentsImage2 img,
  .nerden-accountOrderContentsImage3 img {
    width: 100%;
    height: auto;
    border-radius: 4px; }
    @supports (aspect-ratio: 1) {
      .nerden-accountOrderContentsImage img,
      .nerden-accountOrderContentsImage1 img,
      .nerden-accountOrderContentsImage2 img,
      .nerden-accountOrderContentsImage3 img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; } }
  @supports (aspect-ratio: 1) {
    .nerden-accountOrderContentsImage,
    .nerden-accountOrderContentsImage1,
    .nerden-accountOrderContentsImage2,
    .nerden-accountOrderContentsImage3 {
      aspect-ratio: 1; } }
  @supports not (aspect-ratio: 1) {
    .nerden-accountOrderContentsImage::before,
    .nerden-accountOrderContentsImage1::before,
    .nerden-accountOrderContentsImage2::before,
    .nerden-accountOrderContentsImage3::before {
      display: block;
      padding-bottom: 100%;
      content: ''; } }

.nerden-accountOrderListImage,
.nerden-accountOrderListImage1,
.nerden-accountOrderListImage2,
.nerden-accountOrderListImage3 {
  position: relative;
  width: 100px; }
  .nerden-accountOrderListImage img,
  .nerden-accountOrderListImage1 img,
  .nerden-accountOrderListImage2 img,
  .nerden-accountOrderListImage3 img {
    width: 100%;
    height: auto;
    border-radius: 4px; }
    @supports (aspect-ratio: 1) {
      .nerden-accountOrderListImage img,
      .nerden-accountOrderListImage1 img,
      .nerden-accountOrderListImage2 img,
      .nerden-accountOrderListImage3 img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; } }
  @supports (aspect-ratio: 1) {
    .nerden-accountOrderListImage,
    .nerden-accountOrderListImage1,
    .nerden-accountOrderListImage2,
    .nerden-accountOrderListImage3 {
      aspect-ratio: 1; } }
  @supports not (aspect-ratio: 1) {
    .nerden-accountOrderListImage::before,
    .nerden-accountOrderListImage1::before,
    .nerden-accountOrderListImage2::before,
    .nerden-accountOrderListImage3::before {
      display: block;
      padding-bottom: 100%;
      content: ''; } }

.nerden-accountReturnsListImage,
.nerden-accountReturnsListImage1,
.nerden-accountReturnsListImage2,
.nerden-accountReturnsListImage3 {
  position: relative;
  width: 100px; }
  .nerden-accountReturnsListImage img,
  .nerden-accountReturnsListImage1 img,
  .nerden-accountReturnsListImage2 img,
  .nerden-accountReturnsListImage3 img {
    width: 100%;
    height: auto;
    border-radius: 4px; }
    @supports (aspect-ratio: 1) {
      .nerden-accountReturnsListImage img,
      .nerden-accountReturnsListImage1 img,
      .nerden-accountReturnsListImage2 img,
      .nerden-accountReturnsListImage3 img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; } }
  @supports (aspect-ratio: 1) {
    .nerden-accountReturnsListImage,
    .nerden-accountReturnsListImage1,
    .nerden-accountReturnsListImage2,
    .nerden-accountReturnsListImage3 {
      aspect-ratio: 1; } }
  @supports not (aspect-ratio: 1) {
    .nerden-accountReturnsListImage::before,
    .nerden-accountReturnsListImage1::before,
    .nerden-accountReturnsListImage2::before,
    .nerden-accountReturnsListImage3::before {
      display: block;
      padding-bottom: 100%;
      content: ''; } }

.nerden-accountProductCardImage,
.nerden-accountProductCardImage1,
.nerden-accountProductCardImage2,
.nerden-accountProductCardImage3 {
  position: relative;
  width: 429px; }
  .nerden-accountProductCardImage img,
  .nerden-accountProductCardImage1 img,
  .nerden-accountProductCardImage2 img,
  .nerden-accountProductCardImage3 img {
    width: 100%;
    height: auto;
    border-radius: 4px; }
    @supports (aspect-ratio: 1) {
      .nerden-accountProductCardImage img,
      .nerden-accountProductCardImage1 img,
      .nerden-accountProductCardImage2 img,
      .nerden-accountProductCardImage3 img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; } }
  @supports (aspect-ratio: 1) {
    .nerden-accountProductCardImage,
    .nerden-accountProductCardImage1,
    .nerden-accountProductCardImage2,
    .nerden-accountProductCardImage3 {
      aspect-ratio: 1; } }
  @supports not (aspect-ratio: 1) {
    .nerden-accountProductCardImage::before,
    .nerden-accountProductCardImage1::before,
    .nerden-accountProductCardImage2::before,
    .nerden-accountProductCardImage3::before {
      display: block;
      padding-bottom: 100%;
      content: ''; } }

.nerden-accountPaymentMethodsListImage,
.nerden-accountPaymentMethodsListImage1,
.nerden-accountPaymentMethodsListImage2,
.nerden-accountPaymentMethodsListImage3 {
  position: relative;
  width: 38px; }
  .nerden-accountPaymentMethodsListImage img,
  .nerden-accountPaymentMethodsListImage1 img,
  .nerden-accountPaymentMethodsListImage2 img,
  .nerden-accountPaymentMethodsListImage3 img {
    width: 100%;
    height: auto;
    border-radius: 4px; }
    @supports (aspect-ratio: 1) {
      .nerden-accountPaymentMethodsListImage img,
      .nerden-accountPaymentMethodsListImage1 img,
      .nerden-accountPaymentMethodsListImage2 img,
      .nerden-accountPaymentMethodsListImage3 img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; } }
  @supports (aspect-ratio: 1) {
    .nerden-accountPaymentMethodsListImage,
    .nerden-accountPaymentMethodsListImage1,
    .nerden-accountPaymentMethodsListImage2,
    .nerden-accountPaymentMethodsListImage3 {
      aspect-ratio: 1; } }
  @supports not (aspect-ratio: 1) {
    .nerden-accountPaymentMethodsListImage::before,
    .nerden-accountPaymentMethodsListImage1::before,
    .nerden-accountPaymentMethodsListImage2::before,
    .nerden-accountPaymentMethodsListImage3::before {
      display: block;
      padding-bottom: 100%;
      content: ''; } }

.nerden-blogPageImage,
.nerden-blogPageImage1,
.nerden-blogPageImage2,
.nerden-blogPageImage3 {
  position: relative;
  width: 957px; }
  .nerden-blogPageImage img,
  .nerden-blogPageImage1 img,
  .nerden-blogPageImage2 img,
  .nerden-blogPageImage3 img {
    width: 100%;
    height: auto;
    border-radius: 4px; }
    @supports (aspect-ratio: 1.77551) {
      .nerden-blogPageImage img,
      .nerden-blogPageImage1 img,
      .nerden-blogPageImage2 img,
      .nerden-blogPageImage3 img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; } }
  @supports (aspect-ratio: 1.77551) {
    .nerden-blogPageImage,
    .nerden-blogPageImage1,
    .nerden-blogPageImage2,
    .nerden-blogPageImage3 {
      aspect-ratio: 1.77551; } }
  @supports not (aspect-ratio: 1.77551) {
    .nerden-blogPageImage::before,
    .nerden-blogPageImage1::before,
    .nerden-blogPageImage2::before,
    .nerden-blogPageImage3::before {
      display: block;
      padding-bottom: 56.32184%;
      content: ''; } }

.nerden-brandProductCardImage,
.nerden-brandProductCardImage1,
.nerden-brandProductCardImage2,
.nerden-brandProductCardImage3 {
  position: relative;
  width: 393px; }
  .nerden-brandProductCardImage img,
  .nerden-brandProductCardImage1 img,
  .nerden-brandProductCardImage2 img,
  .nerden-brandProductCardImage3 img {
    width: 100%;
    height: auto;
    border-radius: 4px; }
    @supports (aspect-ratio: 1) {
      .nerden-brandProductCardImage img,
      .nerden-brandProductCardImage1 img,
      .nerden-brandProductCardImage2 img,
      .nerden-brandProductCardImage3 img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; } }
  @supports (aspect-ratio: 1) {
    .nerden-brandProductCardImage,
    .nerden-brandProductCardImage1,
    .nerden-brandProductCardImage2,
    .nerden-brandProductCardImage3 {
      aspect-ratio: 1; } }
  @supports not (aspect-ratio: 1) {
    .nerden-brandProductCardImage::before,
    .nerden-brandProductCardImage1::before,
    .nerden-brandProductCardImage2::before,
    .nerden-brandProductCardImage3::before {
      display: block;
      padding-bottom: 100%;
      content: ''; } }

.nerden-brandLogoImage,
.nerden-brandLogoImage1,
.nerden-brandLogoImage2,
.nerden-brandLogoImage3 {
  position: relative;
  width: 393px; }
  .nerden-brandLogoImage img,
  .nerden-brandLogoImage1 img,
  .nerden-brandLogoImage2 img,
  .nerden-brandLogoImage3 img {
    width: 100%;
    height: auto;
    border-radius: 4px; }
    @supports (aspect-ratio: 2.50318) {
      .nerden-brandLogoImage img,
      .nerden-brandLogoImage1 img,
      .nerden-brandLogoImage2 img,
      .nerden-brandLogoImage3 img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; } }
  @supports (aspect-ratio: 2.50318) {
    .nerden-brandLogoImage,
    .nerden-brandLogoImage1,
    .nerden-brandLogoImage2,
    .nerden-brandLogoImage3 {
      aspect-ratio: 2.50318; } }
  @supports not (aspect-ratio: 2.50318) {
    .nerden-brandLogoImage::before,
    .nerden-brandLogoImage1::before,
    .nerden-brandLogoImage2::before,
    .nerden-brandLogoImage3::before {
      display: block;
      padding-bottom: 39.94911%;
      content: ''; } }

.nerden-cartProductCardImage,
.nerden-cartProductCardImage1,
.nerden-cartProductCardImage2,
.nerden-cartProductCardImage3 {
  position: relative;
  width: 102px; }
  .nerden-cartProductCardImage img,
  .nerden-cartProductCardImage1 img,
  .nerden-cartProductCardImage2 img,
  .nerden-cartProductCardImage3 img {
    width: 100%;
    height: auto;
    border-radius: 4px; }
    @supports (aspect-ratio: 1) {
      .nerden-cartProductCardImage img,
      .nerden-cartProductCardImage1 img,
      .nerden-cartProductCardImage2 img,
      .nerden-cartProductCardImage3 img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; } }
  @supports (aspect-ratio: 1) {
    .nerden-cartProductCardImage,
    .nerden-cartProductCardImage1,
    .nerden-cartProductCardImage2,
    .nerden-cartProductCardImage3 {
      aspect-ratio: 1; } }
  @supports not (aspect-ratio: 1) {
    .nerden-cartProductCardImage::before,
    .nerden-cartProductCardImage1::before,
    .nerden-cartProductCardImage2::before,
    .nerden-cartProductCardImage3::before {
      display: block;
      padding-bottom: 100%;
      content: ''; } }

.nerden-cartPreviewProductCardImage,
.nerden-cartPreviewProductCardImage1,
.nerden-cartPreviewProductCardImage2,
.nerden-cartPreviewProductCardImage3 {
  position: relative;
  width: 100px; }
  .nerden-cartPreviewProductCardImage img,
  .nerden-cartPreviewProductCardImage1 img,
  .nerden-cartPreviewProductCardImage2 img,
  .nerden-cartPreviewProductCardImage3 img {
    width: 100%;
    height: auto;
    border-radius: 4px; }
    @supports (aspect-ratio: 1) {
      .nerden-cartPreviewProductCardImage img,
      .nerden-cartPreviewProductCardImage1 img,
      .nerden-cartPreviewProductCardImage2 img,
      .nerden-cartPreviewProductCardImage3 img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; } }
  @supports (aspect-ratio: 1) {
    .nerden-cartPreviewProductCardImage,
    .nerden-cartPreviewProductCardImage1,
    .nerden-cartPreviewProductCardImage2,
    .nerden-cartPreviewProductCardImage3 {
      aspect-ratio: 1; } }
  @supports not (aspect-ratio: 1) {
    .nerden-cartPreviewProductCardImage::before,
    .nerden-cartPreviewProductCardImage1::before,
    .nerden-cartPreviewProductCardImage2::before,
    .nerden-cartPreviewProductCardImage3::before {
      display: block;
      padding-bottom: 100%;
      content: ''; } }

.nerden-categoryProductCardImage,
.nerden-categoryProductCardImage1,
.nerden-categoryProductCardImage2,
.nerden-categoryProductCardImage3 {
  position: relative;
  width: 392px; }
  .nerden-categoryProductCardImage img,
  .nerden-categoryProductCardImage1 img,
  .nerden-categoryProductCardImage2 img,
  .nerden-categoryProductCardImage3 img {
    width: 100%;
    height: auto;
    border-radius: 4px; }
    @supports (aspect-ratio: 1) {
      .nerden-categoryProductCardImage img,
      .nerden-categoryProductCardImage1 img,
      .nerden-categoryProductCardImage2 img,
      .nerden-categoryProductCardImage3 img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; } }
  @supports (aspect-ratio: 1) {
    .nerden-categoryProductCardImage,
    .nerden-categoryProductCardImage1,
    .nerden-categoryProductCardImage2,
    .nerden-categoryProductCardImage3 {
      aspect-ratio: 1; } }
  @supports not (aspect-ratio: 1) {
    .nerden-categoryProductCardImage::before,
    .nerden-categoryProductCardImage1::before,
    .nerden-categoryProductCardImage2::before,
    .nerden-categoryProductCardImage3::before {
      display: block;
      padding-bottom: 100%;
      content: ''; } }

.nerden-categorySubcategoryImage,
.nerden-categorySubcategoryImage1,
.nerden-categorySubcategoryImage2,
.nerden-categorySubcategoryImage3 {
  position: relative;
  width: 80px; }
  .nerden-categorySubcategoryImage img,
  .nerden-categorySubcategoryImage1 img,
  .nerden-categorySubcategoryImage2 img,
  .nerden-categorySubcategoryImage3 img {
    width: 100%;
    height: auto;
    border-radius: 4px; }
    @supports (aspect-ratio: 1) {
      .nerden-categorySubcategoryImage img,
      .nerden-categorySubcategoryImage1 img,
      .nerden-categorySubcategoryImage2 img,
      .nerden-categorySubcategoryImage3 img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; } }
  @supports (aspect-ratio: 1) {
    .nerden-categorySubcategoryImage,
    .nerden-categorySubcategoryImage1,
    .nerden-categorySubcategoryImage2,
    .nerden-categorySubcategoryImage3 {
      aspect-ratio: 1; } }
  @supports not (aspect-ratio: 1) {
    .nerden-categorySubcategoryImage::before,
    .nerden-categorySubcategoryImage1::before,
    .nerden-categorySubcategoryImage2::before,
    .nerden-categorySubcategoryImage3::before {
      display: block;
      padding-bottom: 100%;
      content: ''; } }

.nerden-categoryCompareProductCardImage,
.nerden-categoryCompareProductCardImage1,
.nerden-categoryCompareProductCardImage2,
.nerden-categoryCompareProductCardImage3 {
  position: relative;
  width: 100px; }
  .nerden-categoryCompareProductCardImage img,
  .nerden-categoryCompareProductCardImage1 img,
  .nerden-categoryCompareProductCardImage2 img,
  .nerden-categoryCompareProductCardImage3 img {
    width: 100%;
    height: auto;
    border-radius: 4px; }
    @supports (aspect-ratio: 1) {
      .nerden-categoryCompareProductCardImage img,
      .nerden-categoryCompareProductCardImage1 img,
      .nerden-categoryCompareProductCardImage2 img,
      .nerden-categoryCompareProductCardImage3 img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; } }
  @supports (aspect-ratio: 1) {
    .nerden-categoryCompareProductCardImage,
    .nerden-categoryCompareProductCardImage1,
    .nerden-categoryCompareProductCardImage2,
    .nerden-categoryCompareProductCardImage3 {
      aspect-ratio: 1; } }
  @supports not (aspect-ratio: 1) {
    .nerden-categoryCompareProductCardImage::before,
    .nerden-categoryCompareProductCardImage1::before,
    .nerden-categoryCompareProductCardImage2::before,
    .nerden-categoryCompareProductCardImage3::before {
      display: block;
      padding-bottom: 100%;
      content: ''; } }

.nerden-homeBlogRecentPostsImage,
.nerden-homeBlogRecentPostsImage1,
.nerden-homeBlogRecentPostsImage2,
.nerden-homeBlogRecentPostsImage3 {
  position: relative;
  width: 516px; }
  .nerden-homeBlogRecentPostsImage img,
  .nerden-homeBlogRecentPostsImage1 img,
  .nerden-homeBlogRecentPostsImage2 img,
  .nerden-homeBlogRecentPostsImage3 img {
    width: 100%;
    height: auto;
    border-radius: 4px; }
    @supports (aspect-ratio: 1.7732) {
      .nerden-homeBlogRecentPostsImage img,
      .nerden-homeBlogRecentPostsImage1 img,
      .nerden-homeBlogRecentPostsImage2 img,
      .nerden-homeBlogRecentPostsImage3 img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; } }
  @supports (aspect-ratio: 1.7732) {
    .nerden-homeBlogRecentPostsImage,
    .nerden-homeBlogRecentPostsImage1,
    .nerden-homeBlogRecentPostsImage2,
    .nerden-homeBlogRecentPostsImage3 {
      aspect-ratio: 1.7732; } }
  @supports not (aspect-ratio: 1.7732) {
    .nerden-homeBlogRecentPostsImage::before,
    .nerden-homeBlogRecentPostsImage1::before,
    .nerden-homeBlogRecentPostsImage2::before,
    .nerden-homeBlogRecentPostsImage3::before {
      display: block;
      padding-bottom: 56.39535%;
      content: ''; } }

.nerden-homeProductCardImage,
.nerden-homeProductCardImage1,
.nerden-homeProductCardImage2,
.nerden-homeProductCardImage3 {
  position: relative;
  width: 293px; }
  .nerden-homeProductCardImage img,
  .nerden-homeProductCardImage1 img,
  .nerden-homeProductCardImage2 img,
  .nerden-homeProductCardImage3 img {
    width: 100%;
    height: auto;
    border-radius: 4px; }
    @supports (aspect-ratio: 1) {
      .nerden-homeProductCardImage img,
      .nerden-homeProductCardImage1 img,
      .nerden-homeProductCardImage2 img,
      .nerden-homeProductCardImage3 img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; } }
  @supports (aspect-ratio: 1) {
    .nerden-homeProductCardImage,
    .nerden-homeProductCardImage1,
    .nerden-homeProductCardImage2,
    .nerden-homeProductCardImage3 {
      aspect-ratio: 1; } }
  @supports not (aspect-ratio: 1) {
    .nerden-homeProductCardImage::before,
    .nerden-homeProductCardImage1::before,
    .nerden-homeProductCardImage2::before,
    .nerden-homeProductCardImage3::before {
      display: block;
      padding-bottom: 100%;
      content: ''; } }

.nerden-miscProductCard1Image,
.nerden-miscProductCard1Image1,
.nerden-miscProductCard1Image2,
.nerden-miscProductCard1Image3 {
  position: relative;
  width: 367px; }
  .nerden-miscProductCard1Image img,
  .nerden-miscProductCard1Image1 img,
  .nerden-miscProductCard1Image2 img,
  .nerden-miscProductCard1Image3 img {
    width: 100%;
    height: auto;
    border-radius: 4px; }
    @supports (aspect-ratio: 1) {
      .nerden-miscProductCard1Image img,
      .nerden-miscProductCard1Image1 img,
      .nerden-miscProductCard1Image2 img,
      .nerden-miscProductCard1Image3 img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; } }
  @supports (aspect-ratio: 1) {
    .nerden-miscProductCard1Image,
    .nerden-miscProductCard1Image1,
    .nerden-miscProductCard1Image2,
    .nerden-miscProductCard1Image3 {
      aspect-ratio: 1; } }
  @supports not (aspect-ratio: 1) {
    .nerden-miscProductCard1Image::before,
    .nerden-miscProductCard1Image1::before,
    .nerden-miscProductCard1Image2::before,
    .nerden-miscProductCard1Image3::before {
      display: block;
      padding-bottom: 100%;
      content: ''; } }

.nerden-miscProductCard2Image,
.nerden-miscProductCard2Image1,
.nerden-miscProductCard2Image2,
.nerden-miscProductCard2Image3 {
  position: relative;
  width: 349px; }
  .nerden-miscProductCard2Image img,
  .nerden-miscProductCard2Image1 img,
  .nerden-miscProductCard2Image2 img,
  .nerden-miscProductCard2Image3 img {
    width: 100%;
    height: auto;
    border-radius: 4px; }
    @supports (aspect-ratio: 1) {
      .nerden-miscProductCard2Image img,
      .nerden-miscProductCard2Image1 img,
      .nerden-miscProductCard2Image2 img,
      .nerden-miscProductCard2Image3 img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; } }
  @supports (aspect-ratio: 1) {
    .nerden-miscProductCard2Image,
    .nerden-miscProductCard2Image1,
    .nerden-miscProductCard2Image2,
    .nerden-miscProductCard2Image3 {
      aspect-ratio: 1; } }
  @supports not (aspect-ratio: 1) {
    .nerden-miscProductCard2Image::before,
    .nerden-miscProductCard2Image1::before,
    .nerden-miscProductCard2Image2::before,
    .nerden-miscProductCard2Image3::before {
      display: block;
      padding-bottom: 100%;
      content: ''; } }

.nerden-miscProductCard3Image,
.nerden-miscProductCard3Image1,
.nerden-miscProductCard3Image2,
.nerden-miscProductCard3Image3 {
  position: relative;
  width: 349px; }
  .nerden-miscProductCard3Image img,
  .nerden-miscProductCard3Image1 img,
  .nerden-miscProductCard3Image2 img,
  .nerden-miscProductCard3Image3 img {
    width: 100%;
    height: auto;
    border-radius: 4px; }
    @supports (aspect-ratio: 1) {
      .nerden-miscProductCard3Image img,
      .nerden-miscProductCard3Image1 img,
      .nerden-miscProductCard3Image2 img,
      .nerden-miscProductCard3Image3 img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; } }
  @supports (aspect-ratio: 1) {
    .nerden-miscProductCard3Image,
    .nerden-miscProductCard3Image1,
    .nerden-miscProductCard3Image2,
    .nerden-miscProductCard3Image3 {
      aspect-ratio: 1; } }
  @supports not (aspect-ratio: 1) {
    .nerden-miscProductCard3Image::before,
    .nerden-miscProductCard3Image1::before,
    .nerden-miscProductCard3Image2::before,
    .nerden-miscProductCard3Image3::before {
      display: block;
      padding-bottom: 100%;
      content: ''; } }

.nerden-miscSpecPageImage,
.nerden-miscSpecPageImage1,
.nerden-miscSpecPageImage2,
.nerden-miscSpecPageImage3 {
  position: relative;
  width: 1241px; }
  .nerden-miscSpecPageImage img,
  .nerden-miscSpecPageImage1 img,
  .nerden-miscSpecPageImage2 img,
  .nerden-miscSpecPageImage3 img {
    width: 100%;
    height: auto;
    border-radius: 4px; }
    @supports (aspect-ratio: 1) {
      .nerden-miscSpecPageImage img,
      .nerden-miscSpecPageImage1 img,
      .nerden-miscSpecPageImage2 img,
      .nerden-miscSpecPageImage3 img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; } }
  @supports (aspect-ratio: 1) {
    .nerden-miscSpecPageImage,
    .nerden-miscSpecPageImage1,
    .nerden-miscSpecPageImage2,
    .nerden-miscSpecPageImage3 {
      aspect-ratio: 1; } }
  @supports not (aspect-ratio: 1) {
    .nerden-miscSpecPageImage::before,
    .nerden-miscSpecPageImage1::before,
    .nerden-miscSpecPageImage2::before,
    .nerden-miscSpecPageImage3::before {
      display: block;
      padding-bottom: 100%;
      content: ''; } }

.nerden-productWriteReviewImage,
.nerden-productWriteReviewImage1,
.nerden-productWriteReviewImage2,
.nerden-productWriteReviewImage3 {
  position: relative;
  width: 378px; }
  .nerden-productWriteReviewImage img,
  .nerden-productWriteReviewImage1 img,
  .nerden-productWriteReviewImage2 img,
  .nerden-productWriteReviewImage3 img {
    width: 100%;
    height: auto;
    border-radius: 4px; }
    @supports (aspect-ratio: 1) {
      .nerden-productWriteReviewImage img,
      .nerden-productWriteReviewImage1 img,
      .nerden-productWriteReviewImage2 img,
      .nerden-productWriteReviewImage3 img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; } }
  @supports (aspect-ratio: 1) {
    .nerden-productWriteReviewImage,
    .nerden-productWriteReviewImage1,
    .nerden-productWriteReviewImage2,
    .nerden-productWriteReviewImage3 {
      aspect-ratio: 1; } }
  @supports not (aspect-ratio: 1) {
    .nerden-productWriteReviewImage::before,
    .nerden-productWriteReviewImage1::before,
    .nerden-productWriteReviewImage2::before,
    .nerden-productWriteReviewImage3::before {
      display: block;
      padding-bottom: 100%;
      content: ''; } }

.nerden-productGalleryMainImage,
.nerden-productGalleryMainImage1,
.nerden-productGalleryMainImage2,
.nerden-productGalleryMainImage3 {
  position: relative;
  width: 669px; }
  .nerden-productGalleryMainImage img,
  .nerden-productGalleryMainImage1 img,
  .nerden-productGalleryMainImage2 img,
  .nerden-productGalleryMainImage3 img {
    width: 100%;
    height: auto;
    border-radius: 4px; }
    @supports (aspect-ratio: 1) {
      .nerden-productGalleryMainImage img,
      .nerden-productGalleryMainImage1 img,
      .nerden-productGalleryMainImage2 img,
      .nerden-productGalleryMainImage3 img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; } }
  @supports (aspect-ratio: 1) {
    .nerden-productGalleryMainImage,
    .nerden-productGalleryMainImage1,
    .nerden-productGalleryMainImage2,
    .nerden-productGalleryMainImage3 {
      aspect-ratio: 1; } }
  @supports not (aspect-ratio: 1) {
    .nerden-productGalleryMainImage::before,
    .nerden-productGalleryMainImage1::before,
    .nerden-productGalleryMainImage2::before,
    .nerden-productGalleryMainImage3::before {
      display: block;
      padding-bottom: 100%;
      content: ''; } }

.nerden-productMobileMainImage,
.nerden-productMobileMainImage1,
.nerden-productMobileMainImage2,
.nerden-productMobileMainImage3 {
  position: relative;
  width: 669px; }
  .nerden-productMobileMainImage img,
  .nerden-productMobileMainImage1 img,
  .nerden-productMobileMainImage2 img,
  .nerden-productMobileMainImage3 img {
    width: 100%;
    height: auto;
    border-radius: 4px; }
    @supports (aspect-ratio: 1) {
      .nerden-productMobileMainImage img,
      .nerden-productMobileMainImage1 img,
      .nerden-productMobileMainImage2 img,
      .nerden-productMobileMainImage3 img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; } }
  @supports (aspect-ratio: 1) {
    .nerden-productMobileMainImage,
    .nerden-productMobileMainImage1,
    .nerden-productMobileMainImage2,
    .nerden-productMobileMainImage3 {
      aspect-ratio: 1; } }
  @supports not (aspect-ratio: 1) {
    .nerden-productMobileMainImage::before,
    .nerden-productMobileMainImage1::before,
    .nerden-productMobileMainImage2::before,
    .nerden-productMobileMainImage3::before {
      display: block;
      padding-bottom: 100%;
      content: ''; } }

.nerden-productGalleryThumbnailImage,
.nerden-productGalleryThumbnailImage1,
.nerden-productGalleryThumbnailImage2,
.nerden-productGalleryThumbnailImage3 {
  position: relative;
  width: 71px; }
  .nerden-productGalleryThumbnailImage img,
  .nerden-productGalleryThumbnailImage1 img,
  .nerden-productGalleryThumbnailImage2 img,
  .nerden-productGalleryThumbnailImage3 img {
    width: 100%;
    height: auto;
    border-radius: 4px; }
    @supports (aspect-ratio: 1) {
      .nerden-productGalleryThumbnailImage img,
      .nerden-productGalleryThumbnailImage1 img,
      .nerden-productGalleryThumbnailImage2 img,
      .nerden-productGalleryThumbnailImage3 img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; } }
  @supports (aspect-ratio: 1) {
    .nerden-productGalleryThumbnailImage,
    .nerden-productGalleryThumbnailImage1,
    .nerden-productGalleryThumbnailImage2,
    .nerden-productGalleryThumbnailImage3 {
      aspect-ratio: 1; } }
  @supports not (aspect-ratio: 1) {
    .nerden-productGalleryThumbnailImage::before,
    .nerden-productGalleryThumbnailImage1::before,
    .nerden-productGalleryThumbnailImage2::before,
    .nerden-productGalleryThumbnailImage3::before {
      display: block;
      padding-bottom: 100%;
      content: ''; } }

.nerden-productOptionsListImage,
.nerden-productOptionsListImage1,
.nerden-productOptionsListImage2,
.nerden-productOptionsListImage3 {
  position: relative;
  width: 48px; }
  .nerden-productOptionsListImage img,
  .nerden-productOptionsListImage1 img,
  .nerden-productOptionsListImage2 img,
  .nerden-productOptionsListImage3 img {
    width: 100%;
    height: auto;
    border-radius: 4px; }
    @supports (aspect-ratio: 1) {
      .nerden-productOptionsListImage img,
      .nerden-productOptionsListImage1 img,
      .nerden-productOptionsListImage2 img,
      .nerden-productOptionsListImage3 img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; } }
  @supports (aspect-ratio: 1) {
    .nerden-productOptionsListImage,
    .nerden-productOptionsListImage1,
    .nerden-productOptionsListImage2,
    .nerden-productOptionsListImage3 {
      aspect-ratio: 1; } }
  @supports not (aspect-ratio: 1) {
    .nerden-productOptionsListImage::before,
    .nerden-productOptionsListImage1::before,
    .nerden-productOptionsListImage2::before,
    .nerden-productOptionsListImage3::before {
      display: block;
      padding-bottom: 100%;
      content: ''; } }

.nerden-productRelatedProductCardImage,
.nerden-productRelatedProductCardImage1,
.nerden-productRelatedProductCardImage2,
.nerden-productRelatedProductCardImage3 {
  position: relative;
  width: 293px; }
  .nerden-productRelatedProductCardImage img,
  .nerden-productRelatedProductCardImage1 img,
  .nerden-productRelatedProductCardImage2 img,
  .nerden-productRelatedProductCardImage3 img {
    width: 100%;
    height: auto;
    border-radius: 4px; }
    @supports (aspect-ratio: 1) {
      .nerden-productRelatedProductCardImage img,
      .nerden-productRelatedProductCardImage1 img,
      .nerden-productRelatedProductCardImage2 img,
      .nerden-productRelatedProductCardImage3 img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; } }
  @supports (aspect-ratio: 1) {
    .nerden-productRelatedProductCardImage,
    .nerden-productRelatedProductCardImage1,
    .nerden-productRelatedProductCardImage2,
    .nerden-productRelatedProductCardImage3 {
      aspect-ratio: 1; } }
  @supports not (aspect-ratio: 1) {
    .nerden-productRelatedProductCardImage::before,
    .nerden-productRelatedProductCardImage1::before,
    .nerden-productRelatedProductCardImage2::before,
    .nerden-productRelatedProductCardImage3::before {
      display: block;
      padding-bottom: 100%;
      content: ''; } }

.nerden-productListProductCardImage,
.nerden-productListProductCardImage1,
.nerden-productListProductCardImage2,
.nerden-productListProductCardImage3 {
  position: relative;
  width: 402px; }
  .nerden-productListProductCardImage img,
  .nerden-productListProductCardImage1 img,
  .nerden-productListProductCardImage2 img,
  .nerden-productListProductCardImage3 img {
    width: 100%;
    height: auto;
    border-radius: 4px; }
    @supports (aspect-ratio: 1) {
      .nerden-productListProductCardImage img,
      .nerden-productListProductCardImage1 img,
      .nerden-productListProductCardImage2 img,
      .nerden-productListProductCardImage3 img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; } }
  @supports (aspect-ratio: 1) {
    .nerden-productListProductCardImage,
    .nerden-productListProductCardImage1,
    .nerden-productListProductCardImage2,
    .nerden-productListProductCardImage3 {
      aspect-ratio: 1; } }
  @supports not (aspect-ratio: 1) {
    .nerden-productListProductCardImage::before,
    .nerden-productListProductCardImage1::before,
    .nerden-productListProductCardImage2::before,
    .nerden-productListProductCardImage3::before {
      display: block;
      padding-bottom: 100%;
      content: ''; } }

.nerden-productDescriptionImage,
.nerden-productDescriptionImage1,
.nerden-productDescriptionImage2,
.nerden-productDescriptionImage3 {
  position: relative;
  width: 580px; }
  .nerden-productDescriptionImage img,
  .nerden-productDescriptionImage1 img,
  .nerden-productDescriptionImage2 img,
  .nerden-productDescriptionImage3 img {
    width: 100%;
    height: auto;
    border-radius: 4px; }
    @supports (aspect-ratio: 1) {
      .nerden-productDescriptionImage img,
      .nerden-productDescriptionImage1 img,
      .nerden-productDescriptionImage2 img,
      .nerden-productDescriptionImage3 img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; } }
  @supports (aspect-ratio: 1) {
    .nerden-productDescriptionImage,
    .nerden-productDescriptionImage1,
    .nerden-productDescriptionImage2,
    .nerden-productDescriptionImage3 {
      aspect-ratio: 1; } }
  @supports not (aspect-ratio: 1) {
    .nerden-productDescriptionImage::before,
    .nerden-productDescriptionImage1::before,
    .nerden-productDescriptionImage2::before,
    .nerden-productDescriptionImage3::before {
      display: block;
      padding-bottom: 100%;
      content: ''; } }

.nerden-searchQuickResultsImage,
.nerden-searchQuickResultsImage1,
.nerden-searchQuickResultsImage2,
.nerden-searchQuickResultsImage3 {
  position: relative;
  width: 395px; }
  .nerden-searchQuickResultsImage img,
  .nerden-searchQuickResultsImage1 img,
  .nerden-searchQuickResultsImage2 img,
  .nerden-searchQuickResultsImage3 img {
    width: 100%;
    height: auto;
    border-radius: 4px; }
    @supports (aspect-ratio: 1) {
      .nerden-searchQuickResultsImage img,
      .nerden-searchQuickResultsImage1 img,
      .nerden-searchQuickResultsImage2 img,
      .nerden-searchQuickResultsImage3 img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; } }
  @supports (aspect-ratio: 1) {
    .nerden-searchQuickResultsImage,
    .nerden-searchQuickResultsImage1,
    .nerden-searchQuickResultsImage2,
    .nerden-searchQuickResultsImage3 {
      aspect-ratio: 1; } }
  @supports not (aspect-ratio: 1) {
    .nerden-searchQuickResultsImage::before,
    .nerden-searchQuickResultsImage1::before,
    .nerden-searchQuickResultsImage2::before,
    .nerden-searchQuickResultsImage3::before {
      display: block;
      padding-bottom: 100%;
      content: ''; } }

.nerden-sidebarProductCardImage,
.nerden-sidebarProductCardImage1,
.nerden-sidebarProductCardImage2,
.nerden-sidebarProductCardImage3 {
  position: relative;
  width: 270px; }
  .nerden-sidebarProductCardImage img,
  .nerden-sidebarProductCardImage1 img,
  .nerden-sidebarProductCardImage2 img,
  .nerden-sidebarProductCardImage3 img {
    width: 100%;
    height: auto;
    border-radius: 4px; }
    @supports (aspect-ratio: 1) {
      .nerden-sidebarProductCardImage img,
      .nerden-sidebarProductCardImage1 img,
      .nerden-sidebarProductCardImage2 img,
      .nerden-sidebarProductCardImage3 img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; } }
  @supports (aspect-ratio: 1) {
    .nerden-sidebarProductCardImage,
    .nerden-sidebarProductCardImage1,
    .nerden-sidebarProductCardImage2,
    .nerden-sidebarProductCardImage3 {
      aspect-ratio: 1; } }
  @supports not (aspect-ratio: 1) {
    .nerden-sidebarProductCardImage::before,
    .nerden-sidebarProductCardImage1::before,
    .nerden-sidebarProductCardImage2::before,
    .nerden-sidebarProductCardImage3::before {
      display: block;
      padding-bottom: 100%;
      content: ''; } }

.nerden-lookbookPopupProductImage,
.nerden-lookbookPopupProductImage1,
.nerden-lookbookPopupProductImage2,
.nerden-lookbookPopupProductImage3 {
  position: relative;
  width: 270px; }
  .nerden-lookbookPopupProductImage img,
  .nerden-lookbookPopupProductImage1 img,
  .nerden-lookbookPopupProductImage2 img,
  .nerden-lookbookPopupProductImage3 img {
    width: 100%;
    height: auto;
    border-radius: 4px; }
    @supports (aspect-ratio: 1) {
      .nerden-lookbookPopupProductImage img,
      .nerden-lookbookPopupProductImage1 img,
      .nerden-lookbookPopupProductImage2 img,
      .nerden-lookbookPopupProductImage3 img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; } }
  @supports (aspect-ratio: 1) {
    .nerden-lookbookPopupProductImage,
    .nerden-lookbookPopupProductImage1,
    .nerden-lookbookPopupProductImage2,
    .nerden-lookbookPopupProductImage3 {
      aspect-ratio: 1; } }
  @supports not (aspect-ratio: 1) {
    .nerden-lookbookPopupProductImage::before,
    .nerden-lookbookPopupProductImage1::before,
    .nerden-lookbookPopupProductImage2::before,
    .nerden-lookbookPopupProductImage3::before {
      display: block;
      padding-bottom: 100%;
      content: ''; } }

.nerden-productOptionsListImage,
.nerden-productOptionsListImage img {
  width: 48px;
  height: 48px;
  border-radius: 4px;
  aspect-ratio: 1 / 1; }
  .nerden-productOptionsListImage::after,
  .nerden-productOptionsListImage img::after {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    content: ''; }

.nerden-productGalleryThumbnailImage,
.nerden-productGalleryThumbnailImage img {
  width: 71px;
  height: 71px;
  border-radius: 4px;
  aspect-ratio: 1 / 1; }
  .nerden-productGalleryThumbnailImage::after,
  .nerden-productGalleryThumbnailImage img::after {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    content: ''; }

.nerden-accountOrderContentsImage,
.nerden-accountOrderContentsImage img,
.nerden-accountReturnsListImage,
.nerden-accountReturnsListImage img,
.nerden-categoryCompareProductCardImage,
.nerden-categoryCompareProductCardImage img,
.nerden-accountOrderListImage,
.nerden-accountOrderListImage img,
.nerden-cartPreviewProductCardImage,
.nerden-cartPreviewProductCardImage img,
.nerden-cartProductCardImage,
.nerden-cartProductCardImage img {
  width: 100px;
  height: 100px;
  border-radius: 4px;
  aspect-ratio: 1 / 1;
  -o-object-fit: cover;
  object-fit: cover; }
  .nerden-accountOrderContentsImage::after,
  .nerden-accountOrderContentsImage img::after,
  .nerden-accountReturnsListImage::after,
  .nerden-accountReturnsListImage img::after,
  .nerden-categoryCompareProductCardImage::after,
  .nerden-categoryCompareProductCardImage img::after,
  .nerden-accountOrderListImage::after,
  .nerden-accountOrderListImage img::after,
  .nerden-cartPreviewProductCardImage::after,
  .nerden-cartPreviewProductCardImage img::after,
  .nerden-cartProductCardImage::after,
  .nerden-cartProductCardImage img::after {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    content: ''; }

.popularCategoriesImage {
  width: 171px;
  max-width: 100%; }

.menuImage1,
.nerden-sidebarProductCardImage,
.nerden-sidebarProductCardImage img,
.nerden-lookbookPopupProductImage,
.nerden-lookbookPopupProductImage img {
  width: 270px;
  height: 270px;
  border-radius: 4px; }
  .menuImage1::after,
  .nerden-sidebarProductCardImage::after,
  .nerden-sidebarProductCardImage img::after,
  .nerden-lookbookPopupProductImage::after,
  .nerden-lookbookPopupProductImage img::after {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    content: ''; }

.nerden-productMobileMainImage,
.nerden-productMobileMainImage img {
  width: 669px;
  height: 669px;
  border-radius: 4px; }

.nerden-searchQuickResultsImage,
.nerden-searchQuickResultsImage img {
  width: 395px;
  height: 395px;
  border-radius: 4px; }
  .nerden-searchQuickResultsImage::after,
  .nerden-searchQuickResultsImage img::after {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    content: ''; }

.nerden-homeProductCardImage,
.nerden-homeProductCardImage img {
  width: 292px;
  height: 292px;
  border-radius: 4px; }
  .nerden-homeProductCardImage::after,
  .nerden-homeProductCardImage img::after {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    content: ''; }

.nerden-productRelatedProductCardImage,
.nerden-productRelatedProductCardImage img {
  width: 293px;
  height: 293px;
  border-radius: 4px; }
  .nerden-productRelatedProductCardImage::after,
  .nerden-productRelatedProductCardImage img::after {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    content: ''; }

.nerden-blogPostTopRightImage,
.nerden-blogPostTopRightImage img {
  width: 303px;
  height: 171px;
  border-radius: 4px;
  aspect-ratio: 303 / 171;
  -o-object-fit: cover;
  object-fit: cover; }
  .nerden-blogPostTopRightImage::after,
  .nerden-blogPostTopRightImage img::after {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 56.43564%;
    content: ''; }

.nerden-miscProductCard1Image,
.nerden-miscProductCard1Image img,
.nerden-miscProductCard2Image,
.nerden-miscProductCard2Image img,
.nerden-miscProductCard3Image,
.nerden-miscProductCard3Image img {
  width: 367px;
  height: 367px;
  border-radius: 4px; }
  .nerden-miscProductCard1Image::after,
  .nerden-miscProductCard1Image img::after,
  .nerden-miscProductCard2Image::after,
  .nerden-miscProductCard2Image img::after,
  .nerden-miscProductCard3Image::after,
  .nerden-miscProductCard3Image img::after {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    content: ''; }

.homeLookbook2Image {
  width: 371px;
  max-width: 100%;
  border-radius: 4px; }

.nerden-productWriteReviewImage,
.nerden-productWriteReviewImage img {
  width: 378px;
  height: 378px;
  border-radius: 4px; }
  .nerden-productWriteReviewImage::after,
  .nerden-productWriteReviewImage img::after {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    content: ''; }

.nerden-searchProductCardImage,
.nerden-searchProductCardImage img,
.nerden-categoryProductCardImage,
.nerden-categoryProductCardImage img,
.nerden-brandProductCardImage,
.nerden-brandProductCardImage img {
  width: 392px;
  height: 392px;
  border-radius: 4px; }
  .nerden-searchProductCardImage::after,
  .nerden-searchProductCardImage img::after,
  .nerden-categoryProductCardImage::after,
  .nerden-categoryProductCardImage img::after,
  .nerden-brandProductCardImage::after,
  .nerden-brandProductCardImage img::after {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    content: ''; }

.nerden-brandLogoImage,
.nerden-brandLogoImage img {
  width: 393px;
  height: 157px;
  border-radius: 4px; }
  .nerden-brandLogoImage::after,
  .nerden-brandLogoImage img::after {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 39.94911%;
    content: ''; }

.nerden-productListProductCardImage,
.nerden-productListProductCardImage img {
  width: 402px;
  height: 402px;
  border-radius: 4px; }
  .nerden-productListProductCardImage::after,
  .nerden-productListProductCardImage img::after {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    content: ''; }

.nerden-accountProductCardImage,
.nerden-accountProductCardImage img {
  width: 429px;
  height: 429px;
  border-radius: 4px; }
  .nerden-accountProductCardImage::after,
  .nerden-accountProductCardImage img::after {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    content: ''; }

.homeWarehouseImage {
  width: 432px;
  max-width: 100%;
  border-radius: 4px; }

.nerden-homeBlogRecentPosts,
.nerden-homeBlogRecentPosts img {
  width: 516px;
  height: 291px;
  border-radius: 4px; }
  .nerden-homeBlogRecentPosts::after,
  .nerden-homeBlogRecentPosts img::after {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 62.9845%;
    content: ''; }

.home6Images {
  width: 548px;
  max-width: 100%;
  border-radius: 4px; }

.nerden-productDescriptionImage {
  width: 580px;
  max-height: 100%;
  border-radius: 4px; }

.nerden-productGalleryMainImage,
.nerden-productGalleryMainImage img {
  width: 669px;
  max-width: 100%;
  height: 669px;
  border-radius: 4px; }

.nerden-blogPostTopLeftImage,
.nerden-blogPostTopLeftImage img {
  width: 630px;
  height: 355px;
  max-height: 100%;
  border-radius: 4px;
  aspect-ratio: 630 / 355;
  -o-object-fit: cover;
  object-fit: cover; }
  .nerden-blogPostTopLeftImage::after,
  .nerden-blogPostTopLeftImage img::after {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 56.34921%;
    content: ''; }

.zoomContainerMobile,
.zoomContainerMobile img,
.productView-img-container img,
.zoomContainer,
.zoomContainer img {
  width: 669px;
  height: 100%;
  border-radius: 4px; }
  .zoomContainerMobile::after,
  .zoomContainerMobile img::after,
  .productView-img-container img::after,
  .zoomContainer::after,
  .zoomContainer img::after {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    content: ''; }

.menuImage2,
.menuImage3 {
  width: 815px;
  max-width: 100%;
  border-radius: 4px;
  align-items: center;
  justify-content: center; }

.blog-postImage,
.blog-postImage img,
.nerden-blogPageImage,
.nerden-blogPageImage img {
  position: relative;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0 solid transparent;
  border-radius: 4px;
  text-align: center;
  opacity: 1;
  transition: opacity 0.8s ease, transform 0.3s ease;
  -o-object-fit: cover;
  object-fit: cover;
  width: 957px;
  height: 539px;
  min-height: 100%;
  border-radius: 4px;
  aspect-ratio: 957 / 539;
  -o-object-fit: cover;
  object-fit: cover; }
  @supports (font-synthesis: none) {
    .blog-postImage,
    .blog-postImage img,
    .nerden-blogPageImage,
    .nerden-blogPageImage img {
      image-rendering: auto;
      transform: translateZ(0);
      will-change: opacity; }
      .blog-postImage[decoding='async'],
      .blog-postImage img[decoding='async'],
      .nerden-blogPageImage[decoding='async'],
      .nerden-blogPageImage img[decoding='async'] {
        will-change: transform; } }
  .blog-postImage::after,
  .blog-postImage img::after,
  .nerden-blogPageImage::after,
  .nerden-blogPageImage img::after {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 56.32184%;
    content: ''; }

.homeLookbook1Image {
  width: 1108px;
  max-width: 100%;
  height: 672px;
  border-radius: 4px; }

.nerden-topCategoryBanner,
.nerden-topCategoryBanner img {
  position: relative;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0 solid transparent;
  border-radius: 4px;
  text-align: center;
  opacity: 1;
  transition: opacity 0.8s ease, transform 0.3s ease;
  -o-object-fit: cover;
  object-fit: cover;
  width: 1567px;
  height: 249px;
  min-height: 100%;
  border-radius: 4px;
  aspect-ratio: 1567 / 249;
  -o-object-fit: cover;
  object-fit: cover; }
  @supports (font-synthesis: none) {
    .nerden-topCategoryBanner,
    .nerden-topCategoryBanner img {
      image-rendering: auto;
      transform: translateZ(0);
      will-change: opacity; }
      .nerden-topCategoryBanner[decoding='async'],
      .nerden-topCategoryBanner img[decoding='async'] {
        will-change: transform; } }

.homePolicyIconImage {
  width: 70px;
  max-width: 100%; }

#qn-dialog-toggle {
  position: fixed;
  right: 58px;
  bottom: 58px;
  z-index: 1110;
  padding: 0;
  color: #000000;
  background-color: #fbbf24;
  fill: #ffffff; }

#qn-add-to-quote,
.qn-add-to-quote {
  color: #ffffff;
  text-align: center !important;
  background-color: #000000 !important;
  align-items: center !important;
  align-content: center !important; }

.qn-cart-to-quote-cart,
#qn-cart-to-quote-cart {
  color: #ffffff !important;
  background-color: #000000 !important; }

.card-figure {
  display: block;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.03);
  overflow: hidden; }
  .card-figure.lazyloaded {
    opacity: 1; }

.card-figure__link {
  display: block;
  height: 100%; }
  .card-figure__link.lazyloaded {
    opacity: 1; }

.lazyload,
.loading-lazy,
.lazyloading,
img.lazyload,
img.lazyloading,
img[class*='lazyload'] {
  min-width: 1px;
  min-height: 1px;
  background-color: rgba(0, 0, 0, 0.04);
  opacity: 0.85;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), filter 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-filter 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-filter: blur(2px);
  filter: blur(2px); }
  .lazyload.lazyloaded,
  .lazyload.loaded,
  .loading-lazy.lazyloaded,
  .loading-lazy.loaded,
  .lazyloading.lazyloaded,
  .lazyloading.loaded,
  img.lazyload.lazyloaded,
  img.lazyload.loaded,
  img.lazyloading.lazyloaded,
  img.lazyloading.loaded,
  img[class*='lazyload'].lazyloaded,
  img[class*='lazyload'].loaded {
    background-color: transparent;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0); }
  .lazyload[style*='visibility: hidden'],
  .loading-lazy[style*='visibility: hidden'],
  .lazyloading[style*='visibility: hidden'],
  img.lazyload[style*='visibility: hidden'],
  img.lazyloading[style*='visibility: hidden'],
  img[class*='lazyload'][style*='visibility: hidden'] {
    opacity: 0.01;
    visibility: visible !important; }
  @media (prefers-reduced-motion: reduce) {
    .lazyload,
    .loading-lazy,
    .lazyloading,
    img.lazyload,
    img.lazyloading,
    img[class*='lazyload'] {
      transition: opacity 0.1s ease-out;
      -webkit-filter: none;
      filter: none; } }

.image-load-error {
  position: relative;
  overflow: hidden; }
  .image-load-error::after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border: 1px solid #dddddd;
    border-radius: 50%;
    color: #888888;
    font-size: 1.5rem;
    line-height: 40px;
    text-align: center;
    background-color: #f8f8f8;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    content: '!'; }
  .image-load-error::before {
    position: absolute;
    z-index: 0;
    background-color: rgba(255, 255, 255, 0.7);
    inset: 0;
    content: ''; }
  .image-load-error[data-critical='true'],
  .image-load-error[fetchpriority='high'] {
    min-height: 100px;
    background-color: rgba(0, 0, 0, 0.05); }

.responsive-img.banner-image, .responsive-img.hero-image {
  min-height: 150px;
  background-color: rgba(0, 0, 0, 0.05); }

.responsive-img.thumbnail-image {
  min-height: 50px;
  transition: opacity 0.3s ease; }

.responsive-img.lazyloading:not(.lqip-blur) {
  position: relative;
  overflow: hidden; }
  .responsive-img.lazyloading:not(.lqip-blur)::after {
    display: none;
    content: ''; }
    @media (prefers-reduced-motion: reduce) {
      .responsive-img.lazyloading:not(.lqip-blur)::after {
        animation: none; } }

@keyframes shimmer {
  0% {
    transform: translateX(-100%); }
  100% {
    transform: translateX(250%); } }

img.lazyload:not(.responsive-img),
img.lazyloading:not(.responsive-img) {
  background-color: rgba(0, 0, 0, 0.03) !important;
  opacity: 0.8 !important;
  -webkit-filter: blur(2px) !important;
  filter: blur(2px) !important; }
  img.lazyload:not(.responsive-img).lazyloaded,
  img.lazyloading:not(.responsive-img).lazyloaded {
    background-color: transparent !important;
    opacity: 1 !important;
    -webkit-filter: none !important;
    filter: none !important; }

.popularCategory__carousel img.lazyload,
.popularCategory__carousel img.lazyloading,
.nerden-category-img.lazyload,
.nerden-category-img.lazyloading,
.slick-slide img.lazyload,
.slick-slide img.lazyloading {
  min-width: 1px;
  min-height: 1px;
  background-color: rgba(0, 0, 0, 0.06);
  opacity: 0.9;
  transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1), filter 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-filter 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-filter: blur(2px);
  filter: blur(2px);
  object-fit: cover; }
  .popularCategory__carousel img.lazyload.lazyloaded,
  .popularCategory__carousel img.lazyloading.lazyloaded,
  .nerden-category-img.lazyload.lazyloaded,
  .nerden-category-img.lazyloading.lazyloaded,
  .slick-slide img.lazyload.lazyloaded,
  .slick-slide img.lazyloading.lazyloaded {
    background-color: transparent;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0); }
  .popularCategory__carousel img.lazyload[style*='visibility: hidden'],
  .popularCategory__carousel img.lazyloading[style*='visibility: hidden'],
  .nerden-category-img.lazyload[style*='visibility: hidden'],
  .nerden-category-img.lazyloading[style*='visibility: hidden'],
  .slick-slide img.lazyload[style*='visibility: hidden'],
  .slick-slide img.lazyloading[style*='visibility: hidden'] {
    visibility: visible !important; }

.slick-initialized .slick-slide {
  display: block !important;
  visibility: visible !important; }

.safari-browser img.lazyload,
.safari-browser img.lazyloading {
  opacity: 0.95 !important;
  -webkit-filter: blur(1px) !important;
  filter: blur(1px) !important; }
  .safari-browser img.lazyload.lazyloaded,
  .safari-browser img.lazyloading.lazyloaded {
    opacity: 1 !important;
    -webkit-filter: none !important;
    filter: none !important; }

.safari-browser .lqip-blur {
  transform: none !important;
  filter: blur(2px) !important; }

.safari-browser .responsive-img {
  position: relative;
  height: 0;
  padding-bottom: calc(var(--aspect-ratio, 0.75) * 100%); }
  .safari-browser .responsive-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }

.legacy-browser img.lazyload,
.legacy-browser img.lazyloading {
  opacity: 0.9;
  transition: opacity 0.2s ease-out;
  -webkit-filter: none;
  filter: none; }

.legacy-browser .lqip-blur {
  transform: none;
  opacity: 0.95; }
  .legacy-browser .lqip-blur.lazyloaded {
    opacity: 1; }

.legacy-browser .lazyloading:not(.lqip-blur)::after {
  display: none; }

.responsive-img {
  @apply relative h-auto max-w-full; }
  .responsive-img.lazyloaded {
    transition: filter 0.3s ease-out, opacity 0.3s ease-out, -webkit-filter 0.3s ease-out;
    -webkit-filter: blur(0);
    filter: blur(0);
    @apply opacity-100; }
    @media (prefers-reduced-motion: reduce) {
      .responsive-img.lazyloaded {
        transition: none; } }
  .responsive-img.lazyload, .responsive-img.lazyloading {
    -webkit-filter: blur(10px);
    filter: blur(10px);
    @apply opacity-0; }

.img-wrapper {
  @apply relative w-full overflow-hidden; }
  .img-wrapper::before {
    display: block;
    padding-bottom: calc(var(--aspect-ratio, 0.75) * 100%);
    content: ''; }
  .img-wrapper .responsive-img {
    @apply absolute left-0 top-0 h-full w-full object-cover; }

[data-bg] {
  @apply bg-cover bg-center bg-no-repeat; }
  [data-bg].lazyloaded {
    transition: filter 0.3s ease-out, opacity 0.3s ease-out, -webkit-filter 0.3s ease-out;
    -webkit-filter: blur(0);
    filter: blur(0);
    @apply opacity-100; }
    @media (prefers-reduced-motion: reduce) {
      [data-bg].lazyloaded {
        transition: none; } }
  [data-bg].lazyload, [data-bg].lazyloading {
    -webkit-filter: blur(10px);
    filter: blur(10px);
    @apply opacity-0; }

.placeholder {
  @apply animate-pulse bg-gray-200; }
  .placeholder::after {
    -webkit-animation: shimmer 1.5s infinite;
    animation: shimmer 1.5s infinite;
    content: '';
    @apply absolute inset-0 block bg-gradient-to-r from-transparent via-white/20 to-transparent; }
    @media (prefers-reduced-motion: reduce) {
      .placeholder::after {
        -webkit-animation: none;
        animation: none; } }

@-webkit-keyframes shimmer {
  0% {
    transform: translateX(-100%); }
  100% {
    transform: translateX(100%); } }

@keyframes shimmer {
  0% {
    transform: translateX(-100%); }
  100% {
    transform: translateX(100%); } }

picture {
  @apply inline-block; }
  picture .responsive-img {
    @apply w-full; }

@media (min-resolution: 2dppx), (min-resolution: 192dpi) {
  .responsive-img {
    image-rendering: crisp-edges; } }

@media print {
  .responsive-img {
    page-break-inside: avoid;
    -webkit-filter: none !important;
    filter: none !important;
    @apply opacity-100; } }

.no-js .lazyload {
  -webkit-filter: none;
  filter: none;
  @apply opacity-100; }

.responsive-img[loading='lazy'] {
  @apply bg-gray-100; }

.responsive-img:not([alt]) {
  @apply outline outline-2 outline-red-500; }

.rangeFormNumber {
  width: 33% !important;
  font-size: 16px !important; }

.-mb-2 {
  margin-bottom: -8px !important; }

.quickSearchNerden {
  height: 100% !important;
  margin-top: 2px !important;
  margin-bottom: 2px !important; }

.nerdenSecureImage {
  width: 95px;
  max-width: 95px !important;
  height: 40px; }

.border-product-description {
  border-width: 0.1px;
  border-style: solid;
  border-color: rgba(223, 223, 223, 0.75) !important; }

.cart-table {
  border-radius: 4px !important; }

.lookbook-popup-wrapper,
.lookbook-popup-title {
  box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.2);
  border-top-left-radius: 4px !important; }