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 { display: none; } 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; } }