.tutorial-modal[data-v-05182260]{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.tutorial-modal--state[data-v-05182260]{justify-content:center;min-height:320px}.tutorial-modal__counter[data-v-05182260]{font-size:var(--mathew-font-size-body-3);color:var(--mathew-color-neutral-400);margin:0}.tutorial-modal__media[data-v-05182260]{border-radius:var(--mathew-border-radius-4);border:2px solid var(--mathew-color-neutral-50);background-color:var(--mathew-color-neutral-25);width:auto;height:clamp(220px,40vh,420px);overflow:hidden}.tutorial-modal__image[data-v-05182260]{object-fit:cover;width:100%;height:100%;display:block}.tutorial-modal__copy[data-v-05182260]{flex-direction:column;gap:4px;max-width:600px;display:flex}.tutorial-modal__step-title[data-v-05182260]{font-size:var(--mathew-font-size-heading-2);line-height:var(--mathew-line-height-heading-2);font-weight:var(--mathew-font-weight-semibold);color:var(--mathew-color-neutral-800);margin:0}.tutorial-modal__step-description[data-v-05182260]{color:var(--mathew-color-neutral-400);white-space:pre-line;margin:0;line-height:1.6}.support-content{&[data-v-d93b8f75]{align-items:center;gap:var(--mathew-spacing-3);width:100%;padding:var(--mathew-spacing-2);border:1px solid var(--mathew-color-neutral-50);border-radius:var(--mathew-border-radius-4);background-color:var(--mathew-color-white);color:inherit;text-align:left;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}&[data-v-d93b8f75]:hover{border-color:var(--mathew-color-neutral-100);box-shadow:0 6px 16px -4px color-mix(in srgb, var(--mathew-color-neutral-1000) 12%, transparent);transform:translateY(2px)}&[data-v-d93b8f75]:focus-visible{outline:2px solid var(--mathew-color-primary);outline-offset:2px}}.support-content__thumb[data-v-d93b8f75]{border:1px solid var(--mathew-color-neutral-50);border-radius:var(--mathew-border-radius-3);background-color:var(--mathew-color-neutral-25);flex-shrink:0;width:88px;height:48px;padding:6px 6px 0}.support-content__thumbnail-wrapper[data-v-d93b8f75]{clip-path:inset(-16px -6px 0 round 8px);height:100%;display:block;position:relative}.support-content__thumbnail[data-v-d93b8f75]{border:1px solid var(--mathew-color-neutral-200);border-radius:var(--mathew-border-radius-2);box-shadow:0 3px 8px -2px color-mix(in srgb, var(--mathew-color-neutral-1000) 15%, transparent);transition:all .2s cubic-bezier(.4,0,.2,1);display:block;position:relative;bottom:-4px;left:-1px;overflow:hidden;transform:rotate(2deg)}.support-content__thumbnail--back[data-v-d93b8f75]{background-color:var(--mathew-color-white);width:100%;height:150%;box-shadow:none;position:absolute;top:2px;left:3px;transform:rotate(4deg)}.support-content:hover .support-content__thumbnail[data-v-d93b8f75]:not(.support-content__thumbnail--back){bottom:5px;left:0;transform:rotate(0)}.support-content:hover .support-content__thumbnail--back[data-v-d93b8f75]{top:-5px;transform:rotate(1deg)}.support-content__thumbnail-img[data-v-d93b8f75]{object-fit:cover;background-color:var(--mathew-color-neutral-25);width:100%;height:56px;display:block}.support-content__placeholder[data-v-d93b8f75]{background-color:var(--mathew-color-white);height:60px;color:var(--mathew-color-neutral-300);justify-content:center;align-items:center;display:flex}.support-content__body[data-v-d93b8f75]{flex-direction:column;flex:1;min-width:0;display:flex}.support-content__title[data-v-d93b8f75],.support-content__subtitle[data-v-d93b8f75]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.support-content__title[data-v-d93b8f75]{font-weight:600;line-height:1.3}.support-content__subtitle[data-v-d93b8f75]{color:var(--mathew-color-neutral-400)}.support-content__chevron[data-v-d93b8f75]{color:var(--mathew-color-neutral-300);flex-shrink:0;font-size:.75rem}@media (prefers-reduced-motion:reduce){.support-content[data-v-d93b8f75],.support-content__thumbnail[data-v-d93b8f75]{transition:none}}