/* 
Theme Name: wynd shop
Theme URI: https://github.com/wynd-de/wynd-shop-theme/
Description: wynd shop is a theme based on the Hello Elementor theme, optimized for WooCommerce. It focuses on performance, accessibility and an optimized user experience for online shops.
Author: wynd - Nicky GmbH
Author URI: https://wynd.de/
Version: 1.0.0
Text Domain: wynd-shop
License: Proprietary - Company Use Only
License URI: https://github.com/wynd-de/wynd-shop-theme/LICENSE.md
*/

/* 
**************
* variables that can be overwritten in the child theme by copying the variable
**************
*/
.wynd-shop-kit {
    /* base */
    --color-white: var(--e-global-color-dbadb72, #ffffff);
    --color-black: var(--e-global-color-a3587e6, #000000);
    /* gray */
    --color-gray-50: var(--e-global-color-4d9ab97, #f9f9f9);
    --color-gray-100: var(--e-global-color-4527c5f, #f2f2f2);
    --color-gray-200: var(--e-global-color-55a77be, #e9e9e9);
    --color-gray-300: var(--e-global-color-2f8fce7, #d9d9d9);
    --color-gray-400: var(--e-global-color-3afd5a8, #b6b6b6);
    --color-gray-500: var(--e-global-color-8fe80d3, #969696);
    --color-gray-600: var(--e-global-color-e9a78ab, #6d6d6d);
    --color-gray-700: var(--e-global-color-d5a3f56, #5a5a5a);
    --color-gray-800: var(--e-global-color-8b65a36, #3b3b3b);
    --color-gray-900: var(--e-global-color-6b02dc6, #1b1b1b);
    /* primary */
    --color-primary-main: var(--e-global-color-primary, #5a5a5a);
    --color-primary-light: var(--e-global-color-accent, #969696);
    --color-primary-dark: var(--e-global-color-secondary, #3b3b3b);
    --color-primary-text: var(--e-global-color-b5fe72f, #000000);
    /* secondary */
    --color-secondary-main: var(--e-global-color-eb42a53, #d9d9d9);
    --color-secondary-light: var(--e-global-color-33fc217, #f2f2f2);
    --color-secondary-dark: var(--e-global-color-be4156c, #b6b6b6);
    --color-secondary-text: var(--e-global-color-718ffff, #000000);
    /* text */
    --color-text: var(--e-global-color-text, #000000);
    --color-text-secondary: var(--e-global-color-60df2f7, #6d6d6d);
    --color-text-contrast: var(--e-global-color-126b5cf, #ffffff);
    /* utility */
    --color-error-main: var(--e-global-color-cb6c233, #f4a4a4);
    --color-error-light: var(--e-global-color-3e22da6, #fff0f0);
    --color-error-dark: var(--e-global-color-b17b758, #cc1818);
    --color-info-main: var(--e-global-color-4489ace, #dedede);
    --color-info-light: var(--e-global-color-05feed6, #f2f2f2);
    --color-info-dark: var(--e-global-color-135b593, #3b3b3b);
    --color-success-main: var(--e-global-color-8fe2f80, #c3f7ba);
    --color-success-light: var(--e-global-color-97e2bbb, #e1fcdc);
    --color-success-dark: var(--e-global-color-016aee9, #16833e);
    /* badges */
    --color-badge-bestseller-background: var(--e-global-color-032324a, #a4cf7c);
    --color-badge-bestseller-text: var(--e-global-color-98f0b3a, #000000);
    --color-badge-new-background: var(--e-global-color-859c1c3, #faa518);
    --color-badge-new-text: var(--e-global-color-3b299e4, #000000);
    --color-badge-out-of-stock-background: var(--e-global-color-18d15d2, #e9e9e9);
    --color-badge-out-of-stock-text: var(--e-global-color-4805cba, #000000);
    --color-badge-sale-background: var(--e-global-color-0ce75ed, #e11d48);
    --color-badge-sale-text: var(--e-global-color-83b4386, #ffffff);
    /* text */
    --font-family-default: var(
        --e-global-typography-text-font-family,
        -apple-system,
        BlinkMacSystemFont,
        Segoe UI,
        Roboto,
        Helvetica Neue,
        Arial,
        Noto Sans,
        sans-serif,
        Apple Color Emoji,
        Segoe UI Emoji,
        Segoe UI Symbol,
        Noto Color Emoji
    );
    /* body */
    --font-family-body: var(--e-global-typography-text-font-family), sans-serif;
    --font-size-body: var(--e-global-typography-text-font-size, 16px);
    --font-style-body: var(--e-global-typography-text-font-style, normal);
    --font-weight-body: var(--e-global-typography-text-font-weight, 400);
    --letter-spacing-body: var(--e-global-typography-text-letter-spacing, normal);
    --line-height-body: var(--e-global-typography-text-line-height, 24px);
    --text-decoration-body: var(--e-global-typography-text-text-decoration, none);
    --text-transform-body: var(--e-global-typography-text-text-transform, none);
    --word-spacing-body: var(--e-global-typography-text-word-spacing, normal);
    /* body bold */
    --font-family-body-bold: var(--e-global-typography-ffce384-font-family, var(--font-family-default)), sans-serif;
    --font-size-body-bold: var(--e-global-typography-ffce384-font-size, 16px);
    --font-style-body-bold: var(--e-global-typography-ffce384-font-style, normal);
    --font-weight-body-bold: var(--e-global-typography-ffce384-font-weight, 700);
    --letter-spacing-body-bold: var(--e-global-typography-ffce384-letter-spacing, normal);
    --line-height-body-bold: var(--e-global-typography-ffce384-line-height, 24px);
    --text-decoration-body-bold: var(--e-global-typography-ffce384-text-decoration, none);
    --text-transform-body-bold: var(--e-global-typography-ffce384-text-transform, none);
    --word-spacing-body-bold: var(--e-global-typography-ffce384-word-spacing, normal);
    /* body small*/
    --font-family-body-small: var(--e-global-typography-secondary-font-family, var(--font-family-default)), sans-serif;
    --font-size-body-small: var(--e-global-typography-secondary-font-size, 14px);
    --font-style-body-small: var(--e-global-typography-secondary-font-style, normal);
    --font-weight-body-small: var(--e-global-typography-secondary-font-weight, 400);
    --letter-spacing-body-small: var(--e-global-typography-secondary-letter-spacing, normal);
    --line-height-body-small: var(--e-global-typography-secondary-line-height, 22px);
    --text-decoration-body-small: var(--e-global-typography-secondary-text-decoration, none);
    --text-transform-body-small: var(--e-global-typography-secondary-text-transform, none);
    --word-spacing-body-small: var(--e-global-typography-secondary-word-spacing, normal);
    /* button */
    --font-family-button: var(--e-global-typography-accent-font-family, var(--font-family-default)), sans-serif;
    --font-size-button: var(--e-global-typography-accent-font-size, 16px);
    --font-style-button: var(--e-global-typography-accent-font-style, normal);
    --font-weight-button: var(--e-global-typography-accent-font-weight, 500);
    --letter-spacing-button: var(--e-global-typography-accent-letter-spacing, normal);
    --line-height-button: var(--e-global-typography-accent-line-height, 20px);
    --text-decoration-button: var(--e-global-typography-accent-text-decoration, none);
    --text-transform-button: var(--e-global-typography-accent-text-transform, none);
    --word-spacing-button: var(--e-global-typography-accent-word-spacing, normal);
    /* badge */
    --font-family-badge: var(--e-global-typography-47138fa-font-family, var(--font-family-default)), sans-serif;
    --font-size-badge: var(--e-global-typography-47138fa-font-size, 14px);
    --font-style-badge: var(--e-global-typography-47138fa-font-style, normal);
    --font-weight-badge: var(--e-global-typography-47138fa-font-weight, 600);
    --letter-spacing-badge: var(--e-global-typography-47138fa-letter-spacing, normal);
    --line-height-badge: var(--e-global-typography-47138fa-line-height, 14px);
    --text-decoration-badge: var(--e-global-typography-47138fa-text-decoration, none);
    --text-transform-badge: var(--e-global-typography-47138fa-text-transform, none);
    --word-spacing-badge: var(--e-global-typography-47138fa-word-spacing, normal);
    /* label */
    --font-family-label: var(--e-global-typography-db098cb-font-family, var(--font-family-default)), sans-serif;
    --font-size-label: var(--e-global-typography-db098cb-font-size, 16px);
    --font-style-label: var(--e-global-typography-db098cb-font-style, normal);
    --font-weight-label: var(--e-global-typography-db098cb-font-weight, 500);
    --letter-spacing-label: var(--e-global-typography-db098cb-letter-spacing, normal);
    --line-height-label: var(--e-global-typography-db098cb-line-height, 1);
    --text-decoration-label: var(--e-global-typography-db098cb-text-decoration, none);
    --text-transform-label: var(--e-global-typography-db098cb-text-transform, none);
    --word-spacing-label: var(--e-global-typography-db098cb-word-spacing, normal);
    /* h1 */
    --font-family-h1: var(--e-global-typography-a694a53-font-family, var(--font-family-default)), sans-serif;
    --font-size-h1: var(--e-global-typography-a694a53-font-size, 40px);
    --font-style-h1: var(--e-global-typography-a694a53-font-style, normal);
    --font-weight-h1: var(--e-global-typography-a694a53-font-weight, 700);
    --letter-spacing-h1: var(--e-global-typography-a694a53-letter-spacing, normal);
    --line-height-h1: var(--e-global-typography-a694a53-line-height, 48px);
    --text-decoration-h1: var(--e-global-typography-a694a53-text-decoration, none);
    --text-transform-h1: var(--e-global-typography-a694a53-text-transform, none);
    --word-spacing-h1: var(--e-global-typography-a694a53-word-spacing, normal);
    /* h2 */
    --font-family-h2: var(--e-global-typography-5c95f19-font-family, var(--font-family-default)), sans-serif;
    --font-size-h2: var(--e-global-typography-5c95f19-font-size, 32px);
    --font-style-h2: var(--e-global-typography-5c95f19-font-style, normal);
    --font-weight-h2: var(--e-global-typography-5c95f19-font-weight, 700);
    --letter-spacing-h2: var(--e-global-typography-5c95f19-letter-spacing, normal);
    --line-height-h2: var(--e-global-typography-5c95f19-line-height, 40px);
    --text-decoration-h2: var(--e-global-typography-5c95f19-text-decoration, none);
    --text-transform-h2: var(--e-global-typography-5c95f19-text-transform, none);
    --word-spacing-h2: var(--e-global-typography-5c95f19-word-spacing, normal);
    /* h3 */
    --font-family-h3: var(--e-global-typography-fe7eae0-font-family, var(--font-family-default)), sans-serif;
    --font-size-h3: var(--e-global-typography-fe7eae0-font-size, 28px);
    --font-style-h3: var(--e-global-typography-fe7eae0-font-style, normal);
    --font-weight-h3: var(--e-global-typography-fe7eae0-font-weight, 700);
    --letter-spacing-h3: var(--e-global-typography-fe7eae0-letter-spacing, normal);
    --line-height-h3: var(--e-global-typography-fe7eae0-line-height, 36px);
    --text-decoration-h3: var(--e-global-typography-fe7eae0-text-decoration, none);
    --text-transform-h3: var(--e-global-typography-fe7eae0-text-transform, none);
    --word-spacing-h3: var(--e-global-typography-fe7eae0-word-spacing, normal);
    /* h4 */
    --font-family-h4: var(--e-global-typography-58aa13f-font-family, var(--font-family-default)), sans-serif;
    --font-size-h4: var(--e-global-typography-58aa13f-font-size, 24px);
    --font-style-h4: var(--e-global-typography-58aa13f-font-style, normal);
    --font-weight-h4: var(--e-global-typography-58aa13f-font-weight, 700);
    --letter-spacing-h4: var(--e-global-typography-58aa13f-letter-spacing, normal);
    --line-height-h4: var(--e-global-typography-58aa13f-line-height, 32px);
    --text-decoration-h4: var(--e-global-typography-58aa13f-text-decoration, none);
    --text-transform-h4: var(--e-global-typography-58aa13f-text-transform, none);
    --word-spacing-h4: var(--e-global-typography-58aa13f-word-spacing, normal);
    /* h5 */
    --font-family-h5: var(--e-global-typography-95dc566-font-family, var(--font-family-default)), sans-serif;
    --font-size-h5: var(--e-global-typography-95dc566-font-size, 20px);
    --font-style-h5: var(--e-global-typography-95dc566-font-style, normal);
    --font-weight-h5: var(--e-global-typography-95dc566-font-weight, 700);
    --letter-spacing-h5: var(--e-global-typography-95dc566-letter-spacing, normal);
    --line-height-h5: var(--e-global-typography-95dc566-line-height, 28px);
    --text-decoration-h5: var(--e-global-typography-95dc566-text-decoration, none);
    --text-transform-h5: var(--e-global-typography-95dc566-text-transform, none);
    --word-spacing-h5: var(--e-global-typography-95dc566-word-spacing, normal);
    /* h6 */
    --font-family-h6: var(--e-global-typography-54170f3-font-family, var(--font-family-default)), sans-serif;
    --font-size-h6: var(--e-global-typography-54170f3-font-size, 18px);
    --font-style-h6: var(--e-global-typography-54170f3-font-style, normal);
    --font-weight-h6: var(--e-global-typography-54170f3-font-weight, 700);
    --letter-spacing-h6: var(--e-global-typography-54170f3-letter-spacing, normal);
    --line-height-h6: var(--e-global-typography-54170f3-line-height, 26px);
    --text-decoration-h6: var(--e-global-typography-54170f3-text-decoration, none);
    --text-transform-h6: var(--e-global-typography-54170f3-text-transform, none);
    --word-spacing-h6: var(--e-global-typography-54170f3-word-spacing, normal);

    /* sizing and spacing */
    --width-content: 1280px;
    --padding-content-md: 32px;
    --padding-content-xs: 16px;
    --height-navbar-facts: 30px;
    --height-navbar-mobile: 48px;
    --transition-default: 0.3s ease-in-out;

    /* page */
    --color-page-background: var(--color-white);

    /* border radius */
    --border-radius-xs: 2px;
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --border-radius-lg: 16px;

    /* button */
    --border-radius-button: 6px;
    --min-height-button: 44px;
    --min-height-button-xs: 36px;
    --padding-button-x: 32px;
    --padding-button-y: 12px;
    --padding-button-x-sm: 32px;
    --padding-button-y-sm: 8px;

    /* checkbox and radio button */
    --border-radius-checkbox: 2px;
    --border-width-checkbox: 1px;
    --color-checkbox-checked-background: var(--color-primary-main);
    --color-checkbox-checked-border: var(--color-primary-main);
    --color-checkbox-checkmark: var(--color-primary-text);
    --color-checkbox-disabled-checkmark: var(--color-gray-500);
    --color-checkbox-disabled-background: var(--color-gray-300);
    --color-checkbox-disabled-border: var(--color-gray-300);
    --color-checkbox-unchecked-background: var(--color-page-background);
    --color-checkbox-unchecked-border: var(--color-gray-200);
    --size-checkbox: 20px;
    --size-radio-button: 18px;
    --spacing-checkbox: 8px;

    /* chip */
    --color-chip-background: var(--color-gray-300);
    --color-chip-text: var(--color-gray-800);

    /* badge */
    --border-radius-badge: 4px;
    --border-radius-badge-small: 100px;
    --padding-badge-x: 6px;
    --padding-badge-y: 4px;
    --padding-badge-small-x: 8px;
    --padding-badge-small-y: 4px;

    /* divider */
    --color-divider: var(--color-gray-200);

    /* input */
    --border-radius-input: 4px;
    --color-input-background: var(--color-white);
    --color-input-border: var(--color-gray-200);
    --padding-input-x: 16px;
    --padding-input-y: 12px;

    /* select */
    --border-width-select-icon: 2px;
    --size-select-icon: 10px;

    /* woocommerce */
    --aspect-ratio-product: 2/3;
    --border-width-checkout-product-image: 1px;
    --color-checkout-main-background: var(--color-gray-50);
    --color-checkout-quantity-background: var(--color-gray-700);
    --color-checkout-quantity-text: var(--color-white);
    --color-product-image-background: var(--color-gray-100);
    --gap-checkout-columns: calc(calc(var(--width-checkout-main) - var(--width-checkout-summary)) / 2);
    --height-navbar-secondary-mobile: 57px;
    --height-navbar-checkout-desktop: 65px;
    --height-navbar-checkout-mobile: 45px;
    --height-navbar-stacked-mobile: 61px;
    --size-checkout-product-image: 64px;
    --width-checkout-main: 760px;
    --width-checkout-summary: 520px;

    /* borlabs cookie */
    --dialog-animation-delay: 2s;
    --dialog-animation-duration: 1s;
    --dialog-backdrop-background-color: var(--color-black);
    --dialog-background-color: var(--color-white);
    --dialog-button-accept-all-color: var(--color-primary-main);
    --dialog-button-accept-all-color-hover: var(--color-primary-dark);
    --dialog-button-accept-all-text-color: var(--color-primary-text);
    --dialog-button-accept-all-text-color-hover: var(--color-primary-text);
    --dialog-button-accept-only-essential-color: transparent;
    --dialog-button-accept-only-essential-color-hover: transparent;
    --dialog-button-accept-only-essential-text-color: var(--color-text);
    --dialog-button-accept-only-essential-text-color-hover: var(--color-primary-dark);
    --dialog-button-close-color: transparent;
    --dialog-button-close-color-hover: transparent;
    --dialog-button-close-text-color: var(--color-text);
    --dialog-button-close-text-color-hover: var(--color-primary-dark);
    --dialog-button-preferences-color: transparent;
    --dialog-button-preferences-color-hover: transparent;
    --dialog-button-preferences-text-color: var(--color-text);
    --dialog-button-preferences-text-color-hover: var(--color-primary-dark);
    --dialog-button-save-consent-color: transparent;
    --dialog-button-save-consent-color-hover: transparent;
    --dialog-button-save-consent-text-color: var(--color-text);
    --dialog-button-save-consent-text-color-hover: var(--color-primary-dark);
    --dialog-button-selection-color: transparent;
    --dialog-button-selection-color-hover: transparent;
    --dialog-button-selection-text-color: var(--color-text);
    --dialog-button-selection-text-color-hover: var(--color-primary-dark);
    --dialog-checkbox-background-color-active: var(--color-checkbox-checked-background);
    --dialog-checkbox-background-color-disabled: var(--color-checkbox-disabled-background);
    --dialog-checkbox-background-color-inactive: var(--color-checkbox-unchecked-background);
    --dialog-checkbox-border-color-active: var(--color-checkbox-checked-border);
    --dialog-checkbox-border-color-disabled: var(--color-checkbox-disabled-border);
    --dialog-checkbox-border-color-inactive: var(--color-gray-300);
    --dialog-checkbox-check-mark-color-active: var(--color-checkbox-checkmark);
    --dialog-checkbox-check-mark-color-disabled: var(--color-checkbox-disabled-checkmark);
    --dialog-card-background-color: var(--color-gray-50);
    --dialog-card-control-element-color: var(--color-text);
    --dialog-card-control-element-color-hover: var(--color-text);
    --dialog-card-separator-color: var(--color-divider);
    --dialog-card-text-color: var(--color-text);
    --dialog-control-element-color: var(--color-text);
    --dialog-control-element-color-hover: var(--color-primary-dark);
    --dialog-footer-background-color: var(--color-gray-100);
    --dialog-footer-text-color: var(--color-text-secondary);
    --dialog-link-primary-color: var(--color-text);
    --dialog-link-primary-color-hover: var(--color-primary-dark);
    --dialog-link-secondary-color: var(--color-text-secondary);
    --dialog-link-secondary-color-hover: var(--color-primary-dark);
    --dialog-list-item-background-color-even: var(--color-white);
    --dialog-list-item-background-color-odd: var(--color-white);
    --dialog-list-item-text-color-even: var(--color-text-secondary);
    --dialog-list-item-text-color-odd: var(--color-text-secondary);
    --dialog-list-item-control-element-color: var(--color-text);
    --dialog-list-item-control-element-color-hover: var(--color-text);
    --dialog-list-item-control-element-separator-color: var(--color-divider);
    --dialog-list-item-separator-color: var(--color-divider);
    --dialog-search-bar-input-background-color: var(--color-input-background);
    --dialog-search-bar-input-border-color-default: var(--color-input-border);
    --dialog-search-bar-input-border-color-focus: var(--color-primary-main);
    --dialog-search-bar-input-text-color: var(--color-text-secondary);
    --dialog-separator-color: var(--color-divider);
    --dialog-switch-button-background-color-active: var(--color-primary-main);
    --dialog-switch-button-background-color-inactive: var(--color-gray-200);
    --dialog-switch-button-color-active: var(--color-white);
    --dialog-switch-button-color-inactive: var(--color-white);
    --dialog-tab-bar-tab-background-color-active: var(--color-primary-main);
    --dialog-tab-bar-tab-background-color-inactive: transparent;
    --dialog-tab-bar-tab-border-color-bottom-active: var(--color-primary-main);
    --dialog-tab-bar-tab-border-color-bottom-inactive: var(--color-primary-main);
    --dialog-tab-bar-tab-border-color-left-active: transparent;
    --dialog-tab-bar-tab-border-color-left-inactive: transparent;
    --dialog-tab-bar-tab-border-color-right-active: transparent;
    --dialog-tab-bar-tab-border-color-right-inactive: transparent;
    --dialog-tab-bar-tab-border-color-top-active: transparent;
    --dialog-tab-bar-tab-border-color-top-inactive: transparent;
    --dialog-tab-bar-tab-text-color-active: var(--color-primary-text);
    --dialog-tab-bar-tab-text-color-inactive: var(--color-text-secondary);
    --dialog-table-row-background-color-even: var(--color-white);
    --dialog-table-row-background-color-odd: var(--color-white);
    --dialog-table-row-text-color-even: var(--color-text);
    --dialog-table-row-text-color-odd: var(--color-text);
    --dialog-table-row-border-color: var(--color-divider);
    --dialog-text-color: var(--color-text);
    --dialog-font-family: inherit;
    --dialog-border-radius-bottom-left: calc(var(--border-radius-button) * 2);
    --dialog-border-radius-bottom-right: calc(var(--border-radius-button) * 2);
    --dialog-border-radius-top-left: calc(var(--border-radius-button) * 2);
    --dialog-border-radius-top-right: calc(var(--border-radius-button) * 2);
    --dialog-button-border-radius-bottom-left: var(--border-radius-button);
    --dialog-button-border-radius-bottom-right: var(--border-radius-button);
    --dialog-button-border-radius-top-left: var(--border-radius-button);
    --dialog-button-border-radius-top-right: var(--border-radius-button);
    --dialog-card-border-radius-bottom-left: var(--border-radius-button);
    --dialog-card-border-radius-bottom-right: var(--border-radius-button);
    --dialog-card-border-radius-top-left: var(--border-radius-button);
    --dialog-card-border-radius-top-right: var(--border-radius-button);
    --dialog-card-list-padding-medium-screen-bottom: var(--padding-content-md);
    --dialog-card-list-padding-medium-screen-left: var(--padding-content-md);
    --dialog-card-list-padding-medium-screen-right: var(--padding-content-md);
    --dialog-card-list-padding-medium-screen-top: var(--padding-content-md);
    --dialog-card-list-padding-small-screen-bottom: var(--padding-content-xs);
    --dialog-card-list-padding-small-screen-left: var(--padding-content-xs);
    --dialog-card-list-padding-small-screen-right: var(--padding-content-xs);
    --dialog-card-list-padding-small-screen-top: var(--padding-content-xs);
    --dialog-checkbox-border-radius-bottom-left: var(--border-radius-checkbox);
    --dialog-checkbox-border-radius-bottom-right: var(--border-radius-checkbox);
    --dialog-checkbox-border-radius-top-left: var(--border-radius-checkbox);
    --dialog-checkbox-border-radius-top-right: var(--border-radius-checkbox);
    --dialog-font-size: var(--font-size-body-small);
    --dialog-list-border-radius-bottom-left: var(--border-radius-button);
    --dialog-list-border-radius-bottom-right: var(--border-radius-button);
    --dialog-list-border-radius-top-left: var(--border-radius-button);
    --dialog-list-border-radius-top-right: var(--border-radius-button);
    --dialog-list-item-separator-width: 1px;
    --dialog-list-padding-medium-screen-bottom: calc(var(--padding-content-md) / 2);
    --dialog-list-padding-medium-screen-left: calc(var(--padding-content-md) / 2);
    --dialog-list-padding-medium-screen-right: calc(var(--padding-content-md) / 2);
    --dialog-list-padding-medium-screen-top: calc(var(--padding-content-md) / 2);
    --dialog-list-padding-small-screen-bottom: calc(var(--padding-content-sm) / 2);
    --dialog-list-padding-small-screen-left: calc(var(--padding-content-sm) / 2);
    --dialog-list-padding-small-screen-right: calc(var(--padding-content-sm) / 2);
    --dialog-list-padding-small-screen-top: calc(var(--padding-content-sm) / 2);
    --dialog-search-bar-input-border-radius-bottom-left: var(--border-radius-input);
    --dialog-search-bar-input-border-radius-bottom-right: var(--border-radius-input);
    --dialog-search-bar-input-border-radius-top-left: var(--border-radius-input);
    --dialog-search-bar-input-border-radius-top-right: var(--border-radius-input);
    --dialog-search-bar-input-border-width-bottom: 1px;
    --dialog-search-bar-input-border-width-left: 1px;
    --dialog-search-bar-input-border-width-right: 1px;
    --dialog-search-bar-input-border-width-top: 1px;
    --dialog-tab-bar-tab-border-width-bottom-active: 2px;
    --dialog-tab-bar-tab-border-width-left-active: 0;
    --dialog-tab-bar-tab-border-width-right-active: 0;
    --dialog-tab-bar-tab-border-width-top-active: 0;
    --dialog-tab-bar-tab-border-width-bottom-inactive: 2px;
    --dialog-tab-bar-tab-border-width-left-inactive: 0;
    --dialog-tab-bar-tab-border-width-right-inactive: 0;
    --dialog-tab-bar-tab-border-width-top-inactive: 0;
    --dialog-tab-bar-tab-border-radius-bottom-left-active: 0;
    --dialog-tab-bar-tab-border-radius-bottom-right-active: 0;
    --dialog-tab-bar-tab-border-radius-top-left-active: var(--border-radius-button);
    --dialog-tab-bar-tab-border-radius-top-right-active: var(--border-radius-button);
    --dialog-tab-bar-tab-border-radius-bottom-left-inactive: 0;
    --dialog-tab-bar-tab-border-radius-bottom-right-inactive: 0;
    --dialog-tab-bar-tab-border-radius-top-left-inactive: var(--border-radius-button);
    --dialog-tab-bar-tab-border-radius-top-right-inactive: var(--border-radius-button);
    --dialog-table-border-radius-bottom-left: 0;
    --dialog-table-border-radius-bottom-right: 0;
    --dialog-table-border-radius-top-left: 0;
    --dialog-table-border-radius-top-right: 0;
    --dialog-table-cell-padding-bottom: var(--padding-button-y);
    --dialog-table-cell-padding-left: var(--padding-button-y);
    --dialog-table-cell-padding-right: var(--padding-button-y);
    --dialog-table-cell-padding-top: var(--padding-button-y);
    --dialog-backdrop-background-opacity: 0.8;
}