:root { --lf-cc-primary: #11314a; --lf-cc-accent: #f48791; --lf-cc-surface: #fcf5ea; --lf-cc-text: #11314a; --lf-cc-muted: #5f6d78; --lf-cc-border: #a7c3d3; } #cc-main { --cc-font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --cc-bg: var(--lf-cc-surface); --cc-primary-color: var(--lf-cc-text); --cc-secondary-color: var(--lf-cc-muted); --cc-btn-primary-bg: var(--lf-cc-primary); --cc-btn-primary-color: #fff; --cc-btn-primary-border-color: var(--lf-cc-primary); --cc-btn-primary-hover-bg: var(--lf-cc-primary); --cc-btn-primary-hover-color: #fff; --cc-btn-primary-hover-border-color: var(--lf-cc-primary); --cc-btn-secondary-bg: var(--lf-cc-primary); --cc-btn-secondary-color: #fff; --cc-btn-secondary-border-color: var(--lf-cc-primary); --cc-btn-secondary-hover-bg: var(--lf-cc-primary); --cc-btn-secondary-hover-color: #fff; --cc-btn-secondary-hover-border-color: var(--lf-cc-primary); --cc-separator-border-color: color-mix(in srgb, var(--lf-cc-border) 58%, transparent); --cc-cookie-category-block-bg: color-mix(in srgb, var(--lf-cc-surface) 86%, #fff); --cc-cookie-category-block-border: var(--lf-cc-border); --cc-cookie-category-block-hover-bg: color-mix(in srgb, var(--lf-cc-surface) 74%, #fff); --cc-cookie-category-block-hover-border: var(--lf-cc-primary); --cc-cookie-category-expanded-block-bg: color-mix(in srgb, var(--lf-cc-surface) 78%, #fff); --cc-cookie-category-expanded-block-hover-bg: var(--lf-cc-border); --cc-toggle-on-bg: var(--lf-cc-primary); --cc-toggle-off-bg: #6d7780; --cc-toggle-on-knob-bg: #fff; --cc-toggle-off-knob-bg: #fff; --cc-toggle-readonly-bg: color-mix(in srgb, var(--lf-cc-primary) 58%, #fff); --cc-toggle-readonly-knob-bg: #fff; --cc-toggle-readonly-knob-icon-color: var(--lf-cc-primary); --cc-overlay-bg: rgba(7, 20, 31, .62); --cc-modal-border-radius: 18px; --cc-btn-border-radius: 10px; --cc-pm-toggle-border-radius: 999px; --cc-modal-transition-duration: .2s; font-family: var(--cc-font-family); text-align: left; } #cc-main .cm, #cc-main .pm { border: 2px solid var(--lf-cc-border); box-shadow: 0 24px 70px rgba(8, 25, 39, .3); } #cc-main .cm { max-width: min(760px, calc(100vw - 24px)); } #cc-main .cm__title, #cc-main .pm__title { color: var(--lf-cc-text); font-size: clamp(1.2rem, 2.2vw, 1.6rem); font-weight: 800; line-height: 1.2; } #cc-main .cm__desc, #cc-main .pm__section-desc { color: var(--lf-cc-muted); font-size: .95rem; line-height: 1.55; } #cc-main .cm__btns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55rem; } #cc-main .cm__btn-group { display: contents; } #cc-main .cm__btn, #cc-main .cm__btn--secondary, #cc-main .pm__btn, #cc-main .pm__btn--secondary { align-items: center; background: var(--lf-cc-primary); border: 2px solid var(--lf-cc-primary); border-radius: 10px; color: #fff; display: inline-flex; font-size: .88rem; font-weight: 750; justify-content: center; min-height: 48px; padding: .72rem 1rem; text-align: center; text-decoration: none; } #cc-main .cm__btn:hover, #cc-main .cm__btn--secondary:hover, #cc-main .pm__btn:hover, #cc-main .pm__btn--secondary:hover { background: var(--lf-cc-primary); border-color: var(--lf-cc-primary); color: #fff; filter: brightness(.86); } #cc-main .cm__btn:focus-visible, #cc-main .pm__btn:focus-visible, #cc-main .pm__close-btn:focus-visible, #cc-main a:focus-visible, .lf-consent-footer-settings button:focus-visible, .lf-consent-embed button:focus-visible, .lf-cookie-policy a:focus-visible, .lf-cookie-policy button:focus-visible { outline: 3px solid var(--lf-cc-accent); outline-offset: 3px; } #cc-main .cm__links a, #cc-main .pm a { color: var(--lf-cc-primary); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; } #cc-main .cm__link-group { display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; } #cc-main .cm__link-group > * + * { margin-left: 0; } #cc-main .pm__section-title { color: var(--lf-cc-text); } #cc-main .pm__body { -webkit-overflow-scrolling: touch; min-height: 0; overscroll-behavior: contain; touch-action: pan-y; } #cc-main .pm__body:focus-visible { outline: 3px solid var(--lf-cc-accent); outline-offset: -3px; } #cc-main .section__toggle:disabled + .toggle__icon { opacity: .72; } .lf-consent-gpc-note { background: color-mix(in srgb, var(--lf-cc-accent) 18%, var(--lf-cc-surface)); border-left: 4px solid var(--lf-cc-accent); color: var(--lf-cc-text); font-size: .86rem; line-height: 1.45; margin: .65rem 1rem 1rem; padding: .7rem .8rem; } .lf-consent-footer-settings { align-items: center; background: transparent; box-sizing: border-box; display: inline-flex !important; flex: 0 0 auto; font: inherit; list-style: none; margin: 0; padding: 0; position: relative; width: auto !important; z-index: 2147483000; } .lf-consent-footer-has-settings { isolation: isolate; position: relative; z-index: 2147483000; } .lf-consent-site-footer { align-items: center; background: var(--lf-cc-primary); display: flex; justify-content: center; min-height: 68px; padding: 12px; width: 100%; } .lf-consent-footer-fallback-list { align-items: center; display: flex; justify-content: center; list-style: none; margin: 0; padding: 0; } .lf-consent-footer-legal-host--laguna { visibility: visible !important; } .show--consent .lf-consent-footer-settings, .show--preferences .lf-consent-footer-settings { pointer-events: none; visibility: hidden; } .lf-consent-footer-settings[hidden] { display: none !important; } .lf-consent-footer-settings button { appearance: none; align-items: center; background: transparent; border: 0; border-radius: 0; box-shadow: none; color: inherit; cursor: pointer; display: inline-flex; font: inherit; font-weight: inherit; justify-content: center; min-height: 44px; padding: 10px 0; text-align: left; width: auto !important; } .lf-consent-footer-settings button:hover .mk-icon-list-text, .lf-consent-footer-settings button:hover .nectar-blocks-button__text { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; } .lf-consent-footer-settings--nectar button, .lf-consent-footer-settings--nectar .nectar-blocks-button__text { color: #fff6e8 !important; } .lf-consent-footer-settings--laguna { margin-left: 24px !important; } .lf-consent-footer-settings--laguna [data-lf-cookie-settings], .lf-consent-footer-settings--laguna [data-lf-cookie-settings]:hover, .lf-consent-footer-settings--laguna [data-lf-cookie-settings]:focus-visible { background: transparent !important; border-color: transparent !important; box-shadow: none !important; color: inherit !important; filter: none !important; transform: none !important; } .lf-consent-footer-settings--laguna [data-lf-cookie-settings]:hover .mk-icon-list-text, .lf-consent-footer-settings--laguna [data-lf-cookie-settings]:focus-visible .mk-icon-list-text { color: inherit !important; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; } .lf-consent-site-footer .lf-consent-footer-settings button { color: var(--lf-cc-surface); } .lf-cookie-policy__settings { appearance: none; background: var(--lf-cc-surface); border: 2px solid var(--lf-cc-primary); border-radius: 999px; box-shadow: 0 6px 18px rgba(8, 25, 39, .14); color: var(--lf-cc-primary); cursor: pointer; font: 800 14px/1.2 ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; min-height: 44px; padding: 10px 18px; } .lf-cookie-policy__settings:hover { background: var(--lf-cc-primary); color: #fff; } .lf-consent-embed { align-items: stretch; display: flex; flex-direction: column; min-height: 240px; position: relative; width: 100%; } .lf-consent-embed__notice { align-items: center; background: color-mix(in srgb, var(--lf-cc-surface) 88%, #fff); border: 2px dashed var(--lf-cc-border); border-radius: 12px; color: var(--lf-cc-text); display: flex; flex: 1; flex-direction: column; gap: .8rem; justify-content: center; min-height: 240px; padding: 1.5rem; text-align: center; } .lf-consent-embed__notice[hidden] { display: none; } .lf-consent-embed__notice p { color: var(--lf-cc-text); margin: 0; max-width: 52ch; } .lf-consent-embed__notice button { appearance: none; background: var(--lf-cc-primary); border: 2px solid var(--lf-cc-primary); border-radius: 10px; color: #fff; cursor: pointer; font: 750 14px/1.2 ui-sans-serif, system-ui, sans-serif; min-height: 44px; padding: .7rem 1rem; } .lf-consent-embed iframe { display: block; min-height: 520px; width: 100%; } .lf-consent-embed iframe[hidden] { display: none; } .lf-cookie-policy-page { background: var(--lf-cc-surface); color: var(--lf-cc-text); margin: 0; } .lf-cookie-policy, .lf-cookie-policy * { box-sizing: border-box; } .lf-cookie-policy { background: radial-gradient(circle at 8% 8%, color-mix(in srgb, var(--lf-cc-accent) 18%, transparent), transparent 30rem), radial-gradient(circle at 92% 18%, color-mix(in srgb, var(--lf-cc-border) 28%, transparent), transparent 34rem), var(--lf-cc-surface); font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; min-height: 100vh; padding: clamp(16px, 4vw, 52px); } .lf-cookie-policy__nav, .lf-cookie-policy__card { margin: 0 auto; max-width: 980px; } .lf-cookie-policy__nav { align-items: center; display: flex; justify-content: space-between; margin-bottom: 18px; } .lf-cookie-policy__nav a { color: var(--lf-cc-primary); font-weight: 800; text-decoration: none; } .lf-cookie-policy__card { background: color-mix(in srgb, var(--lf-cc-surface) 82%, #fff); border: 2px solid var(--lf-cc-border); border-radius: 20px; box-shadow: 0 24px 70px rgba(8, 25, 39, .16); padding: clamp(22px, 5vw, 64px); } .lf-cookie-policy__eyebrow { color: var(--lf-cc-primary); font-size: .78rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; } .lf-cookie-policy h1, .lf-cookie-policy h2 { color: var(--lf-cc-primary); line-height: 1.15; } .lf-cookie-policy h1 { font-size: clamp(2.5rem, 7vw, 5.3rem); letter-spacing: -.04em; margin: .25rem 0 1rem; } .lf-cookie-policy h2 { font-size: clamp(1.35rem, 3vw, 2rem); margin: 2rem 0 .55rem; } .lf-cookie-policy p, .lf-cookie-policy li, .lf-cookie-policy td, .lf-cookie-policy th { font-size: 1rem; line-height: 1.65; } .lf-cookie-policy p, .lf-cookie-policy li { color: var(--lf-cc-text); } .lf-cookie-policy a { color: var(--lf-cc-primary); font-weight: 750; text-underline-offset: 3px; } .lf-cookie-policy__table-wrap { overflow-x: auto; } .lf-cookie-policy table { border-collapse: collapse; min-width: 680px; width: 100%; } .lf-cookie-policy caption { color: var(--lf-cc-muted); font-weight: 700; padding: 0 0 .75rem; text-align: left; } .lf-cookie-policy th, .lf-cookie-policy td { border-bottom: 1px solid var(--lf-cc-border); padding: .8rem; text-align: left; vertical-align: top; } .lf-cookie-policy thead th { background: color-mix(in srgb, var(--lf-cc-border) 22%, transparent); color: var(--lf-cc-primary); } @media (max-width: 700px) { #cc-main .cm__btns { grid-template-columns: 1fr; } #cc-main .cm__btn, #cc-main .cm__btn--secondary { width: 100%; } .lf-consent-footer-settings button { min-height: 44px; } .lf-consent-footer-settings--laguna { margin-left: 16px !important; } .lf-cookie-policy { padding: 12px; } .lf-cookie-policy__card { border-radius: 14px; padding: 20px; } } @media (max-width: 640px) { #cc-main .pm { height: 100vh; height: 100dvh; max-height: 100vh; max-height: 100dvh; } } @media (prefers-reduced-motion: reduce) { #cc-main *, #cc-main *::before, #cc-main *::after, .lf-consent-footer-settings *, .lf-consent-embed * { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } }