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

@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.iad-highlight-title :where(main, [role="main"], #primary, #main, .site-main, .entry-content, .wp-site-blocks, .elementor, .bricks-site-wrapper, .oxy-site-wrapper, .fl-builder-content, .vc_row, .vce-row-container, .fusion-fullwidth, .woocommerce) :where(h1, h2, h3, h4, h5, h6, .wp-block-heading, .elementor-heading-title, .brxe-heading, .ct-headline, .fl-heading, .vc_custom_heading, .fusion-title, .product_title, .woocommerce-loop-product__title) {
  outline: 3px solid var(--iad-accent) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 2px var(--iad-primary), 0 0 18px rgb(0 0 0 / 35%) !important;
}

html.iad-highlight-links :where(main, [role="main"], #primary, #main, .site-main, .entry-content, .wp-site-blocks, .elementor, .bricks-site-wrapper, .oxy-site-wrapper, .fl-builder-content, .vc_row, .vce-row-container, .fusion-fullwidth, .woocommerce, .wpcf7, .gform_wrapper, .wpforms-container, .forminator-ui, .nf-form-cont) :where(a[href], .wp-block-button__link, .button, .btn, .elementor-button, .brxe-button, .ct-link-button, .fl-button, .vc_btn3, .vce-button, .fusion-button) {
  text-decoration: underline !important;
  text-decoration-thickness: max(2px, 0.12em) !important;
  text-underline-offset: 0.18em !important;
  outline: 2px solid var(--iad-accent) !important;
  outline-offset: 2px !important;
}

html.iad-readable-font :where(main, [role="main"], #primary, #main, .site-main, .entry-content, .wp-site-blocks, .elementor, .bricks-site-wrapper, .oxy-site-wrapper, .fl-builder-content, .vc_row, .vce-row-container, .fusion-fullwidth, .woocommerce, .wpcf7, .gform_wrapper, .wpforms-container, .forminator-ui, .nf-form-cont) :where(h1, h2, h3, h4, h5, h6, p, li, a, button, label, input, textarea, select, blockquote, th, td, figcaption, caption, summary, .wp-block-button__link, .elementor-heading-title, .elementor-widget-text-editor, .elementor-button, .brxe-heading, .brxe-text, .ct-headline, .ct-text-block, .fl-rich-text, .fl-button, .wpb_text_column, .vc_btn3, .fusion-text, .fusion-button, .product_title, .price) {
  font-family: "Atkinson Hyperlegible", Arial, sans-serif !important;
}

html.iad-letter-spacing :where(main, [role="main"], #primary, #main, .site-main, .entry-content, .wp-site-blocks, .elementor, .bricks-site-wrapper, .oxy-site-wrapper, .fl-builder-content, .vc_row, .vce-row-container, .fusion-fullwidth, .woocommerce) :where(h1, h2, h3, h4, h5, h6, p, li, a, button, label, blockquote, th, td, figcaption, caption, summary, .wp-block-button__link, .elementor-heading-title, .elementor-widget-text-editor, .brxe-heading, .brxe-text, .ct-headline, .ct-text-block, .fl-rich-text, .wpb_text_column, .fusion-text) {
  letter-spacing: 0.08em !important;
}

html.iad-font-weight :where(main, [role="main"], #primary, #main, .site-main, .entry-content, .wp-site-blocks, .elementor, .bricks-site-wrapper, .oxy-site-wrapper, .fl-builder-content, .vc_row, .vce-row-container, .fusion-fullwidth, .woocommerce) :where(h1, h2, h3, h4, h5, h6, p, li, a, label, button, blockquote, th, td, figcaption, caption, summary, .wp-block-button__link, .elementor-heading-title, .elementor-widget-text-editor, .brxe-heading, .brxe-text, .ct-headline, .ct-text-block, .fl-rich-text, .wpb_text_column, .fusion-text) {
  font-weight: 700 !important;
}

html.iad-line-height :where(main, [role="main"], #primary, #main, .site-main, .entry-content, .wp-site-blocks, .elementor, .bricks-site-wrapper, .oxy-site-wrapper, .fl-builder-content, .vc_row, .vce-row-container, .fusion-fullwidth, .woocommerce) :where(p, li, blockquote, figcaption, caption, td, th, label, summary, .wp-block-paragraph, .wp-block-list, .elementor-widget-text-editor, .elementor-icon-box-description, .brxe-text, .ct-text-block, .oxy-rich-text, .fl-rich-text, .wpb_text_column, .fusion-text, .woocommerce-product-details__short-description) {
  line-height: 1.7 !important;
}

