@property --thumb-color{syntax:"<color>";inherits:true;initial-value:transparent}.intro[data-v-4ba66429]{--intro-bg-size:300% auto;background-color:var(--color-black);color:var(--color-white);position:relative}@media (min-width:48rem){.intro[data-v-4ba66429]{--intro-bg-size:auto}}@media (min-width:80rem){.intro[data-v-4ba66429]{--intro-bg-size:100% auto}}.intro-bg[data-v-4ba66429]{--aos-delay:.2s;height:100%;left:50%;position:absolute;top:0;width:100%;--tw-translate-x:-50%;background-image:url(../images/learn/intro-banner-bg.png);background-position:top;background-repeat:no-repeat;background-size:var(--intro-bg-size);max-width:94.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.intro-content[data-v-4ba66429]{padding-bottom:var(--content-padding-top,2.75rem);padding-top:var(--content-padding-top,3.5rem)}