.banner-header{top:calc(var(--spacing,.25rem)*0);z-index:50;height:var(--header-banner-height);justify-content:center;column-gap:calc(var(--spacing,.25rem)*4);padding-inline:calc(var(--spacing,.25rem)*6);padding-block:calc(var(--spacing,.25rem)*3);text-align:center;color:var(--color-white,#fff);background-color:#31374c;flex-wrap:wrap;position:relative}@media not all and (min-width:48rem){.banner-header{display:none}}.banner-header:is(.dark *){background-color:#191c27}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.banner-img-card{width:100%}.banner-img-card>div{background-color:var(--secondary);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.banner-img-card__image{inset:calc(var(--spacing,.25rem)*0);width:100%;height:100%;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.5s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));transition-duration:.5s;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));will-change:transform;position:absolute}@media (hover:hover){.banner-img-card__image:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.banner-img-card__img{object-fit:cover;width:100%;height:100%}.banner-img-card__content{z-index:2;border-radius:var(--radius);background-color:#000000b3;flex-direction:column;width:fit-content;max-width:100%;margin-top:auto;display:inline-flex;position:relative}@supports (color:color-mix(in lab, red, red)){.banner-img-card__content{background-color:color-mix(in oklab,var(--color-black,#000)70%,transparent)}}.banner-img-card__content{padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2)}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration:initial;--tw-ease:initial}}}.banner-img-carousel{width:100%;height:100%;position:relative;overflow:hidden}.banner-img-carousel[data-position=mainContent]{height:200px}.banner-img-carousel[data-position=tutorialSidebar]{max-width:420px;height:480px}.banner-img-carousel__slide{inset:calc(var(--spacing,.25rem)*0);opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.7s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));transition-duration:.7s;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));pointer-events:none;position:absolute}.banner-img-carousel__slide.is-active{opacity:1;pointer-events:auto}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}