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-rejoining-animation[b-ppypdyh2fd] { display: none; } #components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-ppypdyh2fd], #components-reconnect-modal.components-reconnect-show .components-rejoining-animation[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-rejoining-animation[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] { background-color: white; width: 20rem; margin: 20vh auto; padding: 2rem; border: 0; border-radius: 0.5rem; box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3); opacity: 0; transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete; animation: components-reconnect-modal-fadeOutOpacity-b-ppypdyh2fd 0.5s both; &[open] { 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: rgba(0, 0, 0, 0.4); 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; } #components-reconnect-modal button[b-ppypdyh2fd] { border: 0; background-color: #6b9ed2; color: white; padding: 4px 24px; border-radius: 4px; } #components-reconnect-modal button:hover[b-ppypdyh2fd] { background-color: #3b6ea2; } #components-reconnect-modal button:active[b-ppypdyh2fd] { background-color: #6b9ed2; } .components-rejoining-animation[b-ppypdyh2fd] { position: relative; width: 80px; height: 80px; } .components-rejoining-animation div[b-ppypdyh2fd] { position: absolute; border: 3px solid #0087ff; opacity: 1; border-radius: 50%; animation: components-rejoining-animation-b-ppypdyh2fd 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite; } .components-rejoining-animation div:nth-child(2)[b-ppypdyh2fd] { animation-delay: -0.5s; } @keyframes components-rejoining-animation-b-ppypdyh2fd { 0% { top: 40px; left: 40px; width: 0; height: 0; opacity: 0; } 4.9% { top: 40px; left: 40px; width: 0; height: 0; opacity: 0; } 5% { top: 40px; left: 40px; width: 0; height: 0; opacity: 1; } 100% { top: 0px; left: 0px; width: 80px; height: 80px; opacity: 0; } }