:root{--color-xdf-characteristic:#3893b7;--color-xdf-characteristic-contrast:#307d9c;--color-xdf-characteristic-contrast-dark:#245e75;--color-xdf-characteristic-screen:#3893b740;--color-xdf-dynamic:#66ac71;--color-xdf-dynamic-contrast:#4b8154;--color-xdf-dynamic-contrast-dark:#39603f;--color-xdf-dynamic-screen:#66ac7140;--color-xdf-complex:#f26321;--color-xdf-complex-contrast:#b44a18;--color-xdf-complex-contrast-dark:#873712;--color-xdf-complex-screen:#f2632140;--color-xdf-underlying:#ea9f2e;--color-xdf-underlying-contrast:#ba7712;--color-xdf-underlying-contrast-dark:#8b590e;--color-xdf-underlying-screen:#ea9f2e40;--color-xdf-core:#e26994;--color-xdf-core-contrast:#bc295d;--color-xdf-core-contrast-dark:#81183d;--color-xdf-core-screen:#e2699440;--color-emoji-harmoniousalignmentveryhappy:#b3eaa8;--color-emoji-alignedhappy:#becef2;--color-emoji-noalignmentangry:#e54c4a;--color-emoji-noeffect:var(--color-black-screen-05);--color-xdf-component:var(--color-base-80);--color-xdf-base:var(--color-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);--color-enhances:#55cc3d;--color-enhances-supabrite:#80ff00;--color-enhances-screen:#55cc3d66;--color-damages:#b81816;--color-damages-supabrite:#ff0300;--color-damages-screen:#b8181666;--color-supports:#87a3e4;--color-supports-supabrite:#34aef0;--color-supports-screen:#87a3e466;--icon-emotion-angry:url(../images/icons/emoji/icon-emotion-angry.svg);--icon-emotion-neutral:url(../images/icons/emoji/icon-emotion-neutral.svg);--icon-emotion-happy:url(../images/icons/emoji/icon-emotion-happy.svg);--icon-emotion-veryhappy:url(../images/icons/emoji/icon-emotion-veryhappy.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;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;line-height:normal;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,button.factor{font-size:var(--font-size-xsm);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{border:var(--border-thickness-thick)solid var(--color-xdf-component);color:var(--color-xdf-component);background-color:inherit}button.factor.level-component:hover{box-shadow:3px 3px var(--color-primary-60);border:var(--border-thickness-thick)solid var(--color-primary-60);transform:translate(-3px,-3px)}button.factor.level-component.component-context span{background-image:var(--xdf-context-dark)}button.factor.level-component.component-people span{background-image:var(--xdf-people-dark)}button.factor.level-component.component-design span{background-image:var(--xdf-design-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)}.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)}.factor_block{border-radius:var(--xdf-border-radius);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 .factor_discussion p:first-of-type{margin-top:0}}.factor_block button.factor{width:100%;margin-left:auto;margin-right:auto}.factor_block .factor_discussion p:first-of-type{margin-top:.75rem}.factor_block .factor_discussion p{margin-bottom:0}.factor_combination_group{margin-top:1.8em;margin-bottom:1.8em;padding:20px;overflow:hidden}@media only screen and (min-width:980px){.factor_combination_group{padding:20px}}.factor_combination_group .factor_block:last-of-type{margin-bottom:0}.factor_combination_group.multiple_factors{border-radius:var(--xdf-border-radius);flex-direction:column;gap:20px;padding:20px;display:flex}.factor_combination_group.multiple_factors .factor_block{margin:0}.factor_alignment_title,.factor_scene_name,.factor_block{background-color:var(--color-black-screen-05)}.factor_alignment_combination_group,.factor_combination_group.multiple_factors,.factor_combination_group,.factor_combination_group.factor_grouping{border:var(--border-thickness-thick)solid var(--color-black-screen-05)}.factor_combination_group,.factor_combination_group.factor_grouping{border-radius:var(--xdf-border-radius)}.factor_combination_group{clear:both}.factor_alignment_combination_group{border-radius:var(--xdf-border-radius);margin:40px 0;padding:20px;overflow:hidden}.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-black-screen-05)}.factor_alignment_combination_group.noeffect .factor_scene_explanation:after{border-bottom-color:var(--color-black-screen-05)}.factor_scene_explanation{margin-top:var(--margin);padding:var(--padding);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 p{margin:0}.factor_scene_explanation .wp-block-image{width:100%;margin-top:0;margin-bottom:.5rem}.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%}.factor_combination_group .factor_scene_explanation{margin-bottom:var(--margin);border-radius:0;padding:0}.alignment_emoji{z-index:2;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:80px 20px 20px;position:relative}.factor_alignment_title{padding-top:20px;margin-top:-20px!important}.factor_discussion_group{flex-direction:column;display:flex}.factor_scene_name{margin-bottom:30px;padding-bottom:20px}.article_text .factor_scene_name p,.article_text .factor_scene_name .wp-block-image{margin-top:0}.factor_alignment_title h3{margin-bottom:0;margin-left:0;margin-right:0;padding-bottom:.9rem}.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}.factor_alignment_pair_group{flex-direction:column;justify-content:space-between;gap:20px;margin-top:.9rem;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}}.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 span.arrow{text-align:center;z-index:1;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)}.main_story .article_text .factor_block p,.ld-tabs-content .factor_block p,.wpProQuiz_content .factor_block p{margin:0}.xdf_examples .scholarship_value{background-position:0;background-repeat:no-repeat;background-size:16px;margin:4px 0;padding:0 0 0 28px}.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-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 .factor_details a{text-decoration:none}.modal-content h2.teaser_title{color:var(--color-white)}