html.iad-line-height :where(main, [role="main"], #primary, #main, .site-main, .entry-content, .wp-site-blocks, .elementor, .bricks-site-wrapper, .oxy-site-wrapper, .fl-builder-content, .vc_row, .vce-row-container, .fusion-fullwidth, .woocommerce) :where(h1, h2, h3, h4, h5, h6, .wp-block-heading, .elementor-heading-title, .brxe-heading, .ct-headline, .fl-heading, .vc_custom_heading, .fusion-title, .product_title) {
  line-height: 1.25 !important;
}

html.iad-hide-images :where(main, [role="main"], #primary, #main, .site-main, .entry-content, .wp-site-blocks, .elementor, .bricks-site-wrapper, .oxy-site-wrapper, .fl-builder-content, .vc_row, .vce-row-container, .fusion-fullwidth, .woocommerce) :where(img, picture, figure img, .wp-block-image, .wp-block-gallery, .wp-block-cover__image-background, .wp-block-cover__video-background, .elementor-image img, .swiper-slide-bg, .brxe-image img, .ct-image img, .fl-photo img, .wpb_single_image img, .fusion-imageframe img, .woocommerce-product-gallery img) {
  opacity: 0 !important;
  visibility: hidden !important;
}

html.iad-align-left :where(main, [role="main"], #primary, #main, .site-main, .entry-content, .wp-site-blocks, .elementor, .bricks-site-wrapper, .oxy-site-wrapper, .fl-builder-content, .vc_row, .vce-row-container, .fusion-fullwidth, .woocommerce) :where(p, li, blockquote, .wp-block-paragraph, .elementor-widget-text-editor, .brxe-text, .ct-text-block, .fl-rich-text, .wpb_text_column, .fusion-text) {
  text-align: left !important;
}

html.iad-align-center :where(main, [role="main"], #primary, #main, .site-main, .entry-content, .wp-site-blocks, .elementor, .bricks-site-wrapper, .oxy-site-wrapper, .fl-builder-content, .vc_row, .vce-row-container, .fusion-fullwidth, .woocommerce) :where(p, li, blockquote, .wp-block-paragraph, .elementor-widget-text-editor, .brxe-text, .ct-text-block, .fl-rich-text, .wpb_text_column, .fusion-text) {
  text-align: center !important;
}

html.iad-align-right :where(main, [role="main"], #primary, #main, .site-main, .entry-content, .wp-site-blocks, .elementor, .bricks-site-wrapper, .oxy-site-wrapper, .fl-builder-content, .vc_row, .vce-row-container, .fusion-fullwidth, .woocommerce) :where(p, li, blockquote, .wp-block-paragraph, .elementor-widget-text-editor, .brxe-text, .ct-text-block, .fl-rich-text, .wpb_text_column, .fusion-text) {
  text-align: right !important;
}

:where(main, [role="main"], #primary, #main, .site-main, .entry-content, .wp-site-blocks, .elementor, .bricks-site-wrapper, .oxy-site-wrapper, .fl-builder-content, .vc_row, .vce-row-container, .fusion-fullwidth, .woocommerce) :where(.wp-block-group, .wp-block-column, .wp-block-button, .elementor-widget, .brxe-block, .ct-div-block, .fl-module, .wpb_content_element, .fusion-layout-column, .product, .woocommerce-message, .woocommerce-error, .woocommerce-info) {
  font-size: calc(1em * var(--iad-content-scale));
}

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

html.iad-highlight-links #page-container a[href],
html.iad-highlight-links #et-main-area a[href],
html.iad-highlight-links main a[href],
html.iad-highlight-links rs-layer a[href],
html.iad-highlight-links .rs-layer a[href],
html.iad-highlight-links .tp-caption a[href],
html.iad-highlight-links sr7-txt a[href],
html.iad-highlight-links .sr7-layer a[href],
html.iad-highlight-links a.sr7-layer[href],
html.iad-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(--iad-accent) !important;
  outline-offset: 2px !important;
}

html.iad-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.iad-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.iad-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.iad-readable-font rs-layer,
html.iad-readable-font .rs-layer,
html.iad-readable-font .tp-caption,
html.iad-readable-font rs-layer *,
html.iad-readable-font .rs-layer *,
html.iad-readable-font .tp-caption *,
html.iad-readable-font sr7-txt,
html.iad-readable-font sr7-btn,
html.iad-readable-font sr7-layer,
html.iad-readable-font .sr7-layer,
html.iad-readable-font sr7-txt *,
html.iad-readable-font sr7-btn *,
html.iad-readable-font sr7-layer *,
html.iad-readable-font .sr7-layer * {
  font-family: "Atkinson Hyperlegible", Arial, sans-serif !important;
}

