.video-tutorial__tabs{list-style-type:none;margin:0;padding:0}.video-tutorial{--videos-row-gap:32px;background-color:var(--color-surface-base-2);margin-block:var(--spacing-page);padding-block:var(--spacing-page)}@media only screen and (min-width:1024px){.video-tutorial{--videos-row-gap:40px}}.video-tutorial__headline{font-family:Pangea,Arial,sans-serif;font-size:1.75rem;font-weight:400;font-weight:600;line-height:110%}@media only screen and (min-width:1024px){.video-tutorial__headline{font-size:3.125rem}}.video-tutorial__headline b,.video-tutorial__headline strong{font-weight:600}.video-tutorial__headline{color:var(--color-content-base-2);margin:0 auto 24px;text-align:center}@media only screen and (min-width:1024px){.video-tutorial__headline{margin:0 auto 32px}}.video-tutorial__tabs{align-items:center;display:flex;flex-basis:calc(var(--grid-column-outer)*6);flex-direction:column;gap:16px 40px;max-width:calc(var(--grid-column-outer)*6);padding-inline:calc(var(--grid-gutter)/2);text-align:center;width:calc(var(--grid-column-outer)*6)}@media only screen and (min-width:768px){.video-tutorial__tabs{flex-basis:calc(var(--grid-column-outer)*8);max-width:calc(var(--grid-column-outer)*8);padding-inline:calc(var(--grid-gutter)/2);width:calc(var(--grid-column-outer)*8)}}@media only screen and (min-width:1024px){.video-tutorial__tabs{flex-basis:calc(var(--grid-column-outer)*16);flex-direction:row;justify-content:center;max-width:calc(var(--grid-column-outer)*16);padding-inline:calc(var(--grid-gutter)/2);width:calc(var(--grid-column-outer)*16)}}.video-tutorial__tab{display:inline-block;flex-basis:auto;width:auto}.video-tutorial__tab-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--color-content-action-3a);cursor:pointer;font-family:inherit;font-size:1.125rem;font-size:inherit;line-height:130%;line-height:inherit;outline:none;position:relative;text-decoration:none}.video-tutorial__tab-item:before{background-color:var(--color-border-action-3a);bottom:0;content:"";height:1px;left:-2px;opacity:0;position:absolute;right:-2px;transition:all .25s cubic-bezier(.65,0,.35,1);z-index:0}@media(hover:hover){.video-tutorial__tab-item:hover:before{opacity:1}}.video-tutorial__tab-item:focus-visible{border-radius:4px;outline-color:var(--color-border-action-1a);outline-offset:1px;outline-style:solid;outline-width:2px}.video-tutorial__tab-item.is--active:before,.video-tutorial__tab-item:active:before{opacity:1}.video-tutorial__content{cursor:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSIxIiB5PSIxIiB3aWR0aD0iMTI2IiBoZWlnaHQ9IjEyNiIgcng9IjYzIiBzdHJva2U9IiMwMDc4QzkiIHN0cm9rZS13aWR0aD0iMiIvPjxwYXRoIGQ9Ik00Ny42NiA3MVY1OC40aDQuODk2YzMuMDI0IDAgNC43NTIgMS42MiA0Ljc1MiA0LjE1OCAwIDIuNTItMS43MjggNC4xMDQtNC43MzQgNC4xMDRoLTIuNDY2VjcxSDQ3LjY2Wm00LjcxNi02LjQ0NGMxLjQ3NiAwIDIuMzU4LS42NjYgMi4zNTgtMS45OTggMC0xLjMxNC0uODgyLTEuOTgtMi4zNTgtMS45OGgtMi4yNjh2My45NzhoMi4yNjhaTTYxLjI1NCA3MWMtMS43MSAwLTIuNjgyLTEuMDQ0LTIuNjgyLTIuNzM2VjU4LjRoMi4zMjJ2OS43MmMwIC41NzYuMjUyLjg4Mi44MS44ODJoLjY4NFY3MWgtMS4xMzRabTguMTA4IDB2LS45Yy0uNTc2Ljc1Ni0xLjUxMiAxLjExNi0yLjczNiAxLjExNi0yLjE2IDAtMy41ODItMS4wOC0zLjU4Mi0yLjg5OCAwLTEuNzQ2IDEuNDc2LTIuODggMy43NDQtMi44OCAxLjA2MiAwIDEuODU0LjI4OCAyLjQxMi44MXYtLjg0NmMwLTEuMjQyLS43Mi0xLjgxOC0xLjkyNi0xLjgxOC0xLjAyNiAwLTEuNzI4LjU0LTIuMDcgMS40NzZsLTEuOTI2LS44MWMuNjMtMS45NDQgMi4yNS0yLjczNiA0LjA4Ni0yLjczNiAyLjIzMiAwIDQuMTU4IDEuMTUyIDQuMTU4IDMuNjU0VjcxaC0yLjE2Wm0tMi4wMTYtMS40NzZjMS4xMzQgMCAxLjkwOC0uNDMyIDEuOTA4LTEuMjI0cy0uNzc0LTEuMjQyLTEuOTA4LTEuMjQyLTEuOTA4LjQ1LTEuOTA4IDEuMjQyLjc3NCAxLjIyNCAxLjkwOCAxLjIyNFptNi4wMjQgNC41MTggMi4xMjQtNC42OC0zLjU4Mi03LjYzMmgyLjY2NGwyLjA4OCA1LjAyMiAyLjI4Ni01LjAyMmgyLjUzOGwtNS41OCAxMi4zMTJINzMuMzdaIiBmaWxsPSIjMDA3OEM5Ii8+PC9zdmc+") 64 64,pointer;height:0;padding-top:var(--spacing-elements);position:relative;transition:height .5s cubic-bezier(.65,0,.35,1);width:100%}.video-tutorial__container{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;left:0;opacity:0;pointer-events:none;position:absolute;right:0;transition:opacity .25s cubic-bezier(.65,0,.35,1)}@media only screen and (min-width:1024px){.video-tutorial__container{margin-inline:calc(var(--grid-column-outer)*2)}}.video-tutorial__container.is--active{left:unset;opacity:1;pointer-events:auto;position:relative;right:unset}.video-tutorial__container.is--hidden{opacity:0}.video-tutorial__container .video-tutorial__readmore~.video-tutorial__video:nth-of-type(1n+7){margin-bottom:0;max-height:0;opacity:0;overflow:hidden;transition:opacity .25s cubic-bezier(.65,0,.35,1),visibility 0s cubic-bezier(.65,0,.35,1) .25s,max-height 0s cubic-bezier(.65,0,.35,1) .25s;visibility:hidden}.video-tutorial__container .video-tutorial__readmore:checked~.video-tutorial__video:nth-of-type(1n+7){max-height:none;opacity:1;overflow:visible;transition:opacity .25s cubic-bezier(.65,0,.35,1),visibility 0s,max-height 0s;visibility:visible}.video-tutorial__container .video-tutorial__readmore:checked~.video-tutorial__actions .button>span:first-child{display:none}.video-tutorial__container .video-tutorial__readmore:checked~.video-tutorial__actions .button>span:nth-child(2){display:block}.video-tutorial__video{cursor:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSIxIiB5PSIxIiB3aWR0aD0iMTI2IiBoZWlnaHQ9IjEyNiIgcng9IjYzIiBmaWxsPSIjMDA3OEM5Ii8+PHJlY3QgeD0iMSIgeT0iMSIgd2lkdGg9IjEyNiIgaGVpZ2h0PSIxMjYiIHJ4PSI2MyIgc3Ryb2tlPSIjMDA3OEM5IiBzdHJva2Utd2lkdGg9IjIiLz48cGF0aCBkPSJNNDcuNjYgNzFWNTguNGg0Ljg5NmMzLjAyNCAwIDQuNzUyIDEuNjIgNC43NTIgNC4xNTggMCAyLjUyLTEuNzI4IDQuMTA0LTQuNzM0IDQuMTA0aC0yLjQ2NlY3MUg0Ny42NlptNC43MTYtNi40NDRjMS40NzYgMCAyLjM1OC0uNjY2IDIuMzU4LTEuOTk4IDAtMS4zMTQtLjg4Mi0xLjk4LTIuMzU4LTEuOThoLTIuMjY4djMuOTc4aDIuMjY4Wk02MS4yNTQgNzFjLTEuNzEgMC0yLjY4Mi0xLjA0NC0yLjY4Mi0yLjczNlY1OC40aDIuMzIydjkuNzJjMCAuNTc2LjI1Mi44ODIuODEuODgyaC42ODRWNzFoLTEuMTM0Wm04LjEwOCAwdi0uOWMtLjU3Ni43NTYtMS41MTIgMS4xMTYtMi43MzYgMS4xMTYtMi4xNiAwLTMuNTgyLTEuMDgtMy41ODItMi44OTggMC0xLjc0NiAxLjQ3Ni0yLjg4IDMuNzQ0LTIuODggMS4wNjIgMCAxLjg1NC4yODggMi40MTIuODF2LS44NDZjMC0xLjI0Mi0uNzItMS44MTgtMS45MjYtMS44MTgtMS4wMjYgMC0xLjcyOC41NC0yLjA3IDEuNDc2bC0xLjkyNi0uODFjLjYzLTEuOTQ0IDIuMjUtMi43MzYgNC4wODYtMi43MzYgMi4yMzIgMCA0LjE1OCAxLjE1MiA0LjE1OCAzLjY1NFY3MWgtMi4xNlptLTIuMDE2LTEuNDc2YzEuMTM0IDAgMS45MDgtLjQzMiAxLjkwOC0xLjIyNHMtLjc3NC0xLjI0Mi0xLjkwOC0xLjI0Mi0xLjkwOC40NS0xLjkwOCAxLjI0Mi43NzQgMS4yMjQgMS45MDggMS4yMjRabTYuMDI0IDQuNTE4IDIuMTI0LTQuNjgtMy41ODItNy42MzJoMi42NjRsMi4wODggNS4wMjIgMi4yODYtNS4wMjJoMi41MzhsLTUuNTggMTIuMzEySDczLjM3WiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==") 64 64,pointer;flex-basis:calc(var(--grid-column-outer)*6);margin-bottom:var(--videos-row-gap);max-width:calc(var(--grid-column-outer)*6);padding-inline:calc(var(--grid-gutter)/2);width:calc(var(--grid-column-outer)*6)}@media only screen and (min-width:768px){.video-tutorial__video{flex-basis:calc(var(--grid-column-outer)*4);max-width:calc(var(--grid-column-outer)*4);padding-inline:calc(var(--grid-gutter)/2);width:calc(var(--grid-column-outer)*4)}.video-tutorial__video .media__wrapper{border-radius:16px}}@media only screen and (min-width:1024px){.video-tutorial__video .media__wrapper:before{border:1px solid #f4f4f4;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .25s cubic-bezier(.65,0,.35,1)}.video-tutorial__video .media__wrapper span{position:relative}.video-tutorial__video .media__wrapper img{transform:scale(1);transition:transform .25s cubic-bezier(.65,0,.35,1)}.csshover .video-tutorial__video:hover .media__wrapper:before{inset:-.78125vw;opacity:1}.csshover .video-tutorial__video:hover span img{transform:scale(1.04)}}@media only screen and (min-width:1440px){.csshover .video-tutorial__video:hover .media__wrapper:before{inset:-8px}}.video-tutorial__title{color:var(--color-content-base-2);font-size:1.125rem;line-height:130%;margin-top:16px}.video-tutorial__actions{cursor:auto;flex-basis:calc(var(--grid-column-outer)*6);max-width:calc(var(--grid-column-outer)*6);padding-top:calc(var(--spacing-elements) - var(--videos-row-gap));padding-inline:calc(var(--grid-gutter)/2);text-align:center;width:calc(var(--grid-column-outer)*6)}.video-tutorial__actions .button>span{margin:0}.video-tutorial__actions .button>span:first-child{display:block}.video-tutorial__actions .button>span:nth-child(2){display:none}@media only screen and (min-width:768px){.video-tutorial__actions{flex-basis:calc(var(--grid-column-outer)*8);max-width:calc(var(--grid-column-outer)*8);padding-inline:calc(var(--grid-gutter)/2);width:calc(var(--grid-column-outer)*8)}}@media only screen and (min-width:1024px){.video-tutorial__actions{flex-basis:calc(var(--grid-column-outer)*16);max-width:calc(var(--grid-column-outer)*16);padding-inline:calc(var(--grid-gutter)/2);width:calc(var(--grid-column-outer)*16)}}