:root {
  --cdaw-primary: #60004b;
  --cdaw-accent: #ff5a00;
  --cdaw-panel-bg: #eff1f5;
  --cdaw-card-bg: #fff;
  --cdaw-z-index: 2147483601;
  --cdaw-guide-z-index: 2147483500;
  --cdaw-text-scale: 1;
}

@font-face {
  font-family: "Atkinson Hyperlegible";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/atkinson/AtkinsonHyperlegible-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Atkinson Hyperlegible";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/atkinson/AtkinsonHyperlegible-Italic.woff2") format("woff2");
}

@font-face {
  font-family: "Atkinson Hyperlegible";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/atkinson/AtkinsonHyperlegible-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "Atkinson Hyperlegible";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/atkinson/AtkinsonHyperlegible-BoldItalic.woff2") format("woff2");
}

html.cdaw-highlight-title #page-container :where(h1, h2, h3, h4, h5, h6, .et_pb_module_header, .et_pb_slide_title),
html.cdaw-highlight-title #et-main-area :where(h1, h2, h3, h4, h5, h6, .et_pb_module_header, .et_pb_slide_title),
html.cdaw-highlight-title main :where(h1, h2, h3, h4, h5, h6, .et_pb_module_header, .et_pb_slide_title),
html.cdaw-highlight-title rs-layer :where(h1, h2, h3, h4, h5, h6),
html.cdaw-highlight-title .rs-layer :where(h1, h2, h3, h4, h5, h6),
html.cdaw-highlight-title .tp-caption :where(h1, h2, h3, h4, h5, h6),
html.cdaw-highlight-title sr7-txt.cdaw-slider-title-layer,
html.cdaw-highlight-title sr7-btn.cdaw-slider-title-layer,
html.cdaw-highlight-title .sr7-layer.cdaw-slider-title-layer,
html.cdaw-highlight-title .cdaw-slider-title-layer {
  outline: 3px solid var(--cdaw-accent) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 2px var(--cdaw-primary), 0 0 18px rgb(0 0 0 / 35%) !important;
}

html.cdaw-highlight-links #page-container a[href],
html.cdaw-highlight-links #et-main-area a[href],
html.cdaw-highlight-links main a[href],
html.cdaw-highlight-links rs-layer a[href],
html.cdaw-highlight-links .rs-layer a[href],
html.cdaw-highlight-links .tp-caption a[href],
html.cdaw-highlight-links sr7-txt a[href],
html.cdaw-highlight-links .sr7-layer a[href],
html.cdaw-highlight-links a.sr7-layer[href],
html.cdaw-highlight-links sr7-btn a[href] {
  text-decoration: underline !important;
  text-decoration-thickness: max(2px, 0.12em) !important;
  text-underline-offset: 0.18em !important;
  outline: 2px solid var(--cdaw-accent) !important;
  outline-offset: 2px !important;
}

html.cdaw-readable-font #page-container :where(h1, h2, h3, h4, h5, h6, p, li, a, button, label, input, textarea, select, blockquote, th, td, figcaption, .et_pb_text, .et_pb_text_inner, .et_pb_button, .et_pb_module),
html.cdaw-readable-font #et-main-area :where(h1, h2, h3, h4, h5, h6, p, li, a, button, label, input, textarea, select, blockquote, th, td, figcaption, .et_pb_text, .et_pb_text_inner, .et_pb_button, .et_pb_module),
html.cdaw-readable-font main :where(h1, h2, h3, h4, h5, h6, p, li, a, button, label, input, textarea, select, blockquote, th, td, figcaption, .et_pb_text, .et_pb_text_inner, .et_pb_button, .et_pb_module),
html.cdaw-readable-font rs-layer,
html.cdaw-readable-font .rs-layer,
html.cdaw-readable-font .tp-caption,
html.cdaw-readable-font rs-layer *,
html.cdaw-readable-font .rs-layer *,
html.cdaw-readable-font .tp-caption *,
html.cdaw-readable-font sr7-txt,
html.cdaw-readable-font sr7-btn,
html.cdaw-readable-font sr7-layer,
html.cdaw-readable-font .sr7-layer,
html.cdaw-readable-font sr7-txt *,
html.cdaw-readable-font sr7-btn *,
html.cdaw-readable-font sr7-layer *,
html.cdaw-readable-font .sr7-layer * {
  font-family: "Atkinson Hyperlegible", Arial, sans-serif !important;
}