html.iad-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.iad-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.iad-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.iad-letter-spacing rs-layer,
html.iad-letter-spacing .rs-layer,
html.iad-letter-spacing .tp-caption,
html.iad-letter-spacing sr7-txt,
html.iad-letter-spacing sr7-btn,
html.iad-letter-spacing sr7-layer,
html.iad-letter-spacing .sr7-layer {
  letter-spacing: 0.05em !important;
}

html.iad-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.iad-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.iad-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.iad-font-weight rs-layer,
html.iad-font-weight .rs-layer,
html.iad-font-weight .tp-caption,
html.iad-font-weight sr7-txt,
html.iad-font-weight sr7-btn,
html.iad-font-weight sr7-layer,
html.iad-font-weight .sr7-layer {
  font-weight: 700 !important;
}

html.iad-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.iad-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.iad-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.iad-line-height #page-container :where(h1, h2, h3, h4, h5, h6, .et_pb_module_header, .et_pb_slide_title),
html.iad-line-height #et-main-area :where(h1, h2, h3, h4, h5, h6, .et_pb_module_header, .et_pb_slide_title),
html.iad-line-height main :where(h1, h2, h3, h4, h5, h6, .et_pb_module_header, .et_pb_slide_title) {
  line-height: 1.25 !important;
}

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

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

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

html.iad-hide-images #page-container :where(img, picture, figure img, .et_pb_image, .et_pb_gallery, .et_pb_slide_image),
html.iad-hide-images #et-main-area :where(img, picture, figure img, .et_pb_image, .et_pb_gallery, .et_pb_slide_image),
html.iad-hide-images main :where(img, picture, figure img, .et_pb_image, .et_pb_gallery, .et_pb_slide_image),
html.iad-hide-images :where(.rev-slidebg, .tp-bgimg, rs-sbg, rs-sbg-wrap, sr7-module-bg, sr7-bg, sr7-img) {
  opacity: 0 !important;
  visibility: hidden !important;
}

html.iad-hide-images #page-container :where(.et_pb_section, .et_pb_row, .et_pb_column, .et_pb_module, .et_pb_blurb, .et_pb_slider, .et_pb_slide)[style*="background-image"],
html.iad-hide-images #et-main-area :where(.et_pb_section, .et_pb_row, .et_pb_column, .et_pb_module, .et_pb_blurb, .et_pb_slider, .et_pb_slide)[style*="background-image"] {
  background-image: none !important;
}

html.iad-align-left #page-container :where(p, li, blockquote, .et_pb_text, .et_pb_text_inner, .et_pb_blurb_description, .et_pb_slide_content),
html.iad-align-left #et-main-area :where(p, li, blockquote, .et_pb_text, .et_pb_text_inner, .et_pb_blurb_description, .et_pb_slide_content),
html.iad-align-left main :where(p, li, blockquote, .et_pb_text, .et_pb_text_inner, .et_pb_blurb_description, .et_pb_slide_content),
html.iad-align-left :where(rs-layer, .rs-layer, .tp-caption, sr7-txt, sr7-layer, .sr7-layer) {
  text-align: left !important;
}

html.iad-align-center #page-container :where(p, li, blockquote, .et_pb_text, .et_pb_text_inner, .et_pb_blurb_description, .et_pb_slide_content),
html.iad-align-center #et-main-area :where(p, li, blockquote, .et_pb_text, .et_pb_text_inner, .et_pb_blurb_description, .et_pb_slide_content),
html.iad-align-center main :where(p, li, blockquote, .et_pb_text, .et_pb_text_inner, .et_pb_blurb_description, .et_pb_slide_content),
html.iad-align-center :where(rs-layer, .rs-layer, .tp-caption, sr7-txt, sr7-layer, .sr7-layer) {
  text-align: center !important;
}

html.iad-align-right #page-container :where(p, li, blockquote, .et_pb_text, .et_pb_text_inner, .et_pb_blurb_description, .et_pb_slide_content),
html.iad-align-right #et-main-area :where(p, li, blockquote, .et_pb_text, .et_pb_text_inner, .et_pb_blurb_description, .et_pb_slide_content),
html.iad-align-right main :where(p, li, blockquote, .et_pb_text, .et_pb_text_inner, .et_pb_blurb_description, .et_pb_slide_content),
html.iad-align-right :where(rs-layer, .rs-layer, .tp-caption, sr7-txt, sr7-layer, .sr7-layer) {
  text-align: right !important;
}

