.learn-tier[data-v-e9390e80]{align-items:center;border:1px solid #d9dde3;border-radius:.25rem;display:inline-flex;justify-content:center}.learn-tier.size-xs[data-v-e9390e80]{font-size:.625rem;font-weight:500;height:18px;line-height:120%;padding:0 .375rem}.learn-tier.size-s[data-v-e9390e80]{font-size:.75rem;font-weight:500;height:1.5rem;line-height:120%;padding:0 .5rem}.learn-tier.tier-0[data-v-e9390e80]{color:#a7adbf}.learn-tier.tier-1[data-v-e9390e80]{color:#76787a}.learn-tier.tier-2[data-v-e9390e80]{color:#a8aaff}.learn-tier.tier-3[data-v-e9390e80]{color:#596dfb}.learn-tier.tier-4[data-v-e9390e80]{color:#ef2091}.unit-image[data-v-7bf95e70]{background-repeat:no-repeat;background-size:contain;border-radius:.25rem;position:relative}.unit-image.completed[data-v-7bf95e70]:after{background-color:rgba(0,0,0,.302);border-radius:.25rem;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:2}.unit-image.completed .tag-complete[data-v-7bf95e70]{background-color:#fff;border-radius:.25rem;color:#76787a;font-size:.625rem;font-weight:500;left:.375rem;line-height:120%;padding:.25rem;position:absolute;top:.375rem;z-index:3}.rating[data-v-278b00d0]{align-items:center;display:flex;gap:.25rem}.rating.size-lg .rating-value[data-v-278b00d0]{font-size:1.5rem;font-weight:700;line-height:120%}.rating.size-lg .count[data-v-278b00d0]{font-size:1.125rem;font-weight:500;line-height:160%}.rating.size-md .rating-value[data-v-278b00d0]{font-size:1rem;font-weight:600;line-height:120%}.rating.size-md .count[data-v-278b00d0]{font-size:.875rem;font-weight:500;line-height:160%}.rating.size-sm[data-v-278b00d0]{gap:.125rem}.rating.size-sm .rating-value[data-v-278b00d0]{font-size:.75rem;font-weight:600;line-height:120%}.rating.size-sm .count[data-v-278b00d0]{font-size:.625rem;font-weight:500;line-height:120%}.rating .rating-value-group[data-v-278b00d0]{align-items:center;color:#494949;display:inline-flex;gap:.125rem}.rating .rating-value-group[data-v-278b00d0] .dh3-icon{display:inline-flex}.rating .count[data-v-278b00d0]{color:#aaacb0}.difficulty-tag[data-v-07c47ca5]{background-color:#f2f4f6}.difficulty-tag.beginner[data-v-07c47ca5]{color:#aaacb0}.difficulty-tag.easy[data-v-07c47ca5]{color:#91d34a}.difficulty-tag.medium[data-v-07c47ca5]{color:#ffad16}.difficulty-tag.hard[data-v-07c47ca5]{color:#1958f4}.difficulty-tag.expert[data-v-07c47ca5]{color:#ef2091}.recommended-unit-card[data-v-8ddb0820]{border-bottom:1px solid #e7e8eb;display:flex;gap:.75rem;padding:.75rem .5rem}.recommended-unit-card .unit-image[data-v-8ddb0820]{flex-shrink:0;height:97px;width:76px}@media(max-width:1079.98px){.recommended-unit-card .unit-image[data-v-8ddb0820]{height:82px;width:64px}}.recommended-unit-card .unit-detail[data-v-8ddb0820]{display:flex;flex:1;flex-direction:column;gap:.375rem;min-width:0}.recommended-unit-card .unit-detail .title[data-v-8ddb0820]{display:flex}.recommended-unit-card .unit-detail .title>a[data-v-8ddb0820]{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#1a1a1b;display:-webkit-inline-box;font-size:.875rem;font-weight:600;line-height:160%;overflow:hidden;text-overflow:ellipsis}@media(max-width:1079.98px){.recommended-unit-card .unit-detail .title>a[data-v-8ddb0820]{font-size:.75rem;font-weight:600;line-height:160%}}.recommended-unit-card .unit-detail .unit-tags[data-v-8ddb0820]{align-items:center;display:flex;gap:.25rem}.recommended-unit-card .unit-detail .unit-metadata[data-v-8ddb0820]{display:flex;margin-top:.125rem}.recommended-unit-card .unit-detail .unit-metadata .metadata-item[data-v-8ddb0820]{align-items:center;color:#76787a;display:flex;font-size:12px;font-weight:500;gap:.125rem;line-height:12px;padding:0 .375rem}.recommended-unit-card .unit-detail .unit-metadata .metadata-item[data-v-8ddb0820]:first-child{padding-left:0}.recommended-unit-card .unit-detail .unit-metadata .metadata-item[data-v-8ddb0820]:not(:last-child){border-right:1px solid #e7e8eb}.recommended-unit-card-skeleton[data-v-8fe7ff26]{border-bottom:1px solid #e7e8eb;display:flex;gap:.75rem;padding:.75rem .5rem}.recommended-unit-card-skeleton[data-v-8fe7ff26] .b-skeleton{margin-bottom:0!important}.recommended-unit-card-skeleton .unit-image[data-v-8fe7ff26]{border-radius:.25rem;flex-shrink:0;height:97px;width:76px}.recommended-unit-card-skeleton .unit-detail[data-v-8fe7ff26]{display:flex;flex:1;flex-direction:column;gap:.375rem;min-width:0}.recommended-unit-card-skeleton .unit-tags[data-v-8fe7ff26]{display:flex;gap:.25rem}.recommended-unit-card-skeleton .unit-metadata[data-v-8fe7ff26]{display:flex;gap:.5rem;margin-top:.125rem}.recommended-unit-sidebar[data-v-1eeb0b70]{background:#fff;border:1px solid #e7e8eb;border-radius:1rem;padding:1rem}@media(max-width:1079.98px){.recommended-unit-sidebar[data-v-1eeb0b70]{background:#0000;border:0;border-radius:0;padding:0}}.sidebar-section-header[data-v-1eeb0b70]{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}@media(max-width:1079.98px){.sidebar-section-header[data-v-1eeb0b70]{margin-bottom:.5rem}}.sidebar-section-title[data-v-1eeb0b70]{align-items:center;color:#76787a;display:flex;font-size:1.125rem;font-weight:600;gap:.25rem;line-height:120%;margin-bottom:1rem}@media(max-width:1079.98px){.sidebar-section-title[data-v-1eeb0b70]{margin-bottom:.5rem}}.sidebar-section-subtitle[data-v-1eeb0b70]{color:#aaacb0;font-size:.875rem;font-weight:500;line-height:160%}@media(max-width:1079.98px){.sidebar-section-subtitle[data-v-1eeb0b70]{font-size:.75rem;font-weight:500;line-height:160%}}.unit-container[data-v-1eeb0b70]{position:relative}.unit-scroller[data-v-1eeb0b70]{display:flex;flex-direction:column}@media(min-width:1080px){.recommended-unit-card[data-v-1eeb0b70]:last-child{border-bottom:0}}.scroll-button[data-v-1eeb0b70]{display:none}@media(max-width:1079.98px){.unit-scroller[data-v-1eeb0b70]{-ms-overflow-style:none;flex-direction:row;gap:.75rem;overflow-x:auto;overflow-y:hidden;padding:.25rem 0;scroll-behavior:smooth;scrollbar-width:none}.unit-scroller[data-v-1eeb0b70]::-webkit-scrollbar{display:none}.unit-scroller .recommended-unit-card[data-v-1eeb0b70]{background:#fff;border:1px solid #e7e8eb;border-radius:.5rem;flex-shrink:0;padding:.75rem;width:280px}.scroll-button[data-v-1eeb0b70]{align-items:center;background-color:#fff;border:1px solid #e7e8eb;border-radius:50%;color:#aaacb0;cursor:pointer;display:flex;height:2.25rem;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2.25rem;z-index:2}.scroll-button[data-v-1eeb0b70]:hover{box-shadow:0 2px 8px #0000001f}.scroll-button-left[data-v-1eeb0b70]{left:-10px}.scroll-button-right[data-v-1eeb0b70]{right:-10px}}.unit-empty[data-v-1eeb0b70]{color:#aaa;font-size:.85rem;padding:1rem 0;text-align:center}