@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-9ba65f93],[data-v-9ba65f93]::backdrop,[data-v-9ba65f93]:after,[data-v-9ba65f93]:before{--tw-leading:initial;--tw-font-weight:initial;--tw-border-style:solid}}}.chapter-list[data-v-9ba65f93]{letter-spacing:.5px;flex-direction:column;height:100%;min-height:0;margin:0;padding:0;list-style-type:none;display:flex}.chapter-list__items[data-v-9ba65f93],.chapter-list__skeleton[data-v-9ba65f93]{flex-shrink:0;margin:0;padding:0;list-style-type:none}.chapter-item[data-v-9ba65f93]{cursor:pointer;align-items:center;-moz-column-gap:calc(var(--spacing,.25rem)*2.5);column-gap:calc(var(--spacing,.25rem)*2.5);width:100%;padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2.5);text-align:left;color:var(--jm-ink);-webkit-tap-highlight-color:transparent;background:0 0;border:0;grid-template-columns:11px 135px minmax(0,1fr);display:grid}.chapter-item--active[data-v-9ba65f93]{background:var(--jm-chapter-border)}.chapter-item[data-v-9ba65f93]:focus-visible{outline:2px solid var(--jm-action-blue);outline-offset:-2px}.chapter-item[data-v-9ba65f93]:disabled{cursor:wait}.chapter-item__index[data-v-9ba65f93]{width:11px;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-leading:16.8px;--tw-font-weight:var(--font-weight-medium,500);line-height:16.8px;font-weight:var(--font-weight-medium,500);color:var(--jm-text-muted-strong);justify-content:flex-start;align-items:center;display:flex}.chapter-item__play[data-v-9ba65f93]{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);flex-shrink:0}.chapter-item__thumb[data-v-9ba65f93]{background-color:var(--jm-chapter-muted);border-radius:5px;width:135px;height:75.9px;display:block;position:relative;overflow:hidden}.chapter-item__image[data-v-9ba65f93],.chapter-item__placeholder[data-v-9ba65f93]{width:100%;height:100%;display:block}.chapter-item__image[data-v-9ba65f93]{-o-object-fit:cover;object-fit:cover}.chapter-item__placeholder[data-v-9ba65f93]{background-color:var(--jm-chapter-muted)}.chapter-item__copy[data-v-9ba65f93]{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.chapter-item__name[data-v-9ba65f93]{-webkit-line-clamp:2;max-width:100%;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--jm-ink);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.chapter-item__duration[data-v-9ba65f93]{margin-top:calc(var(--spacing,.25rem)*2);background-color:#0000004d;border-radius:2px;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;height:17px;display:flex}@supports (color:color-mix(in lab,red,red)){.chapter-item__duration[data-v-9ba65f93]{background-color:color-mix(in oklab,var(--color-black,#000) 30%,transparent)}}.chapter-item__duration[data-v-9ba65f93]{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));--tw-leading:1;--tw-font-weight:var(--font-weight-medium,500);line-height:1;font-weight:var(--font-weight-medium,500);color:var(--color-white,#fff);padding-inline:5px}.chapter-item--creative[data-v-9ba65f93]{grid-template-columns:11px 90px minmax(0,1fr)}.chapter-item--creative .chapter-item__thumb[data-v-9ba65f93]{width:90px;height:135px}.chapter-item--skeleton[data-v-9ba65f93]{cursor:default}.chapter-item__index-skeleton[data-v-9ba65f93]{height:calc(var(--spacing,.25rem)*4);width:11px;display:block}.chapter-item__name-skeleton[data-v-9ba65f93]{height:calc(var(--spacing,.25rem)*4);width:100%;display:block}.chapter-list__empty[data-v-9ba65f93]{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*2);color:var(--jm-text-muted-strong);flex-direction:column;flex:1;display:flex}.chapter-list__empty-icon[data-v-9ba65f93]{height:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*5);color:#0000001a}@supports (color:color-mix(in lab,red,red)){.chapter-list__empty-icon[data-v-9ba65f93]{color:color-mix(in oklab,var(--color-black,#000) 10%,transparent)}}.chapter-list__retry[data-v-9ba65f93]{cursor:pointer;border-radius:var(--radius-xs,.125rem);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:var(--spacing,.25rem);background-color:#0000;border-width:1px;border-color:currentColor}@media(min-width:1024px){.chapter-item__index[data-v-9ba65f93]{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5));--tw-leading:19.2px;line-height:19.2px}.chapter-item__name[data-v-9ba65f93]{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5))}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-4274e31e],[data-v-4274e31e]::backdrop,[data-v-4274e31e]:after,[data-v-4274e31e]:before{--tw-leading:initial;--tw-font-weight:initial}}}.chapter-nav[data-v-4274e31e]{letter-spacing:.5px;flex-direction:column;display:flex}.chapter-nav__head[data-v-4274e31e]{padding-inline:calc(var(--spacing,.25rem)*4);padding-top:calc(var(--spacing,.25rem)*1.5);justify-content:space-between;align-items:center;height:52px;display:flex}.chapter-nav__title[data-v-4274e31e]{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,1.4));--tw-leading:calc(var(--spacing,.25rem)*6);line-height:calc(var(--spacing,.25rem)*6);--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--jm-ink);margin:0}.chapter-nav__count[data-v-4274e31e]{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-leading:16.8px;--tw-font-weight:var(--font-weight-medium,500);line-height:16.8px;font-weight:var(--font-weight-medium,500);color:var(--jm-ink)}.chapter-nav__pages[data-v-4274e31e]{margin-bottom:calc(var(--spacing,.25rem)*3);align-items:center;gap:calc(var(--spacing,.25rem)*2.5);height:26px;padding-inline:calc(var(--spacing,.25rem)*4);overscroll-behavior-x:contain;scrollbar-width:none;scroll-padding-inline:16px;display:flex;overflow-x:auto}.chapter-nav__pages[data-v-4274e31e]::-webkit-scrollbar{display:none}.chapter-nav__page[data-v-4274e31e]{cursor:pointer;background-color:var(--jm-chapter-nav-surface);height:100%;padding-inline:calc(var(--spacing,.25rem)*2.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));--tw-leading:1;--tw-font-weight:var(--font-weight-medium,500);line-height:1;font-weight:var(--font-weight-medium,500);white-space:nowrap;color:var(--jm-ink);border-radius:3.40282e+38px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chapter-nav__page--current[data-v-4274e31e]{background:var(--jm-chapter-border)}.chapter-nav__page[data-v-4274e31e]:focus-visible{outline:2px solid var(--jm-action-blue);outline-offset:2px}@media(min-width:1024px){.chapter-nav__head[data-v-4274e31e]{padding-right:25px;padding-left:calc(var(--spacing,.25rem)*5);height:65px}.chapter-nav__title[data-v-4274e31e]{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,1.33333));--tw-leading:28.8px;line-height:28.8px}.chapter-nav__count[data-v-4274e31e]{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5));--tw-leading:19.2px;line-height:19.2px}.chapter-nav__pages[data-v-4274e31e]{margin-bottom:calc(var(--spacing,.25rem)*4);gap:calc(var(--spacing,.25rem)*5);height:29px;scroll-padding-inline:20px}.chapter-nav__page[data-v-4274e31e],.chapter-nav__pages[data-v-4274e31e]{padding-inline:calc(var(--spacing,.25rem)*5)}.chapter-nav__page[data-v-4274e31e]{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857))}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-1f0466cd],[data-v-1f0466cd]::backdrop,[data-v-1f0466cd]:after,[data-v-1f0466cd]:before{--tw-border-style:solid}}}.course-detail-sidebar[data-v-1f0466cd]{margin-top:calc(var(--spacing,.25rem)*10);border-radius:var(--radius-md,.375rem);background-color:var(--jm-surface-panel);flex-direction:column;order:3;width:100%;height:309px;min-height:0;display:flex;overflow:hidden}.course-chapter-scroll[data-v-1f0466cd]{overscroll-behavior:contain;touch-action:pan-y pinch-zoom;flex:auto;min-height:0;overflow-y:auto}.course-chapter-toggle[data-v-1f0466cd]{margin-top:calc(var(--spacing,.25rem)*2);height:calc(var(--spacing,.25rem)*6);cursor:pointer;border-style:var(--tw-border-style);width:100%;color:var(--jm-ink);background-color:#0000;border-width:0;flex:none;order:4;justify-content:center;align-items:center;padding:0;display:flex}.course-chapter-toggle-icon[data-v-1f0466cd]{width:calc(var(--spacing,.25rem)*6);height:calc(var(--spacing,.25rem)*6);transition:transform .2s}.course-chapter-toggle-icon--expanded[data-v-1f0466cd]{transform:rotate(180deg)}.course-detail-tap-highlight-none[data-v-1f0466cd]{-webkit-tap-highlight-color:transparent}.course-detail-sidebar.course-detail-sidebar--portrait[data-v-1f0466cd]{height:587px}.course-detail-sidebar.course-detail-sidebar--creative[data-v-1f0466cd]{background-color:var(--jm-surface-subtle)}@media(max-width:1023px){.course-chapter-scroll[data-v-1f0466cd]{overscroll-behavior:auto;overflow-y:hidden}.course-detail-sidebar.course-detail-sidebar--expanded[data-v-1f0466cd],.course-detail-sidebar.course-detail-sidebar--single[data-v-1f0466cd]{height:auto}.course-detail-sidebar--expanded .course-chapter-scroll[data-v-1f0466cd]{overscroll-behavior:auto;flex:none;overflow-y:visible}}@media(min-width:1024px){.course-chapter-toggle[data-v-1f0466cd]{display:none}.course-detail-sidebar[data-v-1f0466cd]{aspect-ratio:.65735;order:0;width:100%;min-width:0;height:auto;margin-top:0}.course-detail-sidebar.course-detail-sidebar--portrait[data-v-1f0466cd]{aspect-ratio:auto;height:807px}.course-detail-sidebar.course-detail-sidebar--creative[data-v-1f0466cd]{height:var(--course-detail-player-height);aspect-ratio:auto}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-2f3b0499],[data-v-2f3b0499]::backdrop,[data-v-2f3b0499]:after,[data-v-2f3b0499]:before{--tw-leading:initial;--tw-font-weight:initial;--tw-border-style:solid}}}.course-detail-meta[data-v-2f3b0499]{margin-inline:calc(var(--spacing,.25rem)*4);margin-top:calc(var(--spacing,.25rem)*2.5);height:calc(var(--spacing,.25rem)*7);order:2;justify-content:space-between;align-items:center;width:calc(100% - 32px);display:flex}.course-detail-name[data-v-2f3b0499]{min-width:0;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5));--tw-leading:19.2px;--tw-font-weight:var(--font-weight-bold,700);line-height:19.2px;font-weight:var(--font-weight-bold,700);text-overflow:ellipsis;white-space:nowrap;color:var(--jm-black);margin:0;overflow:hidden}.course-detail-bookmark[data-v-2f3b0499]{height:calc(var(--spacing,.25rem)*7);width:calc(var(--spacing,.25rem)*10);cursor:pointer;border-style:var(--tw-border-style);background-color:var(--jm-ink-alpha-10);color:var(--jm-ink);border-width:0;border-radius:60px;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.course-detail-bookmark-icon[data-v-2f3b0499]{width:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*5)}.course-detail-bookmark-icon[data-v-2f3b0499] path{stroke:currentColor}.course-detail-meta.course-detail-meta--portrait[data-v-2f3b0499]{top:623px;left:calc(var(--spacing,.25rem)*4);z-index:1;height:calc(var(--spacing,.25rem)*12);width:calc(100% - 32px);margin:0;position:absolute}.course-detail-meta--portrait .course-detail-name[data-v-2f3b0499]{width:259px;font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,1.4));--tw-leading:calc(var(--spacing,.25rem)*6);line-height:calc(var(--spacing,.25rem)*6);white-space:normal;color:var(--jm-white)}.course-detail-meta--portrait .course-detail-bookmark[data-v-2f3b0499]{width:70px;height:38px}.course-detail-meta--portrait .course-detail-bookmark-icon[data-v-2f3b0499]{width:30px;height:30px;color:var(--jm-white)}.course-detail-meta.course-detail-meta--creative[data-v-2f3b0499]{left:calc(var(--spacing,.25rem)*4);z-index:2;height:calc(var(--spacing,.25rem)*12);align-items:flex-start;gap:calc(var(--spacing,.25rem)*3.5);top:calc(max(0px,84px - var(--jm-header-height)) + 177.867vw - 84px);margin:0;position:absolute}.course-detail-meta--creative .course-detail-name[data-v-2f3b0499]{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,1.4));--tw-leading:calc(var(--spacing,.25rem)*6);line-height:calc(var(--spacing,.25rem)*6);white-space:normal;color:var(--jm-white);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box}.course-detail-meta--creative .course-detail-bookmark[data-v-2f3b0499]{color:var(--jm-white)}.course-detail-meta--creative .course-detail-bookmark[data-v-2f3b0499]:focus-visible{outline:2px solid var(--jm-action-blue);outline-offset:-2px}@media(min-width:1024px){.course-detail-meta[data-v-2f3b0499]{margin-inline:0;order:0;width:calc(73.0055% - 21.9016px);height:38px;margin-top:30px}.course-detail-name[data-v-2f3b0499]{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,1.4));--tw-leading:calc(var(--spacing,.25rem)*6);line-height:calc(var(--spacing,.25rem)*6)}.course-detail-bookmark[data-v-2f3b0499]{width:70px;height:38px}.course-detail-bookmark-icon[data-v-2f3b0499]{width:30px;height:30px}.course-detail-meta.course-detail-meta--portrait[data-v-2f3b0499]{margin-inline:0;height:38px;margin-top:30px;position:static}.course-detail-meta--portrait .course-detail-name[data-v-2f3b0499]{white-space:nowrap;width:646px;color:var(--jm-black)}.course-detail-meta--portrait .course-detail-bookmark-icon[data-v-2f3b0499]{color:var(--jm-ink)}.course-detail-meta.course-detail-meta--creative[data-v-2f3b0499]{align-items:center;height:38px;margin-top:30px;position:static}.course-detail-meta--creative .course-detail-name[data-v-2f3b0499]{white-space:nowrap;color:var(--jm-black);display:block}.course-detail-meta--creative .course-detail-bookmark[data-v-2f3b0499]{color:var(--jm-ink)}}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}.course-detail-player[data-v-5f4e1ce3]{aspect-ratio:var(--course-detail-player-aspect-ratio);border-radius:var(--course-detail-player-radius);background-color:var(--jm-ink);width:100%;height:auto;position:relative;overflow:hidden}.course-detail-empty-media[data-v-5f4e1ce3],.course-detail-media[data-v-5f4e1ce3]{width:100%;height:100%}.course-detail-media[data-v-5f4e1ce3]{-o-object-fit:var(--course-detail-player-object-fit);object-fit:var(--course-detail-player-object-fit);display:block}.course-detail-empty-media[data-v-5f4e1ce3]{justify-content:center;align-items:center;display:flex}.course-detail-empty-icon[data-v-5f4e1ce3]{color:var(--jm-ink-alpha-10)}.course-detail-arrow[data-v-5f4e1ce3],.course-detail-empty-icon[data-v-5f4e1ce3]{width:var(--course-detail-arrow-size);height:var(--course-detail-arrow-size)}.course-detail-arrow[data-v-5f4e1ce3]{cursor:pointer;background-color:var(--jm-color-black-alpha-20);color:var(--jm-white);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background-color .18s,transform .18s,box-shadow .18s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.course-detail-arrow-icon[data-v-5f4e1ce3]{width:calc(var(--course-detail-arrow-size)*.8);height:calc(var(--course-detail-arrow-size)*.8);color:var(--jm-white);stroke-width:1.2px}.course-detail-volume[data-v-5f4e1ce3]{top:var(--course-detail-volume-offset);right:var(--course-detail-volume-inline);z-index:2;width:calc(var(--spacing,.25rem)*9);height:calc(var(--spacing,.25rem)*9);cursor:pointer;background-color:var(--jm-ink-alpha-10);color:var(--jm-white);border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background-color .18s;display:flex;position:absolute}.course-detail-volume-icon[data-v-5f4e1ce3]{width:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*5)}.course-detail-volume-image[data-v-5f4e1ce3]{width:33px;height:33px}.course-detail-volume[data-v-5f4e1ce3]:focus-visible{outline:2px solid var(--jm-white);outline-offset:3px}.course-detail-volume[data-v-5f4e1ce3]:active{background-color:var(--jm-color-black-alpha-30)}.course-detail-arrow[data-v-5f4e1ce3]:focus-visible{outline:2px solid var(--jm-white);outline-offset:3px}.course-detail-arrow[data-v-5f4e1ce3]:disabled{cursor:not-allowed;opacity:.4}@media(hover:hover)and (pointer:fine){.course-detail-arrow[data-v-5f4e1ce3]:not(:disabled):hover{background-color:var(--jm-color-black-alpha-30);box-shadow:0 2px 12px -6px var(--jm-color-black-alpha-20);transform:translateY(-50%)scale(1.06)}}.course-detail-arrow[data-v-5f4e1ce3]:not(:disabled):active{transform:translateY(-50%)scale(.96)}@media(prefers-reduced-motion:reduce){.course-detail-arrow[data-v-5f4e1ce3]{transition:none}.course-detail-arrow[data-v-5f4e1ce3]:not(:disabled):active,.course-detail-arrow[data-v-5f4e1ce3]:not(:disabled):hover{transform:translateY(-50%)}}.course-detail-arrow--previous[data-v-5f4e1ce3]{left:var(--course-detail-arrow-inline)}.course-detail-arrow--next[data-v-5f4e1ce3]{right:var(--course-detail-arrow-inline)}.course-detail-arrow-icon--previous[data-v-5f4e1ce3]{transform:scaleX(-1)}.course-detail-loading-mask[data-v-5f4e1ce3]{z-index:3;justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*3);background-color:var(--jm-overlay-60);color:var(--jm-white);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-direction:column;display:flex;position:absolute;inset:0}.course-detail-loading-spinner[data-v-5f4e1ce3]{width:calc(var(--spacing,.25rem)*8);height:calc(var(--spacing,.25rem)*8);animation:course-detail-spin-5f4e1ce3 .8s linear infinite}@keyframes course-detail-spin-5f4e1ce3{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.course-detail-loading-spinner[data-v-5f4e1ce3]{animation:none}}@media(min-width:1024px){.course-detail-volume[data-v-5f4e1ce3]{display:none}}.course-detail-player-column[data-v-e0550f95]{order:1;width:100%}.course-detail-player-sentinel[data-v-e0550f95]{flex:none;order:1;width:100%;height:0;display:block}@media(min-width:1024px){.course-detail-player-sentinel[data-v-e0550f95]{display:none}}@media(max-width:1023px){.course-detail-player-column--sticky[data-v-e0550f95]{top:var(--jm-header-height);z-index:30;transition:box-shadow var(--jm-duration-base) var(--jm-ease-standard);position:sticky}.course-detail-player-column--sticky.course-detail-player-column--pinned[data-v-e0550f95]{box-shadow:var(--jm-shadow-card)}}@media(max-width:1023px)and (prefers-reduced-motion:reduce){.course-detail-player-column--sticky[data-v-e0550f95]{transition:none}}.course-detail-player-column--portrait[data-v-e0550f95] .course-detail-player{height:667px}.course-detail-player-column--creative[data-v-e0550f95]{--course-detail-player-aspect-ratio:375 / 667}.course-detail-player-column--creative[data-v-e0550f95] .course-detail-player{background-color:var(--jm-ink)}.course-detail-player-column--creative[data-v-e0550f95] .course-detail-media{-o-object-fit:cover;object-fit:cover;-o-object-position:40.8% center;object-position:40.8% center}.course-detail-player-column--creative[data-v-e0550f95] .course-detail-player:after{pointer-events:none;background:linear-gradient(transparent,var(--jm-color-black-alpha-30));content:"";position:absolute;inset:0}@media(min-width:1024px){.course-detail-player-column[data-v-e0550f95]{order:0;width:100%;min-width:0}.course-detail-player-column--portrait[data-v-e0550f95] .course-detail-media{-o-object-fit:cover;object-fit:cover;width:454px;margin-inline:auto}.course-detail-player-column--portrait[data-v-e0550f95] .course-detail-arrow--previous{left:calc(var(--spacing,.25rem)*65)}.course-detail-player-column--portrait[data-v-e0550f95] .course-detail-arrow--next{right:calc(var(--spacing,.25rem)*65)}.course-detail-player-column--creative[data-v-e0550f95] .course-detail-player{height:var(--course-detail-player-height);aspect-ratio:auto}.course-detail-player-column--creative[data-v-e0550f95] .course-detail-media{-o-object-fit:cover;object-fit:cover;aspect-ratio:454/807;width:auto;max-width:100%;margin-inline:auto}.course-detail-player-column--creative[data-v-e0550f95] .course-detail-player:after{width:calc(var(--course-detail-player-height)*454/807);margin-inline:auto}.course-detail-player-column--creative[data-v-e0550f95] .course-detail-arrow--previous{left:calc(50% - var(--course-detail-player-height)*383/807 - 25px)}.course-detail-player-column--creative[data-v-e0550f95] .course-detail-arrow--next{right:calc(50% - var(--course-detail-player-height)*383/807 - 25px)}.course-detail-player-column--creative[data-v-e0550f95] .course-detail-arrow-icon{width:30px;height:30px}.course-detail-player-column--creative[data-v-e0550f95] .course-detail-volume{top:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*11);height:calc(var(--spacing,.25rem)*11);right:calc(50% - var(--course-detail-player-height)*227/807 + 23px)}}.course-detail-root[data-v-502550d8]{background-color:var(--jm-white);width:100%;color:var(--jm-ink);letter-spacing:.5px;flex-direction:column;display:flex;overflow-x:clip}.course-detail-breadcrumb[data-v-502550d8]{max-width:var(--jm-container-width)}.course-detail-content[data-v-502550d8]{flex-direction:column;width:100%;display:flex;position:relative}.course-detail-layout[data-v-502550d8]{display:contents}.course-detail-recommendations[data-v-502550d8]{margin-top:calc(var(--spacing,.25rem)*10);order:5;width:100%}.course-detail-recommendations[data-v-502550d8] .home-creative{height:auto;margin-top:0}.course-detail-root--portrait .course-detail-content[data-v-502550d8]{padding-top:calc(var(--spacing,.25rem)*5)}@media(min-width:1024px){.course-detail-content[data-v-502550d8]{width:var(--content-width);margin-inline:auto}.course-detail-layout[data-v-502550d8]{grid-template-columns:minmax(0,1336fr) minmax(0,494fr);-moz-column-gap:30px;column-gap:30px;display:grid}.course-detail-recommendations[data-v-502550d8]{order:0}.course-detail-root--portrait .course-detail-content[data-v-502550d8]{padding-top:50px}}.course-detail-root--creative .course-detail-content[data-v-502550d8]{width:100%;margin-inline:auto}@media(min-width:1024px){.course-detail-root--creative .course-detail-content[data-v-502550d8]{padding-bottom:calc(var(--spacing,.25rem)*10);width:var(--content-width);--course-detail-player-height: calc(44.09836cqw - 13.22951px) ;margin-inline:auto;container-type:inline-size}}