#page-container :where(.et_pb_module, .et_pb_text, .et_pb_blurb, .et_pb_button_module_wrapper, .et_pb_contact_form),
#et-main-area :where(.et_pb_module, .et_pb_text, .et_pb_blurb, .et_pb_button_module_wrapper, .et_pb_contact_form),
main :where(.et_pb_module, .et_pb_text, .et_pb_blurb, .et_pb_button_module_wrapper, .et_pb_contact_form) {
  font-size: calc(1em * var(--iad-content-scale));
}

html.iad-color-high-saturation #page-container,
html.iad-color-high-saturation #et-main-area,
html.iad-color-high-saturation main,
html.iad-color-high-saturation rs-module,
html.iad-color-high-saturation .rev_slider_wrapper,
html.iad-color-high-saturation sr7-module {
  filter: inherit;
}

html.iad-color-low-saturation #page-container,
html.iad-color-low-saturation #et-main-area,
html.iad-color-low-saturation main,
html.iad-color-low-saturation rs-module,
html.iad-color-low-saturation .rev_slider_wrapper,
html.iad-color-low-saturation sr7-module {
  filter: inherit;
}

html.iad-color-monochrome #page-container,
html.iad-color-monochrome #et-main-area,
html.iad-color-monochrome main,
html.iad-color-monochrome rs-module,
html.iad-color-monochrome .rev_slider_wrapper,
html.iad-color-monochrome sr7-module {
  filter: inherit;
}

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

html.iad-contrast-dark #page-container :where(form, fieldset, table, tr, td, th, .et_pb_contact_form, .woocommerce-message, .woocommerce-error, .woocommerce-info),
html.iad-contrast-dark #et-main-area :where(form, fieldset, table, tr, td, th, .et_pb_contact_form, .woocommerce-message, .woocommerce-error, .woocommerce-info) {
  background-color: #000 !important;
  color: #fff !important;
}

html.iad-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.iad-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.iad-contrast-dark #page-container a[href],
html.iad-contrast-dark #et-main-area a[href] {
  color: #fff !important;
  text-decoration: underline !important;
  text-decoration-color: #fff !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 0.18em !important;
}

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

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

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

html.iad-contrast-light #page-container :where(form, fieldset, table, tr, td, th, .et_pb_contact_form, .woocommerce-message, .woocommerce-error, .woocommerce-info),
html.iad-contrast-light #et-main-area :where(form, fieldset, table, tr, td, th, .et_pb_contact_form, .woocommerce-message, .woocommerce-error, .woocommerce-info) {
  background-color: #fff !important;
  color: #000 !important;
}

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

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

html.iad-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.iad-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.iad-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.iad-contrast-high #page-container a[href],
html.iad-contrast-high #et-main-area a[href],
html.iad-contrast-high main a[href] {
  color: #000 !important;
  background-color: var(--iad-accent) !important;
  text-decoration: underline !important;
}

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

html.iad-contrast-dark :where(main, [role="main"], #primary, #main, .site-main, .entry-content, .wp-site-blocks, .elementor, .bricks-site-wrapper, .oxy-site-wrapper, .fl-builder-content, .vc_row, .vce-row-container, .fusion-fullwidth, .woocommerce, .wpcf7, .gform_wrapper, .wpforms-container, .forminator-ui, .nf-form-cont) :where(h1, h2, h3, h4, h5, h6, p, li, blockquote, figcaption, caption, td, th, label, summary, span, strong, em, .wp-block-heading, .elementor-heading-title, .elementor-widget-text-editor, .brxe-heading, .brxe-text, .ct-headline, .ct-text-block, .fl-rich-text, .wpb_text_column, .fusion-title, .fusion-text, .product_title, .price) {
  color: #fff !important;
  text-shadow: 0 1px 3px #000 !important;
}

html.iad-contrast-light :where(main, [role="main"], #primary, #main, .site-main, .entry-content, .wp-site-blocks, .elementor, .bricks-site-wrapper, .oxy-site-wrapper, .fl-builder-content, .vc_row, .vce-row-container, .fusion-fullwidth, .woocommerce, .wpcf7, .gform_wrapper, .wpforms-container, .forminator-ui, .nf-form-cont) :where(h1, h2, h3, h4, h5, h6, p, li, blockquote, figcaption, caption, td, th, label, summary, span, strong, em, .wp-block-heading, .elementor-heading-title, .elementor-widget-text-editor, .brxe-heading, .brxe-text, .ct-headline, .ct-text-block, .fl-rich-text, .wpb_text_column, .fusion-title, .fusion-text, .product_title, .price) {
  color: #000 !important;
  text-shadow: none !important;
}

