.gvtui-video-preview{--video-preview-action-size:2rem;isolation:isolate;width:100%;min-height:18rem;color:var(--white);background-position:50%;background-repeat:no-repeat;background-size:cover;border:0;border-radius:.5rem;flex-direction:column;gap:.5rem;padding:0;display:flex;position:relative;overflow:hidden}.gvtui-video-preview.gvtui-video-preview--portrait{aspect-ratio:9/16;min-height:unset}.gvtui-video-preview .video-duration-band{height:var(--video-preview-action-size);align-items:center;display:flex;position:absolute;top:.5rem;right:.25rem}.gvtui-video-preview .video-duration{font-variant-numeric:tabular-nums}.gvtui-video-preview .video-duration--with-action{pointer-events:auto;padding-left:.375rem;padding-right:.175rem}.gvtui-video-preview .video-duration__action-symbol{padding:1px;transition:transform .15s}.gvtui-video-preview .video-duration--with-action:hover .video-duration__action-symbol:not(.video-duration__action-symbol--done){transform:scale(1.4)}@media (prefers-reduced-motion:reduce){.gvtui-video-preview .video-duration__action-symbol{transition:none}}.gvtui-video-preview .top{flex:auto;min-height:0;position:relative}.gvtui-video-preview .video-overlay{z-index:2;pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0;transform:translateZ(0)}.gvtui-video-preview .footer{opacity:1;pointer-events:auto;isolation:isolate;flex-shrink:0;padding:.5rem;transition:opacity .3s;position:relative}.gvtui-video-preview .footer:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(130% 72% at 50% 100%,#000000b8 0%,#00000052 48%,#0000 72%);position:absolute;inset:-130% -30% 0}.gvtui-video-preview .footer--hidden{opacity:0;pointer-events:none}.gvtui-video-preview .footer--no-gradient:before{display:none}.gvtui-video-preview.gvtui-video-preview--activatable .footer{pointer-events:none}.gvtui-video-preview .platform-icon{color:var(--white)}.gvtui-video-preview .views{color:var(--white);text-align:right;font-size:.75rem;font-weight:500}.gvtui-video-preview .video,.gvtui-video-preview .thumbnail{object-fit:cover;pointer-events:none;z-index:1;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.gvtui-video-preview .hover-actions{height:var(--video-preview-action-size);pointer-events:none;gap:.5rem;width:100%;display:flex;position:absolute;bottom:.5rem}.gvtui-video-preview .hover-actions>*,.gvtui-video-preview .gvtui-video-preview__video--controls{pointer-events:auto}.gvtui-video-preview .gvtui-video-preview__controls{box-sizing:border-box;pointer-events:auto;background:linear-gradient(#0000 0%,#0003 30%,#000000a6 100%);flex-direction:row;flex-shrink:0;align-items:center;gap:.5rem;width:100%;margin-top:auto;padding:.5rem .625rem;display:flex;position:relative}.gvtui-video-preview .gvtui-button.gvtui-video-preview__controls-play{border-radius:50%;flex-shrink:0;width:1.25rem;min-width:1.25rem;height:1.25rem;min-height:1.25rem;padding:0;background:var(--colour-bg-card)!important}.gvtui-video-preview .gvtui-button.gvtui-video-preview__controls-play svg{width:.75rem}.gvtui-video-preview .gvtui-button.gvtui-video-preview__controls-play svg path{fill:var(--grey-900)}.gvtui-video-preview .gvtui-video-preview__controls-time{font-variant-numeric:tabular-nums;color:var(--white);flex-shrink:0;min-width:2.25rem;font-size:.75rem;font-weight:500}.video-description{text-align:left;color:var(--white);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .5rem;display:-webkit-box;overflow:hidden}.gvtui-volume-control{flex-direction:column;flex-shrink:0;justify-content:flex-end;align-self:center;align-items:center;width:-moz-fit-content;width:fit-content;display:flex;position:relative}.gvtui-volume-control__panel{z-index:8;background:#0000008c;border-radius:9999px;margin-bottom:.375rem;padding:.5rem .375rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 .25rem .75rem #00000059}.gvtui-volume-control__hover-bridge{z-index:7;width:3rem;height:8rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.gvtui-button.gvtui-volume-control__button{border-radius:50%;flex-shrink:0;width:1.25rem;min-width:1.25rem;height:1.25rem;min-height:1.25rem;padding:0;background:0 0!important}.gvtui-button.gvtui-volume-control__button svg{width:1rem}.gvtui-button.gvtui-volume-control__button svg path{fill:var(--white)}.board-video-overlay{border-radius:var(--box-radius-large);appearance:none;box-sizing:border-box;width:100%;height:100%;font:inherit;color:inherit;cursor:pointer;z-index:2;background:linear-gradient(#0000,#000000d9);border:none;margin:0;padding:0;display:block;position:absolute;inset:0;transform:translateZ(0)}.board-video-overlay:focus-visible{outline:2px solid var(--white);outline-offset:-.125rem}.board-video-overlay--content-hidden{background:0 0}.board-video-overlay__content{z-index:4;pointer-events:none;color:var(--white);padding:.5rem 1rem;position:absolute;inset:0;transform:translateZ(0)}.board-video-overlay__content .circle-icon{color:var(--white);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.board-video-overlay__content .circle-icon:hover{background:#0009}.board-video-overlay__content .large-play-icon{width:4rem;height:4rem}.board-video-overlay__content .board-video-overlay__play-icon{z-index:1;pointer-events:auto;cursor:pointer;appearance:none;border:none;margin:0;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circle-icon-button{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.circle-icon-button:hover{border:none}.circle-icon-button:hover .circle-icon{background:#0009}.circle-icon-button.in-board .circle-icon{color:var(--gvt-control-base)}.board-video-overlay__content .gvtui-button,.board-video-overlay__content .circle-icon-button,.board-video-overlay__content .gvtui-volume-control,.board-video-overlay__content .avatar-pill__profile{pointer-events:auto}.board-video-overlay__footer{min-width:0}.board-video-overlay__title{min-width:0;color:var(--white);white-space:nowrap;text-overflow:ellipsis;flex:auto;margin:0;font-size:.75rem;font-weight:700;overflow:hidden}.avatar-pill{color:var(--white)}.avatar-pill ul.metadata{color:var(--white)}.avatar-pill__profile{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:flex-start;gap:.5rem;margin:0;padding:0;display:flex}.avatar-pill__profile:hover{opacity:.85}.avatar-pill__profile:focus-visible{outline:2px solid var(--white);outline-offset:2px;border-radius:var(--box-radius-small)}.clip-timing{flex-grow:1;align-items:center;min-width:0}.clip-location-video-duration{background-color:color-mix(in srgb, var(--white) 28%, transparent);border-radius:999px;width:100%;height:.25rem;position:relative}.clip-location{background-color:var(--gvt-teal);border-radius:999px;min-width:.3125rem;position:absolute;top:0;bottom:0}.clip-location__playback{border-radius:inherit;pointer-events:none;background-color:#ffffff8c;position:absolute;top:0;bottom:0;left:0}.clip-timing__full-video-progress{background-color:color-mix(in srgb, var(--white) 28%, transparent);border-radius:999px;width:100%;height:.25rem;position:relative;overflow:hidden}.clip-timing__full-video-progress-fill{border-radius:inherit;background-color:var(--white);height:100%}.gvtui-button.black.text.gvtui-volume-control__button:hover:not(:disabled){border:1px solid #0000}