html.cdaw-letter-spacing #page-container :where(h1, h2, h3, h4, h5, h6, p, li, a, button, label, blockquote, th, td, figcaption, .et_pb_text, .et_pb_text_inner),
html.cdaw-letter-spacing #et-main-area :where(h1, h2, h3, h4, h5, h6, p, li, a, button, label, blockquote, th, td, figcaption, .et_pb_text, .et_pb_text_inner),
html.cdaw-letter-spacing main :where(h1, h2, h3, h4, h5, h6, p, li, a, button, label, blockquote, th, td, figcaption, .et_pb_text, .et_pb_text_inner) {
  letter-spacing: 0.08em !important;
}

html.cdaw-letter-spacing rs-layer,
html.cdaw-letter-spacing .rs-layer,
html.cdaw-letter-spacing .tp-caption,
html.cdaw-letter-spacing sr7-txt,
html.cdaw-letter-spacing sr7-btn,
html.cdaw-letter-spacing sr7-layer,
html.cdaw-letter-spacing .sr7-layer {
  letter-spacing: 0.05em !important;
}

html.cdaw-font-weight #page-container :where(h1, h2, h3, h4, h5, h6, p, li, a, label, button, blockquote, th, td, figcaption, .et_pb_text, .et_pb_text_inner, .et_pb_button),
html.cdaw-font-weight #et-main-area :where(h1, h2, h3, h4, h5, h6, p, li, a, label, button, blockquote, th, td, figcaption, .et_pb_text, .et_pb_text_inner, .et_pb_button),
html.cdaw-font-weight main :where(h1, h2, h3, h4, h5, h6, p, li, a, label, button, blockquote, th, td, figcaption, .et_pb_text, .et_pb_text_inner, .et_pb_button),
html.cdaw-font-weight rs-layer,
html.cdaw-font-weight .rs-layer,
html.cdaw-font-weight .tp-caption,
html.cdaw-font-weight sr7-txt,
html.cdaw-font-weight sr7-btn,
html.cdaw-font-weight sr7-layer,
html.cdaw-font-weight .sr7-layer {
  font-weight: 700 !important;
}

html.cdaw-line-height #page-container :where(p, li, blockquote, figcaption, td, th, label, .et_pb_text, .et_pb_text_inner, .et_pb_blurb_description, .et_pb_slide_content, .et_pb_toggle_content, .et_pb_tab_content),
html.cdaw-line-height #et-main-area :where(p, li, blockquote, figcaption, td, th, label, .et_pb_text, .et_pb_text_inner, .et_pb_blurb_description, .et_pb_slide_content, .et_pb_toggle_content, .et_pb_tab_content),
html.cdaw-line-height main :where(p, li, blockquote, figcaption, td, th, label, .et_pb_text, .et_pb_text_inner, .et_pb_blurb_description, .et_pb_slide_content, .et_pb_toggle_content, .et_pb_tab_content) {
  line-height: 1.75 !important;
}

html.cdaw-line-height #page-container :where(h1, h2, h3, h4, h5, h6, .et_pb_module_header, .et_pb_slide_title),
html.cdaw-line-height #et-main-area :where(h1, h2, h3, h4, h5, h6, .et_pb_module_header, .et_pb_slide_title),
html.cdaw-line-height main :where(h1, h2, h3, h4, h5, h6, .et_pb_module_header, .et_pb_slide_title) {
  line-height: 1.25 !important;
}

html.cdaw-line-height rs-layer,
html.cdaw-line-height .rs-layer,
html.cdaw-line-height .tp-caption,
html.cdaw-line-height sr7-txt,
html.cdaw-line-height sr7-btn,
html.cdaw-line-height sr7-layer,
html.cdaw-line-height .sr7-layer {
  line-height: 1.35 !important;
}