html.iad-contrast-high :where(main, [role="main"], #primary, #main, .site-main, .entry-content, .wp-site-blocks, .elementor, .bricks-site-wrapper, .oxy-site-wrapper, .fl-builder-content, .vc_row, .vce-row-container, .fusion-fullwidth, .woocommerce, .wpcf7, .gform_wrapper, .wpforms-container, .forminator-ui, .nf-form-cont) :where(h1, h2, h3, h4, h5, h6, p, li, blockquote, figcaption, caption, td, th, label, summary, .wp-block-heading, .elementor-heading-title, .elementor-widget-text-editor, .brxe-heading, .brxe-text, .ct-headline, .ct-text-block, .fl-rich-text, .wpb_text_column, .fusion-title, .fusion-text, .product_title, .price) {
  color: #fff !important;
  background-color: #000 !important;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  text-shadow: none !important;
}

html.iad-contrast-dark :where(main, [role="main"], #primary, #main, .site-main, .entry-content, .wp-site-blocks, .elementor, .bricks-site-wrapper, .oxy-site-wrapper, .fl-builder-content, .vc_row, .vce-row-container, .fusion-fullwidth, .woocommerce, .wpcf7, .gform_wrapper, .wpforms-container, .forminator-ui, .nf-form-cont) :where(a[href], .wp-block-button__link, .button, .btn, .elementor-button, .brxe-button, .ct-link-button, .fl-button, .vc_btn3, .vce-button, .fusion-button) {
  color: #fff !important;
  text-decoration: underline !important;
  text-decoration-color: #fff !important;
}

html.iad-contrast-light :where(main, [role="main"], #primary, #main, .site-main, .entry-content, .wp-site-blocks, .elementor, .bricks-site-wrapper, .oxy-site-wrapper, .fl-builder-content, .vc_row, .vce-row-container, .fusion-fullwidth, .woocommerce, .wpcf7, .gform_wrapper, .wpforms-container, .forminator-ui, .nf-form-cont) :where(a[href], .wp-block-button__link, .button, .btn, .elementor-button, .brxe-button, .ct-link-button, .fl-button, .vc_btn3, .vce-button, .fusion-button) {
  color: var(--iad-primary) !important;
  text-decoration: underline !important;
  text-decoration-color: var(--iad-accent) !important;
}

html.iad-contrast-high :where(main, [role="main"], #primary, #main, .site-main, .entry-content, .wp-site-blocks, .elementor, .bricks-site-wrapper, .oxy-site-wrapper, .fl-builder-content, .vc_row, .vce-row-container, .fusion-fullwidth, .woocommerce, .wpcf7, .gform_wrapper, .wpforms-container, .forminator-ui, .nf-form-cont) :where(a[href], .wp-block-button__link, .button, .btn, .elementor-button, .brxe-button, .ct-link-button, .fl-button, .vc_btn3, .vce-button, .fusion-button) {
  color: #000 !important;
  background-color: var(--iad-accent) !important;
  text-decoration: underline !important;
}

html.iad-contrast-dark :where(.wp-block-cover, .elementor-background-slideshow, .swiper-slide-bg, .fusion-fullwidth, .fl-row-bg-photo, .vc_row[style*="background"], .et_pb_section[style*="background"]),
html.iad-contrast-light :where(.wp-block-cover, .elementor-background-slideshow, .swiper-slide-bg, .fusion-fullwidth, .fl-row-bg-photo, .vc_row[style*="background"], .et_pb_section[style*="background"]),
html.iad-contrast-high :where(.wp-block-cover, .elementor-background-slideshow, .swiper-slide-bg, .fusion-fullwidth, .fl-row-bg-photo, .vc_row[style*="background"], .et_pb_section[style*="background"]) {
  background-image: inherit !important;
}

html.iad-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.iad-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.iad-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.iad-contrast-dark :where(.tp-bgimg, .rev-slidebg, rs-sbg, rs-sbg-wrap, sr7-module-bg, sr7-bg, sr7-img, sr7-shp),
html.iad-contrast-light :where(.tp-bgimg, .rev-slidebg, rs-sbg, rs-sbg-wrap, sr7-module-bg, sr7-bg, sr7-img, sr7-shp),
html.iad-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.iad-contrast-dark :where(rs-layer, .rs-layer, .tp-caption, sr7-txt, sr7-btn, sr7-layer, .sr7-layer),
html.iad-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.iad-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: #fff !important;
}

