:root{--color-black:#292a29;--color-black-absolute:#000;--color-text:#3f403f;--color-white:#fff;--color-base-00:#f6f5f3;--color-base-20:#e8e6e3;--color-base-30:#dfdcd8;--color-base-50:#99958f;--color-base-70:#4f4d4a;--color-base-80:#353331;--color-base-90:#1a1a19;--color-base-100:#080807;--color-background:var(--color-base-00);--color-primary-00:#f3ecf3;--color-primary-00-subtle:#f1eef1;--color-primary-30:#bfa1c4;--color-primary-40-subtle:#a28fa3;--color-primary-50:#95629d;--color-primary-50-subtle:#8b738c;--color-primary-60:#5c3b5e;--color-primary-60-subtle:#534554;--color-primary-80:#322433;--color-primary-80-subtle:#302631;--color-primary-90:#251826;--color-primary-90-subtle:#221b22;--color-primary-100:#090609;--color-primary-bright:#ceb2d7;--color-primary-bright-50:#b69dbe;--color-white-screen-80:#ffffffd9;--color-white-screen-20:#fff3;--color-black-screen-05:#0000000d;--color-black-screen-10:#0000001a;--color-black-screen-25:#00000040;--color-black-screen-50:#00000080;--color-black-screen-70:#000000b3;--color-black-screen-90:#000c;--color-primary-screen-25:#5c3b5e40;--color-link:#085d72;--color-link-underline:#3190a780;--color-link-hover:#3a8195;--color-link-visited:#5b439d;--color-link-visited-light:#7f5fd9;--color-link-visited-underline:#7f5fd980;--color-link-active:#16bce6;--color-button-text-light:var(--color-interactive-light);--color-link-disabled:#e4ebec;--color-link-disabled-subtle:#88c5ce;--color-link-disabled-darkmode:#a8bdc2;--color-link-light:#3abedf;--color-link-light-underline:#0babd380;--color-link-hover-light:#0983a1;--color-link-med:#18677b;--color-link-active-light:#16bce6;--color-focus:var(--color-primary-50);--dropshadow-base:0 5px 10px -3px #0000001a,0 4px 6px -4px #0000001a;--dropshadow-darkened:0 7px 7px -3px #0003;--dropshadow-base-hovered:0px 7px 7px -2px #0003;--dropshadow-hoverbox:0 8px 24px #0009;--color-complete:#a1b6c9;--color-success:#019e7c;--color-success-dark:#057b62;--color-error:#ff3c00;--color-warning-light:#fff6cd;--color-warning:#ffd200;--color-warning-dark:#a98a00;--color-print-black:#000;--color-print-white:#fff;--color-print-black-10:#e8e8e8;--color-print-black-20:#cfcfcf;--color-print-black-40:#999;--color-print-black-60:#666;--logo-main:url(../images/logos/site_logo_main.svg);--logo-alt-white:url(../images/logos/site_logo_white.svg);--logo-alt-black:url(../images/logos/site_logo_black.svg);--logo-color-onecolor:url(../images/logos/site_logo_color.svg);--logo-base-40:url(../images/logos/site_logo_light.svg);--logo-base-70:url(../images/logos/site_logo_dark.svg);--logo-star-10:url(../images/icons/stars/dwb-star_ghost.svg);--logo-star-30:url(../images/icons/stars/dwb-star_gray_04.svg);--logo-star-50:url(../images/icons/stars/dwb-star_gray_06.svg);--logo-star-80:url(../images/icons/stars/dwb-star_gray_08.svg);--element-menu:url(../images/icons/menu.svg);--element-menu-light:url(../images/icons/menu-light.svg);--element-menu-spot:url(../images/icons/menu.svg);--element-search:url(../images/icons/magnifying-glass.svg);--element-search-light:url(../images/icons/magnifying-glass-light.svg);--element-search-bright:url(../images/icons/magnifying-glass-bright.svg);--icon-eye:url(../images/icons/eye.svg);--icon-eye-light:url(../images/icons/eye-light.svg);--icon-userprofile-dark:url(../images/icons/userprofile-dark.svg);--icon-userprofile-light:url(../images/icons/userprofile-light.svg);--icon-userprofile-bright:url(../images/icons/userprofile-bright.svg);--element-caret-down:url(../images/icons/chevron-down-thin.svg);--element-caret-up:url(../images/icons/chevron-up-thin.svg);--element-caret-right:url(../images/icons/chevron-right-thin.svg);--element-caret-down-light:url(../images/icons/chevron-down-thin-light.svg);--element-caret-up-light:url(../images/icons/chevron-up-thin-light.svg);--element-caret-right-light:url(../images/icons/chevron-right-thin-light.svg);--icon-cart-light:url(../images/icons/cart-light.svg);--element-linkexternal-light:url(../images/icons/element_external_link-graylight.svg);--element-linkexternal-med:url(../images/icons/element_external_link-graymed.svg);--element-linkexternal-dark:url(../images/icons/element_external_link-black.svg);--social-instagram:url(../images/socials/instagram.svg);--social-instagram-light:url(../images/socials/instagram-light.svg);--social-youtube:url(../images/socials/youtube.svg);--social-youtube-light:url(../images/socials/youtube-light.svg);--social-facebook:url(../images/socials/facebook.svg);--social-facebook-light:url(../images/socials/facebook-light.svg);--social-twitter:url(../images/socials/twitter.svg);--social-twitter-light:url(../images/socials/twitter-light.svg);--social-threads:url(../images/socials/threads.svg);--social-threads-light:url(../images/socials/threads-light.svg);--social-tiktok:url(../images/socials/tiktok.svg);--social-tiktok-light:url(../images/socials/tiktok-light.svg);--social-pinterest:url(../images/socials/pinterest.svg);--social-pinterest-light:url(../images/socials/pinterest-light.svg);--social-snapchat:url(../images/socials/snapchat.svg);--social-snapchat-light:url(../images/socials/snapchat-light.svg);--social-linkedin:url(../images/socials/linkedin.svg);--social-linkedin-light:url(../images/socials/linkedin-light.svg);--social-linktree:url(../images/socials/linktree.svg);--social-linktree-light:url(../images/socials/linktree-light.svg);--social-orcid:url(../images/socials/orcid.svg);--social-orcid-light:url(../images/socials/orcid-light.svg);--social-email:url(../images/socials/email.svg);--social-email-light:url(../images/socials/email-light.svg);--pdf-small:url(../images/icons/pdficon_small.png);--pdf-large:url(../images/icons/pdficon_large.png);--mode-auto-light:url(../images/icons/mode-auto-light.svg);--mode-dark-light:url(../images/icons/mode-dark-light.svg);--mode-light-light:url(../images/icons/mode-light-light.svg);--mode-alt-light:url(../images/icons/mode-alt-light.svg);--mode-auto-dark:url(../images/icons/mode-auto-dark.svg);--mode-dark-dark:url(../images/icons/mode-dark-dark.svg);--mode-light-dark:url(../images/icons/mode-light-dark.svg);--mode-alt-dark:url(../images/icons/mode-alt-dark.svg);--pattern-main:url(../images/patterns/site_pattern.svg);--icon-settings-dark:url(../images/icons/gear-dark.svg);--icon-settings-light:url(../images/icons/gear-light.svg);--icon-settings-bright:url(../images/icons/gear-bright.svg);--pattern-wkbnchstripe:url(../images/patterns/design_workbench_web_stripe.svg);--pattern-wkbnchstripe-dark:url(../images/patterns/design_workbench_web_stripe-dark.svg);--container-max-width:1200px;--bp-mobile:320px;--bp-mobilehorizontal:540px;--bp-fablet:760px;--bp-tablet:980px;--bp-desktop:1024px;--bp-wide:1280px;--bp-ultrawide:1536px;--width-readingtext:760px;--width-readingtext-wide:820px;--spacing-unit:12px;--margin:calc(2*var(--spacing-unit));--padding:calc(2*var(--spacing-unit));--margin-xsm:calc(.25*var(--margin));--margin-sm:calc(.5*var(--margin));--margin-smed:calc(1.5*var(--margin));--margin-md:calc(2*var(--margin));--margin-mdlg:calc(3*var(--margin));--margin-lg:calc(4*var(--margin));--margin-xlg:calc(10*var(--margin));--padding-xsm:calc(.25*var(--padding));--padding-sm:calc(.5*var(--padding));--padding-smed:calc(1.5*var(--padding));--padding-md:calc(2*var(--padding));--padding-mdlg:calc(3*var(--padding));--padding-lg:calc(4*var(--padding));--button-padding-supersmall:4px 12px;--padding-mobilemenu:18px;--padding-mobilemenu-neg:-16px;--menu-dimension-base:48px;--button-padding:12px 24px;--button-padding-skinny:4px 12px;--navigation-padding:12px 12px;--font-family-sans:"LibreFranklin",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-family-serif:"SagonaLight",Constantia,"Lucida Bright",Lucidabright,"Lucida Serif",Lucida,"DejaVu Serif","Bitstream Vera Serif","Liberation Serif",Georgia,serif;--font-family-serif-italic:"SagonaLightItalic",Constantia,"Lucida Bright",Lucidabright,"Lucida Serif",Lucida,"DejaVu Serif","Bitstream Vera Serif","Liberation Serif",Georgia,serif;--font-family-serif-display-italic:"SagonaBookItalic",Constantia,"Lucida Bright",Lucidabright,"Lucida Serif",Lucida,"DejaVu Serif","Bitstream Vera Serif","Liberation Serif",Georgia,serif;--font-family-monospaced:"consolas","Fira Code","Courier New",monospace;--font-lineheight-base:1.5;--font-lineheight-reading:1.75;--font-lineheight-medium:1.3;--font-lineheight-tight:1.1;--font-lineheight-one:1;--font-size-xlg:2rem;--font-size-marge:1.7rem;--font-size-plus:1.2rem;--font-size-base:1rem;--font-size-sm:.9rem;--font-size-xsm:.85rem;--font-size-factorbutton:.8rem;--font-size-xxxsm:.7rem;--font-size-buttons:.95rem;--font-weight-buttons:500;--font-size-reading:clamp(1.1rem,1rem + .4vw,1.25rem);--font-size-sm-reading:clamp(.8rem,.8rem + .5vw,1.1rem);--font-size-plus-reading:clamp(1.2rem,1.1rem + .5vw,1.45rem);--font-size-lg-reading:clamp(1.4rem,1.3rem + 1vw,1.6rem);--font-size-xl-reading:clamp(1.7rem,1.6rem + 2vw,2.2rem);--font-size-xxl-reading:clamp(4rem,2rem + 2.75vw,5rem);--border-thickness:1px;--border-thickness-thick:2px;--border-thickness-superthick:8px;--border-radius-base:22px;--border-radius-inner:21px;--border-radius-standard:10px;--border-radius-forms:6px;--border-radius-pill:999px;--color-interactive-material:#d0d7de;--color-interactive-dark:var(--color-link);--color-interactive-light:var(--color-link-light);--color-interactive-bright:var(--color-link-active);--color-interactive-subtle:var(--color-link-hover);--color-interactive-disabled:var(--color-link-disabled);--color-interactive-disabled-hover:var(--color-link-disabled-subtle);--color-button-text:var(--color-interactive-dark);--color-button-text-bright:var(--color-interactive-bright);--color-button-outline:var(--color-interactive-dark);--color-button-outline-subtle:var(--color-interactive-subtle);--color-button-outline-light:var(--color-interactive-light);--color-button-outline-bright:var(--color-interactive-bright);--color-button-fill:var(--color-interactive-dark);--color-button-fill-subtle:var(--color-interactive-subtle);--color-button-fill-light:var(--color-interactive-light);--color-button-fill-bright:var(--color-interactive-bright);--color-button-fill-disabled:var(--color-interactive-disabled);--color-button-fill-disabled-hover:var(--color-interactive-disabled-hover);--hover-effect-base:translate(0px,-7px);--color-xdf-characteristic:#3893b7;--color-xdf-characteristic-light:#a5d2e3;--color-xdf-characteristic-contrast:#307d9c;--color-xdf-characteristic-contrast-dark:#245e75;--color-xdf-characteristic-supahcontrast:#122f3b;--color-xdf-characteristic-screen:#3893b740;--color-xdf-characteristic-screen-dark:#0e2630bf;--star-xdf-characteristics:url(../images/icons/stars/dwb-star_characteristic.svg);--star-xdf-characteristics-contrast:url(../images/icons/stars/dwb-star_characteristic_contrast.svg);--color-xdf-dynamic:#66ac71;--color-xdf-dynamic-light:#a9d1af;--color-xdf-dynamic-contrast:#4b8154;--color-xdf-dynamic-contrast-dark:#39603f;--color-xdf-dynamic-supahcontrast:#335739;--color-xdf-dynamic-screen:#66ac7140;--color-xdf-dynamic-screen-dark:#0b1f0ebf;--star-xdf-dynamic:url(../images/icons/stars/dwb-dynamic.svg);--star-xdf-dynamic-contrast:url(../images/icons/stars/dwb-star_dynamic_contrast.svg);--color-xdf-complex:#f26321;--color-xdf-complex-light:#f8a782;--color-xdf-complex-contrast:#b44a18;--color-xdf-complex-contrast-dark:#873712;--color-xdf-complex-supahcontrast:#431c09;--color-xdf-complex-screen:#f2632140;--color-xdf-complex-screen-dark:#381c0fbf;--star-xdf-complex:url(../images/icons/stars/dwb-complex.svg);--star-xdf-complex-contrast:url(../images/icons/stars/dwb-star_complex_contrast.svg);--color-xdf-underlying:#ea9f2e;--color-xdf-underlying-light:#f4ca8b;--color-xdf-underlying-contrast:#ba7712;--color-xdf-underlying-contrast-dark:#8b590e;--color-xdf-underlying-supahcontrast:#462d07;--color-xdf-underlying-screen:#ea9f2e40;--color-xdf-underlying-screen-dark:#412e10bf;--star-xdf-underlying:url(../images/icons/stars/dwb-underlying.svg);--star-xdf-underlying-contrast:url(../images/icons/stars/dwb-star_underlying_contrast.svg);--color-xdf-core:#e26994;--color-xdf-core-light:#f3bfd1;--color-xdf-core-contrast:#bc295d;--color-xdf-core-contrast-dark:#81183d;--color-xdf-core-supahcontrast:#400c1e;--color-xdf-core-screen:#e2699440;--color-xdf-core-screen-dark:#2c151dbf;--star-xdf-core:url(../images/icons/stars/dwb-core.svg);--star-xdf-core-contrast:url(../images/icons/stars/dwb-star_core_contrast.svg);--color-emoji-harmoniousalignmentveryhappy:#b3eaa8;--color-emoji-alignedhappy:#becef2;--color-emoji-noalignmentangry:#e54c4a;--color-emoji-noeffect:#e4e4e4;--color-xdf-primary-30:#bfa1c4;--color-xdf-primary-50:#95629d;--color-xdf-primary-60:#5c3b5e;--color-xdf-primary-screen-05:#5c3b5e1a;--color-xdf-primary-screen-80:#251826cc;--color-xdf-primary-screen-darkmode-05:#98649c4d;--color-xdf-component:var(--color-xdf-primary-60);--color-xdf-base:var(--color-xdf-primary-50);--xdf-context-light:url(../images/icons/xdf/xdf-context-light.svg);--xdf-context-dark:url(../images/icons/xdf/xdf-context-dark.svg);--xdf-people-light:url(../images/icons/xdf/xdf-people-light.svg);--xdf-people-dark:url(../images/icons/xdf/xdf-people-dark.svg);--xdf-design-light:url(../images/icons/xdf/xdf-design-light.svg);--xdf-design-dark:url(../images/icons/xdf/xdf-design-dark.svg);--xdf-activity-light:url(../images/icons/xdf/xdf-activity-light.svg);--xdf-activity-dark:url(../images/icons/xdf/xdf-activity-dark.svg);--color-enhances:#55cc3d;--color-enhances-supabrite:#80ff00;--color-enhances-screen:#55cc3d33;--color-damages:#b81816;--color-damages-supabrite:#ff0300;--color-damages-screen:#b8181633;--color-supports:#87a3e4;--color-supports-supabrite:#34aef0;--color-supports-screen:#87a3e433;--icon-home:url(../images/icons/xdf/xdf_home-gray.svg);--icon-person:url(../images/icons/xdf/xdf_person-gray.svg);--icon-object:url(../images/icons/xdf/xdf_design-gray.svg);--icon-context:url(../images/icons/xdf/xdf_context-gray.svg);--icon-game:url(../images/icons/xdf/xdf_trophy-gray.svg);--icon-factors:url(../images/icons/xdf/xdf_factors-gray.svg);--icon-person-light:url(../images/icons/xdf/xdf_person-light.svg);--icon-object-light:url(../images/icons/xdf/xdf_design-light.svg);--icon-context-light:url(../images/icons/xdf/xdf_context-light.svg);--pattern-grid-01-light:url(../images/patterns/grid-background-01-light.png);--pattern-diags:url(../images/patterns/texturescreen.png) repeat top left;--pageback-top-a:url(../images/patterns/pageback-top-a.svg) no-repeat top center;--pageback-top-b:url(../images/patterns/pageback-top-b.svg) no-repeat top center;--pattern-xdf-boxes-light:url(../images/patterns/xdf/xdf_boxes_pattern.svg);--pattern-xdf-boxes-dark:url(../images/patterns/xdf/xdf_boxes_pattern_dark.svg);--pattern-xdf-boxes-color:url(../images/patterns/xdf/xdf_boxes_pattern_color.svg);--icon-emotion-angry:url(../images/icons/emoji/icon-emotion-angry.svg);--icon-emotion-angry-on:url(../images/icons/emoji/icon-emotion-angry-on.svg);--icon-emotion-angry-light:url(../images/icons/emoji/icon-emotion-angry-light.svg);--icon-emotion-sad:url(../images/icons/emoji/icon-emotion-sad.svg);--icon-emotion-neutral:url(../images/icons/emoji/icon-emotion-neutral.svg);--icon-emotion-neutral-on:url(../images/icons/emoji/icon-emotion-neutral-on.svg);--icon-emotion-neutral-light:url(../images/icons/emoji/icon-emotion-neutral-light.svg);--icon-emotion-happy:url(../images/icons/emoji/icon-emotion-happy.svg);--icon-emotion-happy-on:url(../images/icons/emoji/icon-emotion-happy-on.svg);--icon-emotion-happy-light:url(../images/icons/emoji/icon-emotion-happy-light.svg);--icon-emotion-veryhappy:url(../images/icons/emoji/icon-emotion-veryhappy.svg);--icon-emotion-veryhappy-on:url(../images/icons/emoji/icon-emotion-veryhappy-on.svg);--icon-emotion-veryhappy-light:url(../images/icons/emoji/icon-emotion-veryhappy-light.svg);--icon-emotion-designlove:url(../images/icons/emoji/design-love.svg);--icon-emotion-designlove-on:url(../images/icons/emoji/design-love-on.svg);--icon-emotion-designnice:url(../images/icons/emoji/design-nice.svg);--icon-emotion-designnice-on:url(../images/icons/emoji/design-nice-on.svg);--icon-emotion-designpain:url(../images/icons/emoji/design-pain.svg);--icon-emotion-designpain-on:url(../images/icons/emoji/design-pain-on.svg);--icon-emotion-designnoeffect:url(../images/icons/emoji/design-noeffect.svg);--icon-emotion-designnoeffect-on:url(../images/icons/emoji/design-noeffect-on.svg);--icon-emotion-contextlove:url(../images/icons/emoji/context-sunshine.svg);--icon-emotion-contextlove-on:url(../images/icons/emoji/context-sunshine-on.svg);--icon-emotion-contextnice:url(../images/icons/emoji/context-nice.svg);--icon-emotion-contextnice-on:url(../images/icons/emoji/context-nice-on.svg);--icon-emotion-contextstorm:url(../images/icons/emoji/context-storm.svg);--icon-emotion-contextstorm-on:url(../images/icons/emoji/context-storm-on.svg);--icon-emotion-contextnoeffect:url(../images/icons/emoji/context-noeffect.svg);--icon-emotion-contextnoeffect-on:url(../images/icons/emoji/context-noeffect-on.svg);--hover-effect-small:translate(-3px,-3px);--xdf-border-radius:20px}a.xdf-badge,button.factor span{background-position:50%;background-repeat:no-repeat;background-size:12px}a.xdf-badge,button.factor{cursor:pointer;text-align:center;line-height:var(--font-lineheight-one);white-space:nowrap;color:var(--color-white);text-transform:uppercase;letter-spacing:.11rem;border-radius:6px;height:-webkit-max-content;height:max-content;padding:12px 22px;text-decoration:none}a.xdf-badge span,button.factor span{background-position:0;padding-left:20px}a.xdf-badge:hover,button.factor:hover{transform:var(--hover-effect-small);transition:transform .1s ease-in,box-shadow .1s ease-in}.xdf_terms_list .xdf-components-inline a.xdf-badge{background-position:8px;padding-left:26px}a.xdf-badge,.xdf-badges-group .xdf-levels{font-size:var(--font-size-xsm)}button.factor{font-size:var(--font-size-factorbutton);font-weight:500}a.xdf-badge,.xdf-badges-group .xdf-levels{font-weight:600!important}.page_header a.xdf-badge{font-size:var(--font-size-xxxsm)}.xdf_terms_list a.xdf-badge,.xdf_terms_grid a.xdf-badge{padding:4px 8px;display:inline-block}.xdf_terms_list a.xdf-badge span,.xdf_terms_grid a.xdf-badge span,a.xdf-badge{padding:0}.xdf-badges-group{border-radius:6px;padding:2px 12px}.xdf-badges-group .xdf-components a{text-indent:200%;white-space:nowrap;border:none;border-radius:0;width:12px;height:12px;margin-right:4px;padding:0;display:block;position:relative;top:1px;overflow:hidden}.xdf-badges-group .xdf-components,.xdf-badges-group .xdf-levels{padding:0;display:inline-block}.xdf-badges-group .xdf-components a,.xdf-badges-group .xdf-levels a{color:var(--color-white);border:none!important}a.xdf-badge.level-characteristic,a.xdf-badge.level-characteristic.component-context,a.xdf-badge.level-characteristic.component-design,a.xdf-badge.level-characteristic.component-people{background-color:var(--color-xdf-characteristic);border:var(--border-thickness-thick)solid var(--color-xdf-characteristic)}.level-dynamic .specs_xdf a.xdf-badge:hover{background-color:var(--color-xdf-dynamic-contrast);box-shadow:3px 3px var(--color-xdf-dynamic-contrast-dark);border:var(--border-thickness-thick)solid var(--color-xdf-dynamic-contrast-dark)}.level-complex .specs_xdf a.xdf-badge:hover{background-color:var(--color-xdf-complex-contrast);box-shadow:3px 3px var(--color-xdf-complex-contrast-dark);border:var(--border-thickness-thick)solid var(--color-xdf-complex-contrast-dark)}.level-underlying .specs_xdf a.xdf-badge:hover{background-color:var(--color-xdf-underlying-contrast);box-shadow:3px 3px var(--color-xdf-underlying-contrast-dark);border:var(--border-thickness-thick)solid var(--color-xdf-underlying-contrast-dark)}.level-core .specs_xdf a.xdf-badge:hover{background-color:var(--color-xdf-core-contrast);box-shadow:3px 3px var(--color-xdf-core-contrast-dark);border:var(--border-thickness-thick)solid var(--color-xdf-core-contrast-dark)}.level-characteristic .specs_xdf a.xdf-badge:hover{background-color:var(--color-xdf-characteristic-contrast);box-shadow:3px 3px var(--color-xdf-characteristic-contrast-dark);border:var(--border-thickness-thick)solid var(--color-xdf-characteristic-contrast-dark)}button.factor{width:260px}button.factor.level-characteristic{border:var(--border-thickness-thick)solid var(--color-xdf-characteristic)}button.factor.level-characteristic:hover{background-color:var(--color-xdf-characteristic-contrast);box-shadow:3px 3px var(--color-xdf-characteristic-contrast-dark);border:var(--border-thickness-thick)solid var(--color-xdf-characteristic-contrast-dark)}button.factor.level-dynamic{border:var(--border-thickness-thick)solid var(--color-xdf-dynamic)}button.factor.level-dynamic:hover{background-color:var(--color-xdf-dynamic-contrast);box-shadow:3px 3px var(--color-xdf-dynamic-contrast-dark);border:var(--border-thickness-thick)solid var(--color-xdf-dynamic-contrast-dark)}button.factor.level-complex{border:var(--border-thickness-thick)solid var(--color-xdf-complex)}button.factor.level-complex:hover{background-color:var(--color-xdf-complex-contrast);box-shadow:3px 3px var(--color-xdf-complex-contrast-dark);border:var(--border-thickness-thick)solid var(--color-xdf-complex-contrast-dark)}button.factor.level-underlying{border:var(--border-thickness-thick)solid var(--color-xdf-underlying)}button.factor.level-underlying:hover{background-color:var(--color-xdf-underlying-contrast);box-shadow:3px 3px var(--color-xdf-underlying-contrast-dark);border:var(--border-thickness-thick)solid var(--color-xdf-underlying-contrast-dark)}button.factor.level-core{border:var(--border-thickness-thick)solid var(--color-xdf-core)}button.factor.level-core:hover{background-color:var(--color-xdf-core-contrast);box-shadow:3px 3px var(--color-xdf-core-contrast-dark);border:var(--border-thickness-thick)solid var(--color-xdf-core-contrast-dark)}button.factor.level-component,button.factor.level-base{border:var(--border-thickness-thick)solid var(--color-xdf-component);color:var(--color-xdf-component);background-color:#0000}button.factor.level-component:hover,button.factor.level-base:hover{box-shadow:3px 3px var(--color-xdf-primary-60);border:var(--border-thickness-thick)solid var(--color-xdf-primary-60);transform:translate(-3px,-3px)}button.factor.level-component.component-context span,button.factor.level-base.component-context span{background-image:var(--xdf-context-dark)}button.factor.level-component.component-people span,button.factor.level-base.component-people span{background-image:var(--xdf-people-dark)}button.factor.level-component.component-design span,button.factor.level-base.component-design span{background-image:var(--xdf-design-dark)}button.factor.level-base span{background-image:var(--xdf-activity-dark)}button.factor.component-context span{background-image:var(--xdf-context-light)}button.factor.component-people span{background-image:var(--xdf-people-light)}button.factor.component-design span{background-image:var(--xdf-design-light)}button.factor.component-level{background-color:inherit;color:var(--color-xdf-component)}button.factor.component-level span{padding:0}button.factor.component-level.level-characteristic:hover,button.factor.component-level.level-dynamic:hover,button.factor.component-level.level-complex:hover,button.factor.component-level.level-underlying:hover,button.factor.component-level.level-core:hover{background-color:inherit}button.level-characteristic{background-color:var(--color-xdf-characteristic)}button.level-dynamic{background-color:var(--color-xdf-dynamic)}button.level-complex{background-color:var(--color-xdf-complex)}button.level-underlying{background-color:var(--color-xdf-underlying)}button.level-core{background-color:var(--color-xdf-core)}.factor_block.level-characteristic{background-color:var(--color-xdf-characteristic-screen)}.factor_block.level-dynamic{background-color:var(--color-xdf-dynamic-screen)}.factor_block.level-complex{background-color:var(--color-xdf-complex-screen)}.factor_block.level-underlying{background-color:var(--color-xdf-underlying-screen)}.factor_block.level-core{background-color:var(--color-xdf-core-screen)}.factor_block{border-radius:var(--xdf-border-radius);background-color:var(--color-xdf-primary-screen-05);margin:20px 0;padding:20px}@media only screen and (min-width:980px){.factor_block{grid-gap:20px;grid-template-columns:[start]260px[divider1]1fr[end];display:grid}}.factor_block button.factor{width:100%;margin-left:auto;margin-right:auto}.factor_combination_group{margin-top:1.8em;margin-bottom:1.8em;overflow:hidden}.factor_combination_group .factor_block:first-of-type{margin-top:0}.factor_combination_group .factor_block:last-of-type{margin-bottom:0}.factor_combination_group.multiple_factors,.factor_combination_group.factor_grouping{gap:20px}.factor_alignment_title,.evaluation_tool_section .gamecard_item{background-color:var(--color-black-screen-05)}.factor_combination_group.has-discussion,.factor_combination_group.has-conclusion{border-radius:var(--xdf-border-radius);border:var(--border-thickness-thick)solid var(--color-black-screen-05);padding:20px}.factor_combination_group.multiple_factors,.factor_combination_group.factor_grouping{border-radius:var(--xdf-border-radius);flex-direction:column;padding:20px;display:flex}.factor_combination_group.multiple_factors .factor_block,.factor_combination_group.factor_grouping .factor_block{margin:0}.factor_alignment_combination_group,.factor_combination_group.multiple_factors,.factor_combination_group.factor_grouping{border:var(--border-thickness-thick)solid var(--color-black-screen-05)}.factor_combination_group,.factor_alignent_combination_group{clear:both}.factor_combination_group .factor_discussion p,.factor_alignment_combination_group .factor_discussion p{margin-top:20px}@media only screen and (min-width:1024px){.factor_combination_group .factor_discussion p,.factor_alignment_combination_group .factor_discussion p{margin-top:0}}.factor_alignment_combination_group{border-radius:var(--xdf-border-radius);margin:40px 0;padding:20px;overflow:hidden}.factor_alignment_combination_group .factor_scene_explanation{padding:20px}@media only screen and (min-width:1024px){.factor_alignment_combination_group .factor_scene_explanation{margin-top:0}.factor_alignment_combination_group .factor_discussion{margin-top:20px}}.article_text .factor_combination_group p,.article_text .factor_combination_group h3{max-width:none}.article_text .factor_combination_group .wp-block-image{margin-top:0}.article_text .factor_scene_name,.article_text .factor_combination_group p,.article_text .factor_alignment_combination_group p{font-size:var(--font-size-base)}.factor_scene_name span{font-weight:600}.factor_discussion_group{flex-direction:column;display:flex}.factor_alignment_title{padding-top:20px;margin-top:-20px!important}.factor_alignment_title h3{margin-bottom:0;margin-left:0;margin-right:0;padding-bottom:20px}.factor_alignment_title,.factor_scene_name{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.factor_alignment_title h3,.factor_scene_name h3{margin-top:0;font-weight:500}h2.section_head+.factor_alignent_combination_group{margin-top:40px}.factor_alignment_combination_group.enhances .factor_scene_explanation{background-color:var(--color-enhances-screen)}.factor_alignment_combination_group.enhances .factor_scene_explanation:after{border-bottom-color:var(--color-enhances-screen)}.factor_alignment_combination_group.supports .factor_scene_explanation{background-color:var(--color-supports-screen)}.factor_alignment_combination_group.supports .factor_scene_explanation:after{border-bottom-color:var(--color-supports-screen)}.factor_alignment_combination_group.damages .factor_scene_explanation{background-color:var(--color-damages-screen)}.factor_alignment_combination_group.damages .factor_scene_explanation:after{border-bottom-color:var(--color-damages-screen)}.factor_alignment_combination_group.noeffect .factor_scene_explanation{background-color:var(--color-emoji-noeffect)}.factor_alignment_combination_group.noeffect .factor_scene_explanation:after{border-bottom-color:var(--color-emoji-noeffect)}.factor_scene_explanation{border-radius:var(--xdf-border-radius);position:relative}.factor_scene_explanation:after{content:"";border:15px solid #0000;border-top:0;width:0;display:block;position:absolute;top:-15px;left:calc(50% - 15px)}.factor_scene_explanation .wp-block-image{width:100%;margin-top:0;margin-bottom:20px}.factor_scene_explanation .wp-block-image figure{width:100%;height:200px;margin:0;display:block;overflow:hidden}.factor_scene_explanation .wp-block-image figure img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%}.alignment_emoji{z-index:4;background-position:50% 20px;background-repeat:no-repeat;background-size:50px;border-radius:10px;align-self:center;width:-webkit-fit-content;width:fit-content;min-width:160px;height:-webkit-fit-content;height:fit-content;margin-left:auto;margin-right:auto;padding:70px 20px 20px;font-weight:600;position:relative}.factor_alignment_pair_group{flex-direction:column;justify-content:space-between;display:flex}@media only screen and (min-width:980px){.factor_alignment_pair_group{flex-direction:row}}.factor_alignment_pair_group .factor_block{flex-grow:1;flex-basis:0;padding:20px}@media only screen and (min-width:980px){.factor_alignment_pair_group .factor_block{display:block}}.factor_alignment_pair_group .factor_block .actor_type{margin-top:1rem;display:none}.alignment_separator{text-align:center;margin:16px 0;padding:0 10px;position:relative}@media only screen and (min-width:980px){.alignment_separator{width:auto;margin:0 20px;display:flex}.alignment_separator .factor_block{flex-direction:column;flex-grow:1;flex-basis:0;padding:20px;display:flex}.alignment_separator .factor_block .actor_type{margin-top:1rem;font-size:.8rem}}.alignment_separator span.arrow{text-align:center;z-index:3;width:40px;height:40px;margin-left:-20px;font-size:80px;line-height:40px;display:block;position:absolute;left:50%}.alignment_separator span.arrow.before_arrow{top:-20px;transform:rotate(270deg)}@media only screen and (min-width:980px){.alignment_separator span.arrow.before_arrow{margin-top:-20px;top:50%;left:0;transform:rotate(180deg)}}.alignment_separator span.arrow.after_arrow{bottom:-20px;transform:rotate(90deg)}@media only screen and (min-width:980px){.alignment_separator span.arrow.after_arrow{margin-bottom:-14px;bottom:50%;left:100%;transform:rotate(0)}}.alignment_separator.damages{color:var(--color-white)}.alignment_separator.damages span.arrow{color:var(--color-emoji-noalignmentangry);-webkit-text-stroke-width:3px;-webkit-text-stroke-color:#b81816}.alignment_separator.damages .alignment_emoji{background-color:var(--color-emoji-noalignmentangry);background-image:var(--icon-emotion-angry);border:3px solid var(--color-damages);outline:2px solid var(--color-damages-supabrite);outline-offset:4px;animation-name:highlight_border_badalign;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes highlight_border_badalign{0%{border-color:var(--color-damages);outline:2px solid var(--color-damages-supabrite)}50%{border-color:var(--color-damages-supabrite);outline:10px solid var(--color-damages)}to{border-color:var(--color-damages);outline:2px solid var(--color-damages-supabrite)}}.alignment_separator.supports span.arrow{color:var(--color-emoji-alignedhappy);-webkit-text-stroke-width:3px;-webkit-text-stroke-color:var(--color-supports)}.alignment_separator.supports .alignment_emoji{background-color:var(--color-emoji-alignedhappy);background-image:var(--icon-emotion-happy);border:3px solid var(--color-supports);outline:2px solid var(--color-supports-supabrite);outline-offset:4px}.alignment_separator.enhances span.arrow{color:var(--color-emoji-harmoniousalignmentveryhappy);-webkit-text-stroke-width:3px;-webkit-text-stroke-color:var(--color-enhances)}.alignment_separator.enhances .alignment_emoji{background-color:var(--color-emoji-harmoniousalignmentveryhappy);background-image:var(--icon-emotion-veryhappy);border:3px solid var(--color-enhances);outline:2px solid var(--color-enhances-supabrite);outline-offset:4px;animation-name:highlight_border;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes highlight_border{0%{border-color:var(--color-enhances);outline:2px solid var(--color-enhances-supabrite)}50%{border-color:var(--color-enhances-supabrite);outline:10px solid var(--color-enhances)}to{border-color:var(--color-enhances);outline:2px solid var(--color-enhances-supabrite)}}.alignment_separator.noeffect .alignment_emoji{background-color:var(--color-emoji-noeffect);background-image:var(--icon-emotion-neutral)}.modal-content .factor_details a{color:var(--color-white)}.modal-content button.navigateButton{background-color:var(--color-primary-50);border:var(--border-thickness)solid var(--color-primary-50)}th .modal-content .factor_details a,th .modal-content .teaser_text{font-weight:400}.modal-content.level-characteristic{border:var(--border-thickness-thick)solid var(--color-xdf-characteristic)}.modal-content.level-characteristic .teaser_head,.modal-content.level-characteristic button.navigateButton{background-color:var(--color-xdf-characteristic)}.modal-content.level-characteristic button.navigateButton{border:var(--border-thickness-thick)solid var(--color-xdf-characteristic)}.modal-content.level-dynamic{border:var(--border-thickness-thick)solid var(--color-xdf-dynamic)}.modal-content.level-dynamic .teaser_head,.modal-content.level-dynamic button.navigateButton{background-color:var(--color-xdf-dynamic)}.modal-content.level-dynamic button.navigateButton{border:var(--border-thickness-thick)solid var(--color-xdf-dynamic)}.modal-content.level-complex{border:var(--border-thickness-thick)solid var(--color-xdf-complex)}.modal-content.level-complex .teaser_head,.modal-content.level-complex button.navigateButton{background-color:var(--color-xdf-complex)}.modal-content.level-complex button.navigateButton{border:var(--border-thickness-thick)solid var(--color-xdf-complex)}.modal-content.level-underlying{border:var(--border-thickness-thick)solid var(--color-xdf-underlying)}.modal-content.level-underlying .teaser_head,.modal-content.level-underlying button.navigateButton{background-color:var(--color-xdf-underlying)}.modal-content.level-underlying button.navigateButton{border:var(--border-thickness-thick)solid var(--color-xdf-underlying)}.modal-content.level-core{border:var(--border-thickness-thick)solid var(--color-xdf-core)}.modal-content.level-core .teaser_head,.modal-content.level-core button.navigateButton{background-color:var(--color-xdf-core)}.modal-content.level-core button.navigateButton{border:var(--border-thickness-thick)solid var(--color-xdf-core)}body:not(.domain-xdfactors) .navigateButton:after{content:" ";opacity:.7;background-image:var(--element-linkexternal-light);background-position:50%;background-repeat:no-repeat;background-size:contain;width:12px;height:12px;margin-left:4px;font-size:.8em;display:inline-block}.teaser_card.has-post-thumbnail .xdf-badges-group{position:absolute;top:6px;left:6px}a.xdf-badge.level-characteristic,a.xdf-badge.level-characteristic.component-context,a.xdf-badge.level-characteristic.component-design,a.xdf-badge.level-characteristic.component-people{background-color:var(--color-xdf-characteristic);border:var(--border-thickness-thick)solid var(--color-xdf-characteristic)}a.xdf-badge.level-dynamic{background-color:var(--color-xdf-dynamic);border:var(--border-thickness-thick)solid var(--color-xdf-dynamic)}a.xdf-badge.level-complex{background-color:var(--color-xdf-complex);border:var(--border-thickness-thick)solid var(--color-xdf-complex)}a.xdf-badge.level-underlying{background-color:var(--color-xdf-underlying);border:var(--border-thickness-thick)solid var(--color-xdf-underlying)}a.xdf-badge.level-core{background-color:var(--color-xdf-core);border:var(--border-thickness-thick)solid var(--color-xdf-core)}a.xdf-badge.level-component,a.xdf-badge.component-activity,a.xdf-badge.component-context,a.xdf-badge.component-design,a.xdf-badge.component-people{border:var(--border-thickness-thick)solid var(--color-xdf-base)}.list_of_posts.grid .teaser_card .xdf-badges-group{width:-webkit-max-content;width:max-content}.list_of_posts.grid .teaser_card.level-component{border:var(--border-thickness-thick)solid var(--color-xdf-primary-50)}.list_of_posts.grid .teaser_card.level-component .xdf-badges-group{background-color:var(--color-xdf-primary-50)}.list_of_posts.grid .teaser_card.level-component:hover{box-shadow:9px 9px var(--color-xdf-primary-60);border:var(--border-thickness-thick)solid var(--color-xdf-primary-60)}.list_of_posts.grid .teaser_card.level-characteristic{border:var(--border-thickness-thick)solid var(--color-xdf-characteristic)}.list_of_posts.grid .teaser_card.level-characteristic .xdf-badges-group{background-color:var(--color-xdf-characteristic)}.list_of_posts.grid .teaser_card.level-characteristic:hover{box-shadow:9px 9px var(--color-xdf-characteristic-contrast);border:var(--border-thickness-thick)solid var(--color-xdf-characteristic-contrast)}.list_of_posts.grid .teaser_card.level-dynamic{border:var(--border-thickness-thick)solid var(--color-xdf-dynamic)}.list_of_posts.grid .teaser_card.level-dynamic .xdf-badges-group{background-color:var(--color-xdf-dynamic)}.list_of_posts.grid .teaser_card.level-dynamic:hover{box-shadow:9px 9px var(--color-xdf-dynamic-contrast);border:var(--border-thickness-thick)solid var(--color-xdf-dynamic-contrast)}.list_of_posts.grid .teaser_card.level-complex{border:var(--border-thickness-thick)solid var(--color-xdf-complex)}.list_of_posts.grid .teaser_card.level-complex .xdf-badges-group{background-color:var(--color-xdf-complex)}.list_of_posts.grid .teaser_card.level-complex:hover{box-shadow:9px 9px var(--color-xdf-complex-contrast);border:var(--border-thickness-thick)solid var(--color-xdf-complex-contrast)}.list_of_posts.grid .teaser_card.level-underlying{border:var(--border-thickness-thick)solid var(--color-xdf-underlying)}.list_of_posts.grid .teaser_card.level-underlying .xdf-badges-group{background-color:var(--color-xdf-underlying)}.list_of_posts.grid .teaser_card.level-underlying:hover{box-shadow:9px 9px var(--color-xdf-underlying-contrast);border:var(--border-thickness-thick)solid var(--color-xdf-underlying-contrast)}.list_of_posts.grid .teaser_card.level-core{border:var(--border-thickness-thick)solid var(--color-xdf-core)}.list_of_posts.grid .teaser_card.level-core .xdf-badges-group{background-color:var(--color-xdf-core)}.list_of_posts.grid .teaser_card.level-core:hover{box-shadow:9px 9px var(--color-xdf-core-contrast);border:var(--border-thickness-thick)solid var(--color-xdf-core-contrast)}.teaser_card.component-context .xdf-components a{background-image:var(--xdf-context-light)}.teaser_card.component-people .xdf-components a{background-image:var(--xdf-people-light)}.teaser_card.component-design .xdf-components a{background-image:var(--xdf-design-light)}.teaser_card.component-activity .xdf-components a{background-image:var(--xdf-activity-light)}.modal-content .taxonomy_component{background-position:0;background-repeat:no-repeat;background-size:12px;padding:0 0 0 18px}.modal-content.component-context .taxonomy_component{background-image:var(--xdf-context-light)}.modal-content.component-people .taxonomy_component{background-image:var(--xdf-people-light)}.modal-content.component-design .taxonomy_component{background-image:var(--xdf-design-light)}.modal-content.component-activity .taxonomy_component{background-image:var(--xdf-activity-light)}.modal-content a.component-item{background-position:0;background-repeat:no-repeat;background-size:12px;padding:0 0 0 18px}.modal-content a.component-item.component_label{padding:0}.modal-content a.component-item.component-context{background-image:var(--xdf-context-light)}.modal-content a.component-item.component-people{background-image:var(--xdf-people-light)}.modal-content a.component-item.component-design{background-image:var(--xdf-design-light)}.modal-content a.component-item.component-activity{background-image:var(--xdf-activity-light)}.modal-content .factor_details a{text-decoration:none}.modal-content h2.teaser_title,.modal-content .factor_name{color:var(--color-white)}