#sct-consent-root { position: fixed; z-index: 999999; right: 24px; bottom: 24px; left: 24px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.sct-consent-root--bottom-left { right: auto !important; max-width: min(860px, calc(100vw - 48px)); }.sct-consent-root--bottom-right { right: 24px !important; left: auto !important; max-width: min(860px, calc(100vw - 48px)); }
.sct-consent { max-width: 860px; margin: 0 auto; color: #17222c; }
.sct-consent__panel { padding: 28px; border: 1px solid #d8e0ea; border-radius: var(--sct-consent-radius, 22px); background: #fff; box-shadow: 0 20px 60px rgba(22, 34, 44, .2); }
.sct-consent__head { display: flex; align-items: flex-start; gap: 16px; }.sct-consent__mark { position: relative; flex: 0 0 48px; width: 48px; height: 48px; border-radius: 50%; background: #ff8a11; }.sct-consent__mark::before { position: absolute; top: 12px; left: 12px; width: 24px; height: 24px; border-radius: 50%; background: #fff; content: ""; }.sct-consent__mark i { position: absolute; z-index: 1; top: 19px; left: 19px; width: 10px; height: 10px; border-radius: 50%; background: #17222c; }.sct-consent h2 { margin: 0; font-size: 25px; line-height: 1.2; }.sct-consent p { margin: 7px 0 0; color: #46586c; line-height: 1.55; }
.sct-consent__customer-logo { display: block; flex: 0 1 auto; width: auto; max-width: min(240px, 42vw); object-fit: contain; object-position: left center; }
.sct-consent__chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }.sct-consent__chips span { padding: 7px 13px; border: 1px solid #d8e0ea; border-radius: 999px; background: #f7f9fb; font-size: 13px; }
.sct-consent__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }.sct-consent__button { min-height: 44px; padding: 0 17px; border: 1px solid #d8e0ea; border-radius: calc(var(--sct-consent-radius, 22px) * .55); color: var(--sct-consent-secondary-text, #17222c); background: var(--sct-consent-secondary, #fff); font: 600 15px/1.2 inherit; cursor: pointer; }.sct-consent__button:focus-visible, .sct-consent__button:hover { outline: 0; border-color: var(--sct-consent-primary, #00766f); box-shadow: 0 0 0 3px rgba(0,118,111,.2); }.sct-consent__button--primary { border-color: var(--sct-consent-primary, #00766f); color: var(--sct-consent-primary-text, #fff); background: var(--sct-consent-primary, #00766f); }.sct-consent__button--ghost { color: #a02424; }.sct-consent__button--details { margin-left: auto; }
.sct-consent__links { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 16px; }.sct-consent__links a { color: var(--sct-consent-primary, #00766f); font-size: 13px; }.sct-consent__categories { display: grid; gap: 1px; margin-top: 22px; overflow: hidden; border: 1px solid #d8e0ea; border-radius: calc(var(--sct-consent-radius, 22px) * .65); }.sct-consent__category { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; background: #fff; }.sct-consent__category + .sct-consent__category { border-top: 1px solid #e7edf3; }.sct-consent__category strong, .sct-consent__category small { display: block; }.sct-consent__category small { margin-top: 3px; color: #64748b; }.sct-consent__category input { position: absolute; opacity: 0; }.sct-consent__category i { width: 42px; height: 24px; border-radius: 99px; background: #aeb9c7; }.sct-consent__category i::after { display: block; width: 18px; height: 18px; margin: 3px; border-radius: 50%; background: #fff; content: ""; transition: transform .15s ease; }.sct-consent__category input:checked + i { background: var(--sct-consent-primary, #00766f); }.sct-consent__category input:checked + i::after { transform: translateX(18px); }.sct-consent__category input:focus-visible + i { outline: 3px solid rgba(0,118,111,.28); outline-offset: 2px; }
.sct-consent-reopen { position: fixed; z-index: 999998; display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 13px; border: 1px solid currentColor; color: var(--sct-reopen-color, #17222c); background: var(--sct-reopen-background, #fff); font: 650 13px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; cursor: pointer; }.sct-consent-reopen--floating { bottom: var(--sct-reopen-offset, 18px); border-radius: 999px; box-shadow: 0 5px 18px rgba(22,34,44,.16); }.sct-consent-reopen--floating.sct-consent-reopen--right { right: var(--sct-reopen-offset, 18px); }.sct-consent-reopen--floating.sct-consent-reopen--left { left: var(--sct-reopen-offset, 18px); }.sct-consent-reopen--docked { bottom: var(--sct-reopen-offset, 18px); box-shadow: 0 4px 14px rgba(22,34,44,.12); }.sct-consent-reopen--docked.sct-consent-reopen--right { right: 0; border-right: 0; border-radius: 12px 0 0 12px; }.sct-consent-reopen--docked.sct-consent-reopen--left { left: 0; border-left: 0; border-radius: 0 12px 12px 0; }.sct-consent-reopen--vertical { top: 50%; bottom: auto; padding: 13px 9px; writing-mode: vertical-rl; transform: translateY(-50%); }.sct-consent-reopen--docked.sct-consent-reopen--vertical.sct-consent-reopen--right { border-radius: 12px 0 0 12px; }.sct-consent-reopen--docked.sct-consent-reopen--vertical.sct-consent-reopen--left { border-radius: 0 12px 12px 0; }.sct-consent-reopen--floating.sct-consent-reopen--vertical { border-radius: 12px; }.sct-consent-reopen:focus-visible, .sct-consent-reopen:hover { outline: 3px solid rgba(0,141,132,.4); outline-offset: 3px; }
.sct-consent-link { padding: 0; border: 0; color: inherit; background: transparent; font: inherit; text-decoration: underline; text-underline-offset: .12em; cursor: pointer; }.sct-consent-link:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; border-radius: 2px; }
.sct-service-placeholder { display: grid; width: 100%; place-items: center; overflow: hidden; border: 1px solid #d8e0ea; border-radius: 16px; color: #17222c; background: linear-gradient(135deg, #f4fbfa, #f7f9fb); text-align: center; }.sct-service-placeholder > div { max-width: 34rem; padding: 24px; }.sct-service-placeholder strong { display: block; font-size: 18px; }.sct-service-placeholder p { margin: 8px 0 14px; color: #46586c; line-height: 1.5; }.sct-service-placeholder .sct-consent-link { color: #006f68; font-weight: 700; }
@media (max-width: 640px) { #sct-consent-root { right: 10px; bottom: 10px; left: 10px; }.sct-consent__panel { padding: 20px; border-radius: 18px; }.sct-consent__head { flex-direction: column; }.sct-consent__customer-logo { max-width: min(240px, 75vw); }.sct-consent h2 { font-size: 22px; }.sct-consent__actions { display: grid; grid-template-columns: 1fr; }.sct-consent__button--details { margin-left: 0; }.sct-consent__button { width: 100%; }.sct-consent-reopen--floating { right: max(10px, env(safe-area-inset-right)); bottom: max(10px, env(safe-area-inset-bottom)); left: auto; min-height: 40px; padding: 0 13px; border-radius: 999px; writing-mode: horizontal-tb; transform: none; }.sct-consent-reopen--floating.sct-consent-reopen--left { right: auto; left: max(10px, env(safe-area-inset-left)); }.sct-consent-reopen--docked.sct-consent-reopen--vertical { top: 50%; bottom: auto; min-height: 42px; writing-mode: vertical-rl; transform: translateY(-50%); }.sct-consent-reopen--docked.sct-consent-reopen--horizontal { bottom: max(10px, env(safe-area-inset-bottom)); } }
