.yp-student-story-panel{width:100%;max-width:340px;padding:0;overflow:hidden}.yp-student-story-panel__controls{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.yp-student-story-panel__controls h2{color:#252b37;margin:0;font-size:16px;font-weight:600;line-height:24px}.yp-student-story-panel__arrows{align-items:center;gap:8px;display:flex}.yp-student-story-panel__nav{color:#717680;cursor:pointer;background:#fff;border:1px solid #e9eaeb;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:border-color .18s,color .18s,box-shadow .18s;display:inline-flex}.yp-student-story-panel__nav:focus-visible:not(:disabled),.yp-student-story-panel__nav:hover:not(:disabled){color:#535862;border-color:#d5d7da;box-shadow:0 1px 2px #0a0d120d}.yp-student-story-panel__nav:disabled{cursor:not-allowed;color:#d5d7da;opacity:.72}.yp-student-story-panel__nav svg{width:20px;height:20px}.yp-student-story-panel__list{gap:16px;display:grid}.yp-student-story-card{min-width:0;color:inherit;background:#fff;border:1px solid #e9eaeb;border-radius:14px;gap:16px;padding:16px 24px;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;box-shadow:0 1px 2px #0a0d120a}.yp-student-story-card:focus-visible,.yp-student-story-card:hover{border-color:#d5d7da;transform:translateY(-1px);box-shadow:0 6px 18px #0a0d1214}.yp-student-story-card:focus-visible{outline-offset:3px;outline:2px solid #7f56d9}.yp-student-story-card__quote{color:#252b37;margin:0;font-size:14px;line-height:22px}.yp-student-story-card__profile{align-items:center;gap:12px;display:flex}.yp-student-story-card__avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:40px;height:40px}.yp-student-story-card__meta{gap:2px;display:grid}.yp-student-story-card__name{color:#181d27;font-size:14px;font-weight:600;line-height:20px}.yp-student-story-card__detail{color:#717680;font-size:12px;line-height:18px}.yp-video-story-panel{width:100%;max-width:340px;padding:0;overflow:hidden}.yp-video-story-panel__header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.yp-video-story-panel__header h2{color:#252b37;margin:0;font-size:16px;font-weight:600;line-height:24px}.yp-video-story-panel__controls{align-items:center;gap:8px;display:flex}.yp-video-story-panel__nav{color:#a4a7ae;cursor:pointer;background:#fff;border:1px solid #e9eaeb;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:border-color .2s,color .2s,box-shadow .2s;display:inline-flex}.yp-video-story-panel__nav:focus-visible:not(:disabled),.yp-video-story-panel__nav:hover:not(:disabled){color:#535862;border-color:#d5d7da;box-shadow:0 1px 2px #0a0d120d}.yp-video-story-panel__nav:disabled{cursor:not-allowed;color:#d5d7da;opacity:.72}.yp-video-story-panel__nav svg{width:20px;height:20px}.yp-video-story-panel__list{gap:16px;display:grid}.yp-video-story-panel__item{text-align:left;background:#fff;border:1px solid #e9eaeb;border-radius:14px;gap:0;display:grid;overflow:hidden;box-shadow:0 1px 2px #0a0d120a}.yp-video-story-panel__item.is-playable{cursor:pointer}.yp-video-story-panel__item.is-playable:focus-visible .yp-video-story-panel__play,.yp-video-story-panel__item.is-playable:hover .yp-video-story-panel__play{background:#ffffff70;transform:translate(-50%,-50%)scale(1.04)}.yp-video-story-panel__item:focus-visible{outline-offset:3px;outline:2px solid #7f56d9}.yp-video-story-panel__media{aspect-ratio:340/190;border-radius:14px 14px 0 0;width:100%;height:auto;position:relative;overflow:hidden}.yp-video-story-panel__media img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.yp-video-story-panel__play{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:background .2s,transform .2s;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.yp-video-story-panel__play svg{width:28px;height:28px}.yp-video-story-panel__content{background:#fff;gap:4px;padding:14px 12px 16px;display:grid}.yp-video-story-panel__title{color:#252b37;font-size:14px;font-weight:600;line-height:20px}.yp-video-story-panel__duration{color:#717680;font-size:12px;font-style:normal;line-height:18px}