.df-consent{position: fixed;inset: auto var(--df-space-3) var(--df-space-3);z-index: 80;display: grid;justify-items: end;pointer-events: none}.df-consent[hidden]{display: none}.df-consent__panel{width: min(100%,38rem);max-height: min(40vh,21rem);overflow: auto;padding: clamp(var(--df-space-3),2vw,var(--df-space-4));border: 1px solid var(--df-color-border);border-radius: var(--df-radius-lg);background: var(--df-color-surface);box-shadow: var(--df-shadow-2);color: var(--df-color-text);pointer-events: auto}.df-consent.df-is-open{pointer-events: auto}.df-consent__head{display: flex;align-items: start;justify-content: space-between;gap: var(--df-space-3);margin-bottom: var(--df-space-3)}.df-consent__title{margin: 0;font-size: 1rem;line-height: 1.35}.df-consent__text,.df-consent__note{margin: 0 0 var(--df-space-3);color: var(--df-color-muted);font-size: var(--df-font-size-small);line-height: 1.55}.df-consent__close,.df-consent__button{min-height: 2.75rem;border: 1px solid var(--df-color-border);border-radius: var(--df-radius-md);background: var(--df-color-surface);color: var(--df-color-text);cursor: pointer;font: inherit;font-size: var(--df-font-size-small);font-weight: 750}.df-consent__close{inline-size: 2.75rem;padding: 0}.df-consent__button{padding: 0.5rem 0.8rem}.df-consent__button--primary{border-color: var(--df-color-primary);background: var(--df-color-primary);color: #ffffff}.df-consent__button:hover,.df-consent__close:hover{border-color: var(--df-color-primary);background: var(--df-color-primary-soft);color: var(--df-color-text)}.df-consent__button--primary:hover{color: #ffffff;background: var(--df-color-primary-hover)}.df-consent__actions{display: flex;flex-wrap: wrap;gap: var(--df-space-2)}.df-consent__prefs{display: grid;gap: var(--df-space-2);margin: var(--df-space-3) 0}.df-consent__prefs[hidden]{display: none}.df-consent__choice{display: flex;gap: var(--df-space-2);align-items: start;padding: var(--df-space-3);border: 1px solid var(--df-color-border-soft);border-radius: var(--df-radius-sm);background: var(--df-color-page)}.df-consent__choice input{margin-top: 0.2rem;accent-color: var(--df-color-primary)}.df-consent__choice strong{display: block;line-height: 1.35}.df-consent__choice span{display: block;color: var(--df-color-muted);font-size: var(--df-font-size-small);line-height: 1.45}.df-consent__links{display: flex;flex-wrap: wrap;gap: var(--df-space-3);margin-top: var(--df-space-3);font-size: var(--df-font-size-small)}.df-consent a:focus-visible,.df-consent__button:focus-visible,.df-consent__close:focus-visible,.df-consent__choice input:focus-visible{outline: 2px solid var(--df-color-focus);outline-offset: 3px}@media (max-width: 42rem){.df-consent{inset: auto var(--df-space-2) var(--df-space-2)}.df-consent__actions{display: grid}}