/* OPEN DYSLEXIC FONT from trusted server */
@font-face {
    font-display: swap;
    font-family: 'Open Dyslexic';
    font-style: normal;
    font-weight: 400;
    src: url('https://happymo.re/resources/fonts/opendyslexic-0_91_12/compiled/OpenDyslexic-Regular.eot'); /* IE9 Compat Modes */
    src: url('https://happymo.re/resources/fonts/opendyslexic-0_91_12/compiled/OpenDyslexic-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('https://happymo.re/resources/fonts/opendyslexic-0_91_12/compiled/OpenDyslexic-Regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('https://happymo.re/resources/fonts/opendyslexic-0_91_12/compiled/OpenDyslexic-Regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('https://happymo.re/resources/fonts/opendyslexic-0_91_12/compiled/OpenDyslexic-Regular.otf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
@font-face {
    font-display: swap;
    font-family: 'Open Dyslexic';
    font-style: italic;
    font-weight: 400;
    src: url('https://happymo.re/resources/fonts/opendyslexic-0_91_12/compiled/OpenDyslexic-Italic.eot'); /* IE9 Compat Modes */
    src: url('https://happymo.re/resources/fonts/opendyslexic-0_91_12/compiled/OpenDyslexic-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('https://happymo.re/resources/fonts/opendyslexic-0_91_12/compiled/OpenDyslexic-Italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('https://happymo.re/resources/fonts/opendyslexic-0_91_12/compiled/OpenDyslexic-Italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('https://happymo.re/resources/fonts/opendyslexic-0_91_12/compiled/OpenDyslexic-Italic.otf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
@font-face {
    font-display: swap;
    font-family: 'Open Dyslexic';
    font-style: normal;
    font-weight: 700;
    src: url('https://happymo.re/resources/fonts/opendyslexic-0_91_12/compiled/OpenDyslexic-Bold.eot'); /* IE9 Compat Modes */
    src: url('https://happymo.re/resources/fonts/opendyslexic-0_91_12/compiled/OpenDyslexic-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('https://happymo.re/resources/fonts/opendyslexic-0_91_12/compiled/OpenDyslexic-Bold.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('https://happymo.re/resources/fonts/opendyslexic-0_91_12/compiled/OpenDyslexic-Bold.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('https://happymo.re/resources/fonts/opendyslexic-0_91_12/compiled/OpenDyslexic-Bold.otf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
@font-face {
    font-display: swap;
    font-family: 'Open Dyslexic';
    font-style: italic;
    font-weight: 700;
    src: url('https://happymo.re/resources/fonts/opendyslexic-0_91_12/compiled/OpenDyslexic-Bold-Italic.eot'); /* IE9 Compat Modes */
    src: url('https://happymo.re/resources/fonts/opendyslexic-0_91_12/compiled/OpenDyslexic-Bold-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('https://happymo.re/resources/fonts/opendyslexic-0_91_12/compiled/OpenDyslexic-Bold-Italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('https://happymo.re/resources/fonts/opendyslexic-0_91_12/compiled/OpenDyslexic-Bold-Italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('https://happymo.re/resources/fonts/opendyslexic-0_91_12/compiled/OpenDyslexic-Bold-Italic.otf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* VARIABLES */
:root {
    --widget-bg: rgba(255,255,255,1);
    --widget-body-bg: rgba(245,245,245,1);
    --widget-text: rgba(0,0,0,1);
    --widget-border: rgba(144,144,144,1);
    --widget-highlight: rgba(29,169,240,1);
    --widget-highlight-bg: rgba(29,169,240,0.125);
    --widget-font-size: 20px;
}
body {
    margin: 0;
    position: relative;
    background: white;
}

/*
    ANIMATIONS ON/OFF
*/
body.raw_state_animations_off * {
    animation: none !important;
    animation-name: none !important;
    transition: none !important;

}

/*
/   MARKED LINKS
 */
.raw_marked_link {
    position: relative;
}
.raw_marked_link::after {
    content: "🔗";
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    width: 32px;
    border: 1px solid #def32a;
    background-color: rgba(48,48,48,1);
    color: #def32a;
    position: absolute;
    inset: 0 auto auto 0;
}

/*
* TTS
*/
body.raw_state_speech_synthesis_on *[data-element-content-text]:hover,
body.raw_state_speech_synthesis_on *[data-element-content-text]:focus {
    background-color: rgba(255,255,70,0.75);
}

/*
 * READABLE FONTS
 */
body.raw_state_readable_fonts_sans *:not(#raw_widget_button *, #raw_window *),
body.raw_state_readable_fonts_specialty *:not(#raw_widget_button *, #raw_window *) {
    /* adjust letter and word spacing */
    letter-spacing: 0.012rem;
    word-spacing: 0.05rem;
    /* avoid underlining and italics */
    font-style: normal;
    text-decoration: none;
    text-transform: lowercase;
    overflow: visible !important;
}
body.raw_state_readable_fonts_sans * {
    /* set font to arial */
    font-family: Arial, Verdana, Tahoma, 'Century Gothic', Trebuchet, Calibri, 'Open Sans', sans-serif !important;
}
body.raw_state_readable_fonts_specialty * {
    /* set font to arial */
    font-family: 'Open Dyslexic', sans-serif !important;
    overflow-y: visible !important;
}
body.raw_state_readable_fonts_sans * strong,
body.raw_state_readable_fonts_sans * b,
body.raw_state_readable_fonts_specialty * strong,
body.raw_state_readable_fonts_specialty * b{
    /* use bold for emphasis */
    font-weight: 700;
}
body.raw_state_readable_fonts_sans * a:not(.raw_feature),
body.raw_state_readable_fonts_specialty * a:not(.raw_feature) {
    /* ensure hyperlinks look different from headings and normal text */
    position: relative;
    background: rgba(0,0,0,0.065);
    border-right: .2rem;
    overflow: visible;
    width: max-content;
}

/*
 * TEXT RESIZE
 */
body.raw_state_text_resize_default {}
body.raw_state_text_resize_small h1 {
    font-size: 36px;
    line-height: 1.375;
}
body.raw_state_text_resize_small h2 {
    font-size: 32px;
    line-height: 1.375;
}
body.raw_state_text_resize_small h3 {
    font-size: 28px;
    line-height: 1.375;
}
body.raw_state_text_resize_small h4,
body.raw_state_text_resize_small h5,
body.raw_state_text_resize_small h6 {
    font-size: 24px;
    line-height: 1.375;
}
body.raw_state_text_resize_small label,
body.raw_state_text_resize_small input,
body.raw_state_text_resize_small textarea,
body.raw_state_text_resize_small a,
body.raw_state_text_resize_small ul,
body.raw_state_text_resize_small ol,
body.raw_state_text_resize_small li,
body.raw_state_text_resize_small p,
body.raw_state_text_resize_small div:not(.swiper-wrapper, .swiper) {
    font-size: 20px;
    line-height: 1.375;
    overflow: visible;
}
body.raw_state_text_resize_medium h1 {
    font-size: 48px;
    line-height: 1.375;
}
body.raw_state_text_resize_medium h2 {
    font-size: 42px;
    line-height: 1.375;
}
body.raw_state_text_resize_medium h3 {
    font-size: 36px;
    line-height: 1.375;
}
body.raw_state_text_resize_medium h4,
body.raw_state_text_resize_medium h5,
body.raw_state_text_resize_medium h6 {
    font-size: 30px;
    line-height: 1.375;
}
body.raw_state_text_resize_medium label,
body.raw_state_text_resize_medium input,
body.raw_state_text_resize_medium textarea,
body.raw_state_text_resize_medium a,
body.raw_state_text_resize_medium ul,
body.raw_state_text_resize_medium ol,
body.raw_state_text_resize_medium li,
body.raw_state_text_resize_medium p,
body.raw_state_text_resize_medium div:not(.swiper-wrapper, .swiper) {
    font-size: 24px;
    line-height: 1.375;
    overflow: visible;
}
body.raw_state_text_resize_large h1 {
    font-size: 72px;
    line-height: 1.375;
}
body.raw_state_text_resize_large h2 {
    font-size: 60px;
    line-height: 1.375;
}
body.raw_state_text_resize_large h3 {
    font-size: 52px;
    line-height: 1.375;
}
body.raw_state_text_resize_large h4,
body.raw_state_text_resize_large h5,
body.raw_state_text_resize_large h6 {
    font-size: 48px;
    line-height: 1.375;
}
body.raw_state_text_resize_large label,
body.raw_state_text_resize_large input,
body.raw_state_text_resize_large textarea,
body.raw_state_text_resize_large a,
body.raw_state_text_resize_large ul,
body.raw_state_text_resize_large ol,
body.raw_state_text_resize_large li,
body.raw_state_text_resize_large p,
body.raw_state_text_resize_large div:not(.swiper-wrapper, .swiper) {
    font-size: 40px;
    line-height: 1.375;
    overflow: visible;
}

/*
 * SATURATION
 */
body.raw_state_saturation_default > * {}
body.raw_state_saturation_low > * {
    filter: saturate(0);
    backdrop-filter: saturate(0);
}
body.raw_state_saturation_medium > * {
    filter: saturate(.5);
    backdrop-filter: saturate(.5);
}
body.raw_state_saturation_high > * {
    filter: saturate(1.75);
    backdrop-filter: saturate(1.75);
}

/*
 * BRIGHTNESS
 */
body.raw_state_brightness_default > * {}
body.raw_state_brightness_low > * {
    filter: brightness(.9) sepia(.1);
    backdrop-filter: brightness(.9) sepia(.1);
}
body.raw_state_brightness_medium > * {
    filter: brightness(1) sepia(.1);
    backdrop-filter: brightness(1) sepia(1);
}
body.raw_state_brightness_high > * {
    filter: brightness(1.05) saturate(1.35) sepia(-.1);
    backdrop-filter: brightness(1.05) saturate(1.35) sepia(-.1);
}

/*
 * CONTRAST
 */
.raw_state_contrast_default > * {}
.raw_state_contrast_invert > * {
    filter: invert(1);
}
.raw_state_contrast_dark * {
    background: #00000a !important;
    color: #fff !important;
}
.raw_state_contrast_dark * > a {
    color: #def32a !important;
}
.raw_state_contrast_dark * > path {
    fill: #def32a !important;
}
.raw_state_contrast_light * {
    background: aliceblue !important;
    color: #333 !important;
}
.raw_state_contrast_light * > a {
    color: #4c0a8f !important;
}
.raw_state_contrast_light * > path {
    fill: #4c0a8f !important;
}


/*
 * Combined Filters
 */

/* Brightness x saturation */
body.raw_state_brightness_low.raw_state_saturation_low  > * {
    filter: brightness(.9) sepia(.1) saturate(0);
    backdrop-filter: brightness(.9) sepia(.1) saturate(0);
}
body.raw_state_brightness_low.raw_state_saturation_medium > * {
    filter: brightness(.9) sepia(.1) saturate(.5);
    backdrop-filter: brightness(.9) sepia(.1) saturate(.5);
}
body.raw_state_brightness_low.raw_state_saturation_high > * {
    filter: brightness(.9) sepia(.1) saturate(1.75);
    backdrop-filter: brightness(.9) sepia(.1) saturate(1.75);
}
body.raw_state_brightness_medium.raw_state_saturation_low  > * {
    filter: brightness(1) sepia(.1) saturate(0);
    backdrop-filter: brightness(1) sepia(1) saturate(0);
}
body.raw_state_brightness_medium.raw_state_saturation_medium > * {
    filter: brightness(1) sepia(.1) saturate(.5);
    backdrop-filter: brightness(1) sepia(1) saturate(.5);
}
body.raw_state_brightness_medium.raw_state_saturation_high > * {
    filter: brightness(1) sepia(.1) saturate(1.75);
    backdrop-filter: brightness(1) sepia(1) saturate(1.75);
}
body.raw_state_brightness_high.raw_state_saturation_low  > * {
    filter: brightness(1.05) saturate(1.35) sepia(-.1) saturate(0);
    backdrop-filter: brightness(1.05) saturate(1.35) sepia(-.1) saturate(0);
}
body.raw_state_brightness_high.raw_state_saturation_medium > * {
    filter: brightness(1.05) saturate(1.35) sepia(-.1) saturate(.5);
    backdrop-filter: brightness(1.05) saturate(1.35) sepia(-.1) saturate(.5);
}
body.raw_state_brightness_high.raw_state_saturation_high > * {
    filter: brightness(1.05) saturate(1.35) sepia(-.1) saturate(1.75);
    backdrop-filter: brightness(1.05) saturate(1.35) sepia(-.1) saturate(1.75);
}

/* contrast x saturation */
body.raw_state_contrast_medium.raw_state_saturation_low  > * {
    filter: contrast(.8) saturate(0);
    backdrop-filter: contrast(0.8) saturate(0);
}
body.raw_state_contrast_medium.raw_state_saturation_medium > * {
    filter: contrast(.8) saturate(.5);
    backdrop-filter: contrast(0.8) saturate(.5);
}
body.raw_state_contrast_medium.raw_state_saturation_high > * {
    filter: contrast(.8) saturate(1.75);
    backdrop-filter: contrast(0.8) saturate(1.75);
}
body.raw_state_contrast_high.raw_state_saturation_low  > * {
    filter: contrast(1.5) saturate(0);
    backdrop-filter: contrast(1.5) saturate(0);
}
body.raw_state_contrast_high.raw_state_saturation_medium > * {
    filter: contrast(1.5) saturate(.5);
    backdrop-filter: contrast(1.5) saturate(.5);
}
body.raw_state_contrast_high.raw_state_saturation_high > * {
    filter: contrast(1.5) saturate(1.75);
    backdrop-filter: contrast(1.5) saturate(1.75);
}

/*
 * LETTER SPACING
 */
body.raw_state_text_spacing_default {}
body.raw_state_text_spacing_small h1,
body.raw_state_text_spacing_small h2,
body.raw_state_text_spacing_small h3,
body.raw_state_text_spacing_small h4,
body.raw_state_text_spacing_small h5,
body.raw_state_text_spacing_small h6,
body.raw_state_text_spacing_small label,
body.raw_state_text_spacing_small input,
body.raw_state_text_spacing_small textarea,
body.raw_state_text_spacing_small a,
body.raw_state_text_spacing_small ul,
body.raw_state_text_spacing_small ol,
body.raw_state_text_spacing_small p {
    line-height: 1.5;
    padding-bottom: 1rem;
    letter-spacing: 0.12rem;
    word-spacing: 0.16rem;
}
body.raw_state_text_spacing_medium h1,
body.raw_state_text_spacing_medium h2,
body.raw_state_text_spacing_medium h3,
body.raw_state_text_spacing_medium h4,
body.raw_state_text_spacing_medium h5,
body.raw_state_text_spacing_medium h6,
body.raw_state_text_spacing_medium label,
body.raw_state_text_spacing_medium input,
body.raw_state_text_spacing_medium textarea,
body.raw_state_text_spacing_medium a,
body.raw_state_text_spacing_medium ul,
body.raw_state_text_spacing_medium ol,
body.raw_state_text_spacing_medium p {
    line-height: 1.75;
    padding-bottom: 2rem;
    letter-spacing: 0.25rem;
    word-spacing: 0.35rem;
}
body.raw_state_text_spacing_large h1,
body.raw_state_text_spacing_large h2,
body.raw_state_text_spacing_large h3,
body.raw_state_text_spacing_large h4,
body.raw_state_text_spacing_large h5,
body.raw_state_text_spacing_large h6,
body.raw_state_text_spacing_large label,
body.raw_state_text_spacing_large input,
body.raw_state_text_spacing_large textarea,
body.raw_state_text_spacing_large a,
body.raw_state_text_spacing_large ul,
body.raw_state_text_spacing_large ol,
body.raw_state_text_spacing_large p {
    line-height: 2;
    padding-bottom: 3rem;
    letter-spacing: 0.5rem;
    word-spacing: 1rem;
}

/*
* DYNAMIC OBJECTS
*/

/* LARGE CURSOR */
.raw_state_assisted_operation_cursor,
.raw_state_assisted_operation_cursor * { cursor: none !important; }
#large_cursor {
    position: absolute;
    z-index: 100000;
    width: 30px;
    height: 55px;
    background: transparent;
    pointer-events: none;
    cursor: none !important;
    overflow: hidden !important;
}
#large_cursor svg {
    height: 100%;
    width: auto;
    max-width: 30px;
    overflow: hidden !important;
}
/* MAGNIFYING GLASS */
.raw_state_assisted_operation_magnification,
.raw_state_assisted_operation_magnification :not(#raw_window *) {}
#focus_glass {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
    position: absolute;
    pointer-events: none;
    z-index: 100000;
    background: transparent !important;
    overflow: hidden !important;
    outline: none;
    height: 200px;
    width: 100vw;
    width: 100%;
    border-top: 5px solid var(--widget-highlight);
    border-bottom: 5px solid var(--widget-text);
    box-shadow: 0 0 10px 100vh rgba(0, 0, 0, 0.4);
}
#focus_glass::after {
    content: "";
    display: block;
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    background: var(--widget-border);
}
#focus_glass canvas {
    display: block;
    position: absolute;
    transform: scale(1.35);
}
/* LINE HELPER */
.raw_state_assisted_operation_linehelper,
.raw_state_assisted_operation_linehelper * { cursor: none !important; }
#line_helper {
    position: absolute;
    z-index: 100000;
    width: 300px;
    height: 55px;
    background: transparent;
    pointer-events: none;
    cursor: none !important;
    overflow: hidden !important;
}
#line_helper svg {
    height: 100%;
    width: auto;
    max-width: 300px;
    overflow: hidden !important;
}


/* WIDGET WINDOW */
#raw_widget_button {
    position: fixed;
    z-index: 1000;
    /*inset: 50% clamp(10px, 5vw, 2rem) auto auto;*/
    inset: 50% auto auto clamp(10px, 5vw, 2rem);
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1 / 1;
    width: 48px;
    height: 48px;
    max-width: 48px;
    background: var(--widget-bg);
    border: 5px solid var(--widget-highlight);
    border-radius: .42rem;
    box-shadow: 0 0 1px rgba(0,0,0,0.052), 0 1px 2px rgba(0,0,0,0.052), 0 2px 3px rgba(0,0,0,0.052), 0 3px 5px rgba(0,0,0,0.052), 0 5px 8px rgba(0,0,0,0.052), 0 8px 13px rgba(0,0,0,0.052);
    overflow: hidden !important;
    padding: 0 !important;
}
#raw_widget_button span {
    max-height: 1px;
    max-width: 1px;
    overflow: hidden !important;
}
#raw_widget_button div {
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden !important;
}
#raw_widget_button svg {
    width: 30px;
    height: 30px;
    overflow: hidden !important;
    transition: all .1s ease-out;
}
#raw_widget_button svg path {
    fill: black;
}
#raw_widget_button:hover svg,
#raw_widget_button:focus svg {
    margin-top: 1rem;
    width: 48px;
    height: 48px;
}
#raw_window {
    container-type: inline-size;

    display: none;
    position: fixed;
    z-index: 9999;
    /*inset: 2rem clamp(10px, 5vw, 2rem) auto auto;*/
    inset: 2rem auto auto clamp(10px, 5vw, 2rem);
    width: clamp(280px, 90vw, 600px);
    max-height: calc(100vh - 4rem);
    background: var(--widget-bg);
    padding: 15px;
    box-sizing: border-box;
    border-radius: 6px;
    box-shadow: 0 0 1px rgba(0,0,0,0.052), 0 1px 2px rgba(0,0,0,0.052), 0 2px 3px rgba(0,0,0,0.052), 0 3px 5px rgba(0,0,0,0.052), 0 5px 8px rgba(0,0,0,0.052), 0 8px 13px rgba(0,0,0,0.052), 0 13px 21px rgba(0,0,0,0.052), 0 21px 34px rgba(0,0,0,0.052);
}
#raw_header,
#raw_body,
#raw_toolbar,
#raw_footer {
    font-family: -apple-system, Roboto, Arial, Helvetica, sans-serif;
    padding: 0;
    box-sizing: border-box;
    position: relative;
}
/* WIDGET HEADER */
#raw_header {
    display: flex;
    flex-flow: row;
    justify-content: flex-end;
    align-items: center;
}
#raw_start {
    position: absolute;
    inset: 0 auto auto 50%;
    transform: translateX(-50%);
    font-size: 20px;
    color: rgba(0,0,0,1);
    text-decoration: none;
    padding: 0 !important;
}
#close_accessibility_widget {
    border: 1px solid var(--widget-text);
    border-radius: 6px;
    aspect-ratio: 1 / 1;
    width: 28px;
    height: 28px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
    overflow: hidden;
}
#close_accessibility_widget:hover,
#close_accessibility_widget:focus {
    background: #ffc400;
    border: 1px solid #ffc400;
}
#close_accessibility_widget span {
    max-height: 1px;
    max-width: 1px;
    overflow: hidden;
}
#close_accessibility_widget div {
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
#close_accessibility_widget svg {
    width: 20px;
    height: 20px;
}
#close_accessibility_widget svg path {
    fill: var(--widget-text);
}
/* TOOLBAR */
#raw_toolbar {
    background: var(--widget-bg);
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 0;
}
#raw_voice_selection {
    margin: 0 !important;
    border: 1px solid var(--widget-text);
    border-radius: 6px;
    padding: 8px 12px !important;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    background: transparent;
    font-size: 18px;
}
#raw_reset_profile {
    border: 1px solid var(--widget-text);
    border-radius: 6px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 10px 24px !important;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
}
#raw_reset_profile p {
    font-size: 20px;
    color: rgba(0,0,0,1);
    text-decoration: none;
    margin: 0;
    padding: 0 !important;
}
#raw_reset_profile:hover {
    border: 1px solid #ffc400;
    background-color: #ffc400;
}
#raw_reset_profile:hover p {
    font-weight: bold;
}
/* BODY */
#raw_body {
    background: var(--widget-body-bg);
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-height: calc(100vh - 4rem - 15rem);
    overflow: auto;
    padding: 10px;
    border-radius: 6px;
}

