.TutorialList-module-scss-module__4frlPa__root{background:var(--color-background-main)}.TutorialList-module-scss-module__4frlPa__root__list{gap:var(--spacing-x-large);margin-bottom:calc(var(--spacing-xxx-large)*2);flex-direction:column;display:flex}.TutorialList-module-scss-module__4frlPa__root__list__item{padding:var(--spacing-large);box-shadow:var(--shadow-row-item);border-radius:var(--border-radius-normal);background:var(--color-background-paper-level-1);flex-direction:row;justify-content:space-between;align-items:center;display:flex}.TutorialList-module-scss-module__4frlPa__root__list__item__title{white-space:nowrap;text-overflow:ellipsis;flex:1;max-width:50%;overflow:hidden}.TutorialList-module-scss-module__4frlPa__root__list__item__button{min-width:128px}.TutorialList-module-scss-module__4frlPa__root__modal{width:50%;padding:var(--spacing-xx-large);border-radius:var(--border-radius-normal);background:var(--color-background-paper-level-1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 24px #0000001a}.TutorialList-module-scss-module__4frlPa__root__modal__header{margin-bottom:var(--spacing-large);flex-direction:row;justify-content:space-between;display:flex}.TutorialList-module-scss-module__4frlPa__root__modal__header svg{cursor:pointer}.TutorialList-module-scss-module__4frlPa__root__modal__header svg:hover path{fill:var(--color-primary-main);transition:all .5s ease-in-out}.TutorialList-module-scss-module__4frlPa__root__modal video{border-radius:var(--border-radius-normal);width:100%;height:100%;position:relative}@media (max-width:900px){.TutorialList-module-scss-module__4frlPa__root__modal{width:90%}}@media (max-width:599px){.TutorialList-module-scss-module__4frlPa__root{padding-bottom:var(--spacing-xxx-large)}.TutorialList-module-scss-module__4frlPa__root__list{gap:var(--spacing-large)}.TutorialList-module-scss-module__4frlPa__root__modal{padding:var(--spacing-large)}}