:is(.clip-card,.service-browser-track .service-game,.merch-catalog-item){isolation:isolate;border:var(--media-card-border-width) solid var(--post-line);border-radius:var(--media-card-radius);background:var(--post-surface);box-shadow:var(--media-card-rest-shadow);position:relative;overflow:visible}.clip-card:before,.merch-collection:after,.merch-catalog-item:before,.service-browser-track .service-game:after{content:"";inset:calc(-1 * var(--media-card-border-width));z-index:4;border:var(--media-card-border-width) solid transparent;border-radius:inherit;pointer-events:none;transition:border-color .18s,box-shadow .18s;position:absolute}:is(.clip-stage,.service-browser-track .service-cover,.merch-product-card-image,.merch-catalog-item>.merch-catalog-photo){border-radius:var(--media-card-inner-radius) var(--media-card-inner-radius) 0 0;box-shadow:none;overflow:hidden}.clip-card-footer{border-radius:0 0 var(--media-card-inner-radius) var(--media-card-inner-radius)}@media (prefers-reduced-motion:reduce){.clip-card:before,.merch-collection:after,.merch-catalog-item:before,.service-browser-track .service-game:after{transition:none}}.profile-clips-panel{min-height:var(--profile-panel-height);overflow:visible}.profile-clips-panel[data-state=inactive]{display:none}.profile-clips{-webkit-user-select:none;user-select:none;padding-top:34px;padding-bottom:40px}.profile-clips input:not([type=range]),.profile-clips textarea{-webkit-user-select:text;user-select:text}.clip-heading-actions{flex:none;align-items:center;gap:12px;display:flex}.clip-add-button.become-avo-link:after{content:none;animation:none}.clip-add-button.become-avo-link>svg{display:block}.avo-action-menu.clip-add-menu{width:var(--radix-dropdown-menu-trigger-width)}.clip-add-menu [role=menuitem]>svg:last-child{opacity:.5;margin-left:auto}.clip-add-dialog{--post-surface:var(--background);--post-line:var(--border);--post-muted:var(--muted-foreground);--post-hover:var(--secondary);outline:none}.guac-topup-dialog.guac-topup-concept.clip-add-dialog{width:min(560px,100vw - 24px);height:auto}.guac-topup-dialog.guac-topup-concept.clip-add-dialog-twitch{width:min(920px,100vw - 32px);height:calc(100dvh - 48px);max-height:calc(100dvh - 48px)}.clip-add-dialog-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.guac-topup-dialog.guac-topup-concept.clip-add-dialog .guac-topup-heading-row{padding-right:0}.guac-topup-dialog.guac-topup-concept.clip-add-dialog .clip-add-dialog-body{padding-top:12px;padding-bottom:24px}.clip-add-dialog .clip-input-row>[data-slot=button]{flex:none}.avo-select-content.twitch-clip-range-menu{z-index:310}.clip-add-heading-copy{min-width:0}.clip-add-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.clip-twitch-username{overflow-wrap:anywhere;white-space:normal;max-width:100%}.clip-add-heading-actions{flex:none;align-items:center;gap:12px;display:flex}.clip-manage-connections{color:var(--muted-foreground);align-items:center;font-size:14px;font-weight:650;display:inline-flex}.clip-manage-connections:hover{color:var(--primary)}.clip-add-dialog .guac-topup-close{position:static}@media (max-width:600px){.clip-add-dialog-twitch .clip-add-dialog-heading{flex-wrap:wrap;gap:12px}.clip-add-dialog-twitch .clip-add-heading-actions{margin-left:auto}}.clip-add-dialog-body{overscroll-behavior:contain;scrollbar-width:none;min-height:0;padding:24px 26px 26px;overflow-y:auto}.clip-add-dialog-body::-webkit-scrollbar{display:none}.clip-add-dialog-body :is(.clip-composer,.twitch-picker){background:0 0;border:0;border-radius:0;padding:0}.clip-add-dialog :is(button,a){cursor:pointer}.clip-add-dialog button:disabled{cursor:default;opacity:.5}.clip-add-dialog .twitch-pick-select:disabled{opacity:1}.clip-add-dialog button:focus-visible,.clip-add-dialog a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.clip-add-dialog .twitch-pick-select:focus-visible{outline-offset:-3px}.guac-topup-dialog.guac-topup-concept.clip-add-dialog-twitch .clip-add-dialog-body{padding:0;overflow:hidden}.clip-add-dialog-twitch .twitch-picker{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.clip-add-dialog-twitch .twitch-picker-toolbar{background:var(--post-surface);flex:none;margin:0;padding:8px 24px 16px}.clip-add-dialog-twitch .twitch-picker-scroll{overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;padding:0 24px 24px;overflow:hidden auto}.clip-add-dialog-twitch .twitch-picker-scroll::-webkit-scrollbar{width:0;height:0;display:none}.clip-add-dialog .twitch-picker-footer{background:var(--post-surface);border-top:1px solid var(--post-line);flex:none;margin:0;padding:16px 24px}@media (max-width:600px){.clip-feed-heading{flex-wrap:wrap}.clip-add-dialog-heading,.clip-add-dialog-body{padding:20px}.clip-add-dialog .clip-input-row{flex-direction:column}.clip-add-dialog .clip-input-row>[data-slot=button]{align-self:flex-end}.clip-add-dialog-twitch .twitch-picker-scroll,.clip-add-dialog .twitch-picker-footer{padding-inline:16px}.guac-topup-dialog.guac-topup-concept.clip-add-dialog-twitch{height:calc(100dvh - 32px);max-height:calc(100dvh - 32px)}.clip-add-dialog-twitch .twitch-picker-toolbar{padding-inline:16px}}@media (prefers-reduced-motion:reduce){.clip-add-overlay,.clip-add-dialog{animation:none}.clip-add-button>svg{transition:none}}.twitch-picker{border:1px solid var(--post-line);background:var(--post-surface);border-radius:14px;padding:22px}.twitch-picker-heading{align-items:center;gap:12px;display:flex}.twitch-picker-icon{background:var(--post-hover);width:44px;height:44px;color:var(--foreground);border-radius:12px;flex:none;place-items:center;display:grid}.twitch-picker-heading h3{font-size:15px;font-weight:700}.twitch-picker-heading p{color:var(--post-muted);margin-top:3px;font-size:12px}.twitch-picker-heading>button{margin-left:auto}.twitch-icon-button{width:44px;height:44px;color:var(--post-muted);cursor:pointer;border-radius:8px;flex:none;place-items:center;display:grid}.twitch-icon-button:hover{color:var(--foreground);background:var(--post-hover)}.twitch-connect-row{flex-wrap:wrap;align-items:center;gap:16px;padding-top:22px;display:flex}.twitch-connect-row p{color:var(--post-muted);flex:260px;font-size:12px;line-height:1.6}.twitch-connect-row .post-primary{min-height:40px}.twitch-picker-toolbar{align-items:center;gap:10px;padding:0 0 16px;display:flex}.twitch-picker-toolbar>div{gap:4px;margin-right:auto;display:grid}.twitch-picker-toolbar strong{font-size:13px;font-weight:650}.twitch-picker-toolbar span{color:var(--post-muted);font-size:11px}.twitch-picker-toolbar .avo-select-trigger{width:auto;min-width:140px;font-size:12px}.twitch-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.twitch-pick{border:1px solid var(--post-line);background:var(--background);border-radius:10px;min-width:0;overflow:clip}.twitch-pick[data-selected=true]{border-color:#7e9c44;border-color:lab(60.5484% -21.0737 41.505)}.twitch-pick-select{text-align:left;width:100%;display:block}.profile-content .twitch-pick-select:disabled{opacity:1}.twitch-pick-select:focus-visible{outline:2px solid var(--primary);outline-offset:-3px}.twitch-pick-image{aspect-ratio:16/9;background:var(--post-hover);color:var(--post-muted);place-items:center;display:grid;position:relative}.twitch-pick-image img{object-fit:cover;width:100%;height:100%;position:absolute}.twitch-pick-image .avo-clip-badge{position:absolute;bottom:8px;right:8px}.twitch-pick-check{background:#060805d9;background:lab(2.03219% -.919208 .987723/.85);border:1px solid #a9b1a199;border:1px solid lab(71.2948% -5.4394 7.3195/.6);border-radius:6px;place-items:center;width:23px;height:23px;display:grid;position:absolute;top:8px;left:8px}.twitch-pick[data-selected=true] .twitch-pick-check{color:var(--primary-foreground);background:var(--primary);border-color:var(--primary)}.twitch-pick-copy{gap:4px;padding:12px 12px 6px;display:grid}.twitch-pick-copy strong{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-height:36px;font-size:12px;font-weight:650;line-height:1.5;display:-webkit-box;overflow:hidden}.twitch-pick-copy>span{color:var(--post-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.twitch-pick-meta{color:var(--post-muted);justify-content:space-between;align-items:center;gap:8px;padding:6px 12px 12px;font-size:10px;display:flex}.twitch-pick-meta :is(span,a){align-items:center;gap:4px;display:inline-flex}.clip-add-dialog .twitch-pick-meta>:is(a,.twitch-saved){min-height:44px}.twitch-pick-meta a:hover,.twitch-saved{color:var(--primary)}.twitch-pick-skeleton{aspect-ratio:1.25;border-radius:10px;position:relative;overflow:hidden}.twitch-picker-empty{text-align:center;color:var(--post-muted);justify-items:center;gap:10px;padding:38px 16px;font-size:13px;display:grid}.twitch-picker-empty strong{color:var(--foreground)}.twitch-picker-empty p{font-size:12px}.twitch-picker-footer{justify-content:space-between;align-items:center;gap:16px;padding-top:20px;display:flex}.twitch-picker-footer>span{color:var(--post-muted);font-size:12px}.twitch-picker-footer .post-primary{flex:none;min-height:40px}.twitch-disconnect{border:1px solid var(--post-line);background:var(--background);border-radius:10px;margin-top:16px;padding:14px}.twitch-disconnect p{font-size:12px;line-height:1.6}.twitch-disconnect>div{gap:20px;margin-top:12px;font-size:12px;font-weight:650;display:flex}.twitch-disconnect button:last-child{color:#ebad97;color:lab(76.2486% 21.565 20.7026)}.twitch-connection-loading{color:var(--post-muted);padding:22px 0 0;font-size:12px}.twitch-preview{align-items:center;gap:12px;font-size:13px;display:flex}.twitch-preview a{margin-left:auto}@media (max-width:1100px){.twitch-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.twitch-picker{padding:16px}.twitch-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.twitch-picker-toolbar{flex-wrap:wrap}.twitch-picker-toolbar>div{flex-basis:100%}.twitch-picker-footer{flex-direction:column;align-items:flex-start}.twitch-picker-footer>[data-slot=button]{align-self:flex-end}.twitch-preview{flex-wrap:wrap}}.clip-composer{border:1px solid var(--post-line);background:var(--post-surface);border-radius:14px;padding:20px}.clip-compose-heading{align-items:center;gap:9px;margin-bottom:15px;font-size:14px;font-weight:700;display:flex}.clip-compose-heading>svg{color:var(--post-muted)}.clip-compose-heading>span{color:var(--post-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px;font-weight:500}.clip-input-row{gap:10px;display:flex}.clip-input-row .post-primary{flex:none;min-width:113px;min-height:42px}.clip-input-help{color:var(--post-muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:11px;font-size:11px;line-height:1.5;display:flex}.clip-input-help button{color:var(--foreground);align-items:center;gap:3px;display:inline-flex}.clip-input-help button:hover{color:var(--primary)}.clip-alert{color:#efbc93;color:lab(80.0504% 15.0561 28.0652);border:1px solid #d18c6559;border:1px solid lab(64.6637% 23.9839 32.0587/.35);border-radius:8px;justify-content:space-between;gap:12px;margin-top:12px;padding:12px 14px;font-size:12px;line-height:1.6;display:flex}.clip-alert button{flex:none;text-decoration:underline}.clip-notice{color:var(--post-muted);align-items:center;gap:7px;margin-top:13px;font-size:12px;display:flex}.clip-notice svg{color:var(--primary)}.clip-collection-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin:30px 0 14px;display:flex}.clip-collection-heading h3{flex:none;font-size:13px;font-weight:700}.clip-collection-heading h3 span{color:var(--post-muted);margin-left:6px;font-weight:400}.clip-collection-heading>span{color:var(--post-muted);font-size:11px}.clip-filters{flex-wrap:wrap;align-items:center;gap:12px;max-width:100%;display:flex}.clip-game-filter{width:180px;min-width:0}.clip-platform-select.avo-select-trigger{width:156px;height:44px;min-height:44px}.clip-platform-filter.avo-filter-tabs{border:0;margin:0;padding:4px}.clip-filter-empty{text-align:center;justify-items:center;gap:8px;padding:56px 16px;display:grid}.clip-filter-empty>.profile-empty-art{justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:8px;display:flex}.clip-filter-empty h3{font-size:14px;font-weight:650}.clip-filter-empty p{color:var(--post-muted);font-size:12px}.clip-filter-empty button{background:var(--post-hover);color:var(--foreground);border-radius:7px;margin-top:4px;padding:8px 12px;font-size:12px;font-weight:600}@media (max-width:700px){.clip-filters{gap:8px;width:100%}}.clip-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:28px 18px;padding-block:8px 18px;display:grid;overflow:visible}.clip-pagination{justify-items:center;display:grid}.clip-pagination-loader{color:var(--primary);place-items:center;padding-top:24px;display:grid}.clip-pagination .clip-alert{flex-wrap:wrap;width:100%}.clip-card{cursor:pointer;min-width:0;transition:var(--raised-button-transition)}.clip-card:focus{outline:none}@media (hover:hover) and (pointer:fine){.clip-card:has(.avo-clip-player[data-started=false],.profile-image-stage,.clip-preview-trigger):not(:has(:fullscreen)):hover{z-index:2;border-color:var(--media-card-hover-border);box-shadow:var(--media-card-hover-shadow);transform:translateY(-5px)}.clip-card:has(.avo-clip-player[data-started=false],.profile-image-stage,.clip-preview-trigger):not(:has(:fullscreen)):hover:before{border-color:var(--media-card-rim-border);box-shadow:var(--media-card-hover-rim)}}.clip-card:has(.avo-clip-player[data-highlighted=true]):not(:has(:fullscreen)){z-index:2;border-color:var(--media-card-hover-border);box-shadow:var(--media-card-hover-shadow);transform:translateY(-5px)}.clip-card:has(.avo-clip-player[data-highlighted=true]):not(:has(:fullscreen)):before{border-color:var(--media-card-rim-border);box-shadow:var(--media-card-hover-rim)}.clip-card:has(.avo-clip-player[data-started=false][data-loading=false]):not(:has(:fullscreen)):has(:is(.avo-clip-surface,.clip-card-title,.clip-card-footer):active):not(:has(.clip-source-link:is(:active,:hover))){box-shadow:var(--media-card-pressed-shadow);transition-duration:80ms;transform:translateY(2px)}.clip-card:has(:fullscreen):before{display:none}.clip-card[data-compact] .clip-stage{border-radius:var(--media-card-inner-radius);container-type:inline-size}.clip-card[data-compact] .avo-clip-resume{aspect-ratio:1;width:min(52px,25cqw);height:auto;min-height:0}.clip-card[data-compact] .avo-clip-resume svg{width:46.15%;height:46.15%}.clip-card[data-compact] .avo-clip-resume .lucide-play{margin-left:6%}.clip-card[data-compact] .avo-clip-player:fullscreen .avo-clip-resume{width:52px}.clip-card:has(.profile-image-stage):has(:focus-visible:not([data-dialog-focus-return=true])):not(:has(:fullscreen)){border-color:var(--media-card-hover-border);box-shadow:var(--media-card-hover-shadow)}.profile-image-stage .avo-clip-surface[data-dialog-focus-return=true]:focus-visible{box-shadow:none;outline:none}.clip-card:has(.profile-image-stage):not(:has(:fullscreen)):has(.avo-clip-surface:active){box-shadow:var(--media-card-pressed-shadow);transition-duration:80ms;transform:translateY(2px)}.profile-image-stage>img{object-fit:cover;width:100%;height:100%;display:block}.profile-image-stage:fullscreen{aspect-ratio:auto;background:var(--background);border-radius:0;width:100vw;height:100dvh}.profile-image-stage:fullscreen>img{object-fit:contain}.profile-image-stage:fullscreen .profile-image-expand{top:16px;bottom:auto;right:16px}.clip-stage{aspect-ratio:16/9;background:#050604;background:lab(1.60134% -.780694 .837064);position:relative}.clip-stage video{object-fit:contain;width:100%;height:100%}.clip-play-error{text-align:center;height:100%;color:var(--post-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:11px;line-height:1.5;display:flex}.clip-play-error p{max-width:32ch}.clip-play-error button{color:var(--foreground);align-items:center;gap:6px;min-height:30px;display:flex}.clip-empty{color:var(--post-muted);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:64px 20px;font-size:13px;display:flex}.clip-empty h3{color:var(--foreground);font-size:17px}.clip-grid[hidden],.clip-grid>.clip-card[hidden]{display:none}.clip-card-footer{background:var(--post-surface);justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:12px 16px;display:flex}.clip-card-title{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:650;line-height:1.5;overflow:hidden}.clip-card-footer .clip-remove-button[data-slot=button]{opacity:0;pointer-events:none;flex:none;width:0;min-width:0;height:40px;margin-right:-16px;padding:0;transition:width .16s,margin .16s,opacity .16s;overflow:hidden}.clip-card:is(:hover,:focus-within) .clip-remove-button[data-slot=button]{opacity:1;pointer-events:auto;width:40px;margin-right:0;overflow:visible}.clip-card-footer .clip-remove-button[data-slot=button]:is(:hover,:focus-visible){background:var(--button-destructive);color:var(--button-destructive-foreground)}@media (hover:none){.clip-card-footer .clip-remove-button[data-slot=button]{opacity:1;pointer-events:auto;width:44px;height:44px;margin-right:0;overflow:visible}}.clip-grid[inert] .clip-card-footer .clip-remove-button[data-slot=button]{opacity:0;pointer-events:none;width:0;margin-right:-16px;transition:none;overflow:hidden}@media (prefers-reduced-motion:reduce){.clip-card-footer .clip-remove-button[data-slot=button]{transition:none}}.clip-source-link{width:40px;height:40px;color:var(--post-muted);cursor:pointer;border-radius:9px;flex:none;place-items:center;transition:color .14s,background-color .14s;display:grid}.clip-source-link:hover,.clip-source-link:focus-visible{color:var(--foreground);background:var(--post-hover)}.clip-source-link:focus-visible{outline:1px solid var(--post-muted);outline-offset:2px}.clip-player-loading{height:100%;position:relative}.clip-grid-loading{margin-top:30px}.clip-skeleton-card{border:1px solid var(--post-line);border-radius:14px;min-width:0;padding-bottom:64px;position:relative;overflow:hidden}.clip-skeleton-ratio{aspect-ratio:16/9}.clip-video-skeleton{pointer-events:none;background:#121510;background:lab(6.29895% -1.98778 2.15343);position:absolute;inset:0;overflow:hidden}.clip-video-skeleton:after{content:"";background:linear-gradient(105deg,#0000 15%,#6e746b13 50%,#0000 85%);background:linear-gradient(105deg,#0000 15%,lab(47.9858% -3.60745 4.03537/.075) 50%,#0000 85%);animation:2.2s ease-in-out infinite clip-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes clip-shimmer{to{transform:translate(100%)}}.avo-clip-player{color:#eff3ed;color:lab(95.4854% -2.4147 2.67613);isolation:isolate;background:#030402;background:lab(.92581% -.434458 .46635);width:100%;height:100%;position:relative;container:clip-player/inline-size}.avo-clip-player:focus,.avo-clip-player:focus-visible,.avo-clip-player :focus,.avo-clip-player :focus-visible{outline:none}.avo-clip-player video{object-fit:contain;width:100%;height:100%;display:block}.avo-clip-poster{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.avo-clip-frame-preview{object-fit:contain}.avo-clip-frame-preview[hidden]{display:none}.avo-clip-surface{width:100%;height:100%;position:absolute;inset:0}.profile-content .avo-clip-surface:disabled{cursor:pointer;opacity:1}.avo-clip-resume{z-index:2;background:var(--primary);width:52px;height:52px;color:var(--primary-foreground);border:1px solid #e7f8b3;border:1px solid lab(95.0571% -13.743 31.248);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);box-shadow:0 3px #5b6800,0 6px 18px #01020159;box-shadow:0 3px lab(41.732% -14.4246 47.5468),0 6px 18px lab(.480028% -.339754 .359091/.35)}.avo-clip-resume svg{margin:0}.avo-clip-resume .lucide-play{margin-left:3px}.avo-clip-resume:hover{background:#e2fe6f;background:lab(95.6539% -23.8031 63.4706)}.avo-clip-reset{z-index:2;color:#c4c9c2;color:lab(80.4052% -2.41375 2.67744);cursor:pointer;background:#050604a6;background:lab(1.60134% -.780694 .837064/.65);border-radius:8px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:10px;right:10px}.avo-clip-reset:hover{color:#eff3ed;color:lab(95.4854% -2.4147 2.67613);background:#141713e6;background:lab(7.34094% -2.20545 2.39134/.9)}.avo-clip-heading{pointer-events:none;align-items:center;gap:5px;display:flex;position:absolute;top:12px;left:12px;right:12px}.avo-clip-heading>:last-child{flex:none;margin-left:auto}.avo-clip-heading .avo-clip-game-name{text-overflow:ellipsis;min-width:0;font-weight:650;display:block;overflow:hidden}.avo-clip-metadata{pointer-events:none;justify-content:space-between;align-items:center;gap:5px;transition:bottom .16s;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.avo-clip-badge,.merch-product-image-badge{background:var(--secondary);color:var(--foreground);font-variant-numeric:tabular-nums;white-space:nowrap;border:0;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:750;line-height:1.4;display:inline-flex}.avo-clip-badge svg{flex:none;width:13px;height:13px}.avo-clip-player[data-started=true][data-controls=true] .avo-clip-metadata,.avo-clip-player[data-started=true]:focus-within .avo-clip-metadata{bottom:74px}.avo-clip-buffering{z-index:2;width:40px;height:40px;color:var(--primary);pointer-events:none;background:#050604cc;background:lab(1.60134% -.780694 .837064/.8);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.avo-clip-controls{background:linear-gradient(#0000,#010201e6);background:linear-gradient(#0000,lab(.476728% -.275254 .293452/.9));padding:20px 12px 6px;transition:opacity .16s;position:absolute;inset:auto 0 0}.avo-clip-resume,.avo-clip-reset{transition:opacity .16s}.avo-clip-player[data-controls=false] :is(.avo-clip-controls,.avo-clip-resume,.avo-clip-reset),.avo-clip-player[data-loading=true] .avo-clip-controls{opacity:0;pointer-events:none}.avo-clip-player[data-autoplay-muted][data-controls=false] .avo-clip-controls{opacity:1;pointer-events:none;background:0 0}.avo-clip-player[data-autoplay-muted] .avo-clip-controls{isolation:isolate;background:0 0}.avo-clip-player[data-autoplay-muted] .avo-clip-controls:before{content:"";z-index:-1;opacity:1;pointer-events:none;background:linear-gradient(#0000,#010201e6);background:linear-gradient(#0000,lab(.476728% -.275254 .293452/.9));transition:opacity .14s ease-out;position:absolute;inset:0}.avo-clip-player[data-autoplay-muted][data-controls=false] .avo-clip-controls:before{opacity:0;transition-duration:90ms}.avo-clip-player[data-autoplay-muted] .avo-clip-controls :is(input,.avo-clip-time,.avo-clip-fullscreen){opacity:1;visibility:visible;transition:opacity .14s ease-out,visibility}.avo-clip-player[data-autoplay-muted][data-controls=false] .avo-clip-controls :is(input,.avo-clip-time,.avo-clip-fullscreen){opacity:0;visibility:hidden;pointer-events:none;transition:opacity 90ms ease-out,visibility 0s linear 90ms}.avo-clip-player[data-autoplay-muted] .avo-clip-volume button{transition:background-color .14s ease-out}.avo-clip-player[data-autoplay-muted][data-controls=false] .avo-clip-volume button{pointer-events:auto;background:#030402b3;background:lab(.92581% -.434458 .46635/.7)}.avo-clip-player[data-autoplay-muted] .avo-clip-toolbar button:focus-visible{box-shadow:none;background:#ecf0e91f;background:lab(94.3253% -2.41464 2.6762/.12);outline:none}.avo-clip-player[data-autoplay-muted]:not(:fullscreen) .avo-clip-controls{padding:20px 10px 10px}.avo-clip-player[data-autoplay-muted] .avo-clip-toolbar{padding-top:4px}.avo-clip-player[data-autoplay-muted] .avo-clip-volume{gap:8px}.avo-clip-transport{flex:none;width:32px;margin-right:0;transition:width .16s ease-out,margin-right .16s ease-out;display:block;overflow:hidden}.avo-clip-transport>button{opacity:1;visibility:visible;transition:opacity .14s ease-out,transform .16s ease-out,visibility;transform:translate(0)}.avo-clip-player[data-controls=false] .avo-clip-transport{width:0;margin-right:-4px;transition-duration:.1s}.avo-clip-player[data-controls=false] .avo-clip-transport>button{opacity:0;visibility:hidden;pointer-events:none;transition:opacity 90ms ease-out,transform .1s ease-out,visibility 0s linear 90ms;transform:translate(-4px)}.avo-clip-remaining{min-width:40px;height:34px;color:inherit;font-variant-numeric:tabular-nums;pointer-events:none;opacity:1;visibility:visible;background:#030402b3;background:lab(.92581% -.434458 .46635/.7);border-radius:7px;place-items:center;padding:0 8px;font-size:11px;transition:opacity .14s ease-out,visibility;display:grid;position:absolute;bottom:10px;right:10px}.avo-clip-player[data-controls=true] .avo-clip-remaining{opacity:0;visibility:hidden;transition:opacity .12s ease-out,visibility 0s linear .12s}.avo-clip-controls[hidden]{display:none}.avo-clip-player[data-autoplay-muted]:not(:fullscreen)[data-controls=false] .avo-clip-controls{opacity:0;pointer-events:none}.avo-clip-player[data-autoplay-muted]:not(:fullscreen)[data-controls=false] .avo-clip-controls button{pointer-events:none}.avo-clip-compact-controls{pointer-events:none;justify-content:space-between;align-items:center;gap:6px;display:flex;position:absolute;inset:auto 10px 10px}.avo-clip-compact-controls button{color:#eff3ed;color:lab(95.4854% -2.4147 2.67613);pointer-events:auto;background:#030402ad;background:lab(.92581% -.434458 .46635/.68);border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;height:28px;min-height:28px;padding:0 7px;display:flex}.avo-clip-compact-controls button:hover:not(:disabled){background:#1d201cd9;background:lab(11.9627% -2.39676 2.7032/.85)}.avo-clip-compact-controls button:disabled{opacity:.45;cursor:default}.avo-clip-compact-transport{font-variant-numeric:tabular-nums;gap:6px;font-size:12px;line-height:1}.avo-clip-compact-actions{align-items:center;gap:4px;display:flex}.avo-clip-compact-actions button{width:28px;min-width:28px;padding:0}.avo-clip-compact-actions>button{transition:transform .18s cubic-bezier(.2,.8,.2,1);transform:translate(0)}.avo-clip-compact-actions[data-expanded=false]>button{transition-duration:.14s;transform:translate(32px)}.avo-clip-compact-expand{flex:none;align-items:center;display:flex}.avo-clip-compact-controls,.avo-clip-compact-actions,.avo-clip-compact-expand{visibility:visible;transition:opacity .12s ease-out,visibility}.avo-clip-compact-controls[data-visible=false]{opacity:0;pointer-events:none}.avo-clip-compact-controls[data-visible=false] button{pointer-events:none}.avo-clip-compact-controls [data-visible=false]{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .12s ease-out,visibility 0s linear .12s}.avo-clip-compact-controls [data-visible=false] button{pointer-events:none}.avo-clip-compact-controls .avo-clip-compact-expand{opacity:1;transition:opacity .14s ease-out 40ms,transform .18s cubic-bezier(.2,.8,.2,1),visibility;transform:translate(0)}.avo-clip-compact-controls .avo-clip-compact-expand[data-visible=false]{opacity:0;transition:opacity .1s ease-out,transform .14s ease-out,visibility 0s linear .1s;transform:translate(6px)}@media (prefers-reduced-motion:reduce){.avo-clip-compact-actions>button{transition:none}.avo-clip-compact-controls,.avo-clip-compact-actions,.avo-clip-compact-expand,.avo-clip-compact-controls [data-visible=false],.avo-clip-compact-controls .avo-clip-compact-expand{transition:none;transform:none}}.avo-clip-player:fullscreen .avo-clip-transport{width:44px}.avo-clip-player:fullscreen[data-controls=false] .avo-clip-transport{width:0}.avo-clip-player:fullscreen .avo-clip-remaining{height:44px;bottom:16px;right:16px}@media (pointer:coarse){.avo-clip-remaining{height:40px}}.avo-clip-player[data-autoplay-muted] .avo-clip-slider{--clip-track-height:2px;--clip-thumb-size:12px;--clip-thumb-opacity:1;--clip-thumb-scale:1}.avo-clip-player[data-autoplay-muted] .avo-clip-slider::-webkit-slider-thumb{opacity:var(--clip-thumb-opacity);transform:scale(var(--clip-thumb-scale));transition:opacity .12s ease-out,transform .14s cubic-bezier(.16,1,.3,1)}.avo-clip-player[data-autoplay-muted] .avo-clip-slider::-moz-range-thumb{opacity:var(--clip-thumb-opacity);transform:scale(var(--clip-thumb-scale));transition:opacity .12s ease-out,transform .14s cubic-bezier(.16,1,.3,1)}.avo-clip-player[data-autoplay-muted] .avo-clip-seek{--clip-thumb-opacity:0;--clip-thumb-scale:.5}.avo-clip-player[data-autoplay-muted] .avo-clip-seek:is(:hover,:focus-visible,:active){--clip-thumb-opacity:1;--clip-thumb-scale:1}.avo-clip-player[data-autoplay-muted][data-controls=false] .avo-clip-slider{--clip-thumb-opacity:0;--clip-thumb-scale:.5}.avo-clip-player input:focus,.avo-clip-player input:focus-visible{box-shadow:none;outline:none}.avo-clip-notice{pointer-events:none;background:#060805f2;background:lab(2.03219% -.919208 .987723/.95);border-radius:6px;width:fit-content;max-width:calc(100% - 20px);padding:7px 10px;font-size:11px;position:absolute;top:10px;left:10px;right:10px}.avo-clip-player:fullscreen{width:100vw;height:100dvh}.avo-clip-player:fullscreen .avo-clip-reset{border-radius:9px;width:40px;height:40px;transition:opacity .16s;top:20px;right:24px}:is(.avo-clip-player:fullscreen[data-cursor-hidden=true],.avo-clip-player:fullscreen[data-cursor-hidden=true] *){cursor:none!important}:is(.avo-clip-player:fullscreen:focus,.avo-clip-player:fullscreen :focus){box-shadow:none;outline:none}.avo-clip-player:fullscreen .avo-clip-controls{padding:48px 24px 16px}.avo-clip-player[data-autoplay-muted]:fullscreen .avo-clip-controls{padding-inline:16px}.avo-clip-player:fullscreen .avo-clip-toolbar button{width:44px;height:44px}.avo-clip-player:fullscreen .avo-clip-time{font-size:13px}.avo-clip-player:fullscreen .avo-clip-volume input{width:80px}@container clip-player (max-width:300px){.avo-clip-player[data-autoplay-muted] .avo-clip-volume input{display:none}.avo-clip-player[data-autoplay-muted] .avo-clip-volume{gap:0}}@container clip-player (max-width:190px){.avo-clip-player[data-autoplay-muted] .avo-clip-toolbar{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:2px;display:grid}.avo-clip-player[data-autoplay-muted] .avo-clip-time{text-box:normal;grid-area:1/1/auto/-1;justify-self:center;line-height:1.4}.avo-clip-player[data-autoplay-muted] .avo-clip-transport{grid-area:2/1}.avo-clip-player[data-autoplay-muted] .avo-clip-volume{grid-area:2/2;justify-self:center}.avo-clip-player[data-autoplay-muted] .avo-clip-fullscreen{grid-area:2/3;justify-self:end}.avo-clip-player[data-autoplay-muted][data-controls=false] .avo-clip-volume{grid-column:1;justify-self:start}}@container clip-player (max-width:130px){.avo-clip-player[data-autoplay-muted]:not(:fullscreen) .avo-clip-controls{padding-inline:6px}.avo-clip-player[data-autoplay-muted] .avo-clip-toolbar button,.avo-clip-player[data-autoplay-muted] .avo-clip-transport{width:26px}.avo-clip-player[data-autoplay-muted][data-controls=false] .avo-clip-transport{width:0}}:is(.avo-clip-player:fullscreen[data-started=true][data-controls=true] .avo-clip-metadata,.avo-clip-player:fullscreen[data-started=true]:focus-within .avo-clip-metadata){bottom:90px}.clip-spinner{animation:1s linear infinite clip-spin}@keyframes clip-spin{to{transform:rotate(360deg)}}@media (max-width:1050px){.clip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.clip-grid{grid-template-columns:minmax(0,1fr)}.clip-composer{padding:16px}.clip-input-row{flex-direction:column}.clip-input-row .post-primary{align-self:flex-end}.profile-section-tabs button{padding-inline:7px;font-size:13px}}@media (pointer:coarse){.avo-clip-toolbar button{min-height:40px}.avo-clip-volume input{display:none}.avo-clip-player[data-started=true] .avo-clip-metadata{bottom:80px}}@media (prefers-reduced-motion:reduce){.clip-spinner,.clip-video-skeleton:after{animation:none}.clip-card,.clip-card:before,.avo-clip-controls,.avo-clip-metadata,.avo-clip-resume,.avo-clip-reset,.avo-clip-player:fullscreen .avo-clip-reset{transition:none}.clip-card{transform:none!important}.avo-clip-player[data-controls] .avo-clip-transport,.avo-clip-player[data-controls] .avo-clip-transport>button,.avo-clip-player[data-controls] .avo-clip-remaining,.avo-clip-player[data-autoplay-muted][data-controls] .avo-clip-controls :is(input,.avo-clip-time,.avo-clip-fullscreen),.avo-clip-player[data-autoplay-muted] .avo-clip-controls:before,.avo-clip-player[data-autoplay-muted] .avo-clip-volume button{transition:none}.avo-clip-player[data-autoplay-muted] .avo-clip-slider::-webkit-slider-thumb{transition:none}.avo-clip-player[data-autoplay-muted] .avo-clip-slider::-moz-range-thumb{transition:none}}.profile-clips :is(p,small,button,.avo-filter-tabs button,.avo-filter-bar .avo-select-trigger),.clip-add-dialog :is(p,small,label,button,.twitch-picker-toolbar span,.twitch-picker-footer>span,.twitch-pick-meta,.twitch-pick-copy>span){font-size:14px;line-height:1.6}.profile-clips :is(button,.clip-source-link){min-height:44px}.profile-clips .clip-source-link{width:44px}.profile-clips .clip-collection-heading{flex-wrap:wrap;gap:16px}.clip-add-dialog :is(input:not([type=range]),.avo-select-trigger){min-height:44px;font-size:16px}.clip-add-dialog :is(button,a){white-space:normal;overflow-wrap:anywhere;max-width:100%;min-height:44px}.clip-add-dialog :is(.clip-add-close,.twitch-icon-button){width:44px;height:44px}.clip-add-dialog .clip-input-help{flex-wrap:wrap;gap:12px}.clip-add-dialog .twitch-picker-toolbar,.clip-add-dialog .twitch-picker-footer{flex-wrap:wrap}.profile-clips .avo-clip-toolbar button,.profile-clips .avo-clip-reset{width:44px;height:44px}.profile-clips .avo-clip-slider{height:44px}.profile-clips .avo-clip-seek{box-sizing:border-box;padding-top:28px}.profile-clips .avo-clip-time,.profile-clips .avo-clip-notice{font-size:14px}.profile-clips .avo-clip-player:focus-visible,.profile-clips .avo-clip-player :is(button,input,video):focus-visible{outline:none}.profile-clips .avo-clip-player:focus-visible,.profile-clips .avo-clip-player :is(.avo-clip-surface,.avo-clip-slider):focus-visible{box-shadow:none}.profile-clips .avo-clip-toolbar{flex-wrap:wrap}.profile-clips .avo-clip-time{margin-left:auto}.clip-preview-trigger{border-radius:inherit;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.clip-preview-trigger .avo-clip-resume{pointer-events:none}.clip-card:has(.clip-preview-trigger:focus-visible:not([data-dialog-focus-return=true])){border-color:var(--media-card-hover-border);box-shadow:var(--media-card-hover-shadow)}.clip-card:has(.clip-preview-trigger:active){box-shadow:var(--media-card-pressed-shadow);transform:translateY(2px)}@media (prefers-reduced-motion:reduce){.clip-card:has(.clip-preview-trigger:active){transform:none}}