/* FEATURES */
.raw_feature {
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    padding: 10px;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
    border-radius: 6px;
}
.raw_feature:hover,
.raw_feature:focus {
    background: white;
}
.raw_feature .raw_icon {
    padding: 15px;
    margin: 0;
    border: 1px solid var(--widget-border);
    border-radius: .42rem;
    aspect-ratio: 1 / 1;
    width: 20%;
    text-decoration: none;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;

    transition: all .1s ease-in-out;
}
.raw_feature span {
    font-weight: 400;
    font-size: 22px;
    display: inline-block;
    margin: 0 10px;
    padding: 0;
    color: rgba(0,0,0,1);
    text-align: left;
    width: 60%;
}
.raw_feature .raw_icon svg {
    height: 90%;
    width: 90%;
    max-height: 90%;
    max-width: 90%;
    aspect-ratio: 1 / 1;
}
.raw_feature .raw_icon svg path {
    fill: black;
}
/* Four States */
.raw_feature .raw_active_indicator_bar {
    width: 12px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.raw_feature .raw_active_indicator_bar .raw_active_indicator {
    width: 12px;
    height: 20px;
    background-color: rgb(214, 214, 214);
    border-radius: 3px;
}

.raw_feature.raw_states_four.raw_state_0 {}
.raw_feature.raw_states_four.raw_state_1 .raw_icon {
    border: 1px solid var(--widget-highlight);
    background: var(--widget-highlight-bg);
}
.raw_feature.raw_states_four.raw_state_1 .raw_active_indicator_bar .raw_active_indicator:nth-of-type(1) {
    background-color: var(--widget-highlight);
}
.raw_feature.raw_states_four.raw_state_2 .raw_icon {
    border: 1px solid var(--widget-highlight);
    background: var(--widget-highlight-bg);
}
.raw_feature.raw_states_four.raw_state_2 .raw_active_indicator_bar .raw_active_indicator:nth-of-type(1),
.raw_feature.raw_states_four.raw_state_2 .raw_active_indicator_bar .raw_active_indicator:nth-of-type(2) {
    background-color: var(--widget-highlight);
}
.raw_feature.raw_states_four.raw_state_3 .raw_icon {
    border: 1px solid var(--widget-highlight);
    background: var(--widget-highlight-bg);
}
.raw_feature.raw_states_four.raw_state_3 .raw_active_indicator_bar .raw_active_indicator:nth-of-type(1),
.raw_feature.raw_states_four.raw_state_3 .raw_active_indicator_bar .raw_active_indicator:nth-of-type(2),
.raw_feature.raw_states_four.raw_state_3 .raw_active_indicator_bar .raw_active_indicator:nth-of-type(3) {
    background-color: var(--widget-highlight);
}
/* Three States */
.raw_feature.raw_states_three.raw_state_0 {}
.raw_feature.raw_states_three.raw_state_1 .raw_icon {
    border: 1px solid var(--widget-highlight);
    background: var(--widget-highlight-bg);
}
.raw_feature.raw_states_three.raw_state_1 .raw_active_indicator_bar .raw_active_indicator:nth-of-type(1) {
    background-color: var(--widget-highlight);
}
.raw_feature.raw_states_three.raw_state_2 .raw_icon {
    border: 1px solid var(--widget-highlight);
    background: var(--widget-highlight-bg);
}
.raw_feature.raw_states_three.raw_state_2 .raw_active_indicator_bar .raw_active_indicator:nth-of-type(1),
.raw_feature.raw_states_three.raw_state_2 .raw_active_indicator_bar .raw_active_indicator:nth-of-type(2) {
    background-color: var(--widget-highlight);
}
/* Two States */
.raw_feature.raw_states_two.raw_state_0 {}
.raw_feature.raw_states_two.raw_state_1 .raw_icon {
    border: 1px solid var(--widget-highlight);
    background: var(--widget-highlight-bg);
}
.raw_feature.raw_states_two.raw_state_1 .raw_active_indicator_bar .raw_active_indicator:nth-of-type(1) {
    background-color: var(--widget-highlight);
}