.recommended-card-skeleton-component{background:var(--color-bg-subtlest);border-radius:var(--radius-5);color:var(--color-text-bolder);display:flex;flex-basis:33%;flex-direction:column;padding:var(--space-8);width:100%}.recommended-card-skeleton-component.recommended-card-skeleton-showInSidebar{align-items:center;background-color:transparent;flex-direction:row;gap:var(--space-12);padding:0}@media screen and (max-width: 768px){.recommended-card-skeleton-component{align-items:center;flex-direction:row;gap:var(--space-12)}}.recommended-card-skeleton-component:not(.recommended-card-skeleton-showInSidebar):hover{background:var(--color-bg-subtler);transition:background .1s var(--motion-ease-out-gentle)}.recommended-card-skeleton-mobile-thumbnail{background-color:var(--color-bg-subtle);background-repeat:no-repeat;background-size:cover;border-radius:var(--radius-5);display:none;height:9.6rem;width:9.6rem}.recommended-card-skeleton-mobile-thumbnail.recommended-card-skeleton-show{display:block;height:var(--avatar-80);width:var(--avatar-80)}@media screen and (max-width: 768px){.recommended-card-skeleton-mobile-thumbnail{display:block}}.recommended-card-skeleton-thumbnail{background-color:var(--color-bg-subtle);background-repeat:no-repeat;background-size:cover;border-radius:var(--radius-5);margin-bottom:var(--space-12);width:100%}@media screen and (max-width: 768px){.recommended-card-skeleton-thumbnail{display:none}}.recommended-card-skeleton-text{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;margin-bottom:var(--space-8);overflow:hidden;text-overflow:ellipsis}.recommended-card-skeleton-text-loading{background-color:var(--color-bg-subtle)}.recommended-card-skeleton-authors{-webkit-box-orient:vertical;color:var(--color-text-subtle);display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.recommended-card-skeleton-text{width:80%}.recommended-card-skeleton-skeleton-image{min-height:11.5rem}.recommended-card-skeleton-skeleton-mobile-image{min-height:9.6rem}.cc-modal-component{align-items:center;display:flex;height:100vh;height:100dvh;justify-content:center;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-24) 0;position:fixed;top:0;width:100vw;z-index:9999}[dir=ltr] .cc-modal-component{left:0}[dir=rtl] .cc-modal-component{right:0}.cc-modal-body{--modalBorderRadius: var(--radius-10);background-color:var(--color-bg-opaque);border-radius:var(--modalBorderRadius);box-shadow:var(--elevation-modal),inset 0 0 0 var(--border-1) var(--color-border-default);margin:auto;max-width:calc(100% - 1.5rem);position:relative}.cc-modal-backdrop{background-color:var(--backdropBg, var(--color-bg-overlay));inset:0;position:fixed;z-index:-1}.cc-modal-bg-transparent{--backdropBg: transparent}.cc-modal-enter-from,.cc-modal-leave-to{opacity:0}.cc-modal-enter{transition:opacity .3s var(--motion-ease-out-gentle)}.cc-modal-leave{transition:opacity .1s var(--motion-ease-out-gentle)}.cc-modal-component-v2{animation:cc-modal-fade-out .1s var(--motion-ease-out-gentle);background-color:transparent;border:none;display:none;height:100%;inset:0;margin:0 auto;max-height:100%;max-width:100%;overscroll-behavior:contain;padding:var(--space-24) .8rem;position:fixed}.cc-modal-component-v2[open]{animation:cc-modal-fade-in .3s var(--motion-ease-out-gentle);display:grid}.cc-modal-component-v2[open]::backdrop{animation:cc-modal-fade-in .3s var(--motion-ease-out-gentle);background-color:var(--color-bg-overlay)}.cc-modal-component-v2[open].cc-modal-bg-transparent::backdrop{background-color:transparent}.cc-modal-dialog{--modalBorderRadius: var(--radius-10);align-content:start;background-color:var(--color-bg-opaque);border-radius:var(--modalBorderRadius);box-shadow:var(--elevation-modal),inset 0 0 0 var(--border-1) var(--color-border-default);color:var(--color-text-default);margin:auto;max-width:var(--cc-modal-max-width);position:relative;width:100%}.cc-modal-xxxs{--cc-modal-max-width: var(--container-200);width:var(--container-200)}.cc-modal-xxs{--cc-modal-max-width: var(--container-300);width:var(--container-300)}.cc-modal-xs{--cc-modal-max-width: var(--container-360);width:var(--container-360)}.cc-modal-sm{--cc-modal-max-width: var(--container-400);width:var(--container-400)}.cc-modal-md{--cc-modal-max-width: var(--container-460);width:var(--container-460)}.cc-modal-lg{--cc-modal-max-width: var(--container-500);width:var(--container-500)}.cc-modal-xl{--cc-modal-max-width: var(--container-600);width:var(--container-600)}@keyframes cc-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cc-modal-fade-out{0%{display:grid;opacity:1}to{display:none;opacity:0}}.rating-component{align-items:center;display:flex;gap:var(--space-4)}.rating-star-rating-wrapper{display:flex;gap:var(--space-2)}.rating-total-ratings-wrapper{display:flex}.rating-total-ratings{color:var(--color-text-subtle);vertical-align:text-top}.rating-icon{color:var(--color-icon-default)}.rating-icon-gold{color:var(--color-gold-300)}.rating-partial-star-wrapper{position:relative}.rating-partial-star{overflow:hidden;position:absolute;top:0}.course-shop-card-skeleton-component{background:var(--color-bg-subtlest);border-radius:var(--radius-5);display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-12)}.course-shop-card-skeleton-component .course-shop-card-skeleton-thumbnail{height:100%;margin:0;width:100%}.course-shop-card-skeleton-component .course-shop-card-skeleton-title{height:2rem;width:var(--container-200)}.course-shop-card-skeleton-component .course-shop-card-skeleton-authors{height:1.6rem;margin:var(--space-2) 0;width:10rem}.course-shop-card-skeleton-container{display:flex;flex-direction:column;gap:var(--space-8)}.course-shop-card-skeleton-headlines{display:flex;flex-direction:column;gap:var(--space-8);height:8rem}.course-shop-card-skeleton-thumbnail-wrapper{aspect-ratio:16/9;width:100%}.course-shop-card-skeleton-course-type{height:1.6rem;width:10rem}.course-shop-card-skeleton-extra-info{color:var(--color-text-subtle);display:flex;justify-content:space-between;margin-top:var(--space-2)}.course-shop-card-skeleton-middle-information-wrapper{height:4.4rem}.course-shop-card-skeleton-star{color:var(--color-icon-default)}