/* Neutral dark contrast: intentionally avoids the brand accent color. */
html.iad-contrast-dark {
  color-scheme: dark;
}

html.iad-contrast-dark body,
html.iad-contrast-dark :where(main, [role="main"], #primary, #main, #page, #content, .site, .site-content, .site-main, .content-area, .entry-content, .post-content, .page-content, .wp-site-blocks, #page-container, #et-main-area, .et_builder_inner_content, .elementor, .bricks-site-wrapper, .oxy-site-wrapper, .fl-builder-content, .vc_row, .vce-row-container, .fusion-fullwidth, .woocommerce) {
  background-color: #000 !important;
  color: #fff !important;
}

html.iad-contrast-dark :where(main, [role="main"], #primary, #main, #page, #content, .site-main, .entry-content, .post-content, .page-content, .wp-site-blocks, #page-container, #et-main-area, .et_builder_inner_content, .elementor, .bricks-site-wrapper, .oxy-site-wrapper, .fl-builder-content, .vc_row, .vce-row-container, .fusion-fullwidth, .woocommerce) :where(article, section, aside, form, fieldset, table, thead, tbody, tfoot, tr, td, th, .wp-block-group, .wp-block-column, .wp-block-media-text, .wp-block-buttons, .elementor-widget, .elementor-widget-container, .brxe-block, .brxe-container, .ct-div-block, .fl-module, .wpb_content_element, .wpb_wrapper, .fusion-layout-column, .fusion-column-wrapper, .et_pb_module, .et_pb_text, .et_pb_text_inner, .et_pb_blurb, .et_pb_contact_form, .woocommerce-message, .woocommerce-error, .woocommerce-info, .product) {
  background-color: #111 !important;
  color: #fff !important;
  border-color: #d9d9d9 !important;
}

html.iad-contrast-dark :where(main, [role="main"], #primary, #main, #page, #content, .site-main, .entry-content, .post-content, .page-content, .wp-site-blocks, #page-container, #et-main-area, .et_builder_inner_content, .elementor, .bricks-site-wrapper, .oxy-site-wrapper, .fl-builder-content, .vc_row, .vce-row-container, .fusion-fullwidth, .woocommerce, .wpcf7, .gform_wrapper, .wpforms-container, .forminator-ui, .nf-form-cont) :where(h1, h2, h3, h4, h5, h6, p, li, blockquote, figcaption, caption, td, th, label, legend, summary, span, strong, em, small, .wp-block-heading, .wp-block-paragraph, .elementor-heading-title, .elementor-widget-text-editor, .elementor-icon-box-title, .elementor-icon-box-description, .brxe-heading, .brxe-text, .ct-headline, .ct-text-block, .oxy-rich-text, .fl-heading, .fl-rich-text, .wpb_text_column, .vc_custom_heading, .fusion-title, .fusion-text, .product_title, .woocommerce-loop-product__title, .price) {
  color: #fff !important;
  background-color: #000 !important;
  text-shadow: none !important;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

html.iad-contrast-dark :where(.wp-block-cover, .elementor-background-slideshow, .elementor-background-overlay, .swiper-slide-bg, .fusion-fullwidth, .fl-row-bg-photo, .vc_row[style*="background"], .et_pb_section[style*="background"], .et_pb_slide, .et_pb_slider) {
  background-color: #000 !important;
}

html.iad-contrast-dark :where(.wp-block-cover, .elementor-background-slideshow, .swiper-slide-bg, .fusion-fullwidth, .fl-row-bg-photo, .vc_row[style*="background"], .et_pb_section[style*="background"], .et_pb_slide) :where(h1, h2, h3, h4, h5, h6, p, li, span, a, .wp-block-heading, .elementor-heading-title, .et_pb_slide_title, .et_pb_slide_content) {
  color: #fff !important;
  background-color: rgb(0 0 0 / 84%) !important;
  text-shadow: none !important;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

html.iad-contrast-dark :where(main, [role="main"], #primary, #main, #page, #content, .site-main, .entry-content, .post-content, .page-content, .wp-site-blocks, #page-container, #et-main-area, .et_builder_inner_content, .elementor, .bricks-site-wrapper, .oxy-site-wrapper, .fl-builder-content, .vc_row, .vce-row-container, .fusion-fullwidth, .woocommerce, .wpcf7, .gform_wrapper, .wpforms-container, .forminator-ui, .nf-form-cont) :where(a[href], .wp-block-button__link, .button, .btn, .elementor-button, .brxe-button, .ct-link-button, .fl-button, .vc_btn3, .vce-button, .fusion-button, .single_add_to_cart_button) {
  color: #fff !important;
  background-color: #111 !important;
  border-color: #f2f2f2 !important;
  outline-color: #f2f2f2 !important;
  text-decoration: underline !important;
  text-decoration-color: #fff !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 0.18em !important;
  box-shadow: none !important;
}

html.iad-contrast-dark :where(main, [role="main"], #primary, #main, #page, #content, .site-main, .entry-content, .post-content, .page-content, .wp-site-blocks, #page-container, #et-main-area, .et_builder_inner_content, .elementor, .bricks-site-wrapper, .oxy-site-wrapper, .fl-builder-content, .vc_row, .vce-row-container, .fusion-fullwidth, .woocommerce, .wpcf7, .gform_wrapper, .wpforms-container, .forminator-ui, .nf-form-cont) :where(button, input, textarea, select, .et_pb_button, .wp-block-button__link, .button, .btn, .elementor-button, .brxe-button, .ct-link-button, .fl-button, .vc_btn3, .vce-button, .fusion-button) {
  background-color: #111 !important;
  color: #fff !important;
  border: 2px solid #f2f2f2 !important;
  box-shadow: none !important;
}

html.iad-contrast-dark :where(input, textarea, select)::placeholder {
  color: #ededed !important;
  opacity: 1 !important;
}

html.iad-contrast-dark :where(input, textarea, select):focus,
html.iad-contrast-dark :where(button, a[href], [tabindex]):focus-visible {
  outline: 3px solid #fff !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 2px #000 !important;
}

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

html.iad-contrast-dark :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 !important;
}

html.iad-contrast-dark :where(rs-layer, .rs-layer, .tp-caption, sr7-txt, sr7-btn, sr7-layer, .sr7-layer),
html.iad-contrast-dark :where(rs-layer, .rs-layer, .tp-caption, sr7-txt, sr7-btn, sr7-layer, .sr7-layer) * {
  color: #fff !important;
  background-color: rgb(0 0 0 / 84%) !important;
  border-color: #f2f2f2 !important;
  text-shadow: none !important;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

html.iad-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: #111 !important;
  border-color: #f2f2f2 !important;
  text-decoration: underline !important;
  text-decoration-color: #fff !important;
}

html.iad-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.iad-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(--iad-primary) !important;
  background-color: transparent !important;
  text-decoration: underline !important;
}

