._root_1iq8b_1{display:flex;height:312px;flex-direction:column;padding:var(--spacing-xxxl, 20px) var(--spacing-xxxl, 20px) var(--spacing-xxxl, 20px) 0;border-radius:var(--radius-border_radius_12, 12px);background:var(--surface-surface_2, #F2F2F8);position:relative}._level_1iq8b_11{display:flex;gap:var(--spacing-sm, 6px);align-self:auto;padding:var(--spacing-xs, 4px) var(--spacing-md_2, 10px);border-radius:var(--radius-border_radius_8, 8px);text-transform:capitalize;position:relative;font-family:var(--font-family-primary, system-ui, sans-serif);font-size:var(--font-size-body_2, 15px);font-style:normal;font-weight:500;line-height:var(--font-line_height-body_2, 20px);letter-spacing:var(--font-letter_spacing-xs, -.12px)}._beginner_1iq8b_22{color:var(--text-high_em, #1A1A1A);background:var(--neutral_inverse_black-alpha_56, rgba(255, 255, 255, .56))}._advanced_1iq8b_27,._pro_1iq8b_32{color:var(--text-white, #FFF);background:var(--surface-black, #000)}._title_1iq8b_37{padding:var(--spacing-xxxl, 20px) 0 0 var(--spacing-xxxl, 20px);color:var(--text-high_em, #1A1A1A);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-feature-settings:"liga" off;font-family:var(--font-family-display, "Roobert", system-ui, sans-serif);font-size:var(--font-size-heading_1, 18px);font-style:normal;font-weight:600;line-height:var(--font-line_height-heading_1, 24px);letter-spacing:var(--font-letter_spacing-none, 0px)}._image_1iq8b_48{background-size:cover;background-repeat:no-repeat;background-position:top center;border-radius:var(--radius-border_radius_8, 8px);transition:transform .25s cubic-bezier(.25,.1,.25,1);position:absolute;top:0;left:0;width:calc(100% - 20px);height:calc(100% - 20px);transform:translate(0);margin:var(--spacing-xxxl, 20px) 0 0 var(--spacing-xxxl, 20px)}._description_1iq8b_63{position:absolute;top:0;left:0;opacity:0;color:var(--text-high_em, #1A1A1A);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-family:var(--font-family-primary, system-ui, sans-serif);font-size:var(--font-size-body_2, 15px);font-style:normal;font-weight:400;line-height:var(--font-line_height-body_2, 20px);letter-spacing:var(--font-letter_spacing-xs, -.12px);transition:transform .25s cubic-bezier(.25,.1,.25,1),opacity .25s cubic-bezier(.25,.1,.25,1);transform:translate(110%);margin:var(--spacing-xxl, 16px) 0 0 var(--spacing-xxxl, 20px)}._preview_1iq8b_80{transition:transform .25s cubic-bezier(.25,.1,.25,1);position:absolute;top:0;left:0;width:100%;transform:translate(0);margin-top:var(--spacing-xxxl, 20px);display:flex;align-items:center;padding-left:var(--spacing-xxxl, 20px)}._previewFlow_1iq8b_93{display:flex;width:40px;height:40px;padding:6px;justify-content:center;align-items:center;border-radius:var(--radius-border_radius_10, 10px);background:var(--surface-surface_0, #FFF);box-shadow:0 1px 1px -.5px #0000000a,0 6px 16px -3px #00000014}._previewImg_1iq8b_105{height:100%;width:100%;background-size:contain;background-repeat:no-repeat;border-radius:var(--radius-border_radius_6, 6px)}._counter_1iq8b_113{display:flex;align-items:center;gap:var(--spacing-xs, 4px);color:var(--text-med_em, #868CA2);font-family:var(--font-family-primary, system-ui, sans-serif);font-size:var(--font-size-body_1, 13px);font-style:normal;font-weight:500;line-height:var(--font-line_height-body_1, 18px);letter-spacing:var(--font-letter_spacing-xs, -.12px);opacity:1;transition:opacity .25s cubic-bezier(.25,.1,.25,1)}._cloneBtn_1iq8b_123{transition:opacity .25s cubic-bezier(.25,.1,.25,1);opacity:0;position:absolute;bottom:0;right:0}._previewBtn_1iq8b_131{display:none}._previewBtn_1iq8b_131:focus{pointer-events:none}@media (any-hover: none),(hover: none){._previewBtn_1iq8b_131{display:inline-flex}}._root_1iq8b_1:has(._previewBtn_1iq8b_131:focus){box-shadow:0 0 0 1.5px var(--surface-primary_med_em, #4D6AFF)}._root_1iq8b_1:has(._previewBtn_1iq8b_131:focus) ._preview_1iq8b_80{transform:translate(-110%)}._root_1iq8b_1:has(._previewBtn_1iq8b_131:focus) ._description_1iq8b_63{transform:translate(0);opacity:1}._root_1iq8b_1:has(._previewBtn_1iq8b_131:focus) ._image_1iq8b_48{transform:translate(-110%)}._root_1iq8b_1:has(._previewBtn_1iq8b_131:focus) ._cloneBtn_1iq8b_123{opacity:1}._root_1iq8b_1:has(._previewBtn_1iq8b_131:focus) ._counter_1iq8b_113{opacity:0}@media (hover: hover){._root_1iq8b_1:hover{box-shadow:0 0 0 1.5px var(--surface-primary_med_em, #4D6AFF)}._root_1iq8b_1:hover ._preview_1iq8b_80{transform:translate(-110%)}._root_1iq8b_1:hover ._description_1iq8b_63{transform:translate(0);opacity:1}._root_1iq8b_1:hover ._image_1iq8b_48{transform:translate(-110%)}._root_1iq8b_1:hover ._cloneBtn_1iq8b_123{opacity:1}._root_1iq8b_1:hover ._counter_1iq8b_113{opacity:0}}