.ui-video-preview__trigger{background:var(--ui-color-background-secondary);border:0;border-radius:var(--ui-radius-md);cursor:pointer;display:block;overflow:hidden;padding:0;position:relative;width:100%}.ui-video-preview__thumb{aspect-ratio:16/9;display:block;height:auto;-o-object-fit:cover;object-fit:cover;transition:transform var(--ui-transition-normal);width:100%}.ui-video-preview__play{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform var(--ui-transition-normal)}.ui-video-preview__play img{display:block;filter:drop-shadow(0 4px 20px rgba(0,0,0,.5));height:72px;width:72px}.ui-video-preview__trigger:focus-visible .ui-video-preview__thumb,.ui-video-preview__trigger:hover .ui-video-preview__thumb{transform:scale(1.02)}.ui-video-preview__trigger:focus-visible .ui-video-preview__play,.ui-video-preview__trigger:hover .ui-video-preview__play{transform:translate(-50%,-50%) scale(1.08)}.ui-video-preview__frame{--video-chrome:9.8125rem;--video-gutter:5rem;aspect-ratio:16/9;max-width:calc(100vw - var(--video-gutter));position:relative;width:calc((100vh - var(--video-chrome))*16/9)}.ui-video-preview__frame iframe{border:0;border-radius:var(--ui-radius-md);height:100%;inset:0;position:absolute;width:100%}.comment-form .ui-form-group{margin-bottom:.375rem}.comment-form__emoji{display:flex;flex-wrap:wrap;margin-bottom:.5rem}.comment-form__emoji-button{background:none;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;font-size:1.0625rem;height:1.75rem;line-height:1;padding:0;width:1.75rem}.comment-form__emoji-button:hover{background-color:color-mix(in srgb,var(--ui-color-text) 10%,transparent)}.comment-form__actions{align-items:center;display:flex;gap:.5rem}.comment-form__left{color:var(--ui-color-text-secondary);font-size:.8125rem;margin-left:auto}.comment-form__left.is-over{color:var(--ui-color-danger)}.comment-skeleton{display:flex;gap:.75rem;padding:.875rem 0}.comment-skeleton__body{display:flex;flex:1;flex-direction:column;gap:.625rem;min-width:0}.comment-text{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.comment-text__link{color:var(--ui-color-primary)}.comment{border-bottom:1px solid var(--ui-color-border);display:flex;gap:.75rem;padding:.875rem 0}.comment:last-child{border-bottom:none}.comment__avatar{flex-shrink:0;line-height:0}.comment__avatar--gone{background-color:color-mix(in srgb,var(--ui-color-text) 10%,transparent);border-radius:var(--ui-radius-sm);display:block;height:2.5rem;width:2.5rem}.comment__body{flex:1;min-width:0}.comment__head{align-items:baseline;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.375rem}.comment__author{color:var(--ui-color-text);font-weight:700}.comment__author--pro{color:var(--ui-color-primary)}.comment__date,.comment__edited{color:var(--ui-color-muted);font-size:.8125rem}.comment__actions{align-items:center;display:flex;gap:1.25rem;margin-top:.5rem}.comment__action{background:none;border:none;color:color-mix(in srgb,var(--ui-color-text) 10%,transparent);cursor:pointer;font-size:var(--ui-font-size-sm);padding:0;transition:color .15s ease}.comment__action:hover{color:var(--ui-color-primary)}.comment__action:focus-visible{color:var(--ui-color-primary)}.comment__action--active{color:var(--ui-color-primary)}.comment__reply{margin-top:.625rem}.comment--highlighted{animation:comment-highlight 2s ease-out}.comment__like{align-items:center;color:var(--ui-color-muted);display:inline-flex;font-size:.8125rem;font-weight:700;gap:.3125rem;line-height:1;margin-left:auto}.comment__like .like-button{color:var(--ui-color-muted);font-size:.9375rem;height:.9375rem;width:.9375rem}.comment__like .like-button.active,.comment__like .like-button:hover{color:var(--ui-color-primary)}@keyframes comment-highlight{0%{background-color:color-mix(in srgb,var(--ui-color-primary) 18%,transparent)}to{background-color:transparent}}.comments{margin-top:1.5rem}.comments__title{font-size:1.25rem;margin-bottom:.875rem}.comments__form,.comments__signin{margin-bottom:.625rem}.comments__signin{color:var(--ui-color-text-secondary)}.comments__signin-button{background:none;border:none;color:var(--ui-color-primary);cursor:pointer;padding:0}.comments__empty{color:var(--ui-color-muted)}.comments__more{margin-top:.75rem}
