.tutorial-list__filter{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin:0 0 var(--space-lg);padding:0;border:0;min-inline-size:0}.tutorial-list__chip{display:inline-flex;align-items:center;min-block-size:2.75rem;padding:0 var(--space-md);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-body);font-size:var(--text-sm);cursor:pointer}.tutorial-list__radio:checked+.tutorial-list__chip{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.tutorial-list__radio:focus-visible+.tutorial-list__chip{outline:2px solid var(--color-primary-text);outline-offset:2px}.tutorial-list__list{display:grid;flex:1 0 100%;gap:var(--space-lg);margin:0;padding:0;list-style:none;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.tutorial-list__radio--1:checked~.tutorial-list__list>.tutorial-list__item:not([data-t1]),.tutorial-list__radio--2:checked~.tutorial-list__list>.tutorial-list__item:not([data-t2]),.tutorial-list__radio--3:checked~.tutorial-list__list>.tutorial-list__item:not([data-t3]),.tutorial-list__radio--4:checked~.tutorial-list__list>.tutorial-list__item:not([data-t4]),.tutorial-list__radio--5:checked~.tutorial-list__list>.tutorial-list__item:not([data-t5]),.tutorial-list__radio--6:checked~.tutorial-list__list>.tutorial-list__item:not([data-t6]),.tutorial-list__radio--7:checked~.tutorial-list__list>.tutorial-list__item:not([data-t7]),.tutorial-list__radio--8:checked~.tutorial-list__list>.tutorial-list__item:not([data-t8]){display:none}@media(min-width:1024px){.tutorial-list--cols .tutorial-list__list{grid-template-columns:repeat(var(--tutorial-list-columns, 3),minmax(0,1fr))}}.tutorial-list__card{display:flex;flex-direction:column;gap:var(--space-sm);block-size:100%}.tutorial-list__poster{position:relative;display:block;overflow:hidden;border-radius:var(--radius)}.tutorial-list__body{display:flex;flex-direction:column;gap:var(--space-2xs)}.tutorial-list__title{margin:0;font-size:var(--text-md)}.tutorial-list__title a{display:block;padding-block:var(--space-sm);margin-block:calc(var(--space-sm) * -1)}.tutorial-list__meta{display:flex;flex-wrap:wrap;gap:var(--space-2xs) var(--space-sm);margin:0;color:var(--color-text-subtle);font-size:var(--text-sm)}.tutorial-list__summary{margin:0;color:var(--color-text-body)}.tutorial-list__level{margin:0;color:var(--color-text-subtle);font-size:var(--text-sm)}.tutorial-list__footnote{margin-block-start:var(--space-lg);color:var(--color-text-subtle);font-size:var(--text-sm)}.tutorial-hero__player{position:relative;display:block;overflow:hidden;margin-block-end:var(--space-lg);border-radius:var(--radius)}.tutorial-hero__meta{display:flex;flex-wrap:wrap;gap:var(--space-2xs) var(--space-md);margin:0 0 var(--space-sm);color:var(--color-text-subtle);font-size:var(--text-sm)}.tutorial-hero__summary{margin:0 0 var(--space-md)}.tutorial-hero__source{margin:var(--space-md) 0 0;font-size:var(--text-sm)}.tutorial-hero__products{margin-block-start:var(--space-xl)}.tutorial-hero__product-list{display:grid;gap:var(--space-md);margin:0;padding:0;list-style:none;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr))}.tutorial-hero__product{display:flex;flex-direction:column;gap:var(--space-2xs);color:inherit;font-size:var(--text-sm);text-decoration:none}.tutorial-hero__product:hover .tutorial-hero__product-title,.tutorial-hero__product:focus-visible .tutorial-hero__product-title{text-decoration:underline}.tutorial-hero__product-image{display:block;overflow:hidden;border-radius:var(--radius)}.tutorial-hero__product-title{color:var(--color-text)}.tutorial-hero__product-price{color:var(--color-text-subtle)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/tutorial-widgets.css.map */
