.videoList{display:flex;flex-direction:column}.videoBox{display:grid;grid-template:" . spacer . " max-content " . .      . " 20px " . title  . " max-content " . video  . " max-content/minmax(0,12px) minmax(300px,1fr) minmax(0,12px);margin-bottom:20px}.videoBox:not(:first-of-type):before{background-color:var(--color-support-1);content:"";display:block;grid-area:spacer;height:1px}.keyMoments+.videoBox:before{content:none}.videoBox .title{margin-bottom:8px}.videoInner{background-color:var(--color-skeleton-1);border-radius:8px;grid-area:video;height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.videoInner>*{height:100%;left:0;position:absolute;top:0;width:100%}.keyMoments{grid-area:title}.overlay{align-items:center;background-color:#000;cursor:pointer;display:flex;justify-content:center}.overlay:hover .overlayPlayButton{color:#fff}.overlayPlayButton{color:#d2d2d2;height:64px;width:64px}.imagePreviewParent{background-position:50%;background-repeat:no-repeat;background-size:cover}.imagePreviewParent:hover{cursor:pointer}.imagePreviewParent:hover .playButtonBackground{background-color:var(--color-combination-15);border-radius:12px;cursor:pointer}.playIconIdentity{height:15px;width:14px}.previewImage{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;opacity:.8;position:absolute;width:100%}.playButtonBackground{align-items:center;appearance:none;-moz-appearance:none;-webkit-appearance:none;background-color:var(--color-primary);border:none;border-radius:12px;display:flex;height:50px;justify-content:center;left:calc(50% - 25px);position:absolute;top:calc(50% - 25px);width:50px}.videoHighlightSkeleton{display:grid;grid-template:" header header header " max-content " .      title  .      " max-content " .      video  .      " max-content/minmax(0,10px) minmax(300px,1fr) minmax(0,10px)}.videoHighlightSkeleton>*{-webkit-animation-duration:1.5s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-name:placeholderShimmer;-webkit-animation-timing-function:linear;background-color:var(--color-skeleton-1);background-image:linear-gradient(to right,var(--color-skeleton-1) 0,var(--color-skeleton-2) 20%,var(--color-skeleton-1) 40%,var(--color-skeleton-1) 100%);background-repeat:repeat-y;background-size:800px 1px}.videoHighlightSkeleton__header{grid-area:header;height:26px;margin-bottom:15px}.videoHighlightSkeleton__title{display:flex;grid-area:title;height:16px;margin-bottom:5px;width:100px}.videoHighlightSkeleton__video{grid-area:video;padding-bottom:56.25%}@-webkit-keyframes placeholderShimmer{0%{background-position:-468px 0}to{background-position:468px 0}}