:root{--color-button-blue: var(--color-secondary-blue);--color-button-blue-hover: var(--color-secondary-blue-dark);--color-button-dark: var(--color-primary-gray-500);--color-button-dark-hover: var(--color-primary-gray-600);--color-button-light: var(--color-primary-sand-200);--color-button-light-hover: var(--color-primary-sand-100);--color-button-outline-blue-background-toggled: var(--color-shade-blue-10);--color-button-outline-dark-background-toggled: var(--color-shade-gray-500-10);--color-button-outline-light-background-toggled: var(--color-shade-sand-200-15);--color-button-solid-colour-background-toggled: var(--color-shade-blue-dark-75);--color-button-solid-dark-background-toggled: var(--color-shade-gray-600-75);--color-button-solid-light-background-toggled: var(--color-shade-sand-300-75);--color-button-text-link: var(--color-secondary-blue);--color-button-text-link-hover: var(--color-secondary-blue-dark);--color-button-transparent-blue: var(--color-shade-blue-75);--color-button-transparent-blue-hover: var(--color-shade-blue-dark-75);--color-button-transparent-blue-stroke-hover: var(--color-shade-sand-100-75);--color-button-transparent-blue-stroke-normal: var(--color-shade-sand-100-50);--color-button-transparent-blue-text: var(--color-primary-sand-200);--color-button-transparent-dark: var(--color-shade-gray-600-50);--color-button-transparent-dark-hover: var(--color-shade-gray-600-75);--color-button-transparent-dark-stroke: var(--color-shade-sand-100-50);--color-button-transparent-dark-stroke-hover: var(--color-shade-sand-100-75);--color-button-transparent-dark-text: var(--color-primary-sand-200);--color-button-transparent-light: var(--color-shade-sand-100-50);--color-button-transparent-light-hover: var(--color-shade-sand-100-25);--color-button-transparent-light-hover-stroke: var(--color-shade-gray-600-75);--color-button-transparent-light-stroke: var(--color-shade-gray-600-50);--color-button-transparent-light-text: var(--color-primary-gray-600);--color-campaign-off-white: #f4f1ed;--color-checkbox-fill: var(--color-primary-gray-100);--color-checkbox-fill-checked: var(--color-secondary-blue);--color-checkbox-fill-hover: var(--color-primary-gray-100);--color-checkbox-icon-checked: var(--color-primary-gray-100);--color-checkbox-required: var(--color-secondary-red-dark);--color-checkbox-stroke: var(--color-primary-sand-600);--color-checkbox-stroke-hover: var(--color-primary-sand-600);--color-checkbox-text-label: var(--color-primary-gray-600);--color-customiser-config-large-background-hover: var(--color-primary-sand-200);--color-customiser-config-large-background-normal: var(--color-primary-sand-100);--color-customiser-config-large-background-toggle: var(--color-primary-sand-300);--color-customiser-config-large-color-toggle: var(--color-primary-sand-600);--color-customiser-config-large-icon-primary: var(--color-primary-gray-700);--color-customiser-config-large-icon-secondary: var(--color-secondary-green);--color-customiser-config-large-menu-stroke: var(--color-primary-sand-400);--color-customiser-config-large-text-hover: var(--color-primary-gray-600);--color-customiser-config-large-text-normal: var(--color-primary-gray-500);--color-customiser-config-small-background: var(--color-primary-gray-100);--color-customiser-config-small-text-hover: var(--color-primary-gray-600);--color-customiser-config-small-text-normal: var(--color-primary-gray-500);--color-dropdown-fill: var(--color-primary-sand-100);--color-dropdown-fill-hover: var(--color-primary-sand-300);--color-dropdown-stroke: var(--color-primary-sand-300);--color-dropdown-stroke-hover: var(--color-primary-sand-300);--color-dropdown-text: var(--color-primary-gray-500);--color-dropdown-text-active: var(--color-secondary-blue);--color-dropdown-text-active-hover: var(--color-secondary-blue-dark);--color-dropdown-text-hover: var(--color-primary-gray-600);--color-element-breadcrumb-stroke: var(--color-primary-gray-200);--color-element-color-toggle: var(--color-primary-gray-300);--color-element-product-tile-background: var(--color-primary-sand-200);--color-element-product-tile-background-information: var(--color-primary-sand-400);--color-element-share-modal-background: var(--color-primary-sand-100);--color-element-share-modal-stroke: var(--color-primary-sand-400);--color-element-tag-background: var(--color-primary-sand-400);--color-element-tag-text: var(--color-text-base-dark);--color-form-dark-fill: var(--color-primary-sand-300);--color-form-dark-fill-active: var(--color-primary-sand-200);--color-form-dark-fill-hover: var(--color-primary-sand-200);--color-form-dark-stroke: var(--color-primary-sand-600);--color-form-dark-stroke-hover: var(--color-primary-sand-600);--color-form-icon: var(--color-primary-gray-400);--color-form-icon-active: var(--color-secondary-blue);--color-form-icon-disabled: var(--color-primary-gray-200);--color-form-icon-hover: var(--color-primary-gray-400);--color-form-light-fill: var(--color-primary-gray-100);--color-form-light-fill-active: var(--color-primary-gray-100);--color-form-light-fill-hover: var(--color-primary-gray-100);--color-form-light-stroke: var(--color-primary-sand-600);--color-form-light-stroke-disabled: var(--color-primary-sand-400);--color-form-light-stroke-hover: var(--color-primary-sand-600);--color-form-stroke-active: var(--color-secondary-blue);--color-form-text: var(--color-primary-gray-400);--color-form-text-active: var(--color-primary-gray-600);--color-form-text-disabled: var(--color-primary-gray-200);--color-form-text-hover: var(--color-primary-gray-400);--color-logo-dark: var(--color-primary-gray-600);--color-logo-light: var(--color-primary-sand-200);--color-navigation-light: var(--color-primary-sand-200);--color-navigation-light-hover: var(--color-primary-gray-100);--color-navigation-primary: var(--color-primary-gray-500);--color-navigation-primary-hover: var(--color-primary-gray-600);--color-page-background: var(--color-primary-sand-100);--color-page-modal-overlay: #5e5c5b;--color-page-precious-background: var(--color-primary-sand-300);--color-primary-gray-100: #ffffff;--color-primary-gray-200: #ededed;--color-primary-gray-300: #b9b9b9;--color-primary-gray-400: #908f8f;--color-primary-gray-500: #5e5c5b;--color-primary-gray-600: #211f1f;--color-primary-gray-700: #000000;--color-primary-sand-100: #fbfbfb;--color-primary-sand-200: #f8f6f3;--color-primary-sand-300: #f6f2ec;--color-primary-sand-400: #eee7dd;--color-primary-sand-500: #e5d8c5;--color-primary-sand-600: #dbcaae;--color-primary-sand-700: #c3b398;--color-secondary-blue: #0f4f5e;--color-secondary-blue-dark: #05303a;--color-secondary-blue-light: #dbe5e8;--color-secondary-green: #456e57;--color-secondary-green-dark: #234431;--color-secondary-green-light: #b0cfb2;--color-secondary-red: #c75e3d;--color-secondary-red-dark: #9b3718;--color-secondary-red-light: #dead99;--color-shade-blue-10: color-mix(in srgb, var(--color-secondary-blue) 10%, transparent);--color-shade-blue-75: color-mix(in srgb, var(--color-secondary-blue) 75%, transparent);--color-shade-blue-dark-75: color-mix(in srgb, var(--color-secondary-blue-dark) 75%, transparent);--color-shade-gray-400-15: color-mix(in srgb, var(--color-primary-gray-400) 15%, transparent);--color-shade-gray-400-80: color-mix(in srgb, var(--color-primary-gray-400) 80%, transparent);--color-shade-gray-500-10: color-mix(in srgb, var(--color-primary-gray-500) 10%, transparent);--color-shade-gray-600-25: color-mix(in srgb, var(--color-primary-gray-600) 25%, transparent);--color-shade-gray-600-50: color-mix(in srgb, var(--color-primary-gray-600) 50%, transparent);--color-shade-gray-600-75: color-mix(in srgb, var(--color-primary-gray-600) 75%, transparent);--color-shade-sand-100-25: color-mix(in srgb, var(--color-primary-sand-100) 25%, transparent);--color-shade-sand-100-50: color-mix(in srgb, var(--color-primary-sand-100) 50%, transparent);--color-shade-sand-100-75: color-mix(in srgb, var(--color-primary-sand-100) 75%, transparent);--color-shade-sand-100-90: color-mix(in srgb, var(--color-primary-sand-100) 90%, transparent);--color-shade-sand-200-15: color-mix(in srgb, var(--color-primary-sand-200) 15%, transparent);--color-shade-sand-200-50: color-mix(in srgb, var(--color-primary-sand-200) 50%, transparent);--color-shade-sand-200-75: color-mix(in srgb, var(--color-primary-sand-200) 75%, transparent);--color-shade-sand-300-75: color-mix(in srgb, var(--color-primary-sand-300) 75%, transparent);--color-shade-sand-500-10: color-mix(in srgb, var(--color-primary-sand-500) 10%, transparent);--color-text-base-anthracite-gray: var(--color-primary-gray-500);--color-text-base-blue: var(--color-secondary-blue);--color-text-base-blue-dark: var(--color-secondary-blue-dark);--color-text-base-dark: var(--color-primary-gray-600);--color-text-base-light: var(--color-primary-sand-200);--filter-close-icon: var(--color-primary-gray-200);--filter-divider: var(--color-primary-sand-400);--filter-hover-overlay: var(--color-shade-gray-600-50);--filter-stroke-hover: var(--color-primary-sand-600);--filter-stroke-normal: var(--color-primary-sand-300);--filter-stroke-toggled: var(--color-primary-sand-500);--filter-text: var(--color-text-base-anthracite-gray)}:root{--space-100: 8px;--space-150: 12px;--space-200: 16px;--space-250: 20px;--space-300: 24px;--space-350: 28px;--space-400: 32px;--space-50: 4px;--space-500: 40px;--space-600: 48px;--space-700: 56px;--space-800: 64px;--space-900: 72px}@media not (min-width:600px){:root{--button-large-gap: var(--space-200);--button-large-height: var(--space-600);--button-large-horisontal-padding: var(--space-300);--button-large-icon: var(--space-250);--button-large-round-corners: var(--space-300);--button-large-vertical-padding: var(--space-150);--button-medium-gap: var(--space-200);--button-medium-height: var(--space-500);--button-medium-horisontal-padding: var(--space-250);--button-medium-icon: 18px;--button-medium-round-corners: var(--space-250);--button-medium-text-button-gap: var(--space-100);--button-medium-vertical-padding: var(--space-100);--button-small-gap: var(--space-150);--button-small-height: var(--space-400);--button-small-horisontal-padding: var(--space-200);--button-small-icon: var(--space-200);--button-small-round-corners: var(--space-200);--button-small-text-button-gap: var(--space-100);--button-small-vertical-padding: var(--space-50);--elements-box-margins: var(--space-300);--elements-round-corner-lg: var(--space-100);--elements-round-corner-md: var(--space-50);--elements-round-corner-sm: var(--space-50);--filter-font-size: var(--font-size-base-xs);--font-line-height-body-caption: 18px;--font-line-height-body-lg: 27px;--font-line-height-body-md: 24px;--font-line-height-body-sm: 21px;--font-line-height-body-xs: 18px;--font-line-height-header-1: 50px;--font-line-height-header-2: 45px;--font-line-height-header-3: 45px;--font-line-height-header-4: 36px;--font-line-height-header-5: 30px;--font-line-height-header-display: 60px;--font-size-base-2xl: 22px;--font-size-base-2xs: 12px;--font-size-base-3xl: 30px;--font-size-base-4xl: 36px;--font-size-base-5xl: 40px;--font-size-base-6xl: 48px;--font-size-base-lg: 18px;--font-size-base-md: 16px;--font-size-base-sm: 14px;--font-size-base-xl: 20px;--font-size-base-xs: 12px;--font-size-body-caption: var(--font-size-base-2xs);--font-size-body-lg: var(--font-size-base-lg);--font-size-body-md: var(--font-size-base-md);--font-size-body-sm: var(--font-size-base-sm);--font-size-body-xs: var(--font-size-base-xs);--font-size-button-large: var(--font-size-base-lg);--font-size-button-medium: var(--font-size-base-md);--font-size-button-small: var(--font-size-base-sm);--font-size-header-1: var(--font-size-base-5xl);--font-size-header-2: var(--font-size-base-4xl);--font-size-header-3: var(--font-size-base-3xl);--font-size-header-4: var(--font-size-base-2xl);--font-size-header-5: var(--font-size-base-xl);--font-size-header-display: var(--font-size-base-6xl);--font-size-navigation-footer-menu: var(--font-size-base-sm);--font-size-navigation-main-menu: var(--font-size-base-sm);--font-size-navigation-mobile-dropdown: var(--font-size-base-2xl);--font-size-navigation-mobile-dropdown-level-2: var(--font-size-base-lg);--grid-column: var(--space-50);--grid-gutter: var(--space-100);--grid-margin: var(--space-100);--product-tile-colour-diameter: 24px;--product-tile-colour-spacing: 24px;--product-tile-margin: 16px;--title-breadcrumb-padding: var(--space-100);--title-text-gap: var(--space-200);--title-text-side-padding: 0px;--title-text-top-bottom-padding: var(--space-300)}}@media(min-width:600px)and (not (min-width:912px)){:root{--button-large-gap: var(--space-200);--button-large-height: var(--space-600);--button-large-horisontal-padding: var(--space-300);--button-large-icon: var(--space-250);--button-large-round-corners: var(--space-300);--button-large-vertical-padding: var(--space-150);--button-medium-gap: var(--space-200);--button-medium-height: var(--space-500);--button-medium-horisontal-padding: var(--space-250);--button-medium-icon: 18px;--button-medium-round-corners: var(--space-250);--button-medium-text-button-gap: var(--space-100);--button-medium-vertical-padding: var(--space-100);--button-small-gap: var(--space-150);--button-small-height: var(--space-400);--button-small-horisontal-padding: var(--space-200);--button-small-icon: var(--space-200);--button-small-round-corners: var(--space-200);--button-small-text-button-gap: var(--space-100);--button-small-vertical-padding: var(--space-50);--elements-box-margins: var(--space-400);--elements-round-corner-lg: var(--space-150);--elements-round-corner-md: var(--space-100);--elements-round-corner-sm: var(--space-50);--filter-font-size: var(--font-size-base-xs);--font-line-height-body-caption: 18px;--font-line-height-body-lg: 27px;--font-line-height-body-md: 24px;--font-line-height-body-sm: 21px;--font-line-height-body-xs: 18px;--font-line-height-header-1: 50px;--font-line-height-header-2: 45px;--font-line-height-header-3: 45px;--font-line-height-header-4: 36px;--font-line-height-header-5: 30px;--font-line-height-header-display: 60px;--font-size-base-2xl: 22px;--font-size-base-2xs: 12px;--font-size-base-3xl: 30px;--font-size-base-4xl: 36px;--font-size-base-5xl: 40px;--font-size-base-6xl: 48px;--font-size-base-lg: 18px;--font-size-base-md: 16px;--font-size-base-sm: 14px;--font-size-base-xl: 20px;--font-size-base-xs: 12px;--font-size-body-caption: var(--font-size-base-2xs);--font-size-body-lg: var(--font-size-base-lg);--font-size-body-md: var(--font-size-base-md);--font-size-body-sm: var(--font-size-base-sm);--font-size-body-xs: var(--font-size-base-xs);--font-size-button-large: var(--font-size-base-lg);--font-size-button-medium: var(--font-size-base-md);--font-size-button-small: var(--font-size-base-sm);--font-size-header-1: var(--font-size-base-5xl);--font-size-header-2: var(--font-size-base-4xl);--font-size-header-3: var(--font-size-base-3xl);--font-size-header-4: var(--font-size-base-2xl);--font-size-header-5: var(--font-size-base-xl);--font-size-header-display: var(--font-size-base-6xl);--font-size-navigation-footer-menu: var(--font-size-base-sm);--font-size-navigation-main-menu: var(--font-size-base-sm);--font-size-navigation-mobile-dropdown: var(--font-size-base-2xl);--font-size-navigation-mobile-dropdown-level-2: var(--font-size-base-lg);--grid-column: var(--space-150);--grid-gutter: var(--space-100);--grid-margin: var(--space-100);--product-tile-colour-diameter: 24px;--product-tile-colour-spacing: 24px;--product-tile-margin: 16px;--title-breadcrumb-padding: var(--space-100);--title-text-gap: var(--space-200);--title-text-side-padding: 128px;--title-text-top-bottom-padding: var(--space-400)}}@media(min-width:912px)and (not (min-width:1160px)){:root{--button-large-gap: var(--space-200);--button-large-height: var(--space-700);--button-large-horisontal-padding: var(--space-400);--button-large-icon: var(--space-300);--button-large-round-corners: var(--space-350);--button-large-vertical-padding: var(--space-150);--button-medium-gap: var(--space-200);--button-medium-height: var(--space-500);--button-medium-horisontal-padding: var(--space-250);--button-medium-icon: 18px;--button-medium-round-corners: var(--space-250);--button-medium-text-button-gap: var(--space-100);--button-medium-vertical-padding: var(--space-100);--button-small-gap: var(--space-150);--button-small-height: var(--space-400);--button-small-horisontal-padding: var(--space-200);--button-small-icon: var(--space-200);--button-small-round-corners: var(--space-200);--button-small-text-button-gap: var(--space-100);--button-small-vertical-padding: var(--space-50);--elements-box-margins: var(--space-600);--elements-round-corner-lg: var(--space-200);--elements-round-corner-md: var(--space-100);--elements-round-corner-sm: var(--space-50);--filter-font-size: var(--font-size-base-xs);--font-line-height-body-caption: 18px;--font-line-height-body-lg: 30px;--font-line-height-body-md: 27px;--font-line-height-body-sm: 24px;--font-line-height-body-xs: 21px;--font-line-height-header-1: 60px;--font-line-height-header-2: 50px;--font-line-height-header-3: 48px;--font-line-height-header-4: 39px;--font-line-height-header-5: 33px;--font-line-height-header-display: 80px;--font-size-base-2xl: 26px;--font-size-base-2xs: 12px;--font-size-base-3xl: 32px;--font-size-base-4xl: 40px;--font-size-base-5xl: 48px;--font-size-base-6xl: 64px;--font-size-base-lg: 20px;--font-size-base-md: 18px;--font-size-base-sm: 16px;--font-size-base-xl: 22px;--font-size-base-xs: 14px;--font-size-body-caption: var(--font-size-base-2xs);--font-size-body-lg: var(--font-size-base-lg);--font-size-body-md: var(--font-size-base-md);--font-size-body-sm: var(--font-size-base-sm);--font-size-body-xs: var(--font-size-base-xs);--font-size-button-large: var(--font-size-base-lg);--font-size-button-medium: var(--font-size-base-md);--font-size-button-small: var(--font-size-base-sm);--font-size-header-1: var(--font-size-base-5xl);--font-size-header-2: var(--font-size-base-4xl);--font-size-header-3: var(--font-size-base-3xl);--font-size-header-4: var(--font-size-base-2xl);--font-size-header-5: var(--font-size-base-xl);--font-size-header-display: var(--font-size-base-6xl);--font-size-navigation-footer-menu: var(--font-size-base-sm);--font-size-navigation-main-menu: var(--font-size-base-sm);--font-size-navigation-mobile-dropdown: var(--font-size-base-2xl);--font-size-navigation-mobile-dropdown-level-2: var(--font-size-base-lg);--grid-column: var(--space-150);--grid-gutter: var(--space-100);--grid-margin: var(--space-100);--product-tile-colour-diameter: 24px;--product-tile-colour-spacing: 24px;--product-tile-margin: 16px;--title-breadcrumb-padding: var(--space-150);--title-text-gap: var(--space-300);--title-text-side-padding: 169px;--title-text-top-bottom-padding: var(--space-400)}}@media(min-width:1160px){:root{--button-large-gap: var(--space-200);--button-large-height: var(--space-700);--button-large-horisontal-padding: var(--space-400);--button-large-icon: var(--space-300);--button-large-round-corners: var(--space-350);--button-large-vertical-padding: var(--space-150);--button-medium-gap: var(--space-200);--button-medium-height: var(--space-500);--button-medium-horisontal-padding: var(--space-250);--button-medium-icon: 18px;--button-medium-round-corners: var(--space-250);--button-medium-text-button-gap: var(--space-100);--button-medium-vertical-padding: var(--space-100);--button-small-gap: var(--space-150);--button-small-height: var(--space-400);--button-small-horisontal-padding: var(--space-200);--button-small-icon: var(--space-200);--button-small-round-corners: var(--space-200);--button-small-text-button-gap: var(--space-100);--button-small-vertical-padding: var(--space-50);--elements-box-margins: var(--space-900);--elements-round-corner-lg: var(--space-200);--elements-round-corner-md: var(--space-100);--elements-round-corner-sm: var(--space-50);--filter-font-size: var(--font-size-base-xs);--font-line-height-body-caption: 18px;--font-line-height-body-lg: 30px;--font-line-height-body-md: 27px;--font-line-height-body-sm: 24px;--font-line-height-body-xs: 21px;--font-line-height-header-1: 60px;--font-line-height-header-2: 50px;--font-line-height-header-3: 48px;--font-line-height-header-4: 39px;--font-line-height-header-5: 33px;--font-line-height-header-display: 80px;--font-size-base-2xl: 26px;--font-size-base-2xs: 12px;--font-size-base-3xl: 32px;--font-size-base-4xl: 40px;--font-size-base-5xl: 48px;--font-size-base-6xl: 64px;--font-size-base-lg: 20px;--font-size-base-md: 18px;--font-size-base-sm: 16px;--font-size-base-xl: 22px;--font-size-base-xs: 14px;--font-size-body-caption: var(--font-size-base-2xs);--font-size-body-lg: var(--font-size-base-lg);--font-size-body-md: var(--font-size-base-md);--font-size-body-sm: var(--font-size-base-sm);--font-size-body-xs: var(--font-size-base-xs);--font-size-button-large: var(--font-size-base-lg);--font-size-button-medium: var(--font-size-base-md);--font-size-button-small: var(--font-size-base-sm);--font-size-header-1: var(--font-size-base-5xl);--font-size-header-2: var(--font-size-base-4xl);--font-size-header-3: var(--font-size-base-3xl);--font-size-header-4: var(--font-size-base-2xl);--font-size-header-5: var(--font-size-base-xl);--font-size-header-display: var(--font-size-base-6xl);--font-size-navigation-footer-menu: var(--font-size-base-sm);--font-size-navigation-main-menu: var(--font-size-base-sm);--font-size-navigation-mobile-dropdown: var(--font-size-base-2xl);--font-size-navigation-mobile-dropdown-level-2: var(--font-size-base-lg);--grid-column: var(--space-150);--grid-gutter: var(--space-200);--grid-margin: var(--space-200);--product-tile-colour-diameter: 24px;--product-tile-colour-spacing: 24px;--product-tile-margin: 16px;--title-breadcrumb-padding: var(--space-200);--title-text-gap: var(--space-400);--title-text-side-padding: 374px;--title-text-top-bottom-padding: var(--space-500)}}.bottom-sheet-panel{flex:1;max-height:80%!important;overflow:auto}:host{--height: var(--button-medium-height);--padding-vertical: var(--button-medium-vertical-padding) ;--padding-horizontal: var(--button-medium-horisontal-padding);--icon-size: var(--button-medium-icon);--text-button-gap: var(--button-medium-gap);--font-size: var(--font-size-button-medium)}:host([large]){--height: var(--button-large-height);--padding-vertical: var(--button-large-vertical-padding);--padding-horizontal: var(--button-large-horisontal-padding);--icon-size: var(--button-large-icon);--font-size: var(--font-size-button-large);--text-button-gap: var(--button-large-gap)}:host([small]){--height: var(--button-small-height);--padding-vertical: var(--button-small-vertical-padding);--padding-horizontal: var(--button-small-horisontal-padding);--icon-size: var(--button-small-icon);--font-size: var(--font-size-button-small);--text-button-gap: var(--button-small-gap)}::slotted(lindberg-icon){padding:0}.button{font-size:var(--font-size);box-sizing:border-box;display:inline-block;font-family:inherit;color:inherit;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;font-weight:var(--font-weight-medium);--border-color: var(--text-color);border:none;background-color:var(--background-color);color:var(--text-color);outline:var(--border-width) solid var(--border-color);outline-offset:calc(var(--border-width) * -.5);line-height:calc(var(--height) - 2 * var(--padding-vertical));border-radius:calc(var(--height) / 2);corner-shape:superellipse(1.2);padding:var(--padding-vertical) var(--padding-horizontal);--transition-time: .3s;transition:background-color var(--transition-time),color var(--transition-time),border-color var(--transition-time)}.button:not(.disabled).hover,.button:not(.disabled):hover{transition:none}.button:not(.disabled):active{transform:scale(.97)}.button.disabled{opacity:.25;cursor:not-allowed}.button.text.disabled{opacity:.5}.button.solid{--background-color: light-dark(var(--color-button-dark), var(--color-button-light));--text-color: light-dark(var(--color-button-light), var(--color-button-dark))}.button.solid:not(.disabled).hover,.button.solid:not(.disabled):hover{--background-color: light-dark(var(--color-button-dark-hover), var(--color-button-light-hover));--text-color: light-dark(var(--color-button-light), var(--color-button-dark-hover))}.button.outline{--border-width: 1px;--background-color: transparent;--text-color: light-dark(var(--color-button-dark), var(--color-button-light))}.button.outline:not(.disabled).hover,.button.outline:not(.disabled):hover{--text-color: light-dark(var(--color-button-dark-hover), var(--color-button-light-hover));--border-width: 2px}.button.transparent{--border-width: 1px;--border-color: transparent;--background-color: light-dark(var(--color-button-transparent-dark), var(--color-button-transparent-light));--text-color: light-dark(var(--color-button-transparent-dark-text), var(--color-button-transparent-light-text))}.button.transparent:not(.disabled).hover,.button.transparent:not(.disabled):hover{--border-width: 2px;--background-color: light-dark(var(--color-button-transparent-dark-hover), var(--color-button-transparent-light-hover));--border-color: light-dark(var(--color-button-transparent-dark-stroke), var(--color-button-transparent-light-stroke))}.button.text{--background-color: transparent;--text-color: light-dark(var(--color-button-dark), var(--color-button-light))}.button.text:not(.disabled).hover,.button.text:not(.disabled):hover{--text-color: light-dark(var(--color-button-dark-hover), var(--color-button-light-hover))}.button.solid.blue{--background-color: var(--color-button-blue);--text-color: var(--color-button-light)}.button.solid.blue:not(.disabled).hover,.button.solid.blue:not(.disabled):hover{--background-color: var(--color-button-blue-hover);--text-color: var(--color-button-light)}.button.outline.blue{--text-color: light-dark(var(--color-button-blue), var(--color-button-light))}.button.outline.blue:not(.disabled).hover,.button.outline.blue:not(.disabled):hover{--text-color: light-dark(var(--color-button-blue-hover), var(--color-button-light-hover))}.button.transparent.blue{--background-color: var(--color-button-transparent-blue);--text-color: var(--color-button-transparent-blue-text);--border-color: transparent;--border-width: 0px}.button.transparent.blue:not(.disabled).hover,.button.transparent.blue:not(.disabled):hover{--border-width: 0px;--background-color: var(--color-button-transparent-blue-hover);--text-color: var(--color-button-light)}.button.text.blue{--text-color: light-dark(var(--color-button-blue), var(--color-button-light))}.button.text.blue:not(.disabled).hover,.button.text.blue:not(.disabled):hover{--text-color: light-dark(var(--color-button-blue-hover), var(--color-button-light-hover))}