.wynd-shop-kit { --dialog-animation-delay: 2s; --dialog-animation-duration: 1s; --dialog-backdrop-background-color: var(--color-black, #000000); --dialog-background-color: var(--color-page-bg, #ffffff); --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, #000000); --dialog-button-accept-all-text-color-hover: var(--color-primary-contrast, var(--color-primary-text), #000000); --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, #000000); --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, #000000); --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, #000000); --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, #000000); --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, #000000); --dialog-button-selection-text-color-hover: var(--color-primary-dark); --dialog-checkbox-background-color-active: var(--color-primary-main); --dialog-checkbox-background-color-disabled: var(--color-gray-300, #e7e8e9); --dialog-checkbox-background-color-inactive: var(--color-input-bg); --dialog-checkbox-border-color-active: var(--color-primary-main); --dialog-checkbox-border-color-disabled: var(--color-gray-300, #e7e8e9); --dialog-checkbox-border-color-inactive: var(--color-input-border); --dialog-checkbox-check-mark-color-active: var(--color-primary-text); --dialog-checkbox-check-mark-color-disabled: var(--color-gray-600, #b8bcbe); --dialog-card-background-color: var(--color-gray-100, #f8f9fa); --dialog-card-control-element-color: var(--color-text, #000000); --dialog-card-control-element-color-hover: var(--color-text, #000000); --dialog-card-separator-color: var(--color-divider, #cccfd1); --dialog-card-text-color: var(--color-text, #000000); --dialog-control-element-color: var(--color-text, #000000); --dialog-control-element-color-hover: var(--color-primary-dark); --dialog-footer-background-color: var(--color-gray-100, #f8f9fa); --dialog-footer-text-color: var(--color-text-secondary, #000000); --dialog-link-primary-color: var(--color-text, #000000); --dialog-link-primary-color-hover: var(--color-primary-dark); --dialog-link-secondary-color: var(--color-text-secondary, #000000); --dialog-link-secondary-color-hover: var(--color-primary-dark); --dialog-list-item-background-color-even: var(--color-page-bg, #ffffff); --dialog-list-item-background-color-odd: var(--color-page-bg, #ffffff); --dialog-list-item-text-color-even: var(--color-text-secondary, #000000); --dialog-list-item-text-color-odd: var(--color-text-secondary, #000000); --dialog-list-item-control-element-color: var(--color-text, #000000); --dialog-list-item-control-element-color-hover: var(--color-text, #000000); --dialog-list-item-control-element-separator-color: var(--color-divider, #cccfd1); --dialog-list-item-separator-color: var(--color-divider, #cccfd1); --dialog-search-bar-input-background-color: var(--color-input-bg, #ffffff); --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, #000000); --dialog-separator-color: var(--color-divider, #cccfd1); --dialog-switch-button-background-color-active: var(--color-primary-main); --dialog-switch-button-background-color-inactive: var(--color-gray-200, #eff0f1); --dialog-switch-button-color-active: var(--color-white, #ffffff); --dialog-switch-button-color-inactive: var(--color-white, #ffffff); --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, #000000); --dialog-tab-bar-tab-text-color-inactive: var(--color-text-secondary, #000000); --dialog-table-row-background-color-even: var(--color-page-bg, #ffffff); --dialog-table-row-background-color-odd: var(--color-page-bg, #ffffff); --dialog-table-row-text-color-even: var(--color-text, #000000); --dialog-table-row-text-color-odd: var(--color-text, #000000); --dialog-table-row-border-color: var(--color-divider, #cccfd1); --dialog-text-color: var(--color-text, #000000); --dialog-font-family: inherit; --dialog-border-radius-bottom-left: calc(var(--border-radius-button, 6px) * 2); --dialog-border-radius-bottom-right: calc(var(--border-radius-button, 6px) * 2); --dialog-border-radius-top-left: calc(var(--border-radius-button, 6px) * 2); --dialog-border-radius-top-right: calc(var(--border-radius-button, 6px) * 2); --dialog-button-border-radius-bottom-left: var(--border-radius-button, 6px); --dialog-button-border-radius-bottom-right: var(--border-radius-button, 6px); --dialog-button-border-radius-top-left: var(--border-radius-button, 6px); --dialog-button-border-radius-top-right: var(--border-radius-button, 6px); --dialog-card-border-radius-bottom-left: var(--border-radius-button, 6px); --dialog-card-border-radius-bottom-right: var(--border-radius-button, 6px); --dialog-card-border-radius-top-left: var(--border-radius-button, 6px); --dialog-card-border-radius-top-right: var(--border-radius-button, 6px); --dialog-card-list-padding-medium-screen-bottom: var(--padding-content-x-md, 32px); --dialog-card-list-padding-medium-screen-left: var(--padding-content-x-md, 32px); --dialog-card-list-padding-medium-screen-right: var(--padding-content-x-md, 32px); --dialog-card-list-padding-medium-screen-top: var(--padding-content-x-md, 32px); --dialog-card-list-padding-small-screen-bottom: var(--padding-content-x-sm, 16px); --dialog-card-list-padding-small-screen-left: var(--padding-content-x-sm, 16px); --dialog-card-list-padding-small-screen-right: var(--padding-content-x-sm, 16px); --dialog-card-list-padding-small-screen-top: var(--padding-content-x-sm, 16px); --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, 6px); --dialog-list-border-radius-bottom-right: var(--border-radius-button, 6px); --dialog-list-border-radius-top-left: var(--border-radius-button, 6px); --dialog-list-border-radius-top-right: var(--border-radius-button, 6px); --dialog-list-item-separator-width: 1px; --dialog-list-padding-medium-screen-bottom: calc(var(--padding-content-x-md, 32px) / 2); --dialog-list-padding-medium-screen-left: calc(var(--padding-content-x-md, 32px) / 2); --dialog-list-padding-medium-screen-right: calc(var(--padding-content-x-md, 32px) / 2); --dialog-list-padding-medium-screen-top: calc(var(--padding-content-x-md, 32px) / 2); --dialog-list-padding-small-screen-bottom: calc(var(--padding-content-x-sm) / 2); --dialog-list-padding-small-screen-left: calc(var(--padding-content-x-sm) / 2); --dialog-list-padding-small-screen-right: calc(var(--padding-content-x-sm) / 2); --dialog-list-padding-small-screen-top: calc(var(--padding-content-x-sm) / 2); --dialog-search-bar-input-border-radius-bottom-left: calc(var(--border-radius-button, 6px) * 2); --dialog-search-bar-input-border-radius-bottom-right: calc(var(--border-radius-button, 6px) * 2); --dialog-search-bar-input-border-radius-top-left: calc(var(--border-radius-button, 6px) * 2); --dialog-search-bar-input-border-radius-top-right: calc(var(--border-radius-button, 6px) * 2); --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, 6px); --dialog-tab-bar-tab-border-radius-top-right-active: var(--border-radius-button, 6px); --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, 6px); --dialog-tab-bar-tab-border-radius-top-right-inactive: var(--border-radius-button, 6px); --dialog-table-border-radius-bottom-left: var(--border-radius-button, 6px); --dialog-table-border-radius-bottom-right: var(--border-radius-button, 6px); --dialog-table-border-radius-top-left: var(--border-radius-button, 6px); --dialog-table-border-radius-top-right: var(--border-radius-button, 6px); --dialog-table-cell-padding-bottom: var(--spacing-sm, 12px); --dialog-table-cell-padding-left: var(--spacing-sm, 12px); --dialog-table-cell-padding-right: var(--spacing-sm, 12px); --dialog-table-cell-padding-top: var(--spacing-sm, 12px); --dialog-backdrop-background-opacity: 0.8; } /* individual settings header */ .wynd-shop-kit #BorlabsCookieBox .brlbs-cmpnt-dialog-details-header { gap: 8px; justify-content: space-between; } .wynd-shop-kit #BorlabsCookieBox .brlbs-cmpnt-dialog-details-header > div { flex-basis: 100%; gap: 24px; justify-content: flex-start; } @media (min-width: 768px) { .wynd-shop-kit #BorlabsCookieBox .brlbs-cmpnt-dialog-details-header > div { flex-basis: 25%; justify-content: flex-end; } } /* left align main heading on mobile, center on tablet and above */ @media (min-width: 768px) { .wynd-shop-kit #BorlabsCookieBox .brlbs-cmpnt-dialog-details-header > div:nth-child(2) { flex-basis: 25%; justify-content: center; margin: 0; order: unset; } } /* text links */ .wynd-shop-kit #BorlabsCookieBox .brlbs-cmpnt-dialog-entrance-description a { font-weight: 400; line-height: inherit; text-decoration: underline; } .wynd-shop-kit #BorlabsCookieBox .brlbs-cmpnt-dialog-entrance-description a:hover, .wynd-shop-kit #BorlabsCookieBox .brlbs-cmpnt-card .brlbs-cmpnt-accordion-toggle:hover, .wynd-shop-kit #BorlabsCookieBox .brlbs-cmpnt-list-item .brlbs-cmpnt-accordion-toggle:hover, .wynd-shop-kit #BorlabsCookieBox .brlbs-cmpnt-inline-link :hover, .wynd-shop-kit #BorlabsCookieBox .brlbs-cmpnt-inline-link:hover { font-family: var(--font-family-body); font-size: calc(var(--dialog-font-size) * 0.875); font-weight: var(--font-weight-body-small); } .wynd-shop-kit #BorlabsCookieBox .brlbs-cmpnt-dialog-entrance-description a:hover, .wynd-shop-kit #BorlabsCookieBox .brlbs-cmpnt-inline-link :hover, .wynd-shop-kit #BorlabsCookieBox .brlbs-cmpnt-inline-link:hover { text-decoration: underline; } /* buttons */ .wynd-shop-kit #BorlabsCookieBox .brlbs-cmpnt-link:focus, .wynd-shop-kit #BorlabsCookieBox button:focus { box-shadow: none; } /* card links */ .wynd-shop-kit #BorlabsCookieBox .brlbs-cmpnt-inline-link, .wynd-shop-kit #BorlabsCookieBox .brlbs-cmpnt-inline-link * { color: var(--dialog-card-text-color); font-size: 12px !important; font-weight: 400 !important; line-height: 20px !important; transition: var(--transition-default) all; } /* tabs */ .wynd-shop-kit #BorlabsCookieBox .brlbs-cmpnt-card .brlbs-cmpnt-accordion-toggle *, .wynd-shop-kit #BorlabsCookieBox .brlbs-cmpnt-card .brlbs-cmpnt-accordion-toggle, .wynd-shop-kit #BorlabsCookieBox .brlbs-cmpnt-list-item .brlbs-cmpnt-accordion-toggle *, .wynd-shop-kit #BorlabsCookieBox .brlbs-cmpnt-list-item .brlbs-cmpnt-accordion-toggle, .wynd-shop-kit #BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-active, .wynd-shop-kit #BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive { outline: none; transition: var(--transition-default) all; } .wynd-shop-kit #BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:hover { background-color: rgb(from var(--color-primary-main) r g b / 10%); } .wynd-shop-kit #BorlabsCookieBox .brlbs-cmpnt-accordion-toggle { line-height: 12px; } /* search bar */ .wynd-shop-kit #BorlabsCookieBox .brlbs-cmpnt-search-bar-input { transition: var(--transition-default) all; } /* checkbox */ .wynd-shop-kit #BorlabsCookieBox input[type='checkbox'].brlbs-cmpnt-checkbox, .wynd-shop-kit #BorlabsCookieBox input[type='checkbox'].brlbs-cmpnt-checkbox:focus, .wynd-shop-kit #BorlabsCookieBox input[type='checkbox'].brlbs-cmpnt-checkbox:hover { border-radius: var(--border-radius-checkbox) !important; border-width: 1px !important; box-shadow: none !important; } .wynd-shop-kit #BorlabsCookieBox .brlbs-cmpnt-card-group-form-control .sm\:brlbs-text-base, .wynd-shop-kit #BorlabsCookieBox .brlbs-cmpnt-consent-list-item:has(.brlbs-cmpnt-checkbox) label.brlbs-cmpnt-label { line-height: var(--dialog-font-size); } /* switch */ .wynd-shop-kit #BorlabsCookieBox .brlbs-cmpnt-btn-switch-status-text { width: 30px; }