body[b-d6ww2xepq5] .site-consent-pinned { position: sticky; bottom: 0; z-index: var(--site-z-bottom-bar); order: 1; max-height: 40dvh; overflow-y: auto; overscroll-behavior: contain; gap: 8px; padding-block: 12px 0; padding-inline: max(16px, env(safe-area-inset-left), 50% - 640px) max(16px, env(safe-area-inset-right), 50% - 640px); border-top: 1px solid var(--color-muted); border-bottom: 0; box-shadow: 0 -2px 8px var(--color-shadow); --consent-answer: 7.5rem; } body[b-d6ww2xepq5] .site-consent-pinned .site-consent-actions { display: contents; } body[b-d6ww2xepq5] .site-consent-pinned a { text-decoration: underline; } body[b-d6ww2xepq5] .site-consent-buttons { position: sticky; bottom: 0; display: grid; flex: 1 1 100%; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 8px; background: var(--color-surface-raised); } body[b-d6ww2xepq5] .site-consent-buttons, body[b-d6ww2xepq5] .site-consent-choice:not([open]) { padding-block: 4px 12px; } body[b-d6ww2xepq5] .site-consent-pinned .site-consent-button { min-width: 0; padding-inline: 8px; font-size: var(--font-size-b3); overflow-wrap: anywhere; } body[b-d6ww2xepq5] .site-consent-choice { flex: 1 1 100%; min-width: 0; } body[b-d6ww2xepq5] .site-consent-choice:not([open]) { flex: 0 0 auto; } body[b-d6ww2xepq5] .site-consent-choice, body[b-d6ww2xepq5] .site-consent-choice > summary, body[b-d6ww2xepq5] .site-consent-choice > summary::after, body[b-d6ww2xepq5] .site-consent-buttons, body[b-d6ww2xepq5] .site-consent-pinned .site-consent-button { transition: none; } body[b-d6ww2xepq5] .site-consent-choice > p { padding-block: 4px 8px; } body[b-d6ww2xepq5] .site-consent-choice:not([open]) + .site-consent-buttons { flex: 1 1 0; } body[b-d6ww2xepq5] .site-consent-choice:not([open]) + .site-consent-buttons > :last-child { display: none; } body[b-d6ww2xepq5] .site-consent-choice > summary { display: flex; align-items: center; justify-content: center; gap: 6px; width: fit-content; padding-inline: 12px; list-style: none; } body[b-d6ww2xepq5] .site-consent-choice > summary::-webkit-details-marker { display: none; } body[b-d6ww2xepq5] .site-consent-choice > summary::after { content: ""; border: solid transparent; border-width: 6px 5px 0; border-top-color: currentColor; } body[b-d6ww2xepq5] .site-consent-choice[open] > summary::after { border-width: 0 5px 6px; border-top-color: transparent; border-bottom-color: currentColor; } body[b-d6ww2xepq5] .site-consent-choice[open] > summary { margin-bottom: 8px; } @media (max-width: 1099.98px) { body[b-d6ww2xepq5] .site-consent-pinned { bottom: calc(var(--site-bottom-bar-height) + env(safe-area-inset-bottom)); } } @media (max-width: 599.98px) { body[b-d6ww2xepq5] .site-consent-choice:not([open]) { display: grid; align-self: stretch; } body[b-d6ww2xepq5] .site-consent-pinned:has(.site-consent-choice[open]) .site-consent-body { display: none; } } @media (min-width: 600px) { body[b-d6ww2xepq5] .site-consent-pinned .site-consent-body { margin-inline-end: 8px; } body[b-d6ww2xepq5] .site-consent-buttons { flex: 0 1 auto; grid-auto-columns: minmax(0, var(--consent-answer)); margin-inline-start: auto; } body[b-d6ww2xepq5] .site-consent-choice:not([open]) { margin-inline-start: auto; } body[b-d6ww2xepq5] .site-consent-choice:not([open]) + .site-consent-buttons { flex: 0 1 auto; margin-inline-start: 0; } body[b-d6ww2xepq5] .site-consent-choice[open] + .site-consent-buttons { flex: 1 1 100%; justify-content: end; } } @media (min-width: 1100px) { body[b-d6ww2xepq5] .site-consent-pinned { --consent-answer: 11rem; } body[b-d6ww2xepq5] .site-consent-pinned .site-consent-button { font-size: inherit; } body[b-d6ww2xepq5] .site-consent-choice > summary { width: var(--consent-answer); } body[b-d6ww2xepq5] .site-consent-buttons, body[b-d6ww2xepq5] .site-consent-choice:not([open]) { padding-bottom: calc(12px + env(safe-area-inset-bottom)); } body[b-d6ww2xepq5] .site-consent-choice .site-consent-purposes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; } } body[b-d6ww2xepq5] .site-consent-pinned ~ .site-footer #scrollBtn, body[b-d6ww2xepq5] .site-consent-dock ~ .site-footer #scrollBtn { display: none; } body[b-d6ww2xepq5] .site-cookie { --cookie-edge: 15px; position: fixed; right: var(--cookie-edge); bottom: 95px; z-index: var(--site-z-bottom-bar); } body[b-d6ww2xepq5] .site-cookie__toggle { display: grid; place-items: center; width: 50px; height: 50px; color: var(--color-on-primary); background: var(--color-primary-strong); border-radius: 15px; cursor: pointer; list-style: none; transition: none; } body[b-d6ww2xepq5] .site-cookie__toggle::-webkit-details-marker { display: none; } body[b-d6ww2xepq5] .site-cookie__toggle:focus-visible { outline: 3px solid var(--color-focus-ring); outline-offset: 2px; } body[b-d6ww2xepq5] .site-cookie > .site-consent-settings { position: absolute; right: 0; bottom: calc(100% + 8px); flex-direction: column; align-items: stretch; gap: 12px; width: min(24rem, 100vw - 2 * var(--cookie-edge)); max-height: calc(100dvh - 200px); overflow-y: auto; overscroll-behavior: contain; border: 1px solid var(--color-border); border-radius: 16px; box-shadow: 0 10px 30px var(--color-shadow); } body[b-d6ww2xepq5] .site-cookie .site-consent-row { flex-wrap: nowrap; justify-content: space-between; } body[b-d6ww2xepq5] .site-cookie .site-consent-button { flex: 0 0 auto; min-width: 0; } body[b-d6ww2xepq5] .site-cookie a { text-decoration: underline; } body[b-d6ww2xepq5] .site-consent-dock { position: sticky; bottom: 0; z-index: var(--site-z-bottom-bar); order: 1; min-width: 0; } body[b-d6ww2xepq5] .site-consent-dock > .site-cookie { position: absolute; bottom: calc(100% + 8px); } body[b-d6ww2xepq5] .site-consent-dock > .site-cookie > .site-consent-settings { max-height: calc(60dvh - 130px); } @media (max-width: 1099.98px) { body[b-d6ww2xepq5] .site-cookie { --cookie-edge: 8px; bottom: calc(var(--site-bottom-bar-height) + env(safe-area-inset-bottom) + 64px); } body[b-d6ww2xepq5] .site-cookie__toggle { width: 44px; height: 44px; border-radius: 50%; } body[b-d6ww2xepq5] .site-consent-dock { bottom: calc(var(--site-bottom-bar-height) + env(safe-area-inset-bottom)); } } body[b-d6ww2xepq5] .site-settings__panel { max-height: calc(100dvh - 96px); overflow-y: auto; overscroll-behavior: contain; } body[b-d6ww2xepq5] form.site-settings__setting .site-chips { flex-wrap: nowrap; } body[b-d6ww2xepq5] form.site-settings__setting .site-chip { flex: 1 1 0; justify-content: center; min-width: 0; padding-inline: 8px; } .components-reconnect-first-attempt-visible[b-ppypdyh2fd], .components-reconnect-repeated-attempt-visible[b-ppypdyh2fd], .components-reconnect-failed-visible[b-ppypdyh2fd], .components-pause-visible[b-ppypdyh2fd], .components-resume-failed-visible[b-ppypdyh2fd], .components-reconnect-stage[b-ppypdyh2fd] { display: none; } #components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-ppypdyh2fd], #components-reconnect-modal.components-reconnect-show .components-reconnect-stage[b-ppypdyh2fd], #components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-ppypdyh2fd], #components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-ppypdyh2fd], #components-reconnect-modal.components-reconnect-retrying[b-ppypdyh2fd], #components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-ppypdyh2fd], #components-reconnect-modal.components-reconnect-retrying .components-reconnect-stage[b-ppypdyh2fd], #components-reconnect-modal.components-reconnect-failed[b-ppypdyh2fd], #components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-ppypdyh2fd] { display: block; } #components-reconnect-modal[b-ppypdyh2fd] { box-sizing: border-box; width: min(20rem, calc(100vw - 2rem)); margin: 20vh auto; padding: 2rem; border: var(--border-width) solid var(--color-border); border-radius: var(--radius-lg); background-color: var(--color-surface-raised); color: var(--color-body); font-family: var(--font-secondary); box-shadow: 0 8px 24px var(--color-shadow); opacity: 0; transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete; animation: components-reconnect-modal-fadeOutOpacity-b-ppypdyh2fd 0.5s both; } #components-reconnect-modal:focus[b-ppypdyh2fd] { outline: none; } #components-reconnect-modal[open][b-ppypdyh2fd] { animation: components-reconnect-modal-slideUp-b-ppypdyh2fd 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-ppypdyh2fd 0.5s ease-in-out 0.3s; animation-fill-mode: both; } #components-reconnect-modal[b-ppypdyh2fd]::backdrop { background-color: var(--color-scrim); animation: components-reconnect-modal-fadeInOpacity-b-ppypdyh2fd 0.5s ease-in-out; opacity: 1; } @keyframes components-reconnect-modal-slideUp-b-ppypdyh2fd { 0% { transform: translateY(30px) scale(0.95); } 100% { transform: translateY(0); } } @keyframes components-reconnect-modal-fadeInOpacity-b-ppypdyh2fd { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes components-reconnect-modal-fadeOutOpacity-b-ppypdyh2fd { 0% { opacity: 1; } 100% { opacity: 0; } } .components-reconnect-container[b-ppypdyh2fd] { display: flex; flex-direction: column; align-items: center; gap: 1rem; } #components-reconnect-modal p[b-ppypdyh2fd] { margin: 0; text-align: center; font-size: 1rem; line-height: 1.5; color: var(--color-heading); } #components-reconnect-modal p.components-reconnect-repeated-attempt-visible[b-ppypdyh2fd] { color: var(--color-body); } #components-reconnect-modal button[b-ppypdyh2fd] { min-height: 44px; min-width: 44px; border: 0; border-radius: var(--radius-sm); padding: 0.5rem 1.5rem; background-color: var(--color-primary-strong); color: var(--color-on-primary); font: inherit; font-weight: var(--f-semibold); cursor: pointer; } #components-reconnect-modal button:hover[b-ppypdyh2fd] { background-color: var(--color-primary-hover); } #components-reconnect-modal button:focus-visible[b-ppypdyh2fd] { outline: 2px solid var(--color-focus-ring); outline-offset: 2px; } .components-reconnect-stage[b-ppypdyh2fd] { position: relative; width: 96px; height: 96px; } .components-reconnect-ring[b-ppypdyh2fd] { position: absolute; inset: 0; box-sizing: border-box; border: 4px solid var(--color-border); border-top-color: var(--color-primary); border-radius: var(--radius-full); animation: components-reconnect-ring-spin-b-ppypdyh2fd 1.1s linear infinite; } .components-reconnect-stage[b-ppypdyh2fd] .components-reconnect-mark { position: absolute; inset: 0; margin: auto; width: 48px; height: auto; } @keyframes components-reconnect-ring-spin-b-ppypdyh2fd { to { transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce) { #components-reconnect-modal[b-ppypdyh2fd], #components-reconnect-modal[open][b-ppypdyh2fd], #components-reconnect-modal[b-ppypdyh2fd]::backdrop, .components-reconnect-ring[b-ppypdyh2fd] { animation: none; } #components-reconnect-modal[open][b-ppypdyh2fd] { opacity: 1; } }