html.cdaw-line-height rs-layer :where(h1, h2, h3, h4, h5, h6),
html.cdaw-line-height .rs-layer :where(h1, h2, h3, h4, h5, h6),
html.cdaw-line-height .tp-caption :where(h1, h2, h3, h4, h5, h6),
html.cdaw-line-height sr7-txt :where(h1, h2, h3, h4, h5, h6),
html.cdaw-line-height .sr7-layer :where(h1, h2, h3, h4, h5, h6),
html.cdaw-line-height sr7-btn :where(h1, h2, h3, h4, h5, h6) {
  line-height: 1.25 !important;
}

html.cdaw-line-height rs-layer :where(p, span, a),
html.cdaw-line-height .rs-layer :where(p, span, a),
html.cdaw-line-height .tp-caption :where(p, span, a),
html.cdaw-line-height sr7-txt :where(p, span, a),
html.cdaw-line-height .sr7-layer :where(p, span, a),
html.cdaw-line-height sr7-btn :where(p, span, a) {
  line-height: 1.6 !important;
}

html.cdaw-color-high-saturation #page-container,
html.cdaw-color-high-saturation #et-main-area,
html.cdaw-color-high-saturation main,
html.cdaw-color-high-saturation rs-module,
html.cdaw-color-high-saturation .rev_slider_wrapper,
html.cdaw-color-high-saturation sr7-module {
  filter: saturate(200%) !important;
}

html.cdaw-color-low-saturation #page-container,
html.cdaw-color-low-saturation #et-main-area,
html.cdaw-color-low-saturation main,
html.cdaw-color-low-saturation rs-module,
html.cdaw-color-low-saturation .rev_slider_wrapper,
html.cdaw-color-low-saturation sr7-module {
  filter: saturate(50%) !important;
}

html.cdaw-color-monochrome #page-container,
html.cdaw-color-monochrome #et-main-area,
html.cdaw-color-monochrome main,
html.cdaw-color-monochrome rs-module,
html.cdaw-color-monochrome .rev_slider_wrapper,
html.cdaw-color-monochrome sr7-module {
  filter: grayscale(100%) !important;
}

html.cdaw-contrast-dark body,
html.cdaw-contrast-dark #page-container,
html.cdaw-contrast-dark #et-main-area,
html.cdaw-contrast-dark .et_builder_inner_content {
  background-color: #000 !important;
  color: #fff !important;
}

html.cdaw-contrast-dark #page-container :where(div, section, article, main, header, footer, aside, form, fieldset, table, tr, td, th, .et_pb_section, .et_pb_row, .et_pb_column, .et_pb_module, .et_pb_text, .et_pb_text_inner, .et_pb_blurb, .et_pb_contact_form),
html.cdaw-contrast-dark #et-main-area :where(div, section, article, main, header, footer, aside, form, fieldset, table, tr, td, th, .et_pb_section, .et_pb_row, .et_pb_column, .et_pb_module, .et_pb_text, .et_pb_text_inner, .et_pb_blurb, .et_pb_contact_form) {
  background-color: #000 !important;
  color: #fff !important;
}

html.cdaw-contrast-dark #page-container :where(h1, h2, h3, h4, h5, h6, p, li, blockquote, figcaption, td, th, label, span, strong, em, .et_pb_module_header, .et_pb_blurb_description, .et_pb_slide_title, .et_pb_slide_content),
html.cdaw-contrast-dark #et-main-area :where(h1, h2, h3, h4, h5, h6, p, li, blockquote, figcaption, td, th, label, span, strong, em, .et_pb_module_header, .et_pb_blurb_description, .et_pb_slide_title, .et_pb_slide_content) {
  color: #fff !important;
  text-shadow: none !important;
}

html.cdaw-contrast-dark #page-container a[href],
html.cdaw-contrast-dark #et-main-area a[href] {
  color: #fff !important;
  text-decoration: underline !important;
  text-decoration-color: var(--cdaw-accent) !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 0.18em !important;
}

