@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-2f6de4a2],[data-v-2f6de4a2]::backdrop,[data-v-2f6de4a2]:after,[data-v-2f6de4a2]:before{--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-tracking:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-leading:initial}}}.tutorial-wrapper[data-v-2f6de4a2]{width:100%;min-width:0}.tutorial-item[data-v-2f6de4a2]{cursor:pointer;gap:calc(var(--spacing,.25rem)*2.5);flex-direction:column;width:100%;display:flex}@media(min-width:48rem){.tutorial-item[data-v-2f6de4a2]{gap:15px}}.tutorial-item[data-v-2f6de4a2]{will-change:transform;outline:none;transition:transform .24s cubic-bezier(.22,.61,.36,1)}.tutorial-item[data-v-2f6de4a2]:focus-visible{outline:2px solid var(--jm-primary);outline-offset:2px}.tutorial-item[data-v-2f6de4a2] .base-media-card__media{background-color:var(--jm-tutorial-surface);transition:box-shadow .24s cubic-bezier(.22,.61,.36,1)}.tutorial-item[data-v-2f6de4a2]:focus-visible,.tutorial-item[data-v-2f6de4a2]:hover{transform:translateY(-4px)}:is(.tutorial-item[data-v-2f6de4a2]:hover .base-media-card__media,.tutorial-item[data-v-2f6de4a2]:focus-visible .base-media-card__media){box-shadow:0 4px 8px -4px var(--jm-color-rgb-16-24-40-alpha-0-07),0 20px 44px -22px var(--jm-color-rgb-16-24-40-alpha-0-18)}.tutorial-item__placeholder[data-v-2f6de4a2]{--tw-gradient-position:to bottom right;justify-content:center;align-items:center;width:100%;height:100%;display:flex}@supports (background-image:linear-gradient(in lab,red,red)){.tutorial-item__placeholder[data-v-2f6de4a2]{--tw-gradient-position:to bottom right in oklab}}.tutorial-item__placeholder[data-v-2f6de4a2]{background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--jm-creative-surface);--tw-gradient-to:var(--jm-creative-border);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.tutorial-item__placeholder-icon[data-v-2f6de4a2]{height:calc(var(--spacing,.25rem)*12);width:calc(var(--spacing,.25rem)*12);color:var(--jm-creative-border-hover)}@supports (color:color-mix(in lab,red,red)){.tutorial-item__placeholder-icon[data-v-2f6de4a2]{color:color-mix(in oklab,var(--jm-creative-border-hover) 60%,transparent)}}.tutorial-item__placeholder[data-v-2f6de4a2],.tutorial-item[data-v-2f6de4a2] .base-media-card__image{transition:transform .5s ease-out}:is(.tutorial-item[data-v-2f6de4a2]:hover .base-media-card__image,.tutorial-item:hover .tutorial-item__placeholder[data-v-2f6de4a2],.tutorial-item[data-v-2f6de4a2]:focus-visible .base-media-card__image,.tutorial-item:focus-visible .tutorial-item__placeholder[data-v-2f6de4a2]){transform:scale(1.05)}.tutorial-item__play[data-v-2f6de4a2]{top:calc(var(--spacing,.25rem)*2.5);right:calc(var(--spacing,.25rem)*2.5);height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*8);border-radius:3.40282e+38px;justify-content:center;align-items:center;display:flex;position:absolute}@media(min-width:48rem){.tutorial-item__play[data-v-2f6de4a2]{top:calc(var(--spacing,.25rem)*5);right:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*10);width:calc(var(--spacing,.25rem)*10)}}.tutorial-item__play[data-v-2f6de4a2]{background-color:var(--jm-color-rgb-0-0-0-alpha-0-22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .24s}.tutorial-item__play-icon[data-v-2f6de4a2]{height:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*5);color:var(--color-white,#fff)}@media(min-width:64rem){.tutorial-item__play-icon[data-v-2f6de4a2]{height:calc(var(--spacing,.25rem)*7.5);width:calc(var(--spacing,.25rem)*7.5)}}.tutorial-item__label[data-v-2f6de4a2]{left:calc(var(--spacing,.25rem)*2.5);background-color:var(--jm-guide-link);padding-inline:calc(var(--spacing,.25rem)*2.5);padding-block:var(--spacing,.25rem);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);--tw-tracking:.5px;letter-spacing:.5px;white-space:nowrap;color:var(--color-white,#fff)}.tutorial-item__count[data-v-2f6de4a2],.tutorial-item__label[data-v-2f6de4a2]{bottom:calc(var(--spacing,.25rem)*2.5);border-radius:5px;justify-content:center;align-items:center;display:flex;position:absolute}.tutorial-item__count[data-v-2f6de4a2]{right:calc(var(--spacing,.25rem)*2.5);height:calc(var(--spacing,.25rem)*7);gap:calc(var(--spacing,.25rem)*.5);background-color:#0000004d;min-width:47px}@supports (color:color-mix(in lab,red,red)){.tutorial-item__count[data-v-2f6de4a2]{background-color:color-mix(in oklab,var(--color-black,#000) 30%,transparent)}}.tutorial-item__count[data-v-2f6de4a2]{padding-inline:calc(var(--spacing,.25rem)*1.5);padding-block:var(--spacing,.25rem);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);--tw-backdrop-blur:blur(5px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.tutorial-item__count-icon[data-v-2f6de4a2]{height:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*5);color:var(--color-white,#fff);flex-shrink:0}@media(min-width:64rem){.tutorial-item__count-icon[data-v-2f6de4a2]{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6)}}.tutorial-item__count-value[data-v-2f6de4a2]{color:var(--color-white,#fff)}.tutorial-item__title[data-v-2f6de4a2]{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5));--tw-leading:19px;--tw-font-weight:var(--font-weight-bold,700);line-height:19px;font-weight:var(--font-weight-bold,700);--tw-tracking:.5px;letter-spacing:.5px;color:var(--color-black,#000);margin:0;overflow:hidden}.tutorial-item__divider[data-v-2f6de4a2]{margin-top:calc(var(--spacing,.25rem)*5);margin-bottom:var(--spacing,.25rem);background-color:#00000014;height:1px;display:block}@supports (color:color-mix(in lab,red,red)){.tutorial-item__divider[data-v-2f6de4a2]{background-color:color-mix(in oklab,var(--color-black,#000) 8%,transparent)}}@media(min-width:48rem){.tutorial-item__divider[data-v-2f6de4a2]{display:none}}@media(min-width:768px){.tutorial-item__label[data-v-2f6de4a2]{bottom:calc(var(--spacing,.25rem)*5);left:calc(var(--spacing,.25rem)*5);background-color:var(--jm-primary);min-width:162px;height:42px;padding-inline:calc(var(--spacing,.25rem)*3.5);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556));--tw-leading:22px;line-height:22px}.tutorial-item__count[data-v-2f6de4a2]{right:calc(var(--spacing,.25rem)*5);bottom:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*8);gap:3px;min-width:61px}.tutorial-item__count-value[data-v-2f6de4a2]{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556));color:var(--color-white,#fff)}.tutorial-item__title[data-v-2f6de4a2]{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,1.4))}}@media(prefers-reduced-motion:reduce){.tutorial-item[data-v-2f6de4a2],.tutorial-item__placeholder[data-v-2f6de4a2],.tutorial-item__play[data-v-2f6de4a2],.tutorial-item[data-v-2f6de4a2] .base-media-card__media,.tutorial-item[data-v-2f6de4a2] .base-media-card__image{transition:none}.tutorial-item[data-v-2f6de4a2]:focus-visible,.tutorial-item:focus-visible .tutorial-item__placeholder[data-v-2f6de4a2],.tutorial-item[data-v-2f6de4a2]:hover,.tutorial-item:hover .tutorial-item__placeholder[data-v-2f6de4a2]{transform:none}.tutorial-item[data-v-2f6de4a2]:hover .base-media-card__image{transform:none}.tutorial-item[data-v-2f6de4a2]:focus-visible .base-media-card__image{transform:none}}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}