.boards-details-container{flex-direction:column;flex:auto;min-height:0;padding-right:0;display:flex;overflow:hidden}main:has(.boards-details){flex-direction:column;display:flex;overflow:hidden}main:has(.boards-details)>header.gvtui-header{flex-shrink:0}main:has(.boards-details)>.main-content-container{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.clip-count{color:var(--colour-fg-2);align-items:center;gap:.25rem;font-size:.75rem;font-style:normal;font-weight:500;display:flex}.clip-count svg path{fill:var(--gvt-purp)}.clips-menu__delete-button{transition:background-color .25s,border-color .25s,color .25s}.clips-menu__delete-button.clips-menu__delete-button--active{background-color:var(--gvt-blue);border-color:var(--gvt-blue);color:var(--white)}.clips-menu__delete-button.clips-menu__delete-button--active .gvtui-text{color:var(--white)}.clips-menu__delete-button.clips-menu__delete-button--active .gvtui-checkbox--theme-ink>input[type=checkbox]:checked+label.gvtui-checkbox-image>.gvtui-icon.gvtui-checkbox-icon-checked>svg path,.clips-menu__delete-button.clips-menu__delete-button--active .gvtui-checkbox--theme-ink>input[type=checkbox]:checked+label.gvtui-checkbox-image:hover>.gvtui-icon.gvtui-checkbox-icon-checked>svg path{fill:var(--white)}.clips-menu__bulk-select-label{align-items:center;display:grid}.clips-menu__bulk-select-label-text{opacity:0;grid-area:1/1;transition:opacity .2s}.clips-menu__bulk-select-label-text--visible{opacity:1}@media (prefers-reduced-motion:reduce){.clips-menu__delete-button,.clips-menu__bulk-select-label-text{transition:none}}.board-details-toggle-label{background-color:var(--white);border:1px solid var(--grey-200);cursor:pointer;height:2rem;color:var(--colour-ink);border-radius:.5rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-style:normal;font-weight:500;display:flex}.boards-details{--superteal:var(--gvt-teal);flex:1 1 0;align-self:stretch;min-height:0;overflow:hidden}.boards-details .boards-details__clips-pane{padding-top:1rem}.boards-details__clips-pane{flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex;overflow:hidden}.boards-details__clips-pane>.clips-menu{flex-shrink:0;padding-right:1rem}.boards-details__clips-pane .boards-details__clips-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex:1 1 0;width:100%;min-height:0;overflow:hidden auto}.clips-menu__bulk-select-group{min-width:0}.clips-menu__bulk-actions{white-space:nowrap;flex-shrink:0}.clips-grid{width:100%;min-height:0}.clip-grid-cell{width:100%;min-width:0;height:100%;display:block;position:relative}.clip-grid-cell__thumb{appearance:none;border-radius:var(--box-radius-large);width:100%;height:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:var(--grey-300);border:1px solid #0000;padding:0;display:block;position:relative;overflow:hidden}.clip-grid-cell__thumb--playing{box-shadow:0 0 0 1px var(--superteal);border-color:var(--superteal)}.clip-grid-cell__thumb-image{object-fit:cover;width:100%;height:100%;display:block}.clip-grid-cell__thumb-placeholder{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;height:100%;display:flex}.clip-grid-cell__thumb-placeholder-label{color:var(--grey-600);font-size:.75rem}.clip-grid-cell__thumb .video-duration{z-index:2;font-variant-numeric:tabular-nums;font-family:var(--mono-font);padding:.25rem .5rem;font-size:.625rem;position:absolute;top:.75rem;right:.25rem}.clip-grid-cell__footer{z-index:2;color:var(--white);pointer-events:none;isolation:isolate;padding:.5rem;position:absolute;bottom:0;left:0;right:0}.clip-grid-cell__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}.clip-grid-cell__footer .views{color:var(--white)}.clip-grid-cell__footer .views svg path{fill:var(--white)}.clip-grid-cell__footer .handle{font-size:.75rem}.clip-grid-cell__footer .video-title{white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:700;overflow:hidden}.clip-grid-cell__thumb:before{content:"";opacity:0;pointer-events:none;z-index:1;width:70%;height:70%;position:absolute}.clip-grid-cell__thumb.bulk_select:before{opacity:.4;background:radial-gradient(100% 100% at 0 0,#130202,#0000)}.clip-grid-cell__thumb.selected:before{background:radial-gradient(ellipse 100% 100% at top left, var(--gvt-blue), transparent);opacity:.4}.clip-grid-cell input[type=checkbox]{z-index:1001;appearance:none;font:inherit;color:currentColor;background-color:#eee;border:0 solid;border-radius:.15em;place-content:center;width:1.15em;height:1.15em;margin:0;display:grid;position:absolute;top:.5rem;left:.5rem;transform:translateY(-.075em)}.clip-grid-cell input[type=checkbox]:before{content:"";transform-origin:50%;width:.65em;height:.65em;box-shadow:inset 1em 1em var(--gvt-blue);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transition:transform .12s ease-in-out;transform:scale(0)}.clip-grid-cell input[type=checkbox]:checked:before{transform:scale(1)}.clip-grid-cell input[type=checkbox]:focus{outline:max(2px, .15em) solid var(--gvt-blue);outline-offset:max(2px, .15em)}.clip-grid-cell input[type=checkbox]:disabled{color:var(--grey-400);cursor:not-allowed}.empty-clips-list-container{max-width:min(80%,130rem);margin:2rem auto auto}.empty-clips-list-container h2{text-transform:uppercase;color:var(--colour-fg-3);justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;font-style:normal;font-weight:700;display:flex}.empty-clips-list-container .empty-clips-list-text{color:var(--colour-fg-1);text-align:center;justify-content:center;align-items:center;gap:.1rem;font-size:.75rem;font-style:normal;font-weight:500;display:flex}.empty-clips-list-container .empty-clips-list-text .empty-clips-list-text-icon{color:var(--colour-fg-3);display:flex}.empty-clips-list-container .empty-clips-list-text .empty-clips-list-text-icon svg{width:1rem;height:1rem}.empty-clips-list-container .empty-clips-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;height:20rem;display:grid}.empty-clips-list-container .empty-clips-list div{background:var(--grey-300);border-radius:.5rem}.board-settings-panel .gvtui-panel-footer>.gvtui-button{flex:1 1 0}.boards-details{--board-play-panel-slide-duration:.325s;--board-play-panel-slide-duration-out:.325s;--board-play-panel-fade-duration:.28s;--board-play-panel-fade-in-delay:.12s;--board-play-panel-width:30rem;--board-play-panel-responsive-width:clamp(30rem, 32vw, 38rem)}.board-play-panel{border-left:1px solid var(--colour-line);background:var(--colour-bg-card);opacity:0;flex:0 0 0;align-self:stretch;width:0;min-width:0;max-width:0;height:100%;max-height:100%;position:sticky;overflow:hidden;container:board-play-panel/size}.board-play-panel--animating{transition:width var(--board-play-panel-slide-duration-out) ease, flex-basis var(--board-play-panel-slide-duration-out) ease, max-width var(--board-play-panel-slide-duration-out) ease, opacity var(--board-play-panel-fade-duration) ease}.board-play-panel--open:not(.board-play-panel--closing){flex:0 0 var(--board-play-panel-width);width:var(--board-play-panel-width);opacity:1;max-width:100%}@media screen and not (max-width:800px){.board-play-panel--open:not(.board-play-panel--closing){flex:0 1 var(--board-play-panel-responsive-width);width:var(--board-play-panel-responsive-width);max-width:var(--board-play-panel-responsive-width)}}.board-play-panel--animating.board-play-panel--open:not(.board-play-panel--closing){transition:width var(--board-play-panel-slide-duration) ease, flex-basis var(--board-play-panel-slide-duration) ease, max-width var(--board-play-panel-slide-duration) ease, opacity var(--board-play-panel-fade-duration) ease var(--board-play-panel-fade-in-delay)}.board-play-panel--closing{opacity:0}.board-play-panel__content{width:100%;min-width:0;max-width:100%;height:100%;min-height:0;overflow:hidden}.board-play-panel__video-content{box-sizing:border-box;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.board-play-panel__video-content>.gvtui-video-carousel-shell{flex:auto;min-height:0}.board-play-panel__video-content>:last-child{flex-shrink:0}@media (prefers-reduced-motion:reduce){.board-play-panel--animating,.board-play-panel--animating.board-play-panel--open:not(.board-play-panel--closing){transition:none}}