html.cdaw-contrast-dark #page-container :where(button, input, textarea, select, .et_pb_button),
html.cdaw-contrast-dark #et-main-area :where(button, input, textarea, select, .et_pb_button) {
  background-color: #000 !important;
  color: #fff !important;
  border: 2px solid var(--cdaw-accent) !important;
}

html.cdaw-contrast-dark #page-container input::placeholder,
html.cdaw-contrast-dark #page-container textarea::placeholder,
html.cdaw-contrast-dark #et-main-area input::placeholder,
html.cdaw-contrast-dark #et-main-area textarea::placeholder {
  color: #fff !important;
  opacity: 0.8 !important;
}

html.cdaw-contrast-light body,
html.cdaw-contrast-light #page-container,
html.cdaw-contrast-light #et-main-area,
html.cdaw-contrast-light .et_builder_inner_content {
  background-color: #fff !important;
  color: #000 !important;
}

html.cdaw-contrast-light #page-container :where(.et_pb_section, .et_pb_row, .et_pb_column, .et_pb_module, .et_pb_text, .et_pb_text_inner, .et_pb_blurb, .et_pb_contact_form, article, section, main),
html.cdaw-contrast-light #et-main-area :where(.et_pb_section, .et_pb_row, .et_pb_column, .et_pb_module, .et_pb_text, .et_pb_text_inner, .et_pb_blurb, .et_pb_contact_form, article, section, main) {
  background-color: #fff !important;
  color: #000 !important;
}

html.cdaw-contrast-light #page-container :where(h1, h2, h3, h4, h5, h6, p, li, blockquote, figcaption, td, th, label, span, strong, em, .et_pb_module_header, .et_pb_blurb_description, .et_pb_slide_title, .et_pb_slide_content),
html.cdaw-contrast-light #et-main-area :where(h1, h2, h3, h4, h5, h6, p, li, blockquote, figcaption, td, th, label, span, strong, em, .et_pb_module_header, .et_pb_blurb_description, .et_pb_slide_title, .et_pb_slide_content) {
  color: #000 !important;
  text-shadow: none !important;
}

html.cdaw-contrast-light #page-container a[href],
html.cdaw-contrast-light #et-main-area a[href] {
  color: var(--cdaw-primary) !important;
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 0.18em !important;
}

html.cdaw-contrast-light #page-container :where(button, input, textarea, select, .et_pb_button),
html.cdaw-contrast-light #et-main-area :where(button, input, textarea, select, .et_pb_button) {
  background-color: #fff !important;
  color: #000 !important;
  border: 2px solid var(--cdaw-primary) !important;
}

