:root{--brand-primary-hover: color-mix(in oklab, var(--brand-primary) 88%, #fff);--brand-primary-pressed: color-mix(in oklab, var(--brand-primary) 88%, #000);--brand-primary-soft: color-mix(in srgb, var(--brand-primary) 14%, #fff);--brand-primary-softer: color-mix(in srgb, var(--brand-primary) 6%, #fff);--brand-primary-border: color-mix(in srgb, var(--brand-primary) 35%, #fff);--brand-accent-hover: color-mix(in oklab, var(--brand-accent) 88%, #fff);--brand-accent-soft: color-mix(in srgb, var(--brand-accent) 14%, #fff);--brand-accent-border: color-mix(in srgb, var(--brand-accent) 35%, #fff);--brand-on-primary: #fff;--brand-on-accent: #fff;--brand-focus-ring: color-mix(in srgb, var(--brand-accent) 25%, transparent)}@supports (color: oklch(from black l c h)){:root{--brand-on-primary: oklch(from var(--brand-primary) calc(clamp(0, (l - .78) * 1000, 1)*.18 + (1 - clamp(0, (l - .78) * 1000, 1))*1) 0 0);--brand-on-accent: oklch(from var(--brand-accent) calc(clamp(0, (l - .78) * 1000, 1)*.18 + (1 - clamp(0, (l - .78) * 1000, 1))*1) 0 0)}}.btn-primary{--bs-btn-color: var(--brand-on-primary);--bs-btn-bg: var(--brand-primary);--bs-btn-border-color: color-mix(in oklab, var(--brand-primary) 80%, #000);--bs-btn-hover-color: var(--brand-on-primary);--bs-btn-hover-bg: var(--brand-primary);--bs-btn-hover-border-color: color-mix(in oklab, var(--brand-primary) 80%, #000);--bs-btn-active-color: var(--brand-on-primary);--bs-btn-active-bg: color-mix(in oklab, var(--brand-primary) 88%, #000);--bs-btn-active-border-color: color-mix(in oklab, var(--brand-primary) 75%, #000);--bs-btn-disabled-color: var(--brand-on-primary);--bs-btn-disabled-bg: var(--brand-primary);--bs-btn-disabled-border-color: color-mix(in oklab, var(--brand-primary) 80%, #000);background:linear-gradient(180deg,color-mix(in oklab,var(--brand-primary) 92%,#fff) 0%,var(--brand-primary) 100%);border-color:color-mix(in oklab,var(--brand-primary) 80%,#000);box-shadow:0 1px 2px #0000000f;color:var(--brand-on-primary)}.btn-primary:hover{background:linear-gradient(180deg,var(--brand-primary) 0%,color-mix(in oklab,var(--brand-primary) 92%,#fff) 100%);color:var(--brand-on-primary)}.btn-primary:active,.btn-primary.active{background:color-mix(in oklab,var(--brand-primary) 88%,#000);color:var(--brand-on-primary);box-shadow:inset 0 1px 2px #0000002e}.btn-primary:focus-visible{outline:none;box-shadow:0 0 0 3px var(--brand-focus-ring),0 1px 2px #0000000f}.btn-secondary i{color:var(--brand-primary)}.btn-outline-secondary{--bs-btn-hover-color: var(--brand-primary);--bs-btn-hover-bg: var(--brand-primary-softer);--bs-btn-hover-border-color: var(--brand-primary);--bs-btn-active-color: var(--brand-on-primary);--bs-btn-active-bg: var(--brand-primary);--bs-btn-active-border-color: var(--brand-primary)}.btn-outline-danger{--bs-btn-hover-color: var(--safe4-ember);--bs-btn-hover-bg: var(--safe4-ember-soft);--bs-btn-hover-border-color: var(--safe4-ember)}.btn.s4-icon{width:28px;height:28px;padding:0;border:none;background:transparent;color:var(--safe4-text-muted);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;text-decoration:none}.btn.s4-icon:hover,.btn.s4-icon:focus-visible{background:var(--brand-primary-softer);color:var(--brand-primary);text-decoration:none}.btn.s4-icon.text-danger:hover{background:var(--safe4-ember-soft);color:var(--safe4-ember)}.btn.s4-icon.dropdown-toggle:after{display:none}.s4-nav__strip{height:6px;background:linear-gradient(90deg,color-mix(in srgb,var(--brand-primary) 80%,#fff) 0%,var(--brand-primary) 50%,color-mix(in srgb,var(--brand-primary) 80%,#000) 100%)}.s4-nav__primary a.active,.s4-nav__primary .nav-link.active{color:var(--brand-on-primary);background:var(--brand-primary)}.s4-nav__primary a:hover{background:#0000000a}.nav-pills{--bs-nav-pills-link-active-bg: var(--brand-primary);--bs-nav-pills-link-active-color: var(--brand-on-primary)}.s4-tab.active i,.tab.active i{color:var(--brand-primary)}.dlg__header,.modal-header{background:linear-gradient(180deg,color-mix(in oklab,var(--brand-primary) 92%,#fff) 0%,var(--brand-primary) 100%);color:var(--brand-on-primary);border-bottom-color:color-mix(in oklab,var(--brand-primary) 80%,#000)}.dlg__header .btn-close,.modal-header .btn-close{filter:invert(1) brightness(2)}.modal-header--danger{background:var(--safe4-danger);border-bottom-color:var(--safe4-danger-dark, color-mix(in oklab, var(--safe4-danger) 80%, #000))}a.safe4-link,.content-area a:not(.btn):not(.s4-tab):not(.tab){color:var(--brand-accent);text-decoration-color:color-mix(in srgb,var(--brand-accent) 30%,transparent)}.content-area a:not(.btn):hover{text-decoration-color:var(--brand-accent)}.form-control:focus,input[type=text]:focus,input[type=email]:focus,input[type=search]:focus,input[type=password]:focus,select:focus,textarea:focus{border-color:var(--brand-accent);box-shadow:0 0 0 3px var(--brand-focus-ring);outline:none}.progress-bar,.s4-progress__fill{background:linear-gradient(90deg,var(--brand-accent) 0%,var(--brand-primary) 100%)}.panel__title .info{background:color-mix(in srgb,var(--brand-primary) 12%,#fff);color:var(--brand-ink)}.perm--on{background:var(--brand-primary-soft);border-color:var(--brand-primary-border);color:var(--brand-primary)}.perm--on i{color:var(--brand-primary)}.switch.on{background:var(--brand-primary)}:root{--brand-one: var(--brand-primary)}