:root{--wb-ds-viewport--xxs:0px;--wb-ds-viewport--xs:0px;--wb-ds-viewport--sm:700px;--wb-ds-viewport--md:900px;--wb-ds-viewport--lg:1200px;--wb-ds-viewport--xl:1600px;--wb-ds-viewport--xxl:1600px}.interactive-experience__label{--wb-icon__fill:var(--wb-ds-color-gray--white);display:block;width:var(--wb-ds-icon-size--xl);height:var(--wb-ds-icon-size--xl);position:relative}@media(hover:hover){.interactive-experience__label:hover{--wb-icon__fill:var(--wb-ds-color-primary--default);padding:0 var(--ekz-interactive-experience__icon--small) 0 var(--wb-ds-icon-size--xl);width:auto;z-index:var(--wb-ds-zindex--element)}.interactive-experience__label:hover .interactive-experience__label-icon{opacity:0}.interactive-experience__label:hover .interactive-experience__label-icon--neg{opacity:1}.interactive-experience__label:hover .interactive-experience__label-text{animation-name:fadeIn,slideInText}.interactive-experience__label:hover .interactive-experience__label-bg-inner{animation-name:fadeIn,slideInBg}.interactive-experience__label:hover.interactive-experience__label--flipped{padding:0 var(--wb-ds-icon-size--xl) 0 var(--ekz-interactive-experience__icon--small)}.interactive-experience__label:hover.interactive-experience__label--flipped:not(.interactive-experience__label--inline){left:calc(-100% + var(--wb-ds-icon-size--xl))}.interactive-experience__label:hover.interactive-experience__label--flipped .interactive-experience__label-text{animation-name:fadeIn,slideInTextFlipped}.interactive-experience__label:hover.interactive-experience__label--flipped .interactive-experience__label-bg-inner{animation-name:fadeIn,slideInBgFlipped}}.interactive-experience__label--flipped .interactive-experience__label-icon{left:auto;right:0}.interactive-experience__label-bg{left:0;overflow:hidden;will-change:transform}.interactive-experience__label-bg,.interactive-experience__label-bg-inner{border-radius:var(--ekz-interactive-experience__icon--small);height:100%;position:absolute;width:100%}.interactive-experience__label-bg-inner{animation-duration:.25s,.5s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.16,1,.3,1);background:var(--wb-ds-color-primary--default);opacity:0}.interactive-experience__label-text{animation-delay:50ms;animation-duration:.35s,.75s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.16,1,.3,1);color:var(--wb-ds-color-gray--white);display:block;font-size:var(--wb-ds-font-size--s);line-height:var(--wb-ds-icon-size--xl);font-weight:var(--wb-ds-font-weight--light);height:100%;opacity:0;position:relative;white-space:nowrap}.interactive-experience__label-icon{--wb-icon__filter:drop-shadow(2px 2px 10px rgba(0,0,0,0.3));height:var(--wb-ds-icon-size--xl);left:0;pointer-events:none;position:absolute;top:0;width:var(--wb-ds-icon-size--xl)}.interactive-experience__label-icon--neg{--wb-icon__filter:none;opacity:0}@keyframes slideInBg{0%{transform:translateX(-50%)}to{transform:translateX(0)}}@keyframes slideInText{0%{transform:translateX(-1em)}to{transform:translateX(0)}}@keyframes slideInBgFlipped{0%{transform:translateX(50%)}to{transform:translateX(0)}}@keyframes slideInTextFlipped{0%{transform:translateX(1em)}to{transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}