/*************************************************************************** // * Complianz Cookie Solution * // * * // * Sample CSS v2.7.6 * // * * // * (c) 2019 Complianz srl * // * All Rights Reserved. * // * * // ************************************************************************* 2.7.6 - 2025-05-16 ==================== * Update Floating Preferences button data-tp-icon value 2.7.5 - 2025-02-27 ==================== * Improve accessibility on page zoom 2.7.4 - 2025-02-17 ==================== * Change background color of toggle 2.7.3 - 2024-11-15 ==================== * Change outlineColor 2.7.2 - 2024-04-17 ==================== * Reduce banner margin top 2.7.1 - 2024-01-22 ==================== * Update banner title to H1 2.7.0 - 2023-07-11 ==================== * Automate the generation of this file 2.6.1 - 2023-04-03 ==================== * Fix Compliance branding blocking the elements behind it 2.6.0 - 2023-03-07 ==================== * Adds brand badges 2.5.5 - 2023-01-17 ==================== * Add Continue without accepting button * Update sample with new features 2.5.4 - 2022-06-14 ==================== * Fix buttons group on mobile 2.5.3 - 2022-04-28 ==================== * Make buttons darken on hover 2.5.2 - 2022-04-28 ==================== * Add hover effect to the close button 2.5.1 - 2022-04-04 ==================== * Remove border from close button on hover 2.5.0 - 2022-03-02 ==================== * Prevent banner scroll by removing margin gap on mobile * Improve accessibility 2.4.0 - 2021-05-18 ==================== * Remove visibility from banner animation * Allow banner buttons to be enabled even without Compliance-cs-container * Remove popover style from Compliance-cs-banner.css * Add storage duration popover CSS 2.3.0 - 2020-02-04 ==================== * Add tracking preferences button CSS 2.2.7 - 2020-06-18 ==================== * Fix container breaking on mobile. 2.2.6 - 2020-05-27 ==================== * Hide scroll bar visibility. * Fix brand image height on mobile. 2.2.5 - 2020-05-06 ==================== * Fix IE flex content. * Fix text overflow. 2.2.3 - 2020-04-21 ==================== * Cursor pointer * Button text ellipsis * Equalize shadows top/bottom modal bar 2.2.2 - 2020-04-06 ==================== * Add pointer events auto to the overlay 2.2.1 - 2020-03-06 ==================== * Introduce popover. 2.2.0 - 2019-11-07 ==================== * Introduce brand customizations 2.1.5 - 2019-11-22 ==================== * Add class to go fullscreen. 2.1.4 - 2020-03-25 ==================== * Make the banner shadow darker 2.1.3 - 2020-01-22 ==================== * Fix banner not appearing on iPhone. 2.1.2 - 2019-11-07 ==================== * Fix buttons height on IE. 2.1.1 - 2019-10-30 ==================== * Fix buttons margin and customize-advertising-tracking button width on mobile. 2.1.0 - 2019-10-24 ==================== * Introduce text overflowing mask and style for reject button. 2.0.4 - 2019-06-24 ==================== * Convert close button width to min-width 2.0.3 - 2019-05-24 ==================== * Introduce new positioning options 2.0.2 - 2019-05-02 ==================== * Fix text spaces when custom content 2.0.1 - 2019-04-09 ==================== * Add rules for buttons group 2.0.0 - 2019-02-01 ==================== * Full rewrite to accommodate the new markup 0.0.1 - 2015-04-01 ==================== * First implementation of the sample CSS /* ----------------- IMPORTANT: Changing the following values may prevent the notice from being displayed properly. ----------------- */ #Compliance-cs-banner .cmplc-toggle-checkbox, #Compliance-iframe .cmplc-toggle-checkbox { flex-shrink: 0 !important; display: flex !important; align-items: center !important; margin-left: 24px !important; } #Compliance-cs-banner .cmplc-toggle-checkbox input, #Compliance-iframe .cmplc-toggle-checkbox input { -moz-appearance: none !important; appearance: none !important; -webkit-appearance: none !important; padding: 0 !important; border: 0 !important; margin: 0 !important; } #Compliance-cs-banner .cmplc-toggle-checkbox input::-ms-check, #Compliance-iframe .cmplc-toggle-checkbox input::-ms-check { visibility: hidden; } #Compliance-cs-banner .cmplc-toggle-checkbox input.style1, #Compliance-iframe .cmplc-toggle-checkbox input.style1 { width: 64px !important; height: 32px !important; border-radius: 32px !important; transition: background-position 0.4s ease, background-color 0.4s ease !important; background-color: #555 !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M9 0a9 9 0 1 1 0 18A9 9 0 0 1 9 0zM5.729 5.033a.5.5 0 0 0-.638.058l-.058.07a.5.5 0 0 0 .058.637l3.201 3.201-3.201 3.203a.5.5 0 0 0 .707.707l3.201-3.203 3.203 3.203.07.058a.5.5 0 0 0 .637-.058l.058-.07a.5.5 0 0 0-.058-.637L9.706 8.999l3.203-3.201a.5.5 0 0 0-.707-.707L8.999 8.292 5.798 5.091z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: top 4px left 4px !important; background-size: 24px 24px !important; } #Compliance-cs-banner .cmplc-toggle-checkbox input.style1:checked, #Compliance-iframe .cmplc-toggle-checkbox input.style1:checked { background-color: #1CC691 !important; background-position: top 4px left 36px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M9 0a9 9 0 1 1 0 18A9 9 0 0 1 9 0zm4.646 5.646l-6.198 6.2-3.1-3a.5.5 0 1 0-.696.718l3.454 3.342a.5.5 0 0 0 .701-.006l6.547-6.546a.5.5 0 1 0-.708-.708z'/%3E%3C/svg%3E") !important; } #Compliance-cs-banner .cmplc-toggle-checkbox input.style1:checked.sm, #Compliance-iframe .cmplc-toggle-checkbox input.style1:checked.sm { background-position: top 3px left 27px !important; } #Compliance-cs-banner .cmplc-toggle-checkbox input.style1:checked.half, #Compliance-cs-banner .cmplc-toggle-checkbox input.style1:checked[value=partial], #Compliance-iframe .cmplc-toggle-checkbox input.style1:checked.half, #Compliance-iframe .cmplc-toggle-checkbox input.style1:checked[value=partial] { background-color: #FFD24D !important; background-position: top 4px left 20px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M9 0a9 9 0 1 1 0 18A9 9 0 0 1 9 0zm4 8.5H5a.5.5 0 0 0 0 1h8a.5.5 0 0 0 0-1z'/%3E%3C/svg%3E") !important; } #Compliance-cs-banner .cmplc-toggle-checkbox input.style1:checked.half.sm, #Compliance-cs-banner .cmplc-toggle-checkbox input.style1:checked[value=partial].sm, #Compliance-iframe .cmplc-toggle-checkbox input.style1:checked.half.sm, #Compliance-iframe .cmplc-toggle-checkbox input.style1:checked[value=partial].sm { background-position: top 3px left 15px !important; } #Compliance-cs-banner .cmplc-toggle-checkbox input.style1.sm, #Compliance-iframe .cmplc-toggle-checkbox input.style1.sm { width: 48px !important; height: 24px !important; border-radius: 24px !important; background-size: 18px 18px !important; background-position: top 3px left 3px !important; } #Compliance-cs-banner .cmplc-toggle-checkbox input::-ms-check, #Compliance-iframe .cmplc-toggle-checkbox input::-ms-check { visibility: hidden !important; } #Compliance-cs-banner .cmplc-toggle-checkbox input:not([disabled]), #Compliance-iframe .cmplc-toggle-checkbox input:not([disabled]) { cursor: pointer !important; } #Compliance-cs-banner .cmplc-toggle-checkbox input[disabled], #Compliance-iframe .cmplc-toggle-checkbox input[disabled] { opacity: 0.35; } #Compliance-cs-banner .cmplc-toggle-checkbox .cmplc-caption, #Compliance-iframe .cmplc-toggle-checkbox .cmplc-caption { display: none !important; } #Compliance-cs-banner { font-size: 15px !important; background: none !important; line-height: 1.4 !important; position: fixed !important; z-index: 99999998 !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; display: flex !important; will-change: opacity; opacity: 0 !important; pointer-events: none !important; transition: opacity 0.4s ease !important; } #Compliance-cs-banner [class*=" cmplc"], #Compliance-cs-banner [class^=cmplc], #Compliance-cs-banner .Compliance-banner-content:not(.Compliance-custom-content) * { font-size: 100% !important; width: auto !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background: none !important; box-sizing: border-box !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; font-family: -apple-system, sans-serif !important; text-decoration: none !important; color: currentColor !important; background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0 0 !important; background-repeat: repeat !important; border: 0 !important; border-color: #000 !important; border-color: currentColor !important; border-radius: 0 !important; border-style: none !important; border-width: medium !important; bottom: auto !important; clear: none !important; clip: auto !important; counter-increment: none !important; counter-reset: none !important; direction: inherit !important; float: none !important; font-style: inherit !important; font-variant: normal !important; font-weight: inherit !important; height: auto !important; left: auto !important; letter-spacing: normal; line-height: inherit; list-style-type: inherit !important; list-style-position: outside !important; list-style-image: none !important; margin: 0; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; opacity: 1; overflow: visible !important; padding: 0 !important; position: static !important; quotes: "" "" !important; right: auto !important; table-layout: auto !important; text-align: left !important; text-indent: 0 !important; text-transform: none !important; top: auto !important; unicode-bidi: normal !important; vertical-align: baseline !important; white-space: normal !important; width: auto !important; word-spacing: normal; z-index: auto !important; background-origin: padding-box !important; background-origin: padding-box !important; background-clip: border-box !important; background-size: auto !important; -o-border-image: none !important; border-image: none !important; border-radius: 0 !important; border-radius: 0 !important; box-shadow: none !important; -moz-column-count: auto !important; column-count: auto !important; -moz-column-gap: normal !important; column-gap: normal !important; -moz-column-rule: medium none #000 !important; column-rule: medium none #000 !important; -moz-column-span: none !important; column-span: none !important; -moz-column-width: auto !important; column-width: auto !important; font-feature-settings: normal !important; overflow-x: visible !important; overflow-y: visible !important; -webkit-hyphens: manual !important; hyphens: manual !important; perspective: none !important; perspective-origin: 50% 50% !important; text-shadow: none !important; transition: all 0s ease 0s !important; transform: none !important; transform-origin: 50% 50% !important; transform-style: flat !important; word-break: normal !important; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } #Compliance-cs-banner [class*=" cmplc"] strong, #Compliance-cs-banner [class^=cmplc] strong, #Compliance-cs-banner .Compliance-banner-content:not(.Compliance-custom-content) * strong { font-weight: bold !important; } #Compliance-cs-banner [class*=" cmplc"] .cmplc-sr-only, #Compliance-cs-banner [class^=cmplc] .cmplc-sr-only, #Compliance-cs-banner .Compliance-banner-content:not(.Compliance-custom-content) * .cmplc-sr-only { position: absolute !important; left: -10000px !important; top: auto !important; width: 1px !important; height: 1px !important; overflow: hidden !important; } #Compliance-cs-banner [class*=" cmplc"] .cmplc-sr-only:focus, #Compliance-cs-banner [class^=cmplc] .cmplc-sr-only:focus, #Compliance-cs-banner .Compliance-banner-content:not(.Compliance-custom-content) * .cmplc-sr-only:focus { position: static !important; width: auto !important; height: auto !important; } #Compliance-cs-banner.Compliance-cs-overlay:before { content: "" !important; position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.5) !important; z-index: 1 !important; pointer-events: auto !important; } #Compliance-cs-banner.Compliance-cs-center { align-items: center !important; justify-content: center !important; } #Compliance-cs-banner.Compliance-cs-top { align-items: flex-start !important; } #Compliance-cs-banner.Compliance-cs-bottom { align-items: flex-end !important; } #Compliance-cs-banner.Compliance-cs-left { justify-content: flex-start !important; } #Compliance-cs-banner.Compliance-cs-right { justify-content: flex-end !important; } #Compliance-cs-banner.Compliance-cs-visible { opacity: 1 !important; } #Compliance-cs-banner.Compliance-cs-visible > * { pointer-events: auto !important; } #Compliance-cs-banner.Compliance-cs-slidein .Compliance-cs-container { transition: transform 0.4s ease !important; } #Compliance-cs-banner.Compliance-cs-slidein.Compliance-cs-top .Compliance-cs-container { transform: translateY(-48px) !important; } #Compliance-cs-banner.Compliance-cs-slidein.Compliance-cs-bottom .Compliance-cs-container { transform: translateY(48px) !important; } #Compliance-cs-banner.Compliance-cs-slidein.Compliance-cs-visible .Compliance-cs-container { transform: translateY(0) !important; } #Compliance-cs-banner .Compliance-cs-container { position: relative !important; z-index: 2 !important; } #Compliance-cs-banner .Compliance-cs-container.Compliance-cs-themed { display: flex; flex-direction: column; } #Compliance-cs-banner .Compliance-cs-brand { display: flex !important; padding: 16px !important; flex-shrink: 0 !important; } #Compliance-cs-banner .Compliance-cs-brand > div { display: flex !important; justify-content: flex-start !important; } #Compliance-cs-banner .Compliance-cs-brand img { max-width: 192px !important; max-height: 32px !important; } #Compliance-cs-banner .Compliance-cs-content { position: relative !important; z-index: 1 !important; overflow: hidden !important; transition: transform 0.4s ease !important; background-color: #000000 !important; color: #FFFFFF !important; font-size: 14px !important; display: flex; flex-direction: column; } #Compliance-cs-banner .Compliance-cs-rationale { position: relative !important; display: flex !important; flex-direction: column !important; flex: 1 1 auto; } @media screen and (max-height: 300px) { #Compliance-cs-banner .Compliance-cs-rationale { overflow-y: auto !important; display: block !important; } } #Compliance-cs-banner .Compliance-cs-close-btn { z-index: 1 !important; top: 6px !important; right: 0 !important; margin: 10px !important; min-width: 32px !important; height: 32px !important; padding: 6px !important; font-size: 24px !important; line-height: 0 !important; font-weight: lighter !important; cursor: pointer !important; text-align: center !important; border: 1px solid transparent !important; border-radius: 4px !important; opacity: 0.7 !important; align-self: flex-end !important; } #Compliance-cs-banner .Compliance-cs-close-btn:hover { opacity: 1 !important; } #Compliance-cs-banner .Compliance-banner-content { font-weight: 300 !important; padding: 16px !important; flex: 1 1 auto !important; overflow-y: auto !important; } #Compliance-cs-banner .Compliance-banner-content a, #Compliance-cs-banner .Compliance-banner-content button { cursor: pointer !important; color: currentColor !important; text-decoration: underline !important; } #Compliance-cs-banner .Compliance-banner-content a:hover, #Compliance-cs-banner .Compliance-banner-content button:hover { text-decoration: none !important; } @media (min-width: 640px) { #Compliance-cs-banner .Compliance-banner-content div:nth-child(1) { margin-top: 40px !important; } } #Compliance-cs-banner #Compliance-cs-paragraph.Compliance-cs-no-margin-top { margin-top: 0px !important; } #Compliance-cs-banner #Compliance-cs-paragraph.Compliance-cs-small-margin-top { margin-top: 16px !important; } #Compliance-cs-banner #Compliance-cs-title { margin-bottom: 16px !important; margin-top: 8px !important; font-weight: bold !important; font-size: 14px !important; } #Compliance-cs-banner .Compliance-cs-counter { text-align: center !important; position: relative !important; z-index: 1 !important; display: none; pointer-events: none; flex-shrink: 0; padding: 8px !important; font-size: 13px !important; font-weight: bold !important; } #Compliance-cs-banner .Compliance-cs-cwa-button { font-weight: bold !important; font-size: 13px !important; background: rgba(255, 255, 255, 0.1) !important; color: white !important; padding: 8px 14px !important; flex-shrink: 0; border-radius: 4px !important; text-align: center !important; z-index: 1 !important; margin: 16px !important; margin-bottom: 0 !important; cursor: pointer !important; } #Compliance-cs-banner .Compliance-cs-cwa-button:focus, #Compliance-cs-banner .Compliance-cs-cwa-button:hover { box-shadow: 0 0 0 999px inset rgba(0, 0, 0, 0.1) !important; } @media (max-width: 639px) { #Compliance-cs-banner .Compliance-cs-cwa-button { box-shadow: 0 8px 16px 4px rgba(0, 0, 0, 0.2) !important; } } @media (min-width: 640px) { #Compliance-cs-banner .Compliance-cs-cwa-button { align-self: flex-end; } } #Compliance-cs-banner .Compliance-cs-cwa-button:focus, #Compliance-cs-banner .Compliance-cs-cwa-button:hover { box-shadow: 0 0 0 999px inset rgba(0, 0, 0, 0.1) !important; } @media (max-width: 639px) { #Compliance-cs-banner .Compliance-cs-cwa-button { box-shadow: 0 8px 16px 4px rgba(0, 0, 0, 0.2) !important; } } @media (min-width: 640px) { #Compliance-cs-banner .Compliance-cs-cwa-button { align-self: flex-end; } } #Compliance-cs-banner .Compliance-cs-opt-group { z-index: 1 !important; display: flex !important; margin-top: 0 !important; flex-shrink: 0 !important; color: #000000 !important; margin: 16px !important; margin-top: 0 !important; } #Compliance-cs-banner .Compliance-cs-opt-group > div { display: flex !important; } @media screen and (max-height: 300px) { #Compliance-cs-banner .Compliance-cs-opt-group { position: relative !important; } } @media (min-width: 640px) { #Compliance-cs-banner .Compliance-cs-opt-group { align-items: center !important; justify-content: space-between !important; } #Compliance-cs-banner .Compliance-cs-opt-group-custom { margin-right: auto !important; align-self: start !important; justify-content: flex-start !important; } #Compliance-cs-banner .Compliance-cs-opt-group-consent { margin-left: auto !important; align-self: end !important; justify-content: flex-end !important; } } @media (max-width: 639px) { #Compliance-cs-banner .Compliance-cs-opt-group { flex-direction: column !important; } #Compliance-cs-banner .Compliance-cs-opt-group-custom:not(.Compliance-cs-opt-group-granular) { order: 2; } #Compliance-cs-banner .Compliance-cs-opt-group-consent { order: 1; } } #Compliance-cs-banner .Compliance-cs-opt-group button { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; padding: 8px 32px !important; border-radius: 64px !important; cursor: pointer !important; font-weight: bold !important; font-size: 100% !important; margin-top: 4px !important; margin-bottom: 4px !important; text-align: center !important; border: 0 !important; background-color: #1a1a1a !important; color: #FFFFFF !important; } @-moz-document url-prefix() { #Compliance-cs-banner .Compliance-cs-opt-group button { padding-top: 7px !important; } } #Compliance-cs-banner .Compliance-cs-opt-group button.focus, #Compliance-cs-banner .Compliance-cs-opt-group button.hover { box-shadow: 0 0 0 999px inset rgba(0, 0, 0, 0.1) !important; } @media (min-width: 640px) { #Compliance-cs-banner .Compliance-cs-opt-group button:not(:last-of-type) { margin-right: 8px !important; } } @media (max-width: 639px) { #Compliance-cs-banner .Compliance-cs-opt-group button { padding: 8px 24px !important; width: 100% !important; display: block; text-align: center !important; margin: 6px 3px !important; flex: 1; } } #Compliance-cs-banner .Compliance-cs-opt-group button.Compliance-cs-btn-primary, #Compliance-cs-banner .Compliance-cs-opt-group button.Compliance-cs-accept-btn { background-color: #0073CE !important; color: #FFFFFF !important; } #Compliance-cs-banner .Compliance-cs-opt-group button.Compliance-cs-reject-btn { background-color: #0073CE !important; color: #FFFFFF !important; } #Compliance-cs-banner.Compliance-cs-padded:not(.Compliance-cs-branded) .Compliance-banner-content { padding-right: 48px !important; } #Compliance-cs-banner.Compliance-cs-padded .Compliance-cs-close-btn { position: absolute !important; } @media (min-width: 640px) { #Compliance-cs-banner:not(.Compliance-cs-padded).Compliance-cs-branded .Compliance-cs-cwa-button { position: absolute !important; } } @media (min-width: 640px) { #Compliance-cs-banner:not(.Compliance-cs-branded):not(.Compliance-cs-no-heading) .Compliance-cs-cwa-button { position: absolute !important; top: -4px !important; right: -4px !important; padding: 5px 10px !important; } } @media (min-width: 640px) { #Compliance-cs-banner.Compliance-cs-branded:not(.Compliance-cs-default-floating).Compliance-cs-top .Compliance-cs-brand, #Compliance-cs-banner.Compliance-cs-branded:not(.Compliance-cs-default-floating).Compliance-cs-bottom .Compliance-cs-brand { border-radius: 8px !important; } } @media (min-width: 640px) { #Compliance-cs-banner.Compliance-cs-branded .Compliance-cs-cwa-button { margin: 15px !important; } } #Compliance-cs-banner.Compliance-cs-branded .Compliance-cs-close-btn { height: 32px !important; min-width: 32px !important; } #Compliance-cs-banner.Compliance-cs-default .Compliance-cs-brand-badge-outer, #Compliance-cs-banner.Compliance-cs-default-floating .Compliance-cs-brand-badge-outer { height: 0 !important; } #Compliance-cs-banner.Compliance-cs-default:not(.Compliance-cs-left) .Compliance-cs-brand-badge-outer, #Compliance-cs-banner.Compliance-cs-default-floating:not(.Compliance-cs-left) .Compliance-cs-brand-badge-outer { margin-left: auto !important; margin-right: 0 !important; float: right !important; } #Compliance-cs-banner.Compliance-cs-default.Compliance-cs-bottom .Compliance-cs-brand-badge-outer, #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-bottom .Compliance-cs-brand-badge-outer { order: -1 !important; display: inline-flex !important; } #Compliance-cs-banner.Compliance-cs-default .Compliance-cs-brand { margin: 0 -8px 0 !important; } @media (max-width: 991px) { #Compliance-cs-banner.Compliance-cs-default .Compliance-cs-brand { margin: -8px -8px 0 !important; } } @media (min-width: 992px) { #Compliance-cs-banner.Compliance-cs-default .Compliance-cs-brand div { margin: 0 auto !important; width: calc(992px - 32px) !important; } } @media (max-width: 991px) { #Compliance-cs-banner.Compliance-cs-default .Compliance-cs-brand div { margin: 0 8px !important; } } #Compliance-cs-banner.Compliance-cs-default .Compliance-cs-container { width: 100% !important; } @media (min-width: 992px) { #Compliance-cs-banner.Compliance-cs-default .Compliance-cs-rationale { width: 992px !important; margin: 16px auto !important; } } @media (min-width: 992px) { #Compliance-cs-banner.Compliance-cs-default-floating .Compliance-cs-brand-badge { margin: 0 16px !important; } } @media (min-width: 992px) { #Compliance-cs-banner.Compliance-cs-default-floating .Compliance-cs-container { width: 992px !important; } } @media (max-width: 991px) { #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center.Compliance-cs-top .Compliance-cs-container, #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center.Compliance-cs-bottom .Compliance-cs-container { width: 100% !important; } } @media (min-width: 640px) { #Compliance-cs-banner.Compliance-cs-default-floating:not(.Compliance-cs-top):not(.Compliance-cs-center) .Compliance-cs-container, #Compliance-cs-banner.Compliance-cs-default-floating:not(.Compliance-cs-bottom):not(.Compliance-cs-center) .Compliance-cs-container, #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center:not(.Compliance-cs-top):not(.Compliance-cs-bottom) .Compliance-cs-container { width: 480px !important; } } #Compliance-cs-banner.Compliance-cs-default-floating:not(.Compliance-cs-top):not(.Compliance-cs-center) .Compliance-cs-opt-group, #Compliance-cs-banner.Compliance-cs-default-floating:not(.Compliance-cs-bottom):not(.Compliance-cs-center) .Compliance-cs-opt-group, #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center:not(.Compliance-cs-top):not(.Compliance-cs-bottom) .Compliance-cs-opt-group { flex-direction: column !important; } #Compliance-cs-banner.Compliance-cs-default-floating:not(.Compliance-cs-top):not(.Compliance-cs-center) .Compliance-cs-opt-group > div, #Compliance-cs-banner.Compliance-cs-default-floating:not(.Compliance-cs-bottom):not(.Compliance-cs-center) .Compliance-cs-opt-group > div, #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center:not(.Compliance-cs-top):not(.Compliance-cs-bottom) .Compliance-cs-opt-group > div { width: 100% !important; } #Compliance-cs-banner.Compliance-cs-default-floating:not(.Compliance-cs-top):not(.Compliance-cs-center) .Compliance-cs-opt-group button, #Compliance-cs-banner.Compliance-cs-default-floating:not(.Compliance-cs-bottom):not(.Compliance-cs-center) .Compliance-cs-opt-group button, #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center:not(.Compliance-cs-top):not(.Compliance-cs-bottom) .Compliance-cs-opt-group button { display: block !important; width: 100% !important; text-align: center !important; } #Compliance-cs-banner.Compliance-cs-default-floating:not(.Compliance-cs-top):not(.Compliance-cs-center) .Compliance-cs-opt-group-custom, #Compliance-cs-banner.Compliance-cs-default-floating:not(.Compliance-cs-bottom):not(.Compliance-cs-center) .Compliance-cs-opt-group-custom, #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center:not(.Compliance-cs-top):not(.Compliance-cs-bottom) .Compliance-cs-opt-group-custom { order: 2; } #Compliance-cs-banner.Compliance-cs-default-floating:not(.Compliance-cs-top):not(.Compliance-cs-center) .Compliance-cs-opt-group-consent, #Compliance-cs-banner.Compliance-cs-default-floating:not(.Compliance-cs-bottom):not(.Compliance-cs-center) .Compliance-cs-opt-group-consent, #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center:not(.Compliance-cs-top):not(.Compliance-cs-bottom) .Compliance-cs-opt-group-consent { order: 1; } #Compliance-cs-banner.Compliance-cs-default-floating .Compliance-cs-content { box-shadow: 0 8px 48px rgba(0, 0, 0, 0.15) !important; max-width: 100% !important; } @media (min-width: 992px) { #Compliance-cs-banner.Compliance-cs-default-floating .Compliance-cs-content { border-radius: 4px !important; margin: 16px !important; } } #Compliance-cs-banner.Compliance-cs-scrollable .Compliance-banner-content { mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 16px) !important; -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 16px) !important; } #Compliance-cs-banner.Compliance-cs-fix-height .Compliance-cs-container, #Compliance-cs-banner.Compliance-cs-fix-height .Compliance-cs-content, #Compliance-cs-banner.Compliance-cs-fix-height .Compliance-cs-rationale { height: 100% !important; } @media (min-width: 992px) { #Compliance-cs-banner.Compliance-cs-fix-height.Compliance-cs-default-floating .Compliance-cs-content { height: calc(100% - 32px) !important; } } #Compliance-cs-banner.Compliance-cs-fix-height .Compliance-cs-brand img { max-width: 75% !important; } #Compliance-cs-banner a[href]:focus, #Compliance-cs-banner button:focus, #Compliance-cs-banner input:focus, #Compliance-cs-banner textarea:focus, #Compliance-cs-banner select:focus, #Compliance-cs-banner details:focus, #Compliance-cs-banner [tabindex]:not([tabindex="-1"]):focus { outline-width: 2px !important; outline-style: solid !important; outline-color: #70B3FF !important; outline-offset: 2px !important; } #Compliance-cs-banner .Compliance-cs-brand-badge { flex-shrink: 0 !important; margin: 16px !important; padding: 6px 34px 6px 10px !important; background: white !important; display: inline-flex; border-radius: 6px !important; border: 1px solid rgba(0, 0, 0, 0.2) !important; box-shadow: 0 0 16px rgba(0, 0, 0, 0.1) !important; align-self: flex-end; background-image: url("data:image/svg+xml,%3Csvg fill='none' height='19' viewBox='0 0 9 19' width='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m4.1555.211426c.81725.000101 1.61499.249693 2.28656.715401.67157.465713 1.18496 1.125343 1.47153 1.890693.28657.76536.33266 1.59996.13211 2.39221-.20055.79226-.63818 1.50441-1.25438 2.04124l.87593 11.02083h-7.023493l.875933-11.02083c-.616206-.53683-1.053841-1.24898-1.254391-2.04124-.2005501-.79225-.154458-1.62685.132114-2.39221.286572-.76535.799967-1.42498 1.471537-1.890693.67157-.465708 1.46931-.7153 2.28655-.715401z' fill='%231cc691' fill-rule='evenodd'/%3E%3C/svg%3E") !important; background-position: center right 12px !important; background-repeat: no-repeat !important; color: #222 !important; font-weight: normal !important; font-size: 14px !important; pointer-events: auto !important; } #Compliance-cs-banner .Compliance-cs-brand-badge:hover { border: 1px solid rgba(0, 0, 0, 0.4) !important; } #Compliance-cs-banner .Compliance-cs-brand-badge > span { border-right: 1px solid rgba(0, 0, 0, 0.1) !important; padding-right: 12px !important; } #Compliance-cs-banner .Compliance-cs-brand-badge > span > span { text-decoration: underline !important; } #Compliance-cs-banner .Compliance-cs-brand-badge-text { font-size: 11px !important; font-weight: bold !important; text-align: right !important; margin: -4px 16px 12px !important; } #Compliance-cs-banner .Compliance-cs-brand-badge-text a { color: inherit; } #Compliance-cs-banner .Compliance-iframe-spinner ~ .Compliance-iframe-badge-container .Compliance-cs-brand-badge { display: none !important; } #Compliance-cs-banner .Compliance-granular-controls-container { --cmplc-granular-background: rgba(0, 0, 0, .02); --cmplc-granular-border: rgba(0, 0, 0, 0.08); --cmplc-granular-toggle-background: rgba(0, 0, 0, 0.2); display: flex; flex-wrap: wrap; flex-shrink: 0; margin-bottom: 16px !important; border-top: 1px solid var(--cmplc-granular-border) !important; } #Compliance-cs-banner .Compliance-granular-controls-container .granular-control-checkbox { flex-basis: 100%; display: flex !important; gap: 10px !important; padding-left: 16px !important; padding-right: 16px !important; padding-bottom: 14px !important; background-color: var(--cmplc-granular-background) !important; margin: 0 !important; } #Compliance-cs-banner .Compliance-granular-controls-container .granular-control-checkbox input.style1 { width: 48px !important; height: 24px !important; background-position: top 3px left 3px !important; background-size: 18px 18px !important; background-color: var(--cmplc-granular-toggle-background) !important; } #Compliance-cs-banner .Compliance-granular-controls-container .granular-control-checkbox input.style1, #Compliance-cs-banner .Compliance-granular-controls-container .granular-control-checkbox input.style1:checked { background-image: url("data:image/svg+xml,%3Csvg height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' fill='%23fff' fill-rule='evenodd' r='10'/%3E%3C/svg%3E") !important; } #Compliance-cs-banner .Compliance-granular-controls-container .granular-control-checkbox input.style1:checked { background-position: top 3px left 27px !important; background-color: #1cc691 !important; } #Compliance-cs-banner .Compliance-granular-controls-container .granular-control-checkbox input.style1:checked[value=partial] { background-position: top 3px left 15px !important; background-color: #ffd24d !important; } #Compliance-cs-banner .Compliance-granular-controls-container .granular-control-checkbox:nth-child(2) { padding-top: 16px !important; } #Compliance-cs-banner .Compliance-granular-controls-container .granular-control-checkbox:last-child { padding-bottom: 16px !important; border-bottom: 1px solid var(--cmplc-granular-border) !important; } #Compliance-cs-banner .Compliance-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd), #Compliance-cs-banner .Compliance-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox { flex-basis: 50%; flex-direction: column-reverse; padding: 14px 10px !important; border: 1px solid var(--cmplc-granular-border) !important; border-right: 0 !important; border-top: 0 !important; } #Compliance-cs-banner .Compliance-granular-controls-container .granular-control-checkbox--disabled { display: none !important; } @media (max-width: 991px) { #Compliance-cs-banner .Compliance-granular-controls-container .granular-control-checkbox { min-width: 0 !important; } #Compliance-cs-banner .Compliance-granular-controls-container .granular-control-checkbox label { max-width: 100%; } #Compliance-cs-banner .Compliance-granular-controls-container .granular-control-checkbox label span { display: block; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #Compliance-cs-banner .Compliance-granular-controls-container .granular-control-checkbox--mobile-hidden { display: none !important; } } #Compliance-cs-banner.Compliance-cs-black .Compliance-granular-controls-container { --cmplc-granular-background: rgba(255, 255, 255, .02); --cmplc-granular-border: rgba(255, 255, 255, 0.08); --cmplc-granular-toggle-background: rgba(255, 255, 255, 0.2); } @media (min-width: 640px) { #Compliance-cs-banner.Compliance-cs-default.Compliance-cs-top .Compliance-granular-controls-container .granular-control-checkbox, #Compliance-cs-banner.Compliance-cs-default.Compliance-cs-bottom .Compliance-granular-controls-container .granular-control-checkbox, #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center.Compliance-cs-top .Compliance-granular-controls-container .granular-control-checkbox, #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center.Compliance-cs-bottom .Compliance-granular-controls-container .granular-control-checkbox { flex: 1 !important; flex-direction: column-reverse !important; padding: 14px 10px !important; border: 1px solid var(--cmplc-granular-border) !important; border-right: 0 !important; border-top: 0 !important; padding-top: 16px !important; } } @media (min-width: 992px) { #Compliance-cs-banner.Compliance-cs-default.Compliance-cs-top .Compliance-granular-controls-container, #Compliance-cs-banner.Compliance-cs-default.Compliance-cs-bottom .Compliance-granular-controls-container, #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center.Compliance-cs-top .Compliance-granular-controls-container, #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center.Compliance-cs-bottom .Compliance-granular-controls-container { grid-gap: 24px !important; padding: 16px 16px 32px !important; border-top: 0 !important; margin-bottom: 0 !important; } #Compliance-cs-banner.Compliance-cs-default.Compliance-cs-top .Compliance-granular-controls-container .granular-control-checkbox--disabled, #Compliance-cs-banner.Compliance-cs-default.Compliance-cs-bottom .Compliance-granular-controls-container .granular-control-checkbox--disabled, #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center.Compliance-cs-top .Compliance-granular-controls-container .granular-control-checkbox--disabled, #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center.Compliance-cs-bottom .Compliance-granular-controls-container .granular-control-checkbox--disabled { display: flex !important; } #Compliance-cs-banner.Compliance-cs-default.Compliance-cs-top .Compliance-granular-controls-container .granular-control-checkbox:first-child, #Compliance-cs-banner.Compliance-cs-default.Compliance-cs-bottom .Compliance-granular-controls-container .granular-control-checkbox:first-child, #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center.Compliance-cs-top .Compliance-granular-controls-container .granular-control-checkbox:first-child, #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center.Compliance-cs-bottom .Compliance-granular-controls-container .granular-control-checkbox:first-child { padding-left: 16px !important; } #Compliance-cs-banner.Compliance-cs-default.Compliance-cs-top .Compliance-granular-controls-container .granular-control-checkbox:last-child, #Compliance-cs-banner.Compliance-cs-default.Compliance-cs-bottom .Compliance-granular-controls-container .granular-control-checkbox:last-child, #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center.Compliance-cs-top .Compliance-granular-controls-container .granular-control-checkbox:last-child, #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center.Compliance-cs-bottom .Compliance-granular-controls-container .granular-control-checkbox:last-child { padding-right: 16px !important; } #Compliance-cs-banner.Compliance-cs-default.Compliance-cs-top .Compliance-granular-controls-container .granular-control-checkbox, #Compliance-cs-banner.Compliance-cs-default.Compliance-cs-top .Compliance-granular-controls-container .granular-control-checkbox:first-child, #Compliance-cs-banner.Compliance-cs-default.Compliance-cs-top .Compliance-granular-controls-container .granular-control-checkbox:nth-child(2), #Compliance-cs-banner.Compliance-cs-default.Compliance-cs-top .Compliance-granular-controls-container .granular-control-checkbox:last-child, #Compliance-cs-banner.Compliance-cs-default.Compliance-cs-top .Compliance-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd), #Compliance-cs-banner.Compliance-cs-default.Compliance-cs-top .Compliance-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox, #Compliance-cs-banner.Compliance-cs-default.Compliance-cs-top .Compliance-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:last-child, #Compliance-cs-banner.Compliance-cs-default.Compliance-cs-top .Compliance-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:nth-last-child(2), #Compliance-cs-banner.Compliance-cs-default.Compliance-cs-bottom .Compliance-granular-controls-container .granular-control-checkbox, #Compliance-cs-banner.Compliance-cs-default.Compliance-cs-bottom .Compliance-granular-controls-container .granular-control-checkbox:first-child, #Compliance-cs-banner.Compliance-cs-default.Compliance-cs-bottom .Compliance-granular-controls-container .granular-control-checkbox:nth-child(2), #Compliance-cs-banner.Compliance-cs-default.Compliance-cs-bottom .Compliance-granular-controls-container .granular-control-checkbox:last-child, #Compliance-cs-banner.Compliance-cs-default.Compliance-cs-bottom .Compliance-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd), #Compliance-cs-banner.Compliance-cs-default.Compliance-cs-bottom .Compliance-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox, #Compliance-cs-banner.Compliance-cs-default.Compliance-cs-bottom .Compliance-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:last-child, #Compliance-cs-banner.Compliance-cs-default.Compliance-cs-bottom .Compliance-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:nth-last-child(2), #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center.Compliance-cs-top .Compliance-granular-controls-container .granular-control-checkbox, #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center.Compliance-cs-top .Compliance-granular-controls-container .granular-control-checkbox:first-child, #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center.Compliance-cs-top .Compliance-granular-controls-container .granular-control-checkbox:nth-child(2), #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center.Compliance-cs-top .Compliance-granular-controls-container .granular-control-checkbox:last-child, #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center.Compliance-cs-top .Compliance-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd), #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center.Compliance-cs-top .Compliance-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox, #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center.Compliance-cs-top .Compliance-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:last-child, #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center.Compliance-cs-top .Compliance-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:nth-last-child(2), #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center.Compliance-cs-bottom .Compliance-granular-controls-container .granular-control-checkbox, #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center.Compliance-cs-bottom .Compliance-granular-controls-container .granular-control-checkbox:first-child, #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center.Compliance-cs-bottom .Compliance-granular-controls-container .granular-control-checkbox:nth-child(2), #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center.Compliance-cs-bottom .Compliance-granular-controls-container .granular-control-checkbox:last-child, #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center.Compliance-cs-bottom .Compliance-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd), #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center.Compliance-cs-bottom .Compliance-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox, #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center.Compliance-cs-bottom .Compliance-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:last-child, #Compliance-cs-banner.Compliance-cs-default-floating.Compliance-cs-center.Compliance-cs-bottom .Compliance-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:nth-last-child(2) { flex: 0 1 auto !important; flex-direction: row !important; background-color: transparent !important; padding: 0 !important; border: none !important; margin: 0 !important; } } .cmplc-sr-only { position: absolute !important; left: -10000px !important; top: auto !important; width: 1px !important; height: 1px !important; overflow: hidden !important; } .cmplc-sr-only:focus { position: static !important; width: auto !important; height: auto !important; } .Compliance-tp-btn *, .Compliance-tp-btn:not([data-tp-nostyle]), .Compliance-uspr-btn *, .Compliance-uspr-btn:not([data-tp-nostyle]), .Compliance-tp-alert-btn *, .Compliance-tp-alert-btn:not([data-tp-nostyle]) { font-size: 100% !important; width: auto !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background: none !important; box-sizing: border-box !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; backface-visibility: hidden !important; font-family: -apple-system, sans-serif !important; text-decoration: none !important; color: currentColor !important; background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0 0 !important; background-repeat: repeat !important; border: 0 !important; border-color: #000 !important; border-color: currentColor !important; border-radius: 0 !important; border-style: none !important; border-width: medium !important; bottom: auto !important; clear: none !important; clip: auto !important; counter-increment: none !important; counter-reset: none !important; cursor: auto !important; direction: inherit !important; float: none !important; font-style: inherit !important; font-variant: normal !important; font-weight: inherit !important; height: auto !important; left: auto !important; letter-spacing: normal; line-height: inherit; list-style-type: inherit !important; list-style-position: outside !important; list-style-image: none !important; margin: 0; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; opacity: 1; outline: 0 !important; overflow: visible !important; padding: 0 !important; position: static !important; quotes: "" "" !important; right: auto !important; table-layout: auto !important; text-align: left !important; text-indent: 0 !important; text-transform: none !important; top: auto !important; unicode-bidi: normal !important; vertical-align: baseline !important; visibility: inherit !important; white-space: normal !important; width: auto !important; word-spacing: normal; z-index: auto !important; background-origin: padding-box !important; background-origin: padding-box !important; background-clip: border-box !important; background-size: auto !important; -o-border-image: none !important; border-image: none !important; border-radius: 0 !important; border-radius: 0 !important; box-shadow: none !important; -moz-column-count: auto !important; column-count: auto !important; -moz-column-gap: normal !important; column-gap: normal !important; -moz-column-rule: medium none #000 !important; column-rule: medium none #000 !important; -moz-column-span: none !important; column-span: none !important; -moz-column-width: auto !important; column-width: auto !important; font-feature-settings: normal !important; overflow-x: visible !important; overflow-y: visible !important; -webkit-hyphens: manual !important; hyphens: manual !important; perspective: none !important; perspective-origin: 50% 50% !important; text-shadow: none !important; transition: all 0s ease 0s !important; transform: none !important; transform-origin: 50% 50% !important; transform-style: flat !important; word-break: normal !important; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } .Compliance-tp-btn:not([data-tp-nostyle]), .Compliance-uspr-btn:not([data-tp-nostyle]), .Compliance-tp-alert-btn:not([data-tp-nostyle]) { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; line-height: 34px !important; height: 34px !important; min-width: 34px !important; border-radius: 4px !important; cursor: pointer !important; font-weight: bold !important; font-size: 14px !important; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) !important; color: rgba(0, 0, 0, 0.65) !important; background-color: white !important; display: inline-block !important; vertical-align: middle !important; } .Compliance-tp-btn.Compliance-tp-btn--warning, .Compliance-uspr-btn.Compliance-tp-btn--warning, .Compliance-tp-alert-btn.Compliance-tp-btn--warning { z-index: 2147483647 !important; } .Compliance-tp-btn.Compliance-tp-btn--warning:before, .Compliance-uspr-btn.Compliance-tp-btn--warning:before, .Compliance-tp-alert-btn.Compliance-tp-btn--warning:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg fill='none' height='17' viewBox='0 0 17 17' width='17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6.79042 2.81577c.7788-1.28272 2.64036-1.28272 3.41918 0l5.9459 9.79333c.8093 1.3328-.1503 3.038-1.7095 3.038h-11.89195c-1.55927 0-2.5188026-1.7052-1.709576-3.038z' fill='%23fb6666'/%3E%3Cpath d='m14.446 15.1471h-11.89195c-1.16945 0-1.889102-1.2789-1.28218-2.2785l5.94595-9.79334c.5841-.96204 1.98026-.96204 2.56436 0l5.94592 9.79334c.607.9996-.1127 2.2785-1.2821 2.2785z' stroke='%23000' stroke-opacity='.1'/%3E%3Cg fill='%23fff'%3E%3Crect height='4.97619' rx='.497619' width='.995238' x='8' y='6'/%3E%3Cpath d='m8 12.5c0-.2761.22386-.5.5-.5.27614 0 .5.2239.5.5 0 .2761-.22386.5-.5.5-.27614 0-.5-.2239-.5-.5z'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-size: 24px 24px; background-repeat: no-repeat; position: absolute; top: -16px; right: -16px; width: 32px; height: 32px; } .Compliance-tp-btn[data-tp-icon=data-tp-icon], .Compliance-uspr-btn[data-tp-icon=data-tp-icon], .Compliance-tp-alert-btn[data-tp-icon=data-tp-icon] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%231CC691' fill-rule='evenodd' d='M16 7a4 4 0 0 1 2.627 7.016L19.5 25h-7l.873-10.984A4 4 0 0 1 16 7z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-size: 32px 32px !important; background-position: top 0.5px left 1px !important; } .Compliance-tp-btn[data-tp-icon=generic], .Compliance-uspr-btn[data-tp-icon=generic], .Compliance-tp-alert-btn[data-tp-icon=generic] { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1711_3144)'%3E%3Cpath d='M9.85732 0.605164C8.61149 0.605164 7.41668 1.10007 6.53575 1.981C5.65482 2.86194 5.15991 4.05674 5.15991 5.30257V6.08547H6.72571V5.30257C6.72571 4.47202 7.05565 3.67548 7.64294 3.08819C8.23023 2.5009 9.02676 2.17097 9.85732 2.17097C10.6879 2.17097 11.4844 2.5009 12.0717 3.08819C12.659 3.67548 12.9889 4.47202 12.9889 5.30257V6.08547H14.5547V5.30257C14.5547 4.05674 14.0598 2.86194 13.1789 1.981C12.298 1.10007 11.1031 0.605164 9.85732 0.605164Z' fill='%23333333'/%3E%3Cpath d='M14.5548 7.65131H5.15998C4.53707 7.65131 3.93967 7.89876 3.4992 8.33922C3.05873 8.77969 2.81128 9.37709 2.81128 10V16.2632C2.81128 16.8861 3.05873 17.4835 3.4992 17.924C3.93967 18.3645 4.53707 18.6119 5.15998 18.6119H14.5548C15.1777 18.6119 15.7751 18.3645 16.2156 17.924C16.656 17.4835 16.9035 16.8861 16.9035 16.2632V10C16.9035 9.37709 16.656 8.77969 16.2156 8.33922C15.7751 7.89876 15.1777 7.65131 14.5548 7.65131ZM10.6403 13.7031V15.4803C10.6403 15.688 10.5578 15.8871 10.411 16.0339C10.2642 16.1807 10.065 16.2632 9.85739 16.2632C9.64975 16.2632 9.45061 16.1807 9.30379 16.0339C9.15697 15.8871 9.07449 15.688 9.07449 15.4803V13.7031C8.77598 13.5308 8.54268 13.2648 8.41077 12.9463C8.27887 12.6279 8.25573 12.2748 8.34494 11.9418C8.43415 11.6089 8.63073 11.3147 8.90419 11.1049C9.17765 10.895 9.5127 10.7813 9.85739 10.7813C10.2021 10.7813 10.5371 10.895 10.8106 11.1049C11.084 11.3147 11.2806 11.6089 11.3698 11.9418C11.459 12.2748 11.4359 12.6279 11.304 12.9463C11.1721 13.2648 10.9388 13.5308 10.6403 13.7031Z' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1711_3144'%3E%3Crect width='18.7896' height='18.7896' fill='white' transform='translate(0.462402 0.605164)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-size: 25px 25px !important; background-position: top 4.5px left 5px !important; } .Compliance-tp-btn[data-tp-circle], .Compliance-uspr-btn[data-tp-circle], .Compliance-tp-alert-btn[data-tp-circle] { border-radius: 32px !important; } .Compliance-tp-btn[data-tp-label]:after, .Compliance-uspr-btn[data-tp-label]:after, .Compliance-tp-alert-btn[data-tp-label]:after { content: attr(data-tp-label) !important; padding: 0 16px !important; white-space: nowrap !important; } .Compliance-tp-btn[data-tp-label][data-tp-icon]:after, .Compliance-uspr-btn[data-tp-label][data-tp-icon]:after, .Compliance-tp-alert-btn[data-tp-label][data-tp-icon]:after { padding-left: 32px !important; } .Compliance-tp-btn[data-tp-float], .Compliance-uspr-btn[data-tp-float], .Compliance-tp-alert-btn[data-tp-float] { position: fixed !important; } .Compliance-tp-btn[data-tp-float]:not([data-tp-anchored]), .Compliance-uspr-btn[data-tp-float]:not([data-tp-anchored]), .Compliance-tp-alert-btn[data-tp-float]:not([data-tp-anchored]) { margin: 16px !important; } .Compliance-tp-btn[data-tp-float]:focus, .Compliance-uspr-btn[data-tp-float]:focus, .Compliance-tp-alert-btn[data-tp-float]:focus { outline: 2px solid -webkit-focus-ring-color !important; } .Compliance-tp-btn[data-tp-float][data-tp-anchored], .Compliance-uspr-btn[data-tp-float][data-tp-anchored], .Compliance-tp-alert-btn[data-tp-float][data-tp-anchored] { margin: 0 16px !important; border-radius: 6px !important; } .Compliance-tp-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-left], .Compliance-tp-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-right], .Compliance-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left], .Compliance-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right], .Compliance-uspr-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-left], .Compliance-uspr-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-right], .Compliance-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left], .Compliance-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right], .Compliance-tp-alert-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-left], .Compliance-tp-alert-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-right], .Compliance-tp-alert-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left], .Compliance-tp-alert-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right] { margin: 0 !important; top: 75% !important; transform: translateY(-50%) !important; } .Compliance-tp-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-left], .Compliance-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left], .Compliance-uspr-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-left], .Compliance-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left], .Compliance-tp-alert-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-left], .Compliance-tp-alert-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left] { left: 0 !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-left: 0 !important; } .Compliance-tp-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-right], .Compliance-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right], .Compliance-uspr-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-right], .Compliance-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right], .Compliance-tp-alert-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-right], .Compliance-tp-alert-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right] { right: 0 !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-right: 0 !important; } .Compliance-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-left], .Compliance-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-right], .Compliance-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-left], .Compliance-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-right], .Compliance-tp-alert-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-left], .Compliance-tp-alert-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-right] { margin: 0 !important; top: 50% !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom: 0 !important; transform-origin: bottom !important; } .Compliance-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-left], .Compliance-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-left], .Compliance-tp-alert-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-left] { left: 0 !important; transform: translateY(-50%) rotate(90deg) !important; transform-origin: left bottom !important; } .Compliance-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-right], .Compliance-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-right], .Compliance-tp-alert-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-right] { right: 0 !important; transform: translateY(-50%) rotate(-90deg) !important; transform-origin: right bottom !important; } .Compliance-tp-btn[data-tp-float][data-tp-float=bottom-left], .Compliance-tp-btn[data-tp-float][data-tp-float=bottom-right], .Compliance-uspr-btn[data-tp-float][data-tp-float=bottom-left], .Compliance-uspr-btn[data-tp-float][data-tp-float=bottom-right], .Compliance-tp-alert-btn[data-tp-float][data-tp-float=bottom-left], .Compliance-tp-alert-btn[data-tp-float][data-tp-float=bottom-right] { bottom: 0 !important; } .Compliance-tp-btn[data-tp-float][data-tp-float=bottom-left][data-tp-anchored], .Compliance-tp-btn[data-tp-float][data-tp-float=bottom-right][data-tp-anchored], .Compliance-uspr-btn[data-tp-float][data-tp-float=bottom-left][data-tp-anchored], .Compliance-uspr-btn[data-tp-float][data-tp-float=bottom-right][data-tp-anchored], .Compliance-tp-alert-btn[data-tp-float][data-tp-float=bottom-left][data-tp-anchored], .Compliance-tp-alert-btn[data-tp-float][data-tp-float=bottom-right][data-tp-anchored] { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom: 0 !important; } .Compliance-tp-btn[data-tp-float][data-tp-float=top-left], .Compliance-tp-btn[data-tp-float][data-tp-float=top-right], .Compliance-uspr-btn[data-tp-float][data-tp-float=top-left], .Compliance-uspr-btn[data-tp-float][data-tp-float=top-right], .Compliance-tp-alert-btn[data-tp-float][data-tp-float=top-left], .Compliance-tp-alert-btn[data-tp-float][data-tp-float=top-right] { top: 0 !important; } .Compliance-tp-btn[data-tp-float][data-tp-float=top-left][data-tp-anchored], .Compliance-tp-btn[data-tp-float][data-tp-float=top-right][data-tp-anchored], .Compliance-uspr-btn[data-tp-float][data-tp-float=top-left][data-tp-anchored], .Compliance-uspr-btn[data-tp-float][data-tp-float=top-right][data-tp-anchored], .Compliance-tp-alert-btn[data-tp-float][data-tp-float=top-left][data-tp-anchored], .Compliance-tp-alert-btn[data-tp-float][data-tp-float=top-right][data-tp-anchored] { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-top: 0 !important; } .Compliance-tp-btn[data-tp-float][data-tp-float=top-left], .Compliance-tp-btn[data-tp-float][data-tp-float=bottom-left], .Compliance-uspr-btn[data-tp-float][data-tp-float=top-left], .Compliance-uspr-btn[data-tp-float][data-tp-float=bottom-left], .Compliance-tp-alert-btn[data-tp-float][data-tp-float=top-left], .Compliance-tp-alert-btn[data-tp-float][data-tp-float=bottom-left] { left: 0 !important; } .Compliance-tp-btn[data-tp-float][data-tp-float=top-right], .Compliance-tp-btn[data-tp-float][data-tp-float=bottom-right], .Compliance-uspr-btn[data-tp-float][data-tp-float=top-right], .Compliance-uspr-btn[data-tp-float][data-tp-float=bottom-right], .Compliance-tp-alert-btn[data-tp-float][data-tp-float=top-right], .Compliance-tp-alert-btn[data-tp-float][data-tp-float=bottom-right] { right: 0 !important; } .Compliance-tp-btn[data-tp-float][data-tp-hover][data-tp-label]:after, .Compliance-uspr-btn[data-tp-float][data-tp-hover][data-tp-label]:after, .Compliance-tp-alert-btn[data-tp-float][data-tp-hover][data-tp-label]:after { max-width: 0 !important; overflow: hidden !important; display: block !important; padding: 0 !important; opacity: 0 !important; transition: max-width 0.6s ease, padding 0.6s ease, opacity 0.6s ease !important; } .Compliance-tp-btn[data-tp-float][data-tp-hover][data-tp-label]:hover:after, .Compliance-uspr-btn[data-tp-float][data-tp-hover][data-tp-label]:hover:after, .Compliance-tp-alert-btn[data-tp-float][data-tp-hover][data-tp-label]:hover:after { max-width: 192px !important; padding-left: 32px !important; padding-right: 10px !important; opacity: 1 !important; } .Compliance-tp-btn:focus, .Compliance-uspr-btn:focus, .Compliance-tp-alert-btn:focus { outline-width: 2px !important; outline-style: solid !important; outline-color: #70B3FF !important; outline-offset: 2px !important; } .Compliance-tp-btn .cmplc-sr-only, .Compliance-uspr-btn .cmplc-sr-only, .Compliance-tp-alert-btn .cmplc-sr-only { position: absolute !important; left: -10000px !important; top: auto !important; width: 1px !important; height: 1px !important; overflow: hidden !important; } .Compliance-tp-btn .cmplc-sr-only:focus, .Compliance-uspr-btn .cmplc-sr-only:focus, .Compliance-tp-alert-btn .cmplc-sr-only:focus { position: static !important; width: auto !important; height: auto !important; } .Compliance-uspr-btn { border: 1px solid rgba(0, 0, 0, 0.2) !important; box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1) !important; border-radius: 0.5rem !important; font-family: sans-serif !important; font-weight: bold !important; overflow: hidden !important; display: inline-flex !important; flex-wrap: wrap !important; background: white !important; color: #280404 !important; } .Compliance-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left], .Compliance-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right] { border-radius: 0 !important; border-bottom-left-radius: 6px !important; border-bottom-right-radius: 6px !important; top: auto !important; bottom: 32px !important; flex-wrap: nowrap !important; } .Compliance-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left] *, .Compliance-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right] * { white-space: nowrap !important; } .Compliance-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left] { left: 0 !important; transform: translateX(46px) rotate(-90deg) !important; transform-origin: left bottom !important; } .Compliance-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right] { right: 0 !important; transform: translateX(-46px) rotate(90deg) !important; transform-origin: right bottom !important; } @media (min-width: 480px) { .Compliance-uspr-btn[data-tp-float=top-right], .Compliance-uspr-btn[data-tp-float=top-right] .Compliance-cs-preferences-link, .Compliance-uspr-btn[data-tp-float=bottom-right], .Compliance-uspr-btn[data-tp-float=bottom-right] .Compliance-cs-preferences-link { flex-direction: row-reverse !important; } } .Compliance-uspr-btn button, .Compliance-uspr-btn a { padding: 0.75rem !important; cursor: pointer !important; flex: 1 1 auto !important; display: inline-flex !important; align-items: center !important; grid-gap: 0.5rem !important; border: none; background: none; } .Compliance-uspr-btn button img, .Compliance-uspr-btn a img { width: 2.5rem !important; flex-shrink: 0 !important; } .Compliance-uspr-btn button:hover, .Compliance-uspr-btn a:hover { background-color: rgba(0, 0, 0, 0.025) !important; } .Compliance-uspr-btn > *:first-child { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) !important; } .cmplc__us-widget { color: #595959; margin: 0; padding: 0.5em; display: flex; justify-content: center; align-items: center; font-family: -apple-system, sans-serif !important; font-size: 1rem; font-weight: bold; } .cmplc__us-widget.left { justify-content: flex-start; } .cmplc__us-widget.right { justify-content: flex-end; } .cmplc__us-widget__wrapper { background-color: white; border: 1px solid currentColor; border-radius: 5px; overflow: hidden; display: flex; } .cmplc__us-widget__wrapper[data-tp-circle] { border-radius: 32px; } .cmplc__us-widget__link { font-family: -apple-system, sans-serif !important; font-size: 1rem; font-weight: bold; display: flex; justify-content: center; align-items: center; padding: 0.5em 1em; line-height: 1; text-decoration: none; transition: background-color 0.3s ease; cursor: pointer; border: none; background: none; } .cmplc__us-widget__link--privacy-choices { border-left: 1px solid currentColor; } .cmplc__us-widget__link--privacy-choices::after { content: url("data:image/svg+xml,%3Csvg width='40' height='18' viewBox='0 0 40 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='17' rx='8.5' fill='white' stroke='%232569F6'/%3E%3Cpath d='M22.5 0H31C35.9706 0 40 4.02944 40 9C40 13.9706 35.9706 18 31 18H18L22.5 0Z' fill='%232569F6'/%3E%3Cpath d='M8 9.5L10.5 12L16.5 6' stroke='%232569F6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M25.5 6L31.5 12' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M31.5 6L25.5 12' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A"); height: 18px; margin-left: 0.8em; } .cmplc__us-widget__link:hover { background-color: #e4e6e8; } @media screen and (max-width: 480px) { .cmplc__us-widget { justify-content: start; } .cmplc__us-widget__wrapper { flex-direction: column-reverse; } .cmplc__us-widget__link { justify-content: flex-start; } .cmplc__us-widget__link--privacy-choices { flex-direction: row-reverse; border-left: none; border-bottom: 1px solid currentColor; margin-left: 0; margin-right: 0.8em; } } /* ----------------- MOBILE SDK ----------------- */ .Compliance-mobile-sdk { /* Fix purposes widget not scrolling on older iOS and Android devices */ } .Compliance-mobile-sdk #Compliance-cs-banner { /** fix scrolling in iOS 10 **/ } .Compliance-mobile-sdk #Compliance-cs-banner.Compliance-cs-visible { justify-content: center !important; align-items: center !important; } .Compliance-mobile-sdk #Compliance-cs-banner .Compliance-cs-container { max-height: 100% !important; display: flex !important; } .Compliance-mobile-sdk #Compliance-cs-banner .Compliance-cs-container .Compliance-cs-content { height: auto !important; border-radius: 0 !important; margin: 0 !important; } .Compliance-mobile-sdk #Compliance-cs-banner .Compliance-cs-opt-group { text-align: center !important; } .Compliance-mobile-sdk #Compliance-cs-banner .Compliance-cs-rationale { display: flex !important; flex-direction: column !important; height: 100% !important; } .Compliance-mobile-sdk #Compliance-cs-banner .Compliance-banner-content { flex: 1; overflow-y: auto !important; margin: 0 !important; padding: 16px 16px 48px !important; max-height: inherit !important; mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 15%) !important; -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 15%) !important; } @media (min-width: 992px) { .Compliance-mobile-sdk #Compliance-cs-banner .Compliance-banner-content, .Compliance-mobile-sdk #Compliance-cs-banner .Compliance-cs-opt-group { margin: 24px !important; } .Compliance-mobile-sdk #Compliance-cs-banner.Compliance-cs-default .Compliance-cs-rationale { width: 100% !important; margin: 0 !important; } } .Compliance-mobile-sdk #Compliance-cs-banner.Compliance-cs-visible .Compliance-cs-container, .Compliance-mobile-sdk #Compliance-cs-banner .Compliance-cs-container .Compliance-cs-content, .Compliance-mobile-sdk #Compliance-cs-banner .Compliance-cs-rationale { height: 100% !important; } .Compliance-mobile-sdk #Compliance-iframe { background-color: transparent !important; /** fix scrolling in iOS 10 **/ /** iframe **/ /* Fix cookie policy trimming on older Android devices */ /* Fix TCF widget overlapping footer in older Android devices */ /* Fix popovers going behind footer buttons and not scrolling */ } @media (max-width: 799px) { .Compliance-mobile-sdk #Compliance-iframe .Compliance-iframe-footer #cmplcFooterIabBtnContainer + #cmplcFooterBtnContainer { -webkit-transform: translateY(-20px) !important; -ms-transform: translateY(-20px) !important; transform: translateY(-20px) !important; } } .Compliance-mobile-sdk #Compliance-iframe .Compliance-iframe-top-container { position: relative !important; } .Compliance-mobile-sdk #Compliance-iframe #iab-container { position: absolute !important; top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; } .Compliance-mobile-sdk #Compliance-iframe #Compliance-iframe-popup { height: 100% !important; width: 100% !important; } .Compliance-mobile-sdk #Compliance-iframe .Compliance-iframe-close-btn { display: none !important; } .Compliance-mobile-sdk #Compliance-iframe iframe { background-color: transparent !important; position: absolute !important; bottom: 0 !important; top: 0 !important; } .Compliance-mobile-sdk #Compliance-iframe .Compliance-iframe-spinner { top: 50px !important; } .Compliance-mobile-sdk #Compliance-iframe .Compliance-iframe-footer { z-index: 9999 !important; } .Compliance-mobile-sdk #Compliance-iframe.cmplc-popover-visible .cmplc-popover { z-index: 10000 !important; } .Compliance-mobile-sdk #Compliance-iframe .cmplc-popover-content { position: relative !important; } .Compliance-mobile-sdk #Compliance-iframe .cmplc-popover-content > div { -webkit-overflow-scrolling: touch !important; position: absolute !important; top: 0 !important; bottom: 0 !important; } .Compliance-mobile-sdk #purposes-container { -webkit-overflow-scrolling: touch !important; position: absolute !important; top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; overflow: auto !important; } .no-banner #Compliance-cs-banner { display: none !important; } /* Avoid scrolling freezes when scrolling the banner from the accept button on iOS */ /* commented following line because it breaks the scrolling and we are not in mobile apps */ /* html, body { height: 100% !important; overflow: hidden !important; } */