.attend-page[data-v-4adb6850]{padding:20px}.attend-layout[data-v-4adb6850]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.category-sidebar[data-v-4adb6850]{width:160px;-ms-flex-negative:0;flex-shrink:0;max-height:calc(100vh - 120px)}.category-sidebar .sidebar-inner[data-v-4adb6850]{border-radius:14px;overflow-y:auto;max-height:100%;background:hsla(0,0%,100%,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.5);-webkit-box-shadow:0 4px 12px rgba(49,37,98,.08);box-shadow:0 4px 12px rgba(49,37,98,.08)}.category-sidebar .sidebar-inner[data-v-4adb6850]::-webkit-scrollbar{width:4px}.category-sidebar .sidebar-inner[data-v-4adb6850]::-webkit-scrollbar-thumb{background:rgba(49,37,98,.2);border-radius:2px}.category-sidebar .sidebar-item[data-v-4adb6850]{padding:14px 20px;cursor:pointer;font-size:14px;color:#312562;-webkit-transition:all .3s ease;transition:all .3s ease;border-left:3px solid transparent}.category-sidebar .sidebar-item[data-v-4adb6850]:hover{background:rgba(49,37,98,.05)}.category-sidebar .sidebar-item.active[data-v-4adb6850]{background:rgba(49,37,98,.1);border-left-color:#312562;font-weight:600}.content-area[data-v-4adb6850]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.sub-categories[data-v-4adb6850]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto;gap:8px;margin-bottom:16px}.sub-categories[data-v-4adb6850]::-webkit-scrollbar{height:4px}.sub-categories[data-v-4adb6850]::-webkit-scrollbar-thumb{background:rgba(49,37,98,.2);border-radius:2px}.sub-categories .sub-tag[data-v-4adb6850]{-ms-flex-negative:0;flex-shrink:0;white-space:nowrap;padding:4px 16px;border-radius:16px;font-size:13px;cursor:pointer;background:hsla(0,0%,100%,.6);border:1px solid hsla(0,0%,100%,.5);color:#312562;-webkit-transition:all .3s ease;transition:all .3s ease}.sub-categories .sub-tag[data-v-4adb6850]:hover{background:rgba(49,37,98,.08)}.sub-categories .sub-tag.active[data-v-4adb6850]{background:#312562;color:#fff;border-color:#312562}.course-card[data-v-4adb6850]{border-radius:14px;border:1px solid hsla(0,0%,100%,.5)}.course-card[data-v-4adb6850],.video-wraper[data-v-4adb6850]{overflow:hidden;background:hsla(0,0%,100%,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-box-shadow:0 4px 12px rgba(49,37,98,.08);box-shadow:0 4px 12px rgba(49,37,98,.08)}.video-wraper[data-v-4adb6850]{cursor:pointer;border-radius:12px;border:1px solid hsla(0,0%,100%,.5);-webkit-transition:all .3s ease;transition:all .3s ease}.video-wraper[data-v-4adb6850]:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 8px 20px rgba(49,37,98,.15);box-shadow:0 8px 20px rgba(49,37,98,.15)}.video-wraper .cover-wraper[data-v-4adb6850]{position:relative;width:100%;padding-bottom:56%;overflow:hidden}.video-wraper .cover-wraper .cover[data-v-4adb6850]{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.video-wraper .cover-wraper .cover img[data-v-4adb6850]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-wraper .bottom[data-v-4adb6850]{border-top:0}.video-wraper .bottom .title[data-v-4adb6850]{line-height:32px;font-size:13px;font-weight:600;color:#312562;padding:0 10px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-wraper .bottom[data-v-4adb6850]:after{display:block;content:"";height:3px;background:-webkit-gradient(linear,left top,right top,from(#312562),to(#e9a458));background:linear-gradient(90deg,#312562,#e9a458);border-radius:0 0 12px 12px}