/* One transparent moving rim per group. Hover never replaces a control's paint. */
.glass-group{position:relative;isolation:isolate}
.glass-group .glass-choice{position:relative;z-index:1}
.choice-glass__frame{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .06s ease}
.choice-glass__frame svg{display:block;width:100%;height:100%;overflow:visible}
.choice-glass__rim{fill:rgba(151,188,234,.035);stroke:rgba(0,113,227,.3);stroke-width:1}
.choice-glass__frame.is-ready{opacity:1}
.packs.glass-group>.choice-glass__frame .choice-glass__rim{stroke:rgba(0,113,227,.4)}
.choice-glass__frame.is-dark .choice-glass__rim{fill:rgba(155,188,232,.04);stroke:rgba(173,204,242,.3)}
.glass-group .glass-choice,.glass-group .glass-choice.is-glass-selected{backdrop-filter:none;-webkit-backdrop-filter:none;animation:none;transition:color .12s ease,opacity .12s ease}
.glass-group .glass-choice:active,.glass-group .glass-choice .btn:active{transform:none}
.glass-group .node:not(.node--snag),.chat__kb.glass-group button,.glass-group .contact,.glass-group .pack{background:rgba(240,240,243,.18)}
.glass-group .node--snag,.glass-group .node--snag.is-on{background:rgba(177,203,236,.18);color:var(--ink);border-color:rgba(100,139,188,.22);box-shadow:none}
.glass-group .node--snag b{color:var(--ink)}
.glass-group .node:hover{border-color:var(--line)}
.glass-group .node--snag:hover{border-color:rgba(100,139,188,.22)}
.glass-group .opt.is-glass-selected,.glass-group .node.is-glass-selected,.chat__kb.glass-group button.is-glass-selected,.tabs.glass-group a.is-glass-selected{background:rgba(144,185,234,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.25);border-color:rgba(0,113,227,.22)}
.glass-group .node.is-glass-selected:hover{border-color:rgba(0,113,227,.22)}
/* Tabs use the moving frame as their only visual marker, even while another tab is active. */
.tabs.glass-group a.is-on,.tabs.glass-group a.is-glass-selected{background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;animation:none;isolation:auto}
.tabs.glass-group a.is-on::after{content:none}
.glass-group .glass-choice.is-glass-selected:not(summary)::after{content:none}
/* Keep the primary button gradient on hover instead of switching to a flat fill. */
.btn--primary:hover{background:linear-gradient(145deg,rgba(36,144,255,.96),rgba(0,113,227,.94))}
.glass-group .glass-choice:focus-visible,.glass-group .glass-choice input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.slide__thumbs.glass-group{padding:4px}
.glass-group .thumb.is-glass-preview{opacity:1}
.acc.glass-group summary{padding:22px 58px 22px 18px;border-radius:17px}
.acc.glass-group summary::after{right:24px;top:50%;transform:translateY(-70%) rotate(45deg);transform-origin:center}
.acc.glass-group details[open] summary::after{top:50%;transform:translateY(-30%) rotate(-135deg)}
.slide__more.glass-group summary{padding:6px 8px;border-radius:10px}
.acc.glass-group summary.is-glass-selected,.slide__more.glass-group summary.is-glass-selected{background:rgba(72,98,133,.18)}
.consent-choice .check{padding:8px 10px;border:1px solid transparent;border-radius:var(--r-s);cursor:pointer}
.consent-choice .check.is-glass-selected{background:rgba(218,231,248,.5);border-color:rgba(0,113,227,.22)}
.service-picker{min-width:0;z-index:3}
.service-picker__trigger{font:inherit;font-size:16px;color:var(--ink);width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--paper);cursor:pointer}
.service-picker__arrow{width:7px;height:7px;flex:none;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);margin-right:3px;transition:transform .2s}
.service-picker__trigger[aria-expanded="true"] .service-picker__arrow{transform:rotate(225deg)}
.service-picker__options{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:10;padding:6px;max-height:min(320px,45vh);overflow-y:auto;overscroll-behavior:contain;border:1px solid rgba(100,127,166,.28);border-radius:var(--r-m);background:rgba(235,237,243,.98);box-shadow:0 12px 32px rgba(29,39,58,.18)}
.service-picker__options[hidden]{display:none}
.service-picker__option{display:block;width:100%;font:inherit;font-size:15px;line-height:1.35;color:var(--ink);padding:10px 12px;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left;cursor:pointer}
.service-picker__option[aria-selected="true"]{color:var(--blue-d);font-weight:500;background:rgba(209,225,247,.7)}
@media(prefers-reduced-motion:reduce){.choice-glass__frame,.tabs__glass,.service-picker__arrow{transition:none}.glass-group .glass-choice,.glass-group .glass-choice.is-glass-selected{animation:none;transition:none}}
