.tutorial-cards-component{display:grid;gap:var(--space-16);grid-template-columns:repeat(2,minmax(0,32rem))}@media (max-width: 640px){.tutorial-cards-component{gap:var(--space-12);grid-template-columns:minmax(0,32rem)}}.tutorial-cards-course-card{cursor:pointer;display:flex;flex-direction:column;gap:var(--space-12)}.tutorial-cards-course-image{aspect-ratio:16/9;border-radius:var(--radius-5);height:auto;width:100%}.tutorial-cards-course-name{color:var(--color-text-default);min-height:2lh}[dir=ltr] .tutorial-cards-course-name{text-align:left}[dir=rtl] .tutorial-cards-course-name{text-align:right}.cc-dropdown-item-component{--cc-dropdown-item-bg: transparent;--cc-dropdown-item-label-color: var(--color-text-default);--cc-dropdown-item-icon-color: var(--color-icon-default);background-color:transparent;border:none;margin:0;align-items:center;background-color:var(--cc-dropdown-item-bg);color:var(--cc-dropdown-item-label-color);display:flex;gap:var(--space-16);min-height:4.8rem;width:100%}[dir=ltr] .cc-dropdown-item-component{padding:var(--space-12) var(--space-12) var(--space-12) var(--space-16)}[dir=rtl] .cc-dropdown-item-component{padding:var(--space-12) var(--space-16) var(--space-12) var(--space-12)}.cc-dropdown-item-component:disabled{cursor:not-allowed;opacity:.5}@media (hover: hover){button.cc-dropdown-item-component:not([disabled],.cc-dropdown-item-selected):hover,a.cc-dropdown-item-component:not([disabled],.cc-dropdown-item-selected):hover{--cc-dropdown-item-bg: var(--color-bg-subtlest);--cc-dropdown-item-label-color: var(--color-text-default-hovered)}button.cc-dropdown-item-component:not([disabled],.cc-dropdown-item-selected).cc-dropdown-item-danger:hover,a.cc-dropdown-item-component:not([disabled],.cc-dropdown-item-selected).cc-dropdown-item-danger:hover{--cc-dropdown-item-label-color: var(--color-text-danger)}}.cc-dropdown-item-selected{--cc-dropdown-item-bg: var(--color-bg-subtler);--cc-dropdown-item-label-color: var(--color-text-bolder)}.cc-dropdown-item-danger{--cc-dropdown-item-label-color: var(--color-text-danger);--cc-dropdown-item-icon-color: var(--color-icon-danger)}.cc-dropdown-item-icon{color:var(--cc-dropdown-item-icon-color);flex-shrink:1}.cc-dropdown-item-label{align-self:center;display:flex;flex-grow:1;word-break:break-word}[dir=ltr] .cc-dropdown-item-label{text-align:left}[dir=rtl] .cc-dropdown-item-label{text-align:right}.cc-dropdown-item-one-line{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-dropdown-item-selectableIcon{color:var(--color-icon-default)}.cc-dropdown-item-selectedIcon{animation:cc-dropdown-item-selectedIcon .05s var(--motion-ease-out-gentle);color:var(--color-icon-success)}@keyframes cc-dropdown-item-selectedIcon{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.tutorial-dropdown-component{max-width:40rem;position:relative;width:100%}@media (max-width: 640px){.tutorial-dropdown-component{max-width:32rem}}.tutorial-dropdown-dropdown-menu{position:absolute;top:105%;width:100%}[dir=ltr] .tutorial-dropdown-dropdown-menu{left:0}[dir=rtl] .tutorial-dropdown-dropdown-menu{right:0}.tutorial-selector-component{display:flex;gap:var(--space-12);justify-content:center}.tutorial-selector-tutorial-dropdown{display:none}@media (max-width: 768px){.tutorial-selector-component{width:100%}.tutorial-selector-tutorial-button{display:none}.tutorial-selector-tutorial-dropdown{display:block}}