html.cdaw-contrast-high #page-container :where(h1, h2, h3, h4, h5, h6, p, li, label, blockquote, th, td, figcaption, .et_pb_text, .et_pb_text_inner),
html.cdaw-contrast-high #et-main-area :where(h1, h2, h3, h4, h5, h6, p, li, label, blockquote, th, td, figcaption, .et_pb_text, .et_pb_text_inner),
html.cdaw-contrast-high main :where(h1, h2, h3, h4, h5, h6, p, li, label, blockquote, th, td, figcaption, .et_pb_text, .et_pb_text_inner) {
  color: #fff !important;
  background-color: #000 !important;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

html.cdaw-contrast-high #page-container a[href],
html.cdaw-contrast-high #et-main-area a[href],
html.cdaw-contrast-high main a[href] {
  color: #000 !important;
  background-color: var(--cdaw-accent) !important;
  text-decoration: underline !important;
}

html.cdaw-contrast-high #page-container :where(button, input, textarea, select, .et_pb_button),
html.cdaw-contrast-high #et-main-area :where(button, input, textarea, select, .et_pb_button),
html.cdaw-contrast-high main :where(button, input, textarea, select, .et_pb_button) {
  background-color: #000 !important;
  color: #fff !important;
  border: 3px solid var(--cdaw-accent) !important;
}

html.cdaw-contrast-dark :where(.revslider_divi, .revslider_divi *, rs-module-wrap, rs-module-wrap *, rs-module, rs-module *, rs-slide, rs-slide *, .rev_slider_wrapper, .rev_slider_wrapper *, .rev_slider, .rev_slider *, sr7-module, sr7-module *, sr7-content, sr7-content *, sr7-slide, sr7-slide *),
html.cdaw-contrast-light :where(.revslider_divi, .revslider_divi *, rs-module-wrap, rs-module-wrap *, rs-module, rs-module *, rs-slide, rs-slide *, .rev_slider_wrapper, .rev_slider_wrapper *, .rev_slider, .rev_slider *, sr7-module, sr7-module *, sr7-content, sr7-content *, sr7-slide, sr7-slide *),
html.cdaw-contrast-high :where(.revslider_divi, .revslider_divi *, rs-module-wrap, rs-module-wrap *, rs-module, rs-module *, rs-slide, rs-slide *, .rev_slider_wrapper, .rev_slider_wrapper *, .rev_slider, .rev_slider *, sr7-module, sr7-module *, sr7-content, sr7-content *, sr7-slide, sr7-slide *) {
  background-color: transparent !important;
  box-shadow: none !important;
}

html.cdaw-contrast-dark :where(.tp-bgimg, .rev-slidebg, rs-sbg, rs-sbg-wrap, sr7-module-bg, sr7-bg, sr7-img, sr7-shp),
html.cdaw-contrast-light :where(.tp-bgimg, .rev-slidebg, rs-sbg, rs-sbg-wrap, sr7-module-bg, sr7-bg, sr7-img, sr7-shp),
html.cdaw-contrast-high :where(.tp-bgimg, .rev-slidebg, rs-sbg, rs-sbg-wrap, sr7-module-bg, sr7-bg, sr7-img, sr7-shp) {
  background-color: transparent !important;
  filter: none;
}

html.cdaw-contrast-dark :where(rs-layer, .rs-layer, .tp-caption, sr7-txt, sr7-btn, sr7-layer, .sr7-layer),
html.cdaw-contrast-dark :where(rs-layer, .rs-layer, .tp-caption, sr7-txt, sr7-btn, sr7-layer, .sr7-layer) * {
  color: #fff !important;
  background-color: transparent !important;
  text-shadow: 0 2px 4px #000, 0 0 3px #000, 0 0 8px #000 !important;
}

html.cdaw-contrast-dark :where(rs-layer a[href], .rs-layer a[href], .tp-caption a[href], sr7-txt a[href], .sr7-layer a[href], a.sr7-layer[href], sr7-btn a[href]) {
  color: #fff !important;
  background-color: transparent !important;
  text-decoration: underline !important;
  text-decoration-color: var(--cdaw-accent) !important;
}

html.cdaw-contrast-light :where(rs-layer, .rs-layer, .tp-caption, sr7-txt, sr7-btn, sr7-layer, .sr7-layer) {
  color: #000 !important;
  background-color: rgb(255 255 255 / 86%) !important;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  text-shadow: none !important;
}

html.cdaw-contrast-light :where(rs-layer a[href], .rs-layer a[href], .tp-caption a[href], sr7-txt a[href], .sr7-layer a[href], a.sr7-layer[href], sr7-btn a[href]) {
  color: var(--cdaw-primary) !important;
  background-color: transparent !important;
  text-decoration: underline !important;
}

html.cdaw-contrast-high :where(rs-layer, .rs-layer, .tp-caption, sr7-txt, sr7-btn, sr7-layer, .sr7-layer) {
  color: #fff !important;
  background-color: #000 !important;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  text-shadow: none !important;
}

html.cdaw-contrast-high :where(rs-layer a[href], .rs-layer a[href], .tp-caption a[href], sr7-txt a[href], .sr7-layer a[href], a.sr7-layer[href], sr7-btn a[href]) {
  color: #000 !important;
  background-color: var(--cdaw-accent) !important;
  text-decoration: underline !important;
}

html.cdaw-stop-animations,
html.cdaw-stop-animations:focus-within {
  scroll-behavior: auto !important;
}

html.cdaw-stop-animations #page-container *,
html.cdaw-stop-animations #page-container *::before,
html.cdaw-stop-animations #page-container *::after,
html.cdaw-stop-animations #et-main-area *,
html.cdaw-stop-animations #et-main-area *::before,
html.cdaw-stop-animations #et-main-area *::after,
html.cdaw-stop-animations main *,
html.cdaw-stop-animations main *::before,
html.cdaw-stop-animations main *::after,
html.cdaw-stop-animations rs-module *,
html.cdaw-stop-animations .rev_slider_wrapper *,
html.cdaw-stop-animations .rev_slider *,
html.cdaw-stop-animations sr7-module *,
html.cdaw-stop-animations sr7-module *::before,
html.cdaw-stop-animations sr7-module *::after {
  animation: none !important;
  transition: none !important;
  scroll-behavior: auto !important;
  animation-duration: 0s !important;
  transition-duration: 0s !important;
  animation-delay: 0s !important;
  transition-delay: 0s !important;
}

html.cdaw-stop-animations #page-container .et_animated,
html.cdaw-stop-animations #page-container .et-waypoint,
html.cdaw-stop-animations #page-container [class*="et_pb_animation_"],
html.cdaw-stop-animations #et-main-area .et_animated,
html.cdaw-stop-animations #et-main-area .et-waypoint,
html.cdaw-stop-animations #et-main-area [class*="et_pb_animation_"],
html.cdaw-stop-animations main .et_animated,
html.cdaw-stop-animations main .et-waypoint,
html.cdaw-stop-animations main [class*="et_pb_animation_"] {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}

html.cdaw-big-cursor #page-container,
html.cdaw-big-cursor #page-container *,
html.cdaw-big-cursor #et-main-area,
html.cdaw-big-cursor #et-main-area *,
html.cdaw-big-cursor main,
html.cdaw-big-cursor main * {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath fill='%23fff' stroke='%23000' stroke-width='3' d='M8 4l28 27-13 2-7 11z'/%3E%3C/svg%3E") 8 4, pointer !important;
}

html.cdaw-big-cursor :where(input, textarea, select) {
  cursor: auto !important;
}

.cdaw-reading-guide-top,
.cdaw-reading-guide-bottom {
  position: fixed;
  z-index: var(--cdaw-guide-z-index);
  left: 0;
  width: 100vw;
  background: rgb(0 0 0 / 75%);
  pointer-events: none;
}

.cdaw-reading-guide-top {
  top: 0;
  border-bottom: 2px solid var(--cdaw-accent);
}

.cdaw-reading-guide-bottom {
  border-top: 2px solid var(--cdaw-accent);
}

.cdaw-root,
.cdaw-root * {
  box-sizing: border-box;
}

.cdaw-root {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: var(--cdaw-z-index);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #111827;
}

.cdaw-toggle {
  display: inline-flex;
  width: 56px;
  height: 56px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: var(--cdaw-primary);
  color: #fff;
  box-shadow: 0 0 0 4px var(--cdaw-accent), 0 12px 30px rgb(0 0 0 / 22%);
  cursor: pointer;
  z-index: 2147483600;
}

.cdaw-toggle svg {
  width: 31px;
  height: 31px;
  fill: none;
  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.cdaw-panel {
  position: fixed;
  top: 0;
  right: 0;
  z-index: var(--cdaw-z-index);
  display: flex;
  width: min(580px, 100vw);
  height: 100vh;
  max-height: 100vh;
  flex-direction: column;
  overflow: hidden;
  background: var(--cdaw-panel-bg);
  box-shadow: 0 0 24px rgb(0 0 0 / 34%);
}

body.admin-bar .cdaw-panel {
  top: 32px;
  height: calc(100vh - 32px);
}

.cdaw-panel[hidden] {
  display: none !important;
}

.cdaw-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 56px;
  padding: 12px 18px;
  background: var(--cdaw-primary);
  color: #fff;
}

.cdaw-panel__header h2 {
  margin: 0;
  color: #fff;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.25;
}

.cdaw-panel__controls {
  display: flex;
  gap: 8px;
}

.cdaw-icon-button,
.cdaw-scale button {
  display: inline-flex;
  min-width: 36px;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  border-radius: 6px;
  background: #fff;
  color: var(--cdaw-primary);
  cursor: pointer;
  font: inherit;
  font-weight: 800;
}

.cdaw-icon-button svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.cdaw-panel__body {
  display: grid;
  gap: 16px;
  align-content: start;
  padding: 15px;
  overflow: auto;
}

.cdaw-profile {
  display: grid;
  gap: 7px;
  color: var(--cdaw-primary);
  font-weight: 700;
}

.cdaw-profile select {
  min-height: 44px;
  padding: 0 12px;
  border: 2px solid var(--cdaw-primary);
  border-radius: 999px;
  background: #fff;
  color: #111827;
  font: inherit;
}

.cdaw-card {
  display: grid;
  gap: 16px;
  padding: 20px;
  border-radius: 10px;
  background: var(--cdaw-card-bg);
}

.cdaw-card h3 {
  margin: 0;
  color: #111827;
  font-size: 17px;
  line-height: 1.25;
  text-align: center;
}

.cdaw-scale {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 42px;
  gap: 10px;
  align-items: center;
  padding: 14px;
  border-radius: 8px;
  background: #f8fafc;
}

.cdaw-scale output {
  display: flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  color: #111827;
  font-weight: 800;
}

.cdaw-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.cdaw-action {
  position: relative;
  display: grid;
  min-height: 108px;
  align-content: center;
  justify-items: center;
  gap: 10px;
  padding: 14px 10px;
  border: 2px solid transparent;
  border-radius: 8px;
  background: #f8fafc;
  color: #111827;
  cursor: pointer;
  font: inherit;
  line-height: 1.25;
  text-align: center;
}

.cdaw-action svg {
  width: 34px;
  height: 34px;
  fill: none;
  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.cdaw-action > span:last-child {
  color: #111827;
  font-size: 14px;
  font-weight: 600;
}

.cdaw-action[aria-pressed="true"] {
  border-color: var(--cdaw-accent);
  background: #fff7f2;
  color: var(--cdaw-primary);
}

.cdaw-action[aria-pressed="true"] svg,
.cdaw-action[aria-pressed="true"] > span:last-child {
  color: var(--cdaw-primary);
}

.cdaw-action__check {
  position: absolute;
  top: 8px;
  right: 8px;
  display: none;
  width: 20px;
  height: 20px;
  place-items: center;
  border-radius: 999px;
  background: var(--cdaw-accent);
  color: #000;
  font-size: 13px;
  line-height: 20px;
}

.cdaw-action[aria-pressed="true"] .cdaw-action__check {
  display: grid;
}

.cdaw-toggle:focus-visible,
.cdaw-icon-button:focus-visible,
.cdaw-scale button:focus-visible,
.cdaw-action:focus-visible,
.cdaw-profile select:focus-visible {
  outline: 4px solid var(--cdaw-accent);
  outline-offset: 3px;
  box-shadow: 0 0 0 2px var(--cdaw-primary);
}

.cdaw-note,
.cdaw-status {
  margin: 0;
  color: #4b5563;
  font-size: 12px;
  line-height: 1.45;
}

.cdaw-status:empty {
  display: none;
}

@media (max-width: 782px) {
  body.admin-bar .cdaw-panel {
    top: 46px;
    height: calc(100vh - 46px);
  }
}

@media (max-width: 480px) {
  .cdaw-root {
    right: 14px;
    bottom: 14px;
  }

  .cdaw-panel {
    inset: 0 0 auto auto;
    width: 100vw;
  }

  .cdaw-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 360px) {
  .cdaw-grid {
    grid-template-columns: 1fr;
  }
}
