/* 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 > *:not(#raw_window) {}
body.raw_state_saturation_low > *:not(#raw_window) {
    filter: saturate(0);
    backdrop-filter: saturate(0);
}
body.raw_state_saturation_medium > *:not(#raw_window) {
    filter: saturate(.5);
    backdrop-filter: saturate(.5);
}
body.raw_state_saturation_high > *:not(#raw_window) {
    filter: saturate(1.75);
    backdrop-filter: saturate(1.75);
}

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

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


/*
 * Combined Filters
 */

/* Brightness x saturation */
body.raw_state_brightness_low.raw_state_saturation_low > *:not(#raw_window) {
    filter: brightness(.9) sepia(.1) saturate(0);
    backdrop-filter: brightness(.9) sepia(.1) saturate(0);
}
body.raw_state_brightness_low.raw_state_saturation_medium > *:not(#raw_window) {
    filter: brightness(.9) sepia(.1) saturate(.5);
    backdrop-filter: brightness(.9) sepia(.1) saturate(.5);
}
body.raw_state_brightness_low.raw_state_saturation_high > *:not(#raw_window) {
    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 > *:not(#raw_window) {
    filter: brightness(1) sepia(.1) saturate(0);
    backdrop-filter: brightness(1) sepia(1) saturate(0);
}
body.raw_state_brightness_medium.raw_state_saturation_medium > *:not(#raw_window) {
    filter: brightness(1) sepia(.1) saturate(.5);
    backdrop-filter: brightness(1) sepia(1) saturate(.5);
}
body.raw_state_brightness_medium.raw_state_saturation_high > *:not(#raw_window) {
    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 > *:not(#raw_window) {
    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 > *:not(#raw_window) {
    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 > *:not(#raw_window) {
    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 > *:not(#raw_window, #raw_window *) {
    filter: contrast(.8) saturate(0);
    backdrop-filter: contrast(0.8) saturate(0);
}
body.raw_state_contrast_medium.raw_state_saturation_medium > *:not(#raw_window, #raw_window *) {
    filter: contrast(.8) saturate(.5);
    backdrop-filter: contrast(0.8) saturate(.5);
}
body.raw_state_contrast_medium.raw_state_saturation_high > *:not(#raw_window, #raw_window *) {
    filter: contrast(.8) saturate(1.75);
    backdrop-filter: contrast(0.8) saturate(1.75);
}
body.raw_state_contrast_high.raw_state_saturation_low  > *:not(#raw_window, #raw_window *) {
    filter: contrast(1.5) saturate(0);
    backdrop-filter: contrast(1.5) saturate(0);
}
body.raw_state_contrast_high.raw_state_saturation_medium > *:not(#raw_window, #raw_window *) {
    filter: contrast(1.5) saturate(.5);
    backdrop-filter: contrast(1.5) saturate(.5);
}
body.raw_state_contrast_high.raw_state_saturation_high > *:not(#raw_window, #raw_window *) {
    filter: contrast(1.5) saturate(1.75);
    backdrop-filter: contrast(1.5) saturate(1.75);
}

/*
 * LETTER SPACING
 */
body.raw_state_text_spacing_small h1:not(#raw_window, #raw_window h1),
body.raw_state_text_spacing_small h2:not(#raw_window, #raw_window h2),
body.raw_state_text_spacing_small h3:not(#raw_window, #raw_window h3),
body.raw_state_text_spacing_small h4:not(#raw_window, #raw_window h4),
body.raw_state_text_spacing_small h5:not(#raw_window, #raw_window h5),
body.raw_state_text_spacing_small h6:not(#raw_window, #raw_window h6),
body.raw_state_text_spacing_small label:not(#raw_window, #raw_window label),
body.raw_state_text_spacing_small input:not(#raw_window, #raw_window input),
body.raw_state_text_spacing_small textarea:not(#raw_window, #raw_window textarea),
body.raw_state_text_spacing_small a:not(#raw_window, #raw_window a),
body.raw_state_text_spacing_small ul:not(#raw_window, #raw_window ul),
body.raw_state_text_spacing_small ol:not(#raw_window, #raw_window ol),
body.raw_state_text_spacing_small p:not(#raw_window, #raw_window p) {
    line-height: 1.5;
    padding-bottom: 1rem;
    letter-spacing: 0.12rem;
    word-spacing: 0.16rem;
}
body.raw_state_text_spacing_medium h1:not(#raw_window, #raw_window h1),
body.raw_state_text_spacing_medium h2:not(#raw_window, #raw_window h2),
body.raw_state_text_spacing_medium h3:not(#raw_window, #raw_window h3),
body.raw_state_text_spacing_medium h4:not(#raw_window, #raw_window h4),
body.raw_state_text_spacing_medium h5:not(#raw_window, #raw_window h5),
body.raw_state_text_spacing_medium h6:not(#raw_window, #raw_window h6),
body.raw_state_text_spacing_medium label:not(#raw_window, #raw_window label),
body.raw_state_text_spacing_medium input:not(#raw_window, #raw_window input),
body.raw_state_text_spacing_medium textarea:not(#raw_window, #raw_window textarea),
body.raw_state_text_spacing_medium a:not(#raw_window, #raw_window a),
body.raw_state_text_spacing_medium ul:not(#raw_window, #raw_window ul),
body.raw_state_text_spacing_medium ol:not(#raw_window, #raw_window ol),
body.raw_state_text_spacing_medium p:not(#raw_window, #raw_window p) {
    line-height: 1.75;
    padding-bottom: 2rem;
    letter-spacing: 0.25rem;
    word-spacing: 0.35rem;
}
body.raw_state_text_spacing_large h1:not(#raw_window, #raw_window h1),
body.raw_state_text_spacing_large h2:not(#raw_window, #raw_window h2),
body.raw_state_text_spacing_large h3:not(#raw_window, #raw_window h3),
body.raw_state_text_spacing_large h4:not(#raw_window, #raw_window h4),
body.raw_state_text_spacing_large h5:not(#raw_window, #raw_window h5),
body.raw_state_text_spacing_large h6:not(#raw_window, #raw_window h6),
body.raw_state_text_spacing_large label:not(#raw_window, #raw_window label),
body.raw_state_text_spacing_large input:not(#raw_window, #raw_window input),
body.raw_state_text_spacing_large textarea:not(#raw_window, #raw_window textarea),
body.raw_state_text_spacing_large a:not(#raw_window, #raw_window a),
body.raw_state_text_spacing_large ul:not(#raw_window, #raw_window ul),
body.raw_state_text_spacing_large ol:not(#raw_window, #raw_window ol),
body.raw_state_text_spacing_large p:not(#raw_window, #raw_window 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: 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% auto auto calc(100% - 58px - 1rem);
    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: 30px 30px 6px 30px;
    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_header,
#raw_body,
#raw_footer {
    font-family: -apple-system, Roboto, Arial, Helvetica, sans-serif;
    box-sizing: border-box;
    position: relative;
}
/* WIDGET HEADER */
#raw_header {
    padding: 15px;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    background: white;
    border: 1px solid black;
    height: 48px;
}
#raw_start {
    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);
}

#raw_voice_selection {
    font-weight: 400;
    font-size: 24px;
    line-height: 1.375;
    margin: 0 !important;
    border: none;
    border-radius: 6px;
    padding: 8px 12px !important;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    background: white;
    color: rgba(0,0,0,1);
}
#raw_reset_profile {
    border-radius: 6px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 10px 24px !important;
    cursor: pointer;
    width: 100%;
    background: white;
    box-sizing: border-box;
}
#raw_reset_profile p {
    font-weight: 400;
    font-size: 24px;
    line-height: 1.375;
    color: rgba(0,0,0,1);
    text-decoration: none;
    margin: 0;
    padding: 0 !important;
}
#raw_reset_profile:hover {
    background-color: var(--widget-highlight);
}
#raw_reset_profile:hover p {
    color: white;
}

/* FEATURES */
.raw_feature {
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    padding: 8px 15px 8px 0;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
    border-radius: 4px;
    background: white;
    position: relative;
}
.raw_feature:hover {
    text-decoration: underline;
    text-decoration-color: var(--widget-highlight);
    text-decoration-thickness: 6px;
}
.raw_feature .raw_icon {
    padding: 15px;
    margin: 0;
    border: 1px solid var(--widget-border);
    border-radius: .42rem;
    aspect-ratio: 1 / 1;
    width: 72px;
    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: 28px;
    line-height: 1.375;
    display: inline-block;
    margin: 0;
    padding: 0;
    color: rgba(0,0,0,1);
    text-align: left;
    width: 60%;
}
.raw_feature .raw_icon svg {
    height: 68px;
    width: 68px;
    max-height: 68px;
    max-width: 68px;
    aspect-ratio: 1 / 1;
}
.raw_feature .raw_icon svg path {
    fill: black;
}
/* Four States */
.raw_feature .raw_active_indicator_bar {
    width: 14px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
}
.raw_feature .raw_active_indicator_bar .raw_active_indicator {
    width: 15px;
    height: 30px;
    background-color: rgb(99,99,99);
}
.raw_feature .raw_active_indicator_bar .raw_active_indicator:first-of-type {
    border-radius: 0 4px 0 0;
}
.raw_feature .raw_active_indicator_bar .raw_active_indicator:last-of-type {
    border-radius: 0 0 4px 0;
}
.raw_feature .raw_active_indicator_bar .raw_active_indicator:first-of-type:last-of-type {
    border-radius: 0 4px 4px 0;
}

.raw_feature.raw_states_four.raw_state_1 .raw_icon {
    border: 1px solid var(--widget-highlight);
    background: var(--widget-highlight);
}
.raw_feature.raw_states_four.raw_state_1 .raw_icon svg path {
    fill: white;
}
.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);
}
.raw_feature.raw_states_four.raw_state_2 .raw_icon svg path {
    fill: white;
}
.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);
}
.raw_feature.raw_states_four.raw_state_3 .raw_icon svg path {
    fill: white;
}
.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_1 .raw_icon {
    border: 1px solid var(--widget-highlight);
    background: var(--widget-highlight);
}
.raw_feature.raw_states_three.raw_state_1 .raw_icon svg path {
    fill: white;
}
.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);
}
.raw_feature.raw_states_three.raw_state_2 .raw_icon svg path {
    fill: white;
}
.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_1 .raw_icon {
    border: 1px solid var(--widget-highlight);
    background: var(--widget-highlight);
}
.raw_feature.raw_states_two.raw_state_1 .raw_icon svg path {
    fill: white;
}
.raw_feature.raw_states_two.raw_state_1 .raw_active_indicator_bar .raw_active_indicator:nth-of-type(1) {
    background-color: var(--widget-highlight);
}