html.iad-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.iad-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(--iad-accent) !important;
  text-decoration: underline !important;
}

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

html.iad-stop-animations #page-container *,
html.iad-stop-animations #page-container *::before,
html.iad-stop-animations #page-container *::after,
html.iad-stop-animations #et-main-area *,
html.iad-stop-animations #et-main-area *::before,
html.iad-stop-animations #et-main-area *::after,
html.iad-stop-animations main *,
html.iad-stop-animations main *::before,
html.iad-stop-animations main *::after,
html.iad-stop-animations :where([role="main"], #primary, #main, #page, #content, .site-main, .entry-content) *,
html.iad-stop-animations :where([role="main"], #primary, #main, #page, #content, .site-main, .entry-content) *::before,
html.iad-stop-animations :where([role="main"], #primary, #main, #page, #content, .site-main, .entry-content) *::after,
html.iad-stop-animations rs-module *,
html.iad-stop-animations .rev_slider_wrapper *,
html.iad-stop-animations .rev_slider *,
html.iad-stop-animations sr7-module *,
html.iad-stop-animations sr7-module *::before,
html.iad-stop-animations sr7-module *::after,
html.iad-stop-animations :where(.wp-site-blocks, .elementor, .bricks-site-wrapper, .oxy-site-wrapper, .fl-builder-content, .vc_row, .vce-row-container, .fusion-fullwidth, .woocommerce) *,
html.iad-stop-animations :where(.wp-site-blocks, .elementor, .bricks-site-wrapper, .oxy-site-wrapper, .fl-builder-content, .vc_row, .vce-row-container, .fusion-fullwidth, .woocommerce) *::before,
html.iad-stop-animations :where(.wp-site-blocks, .elementor, .bricks-site-wrapper, .oxy-site-wrapper, .fl-builder-content, .vc_row, .vce-row-container, .fusion-fullwidth, .woocommerce) *::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.iad-stop-animations #page-container .et_animated,
html.iad-stop-animations #page-container .et-waypoint,
html.iad-stop-animations #page-container [class*="et_pb_animation_"],
html.iad-stop-animations #et-main-area .et_animated,
html.iad-stop-animations #et-main-area .et-waypoint,
html.iad-stop-animations #et-main-area [class*="et_pb_animation_"],
html.iad-stop-animations main .et_animated,
html.iad-stop-animations main .et-waypoint,
html.iad-stop-animations main [class*="et_pb_animation_"] {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}

html.iad-big-cursor #page-container,
html.iad-big-cursor #page-container *,
html.iad-big-cursor #et-main-area,
html.iad-big-cursor #et-main-area *,
html.iad-big-cursor main,
html.iad-big-cursor main *,
html.iad-big-cursor :where(.wp-site-blocks, .elementor, .bricks-site-wrapper, .oxy-site-wrapper, .fl-builder-content, .vc_row, .vce-row-container, .fusion-fullwidth, .woocommerce),
html.iad-big-cursor :where(.wp-site-blocks, .elementor, .bricks-site-wrapper, .oxy-site-wrapper, .fl-builder-content, .vc_row, .vce-row-container, .fusion-fullwidth, .woocommerce) * {
  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.iad-big-cursor :where(input, textarea, select) {
  cursor: auto !important;
}

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

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

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

.iad-reading-mask,
.iad-blue-light-filter {
  position: fixed;
  pointer-events: none;
}

.iad-reading-mask {
  z-index: var(--iad-guide-z-index);
  background: rgb(0 0 0 / 78%);
}

.iad-reading-mask-top,
.iad-reading-mask-bottom {
  border-color: var(--iad-accent);
}

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

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

.iad-blue-light-filter {
  inset: 0;
  z-index: calc(var(--iad-guide-z-index) - 1);
  background: rgb(255 140 0 / 16%);
  mix-blend-mode: multiply;
}

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

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

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

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

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

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

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

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

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

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

.iad-icon-button,
.iad-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(--iad-primary);
  cursor: pointer;
  font: inherit;
  font-weight: 800;
}

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

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

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

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

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

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

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

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

.iad-levels {
  display: grid;
  gap: 10px;
}

.iad-level {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 36px 38px 36px;
  gap: 8px;
  align-items: center;
  padding: 10px;
  border-radius: 8px;
  background: #f8fafc;
}

.iad-level span {
  color: #111827;
  font-size: 13px;
  font-weight: 700;
}

.iad-level button {
  min-width: 34px;
  min-height: 34px;
  border: 1px solid var(--iad-primary);
  border-radius: 6px;
  background: #fff;
  color: var(--iad-primary);
  cursor: pointer;
  font: inherit;
  font-weight: 800;
}

.iad-level output {
  color: #111827;
  font-weight: 800;
  text-align: center;
}

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

.iad-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;
}

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

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

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

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

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

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

html.iad-contrast-dark .iad-root .iad-toggle {
  box-shadow: 0 0 0 4px #f2f2f2, 0 12px 30px rgb(0 0 0 / 22%);
}

html.iad-contrast-dark .iad-root .iad-action[aria-pressed="true"] {
  border-color: #f2f2f2;
  background: #111;
  color: #fff;
  box-shadow: inset 0 0 0 1px #f2f2f2;
}

html.iad-contrast-dark .iad-root .iad-action[aria-pressed="true"] svg,
html.iad-contrast-dark .iad-root .iad-action[aria-pressed="true"] > span:last-child {
  color: #fff;
}

html.iad-contrast-dark .iad-root .iad-action__check {
  background: #f2f2f2;
  color: #000;
}

html.iad-contrast-dark .iad-root :where(button, select, a):focus-visible,
html.iad-contrast-dark .iad-root .iad-action:focus-visible {
  outline-color: #fff;
  box-shadow: 0 0 0 3px #111;
}

.iad-structure,
.iad-speech {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 2px solid var(--iad-accent);
  border-radius: 10px;
  background: #fff;
}

.iad-structure[hidden],
.iad-speech[hidden] {
  display: none !important;
}

.iad-structure__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.iad-structure h3,
.iad-structure h4 {
  margin: 0;
  color: #111827;
}

.iad-structure__group {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.iad-structure ul {
  display: grid;
  max-height: 230px;
  gap: 6px;
  padding: 0;
  margin: 0;
  overflow: auto;
  list-style: none;
}

.iad-structure li {
  margin: 0;
}

.iad-structure li button,
.iad-speech button {
  width: 100%;
  min-height: 36px;
  padding: 8px 10px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: #f8fafc;
  color: #111827;
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.iad-speech {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.iad-speech button {
  text-align: center;
}

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

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

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

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

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

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

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

  .iad-speech {
    grid-template-columns: 1fr;
  }
}

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