.clip-chrome{position:absolute;inset:0;z-index:5;container-type:size;pointer-events:none;color:#ffffffeb;font-size:3cqw;overflow:hidden;border-radius:inherit}.clip-chrome .clip-chrome-glyph{display:block;width:8cqw;height:8cqw;filter:drop-shadow(0 .4cqw .8cqw rgba(0,0,0,.55))}.clip-chrome .clip-chrome-glyph svg{display:block;width:100%;height:100%}.clip-chrome .clip-chrome-glyph-small{width:5cqw;height:5cqw}.clip-chrome .clip-chrome-bar{display:block;height:2.6cqw;border-radius:1.3cqw;background:#ffffff73;box-shadow:0 .3cqw .8cqw #00000073}.clip-chrome .clip-chrome-bar-bright{background:#ffffffd9}.clip-chrome .clip-chrome-bar-dim{background:#ffffff4d}.clip-chrome .clip-chrome-count{display:block;margin-top:.8cqw;font-size:3cqw;font-weight:700;text-align:center;text-shadow:0 .3cqw .8cqw rgba(0,0,0,.6)}.clip-chrome .clip-chrome-top{position:absolute;top:0;left:0;right:0;height:var(--clip-chrome-top, 9%);display:flex;align-items:center;justify-content:space-between;gap:3cqw;padding:0 4cqw;background:linear-gradient(to bottom,#00000059,#0000)}.clip-chrome .clip-chrome-tabs{display:flex;flex:1;align-items:center;justify-content:center;gap:4cqw}.clip-chrome .clip-chrome-poster{display:flex;flex:1;align-items:center;gap:2.5cqw}.clip-chrome .clip-chrome-rail{position:absolute;right:0;bottom:var(--clip-chrome-bottom, 23%);width:var(--clip-chrome-right, 19%);display:flex;flex-direction:column;align-items:center;gap:3.5cqw;padding-bottom:2cqw}.clip-chrome .clip-chrome-rail-short{bottom:calc(var(--clip-chrome-bottom, 15%) + 6%);gap:5cqw}.clip-chrome .clip-chrome-rail-button{display:flex;flex-direction:column;align-items:center}.clip-chrome .clip-chrome-avatar{position:relative;width:10cqw;height:10cqw;border-radius:50%;background:#ffffff4d;border:.5cqw solid rgba(255,255,255,.85);box-shadow:0 .4cqw 1cqw #00000080}.clip-chrome .clip-chrome-avatar-small{width:7cqw;height:7cqw;flex:none}.clip-chrome .clip-chrome-avatar-plus{position:absolute;left:50%;bottom:-1.6cqw;transform:translate(-50%);width:3.4cqw;height:3.4cqw;border-radius:50%;background:#ffffffe6;color:#000000bf;font-size:2.6cqw;font-weight:700;line-height:3.4cqw;text-align:center}.clip-chrome .clip-chrome-disc{display:flex;align-items:center;justify-content:center;width:10cqw;height:10cqw;border-radius:50%;background:#00000073;border:.5cqw solid rgba(255,255,255,.35)}.clip-chrome .clip-chrome-caption{position:absolute;left:0;right:var(--clip-chrome-right, 19%);bottom:0;height:var(--clip-chrome-bottom, 23%);display:flex;flex-direction:column;justify-content:flex-end;gap:2.2cqw;padding:0 4cqw 5cqw;background:linear-gradient(to top,#00000073,#0000)}.clip-chrome .clip-chrome-caption-story{justify-content:flex-end;gap:3cqw}.clip-chrome .clip-chrome-music{display:flex;align-items:center;gap:2cqw}.clip-chrome .clip-chrome-pill{display:block;padding:2cqw 4cqw;border-radius:3cqw;background:#0006}.clip-chrome .clip-chrome-reply{display:flex;justify-content:center}.clip-chrome .clip-chrome-story-bar{position:absolute;top:2.5cqw;left:3cqw;right:3cqw;display:flex;gap:1.2cqw}.clip-chrome .clip-chrome-story-seg{flex:1;height:.9cqw;border-radius:.5cqw;background:#ffffff59}.clip-chrome .clip-chrome-story-seg-on{background:#ffffffe6}.clip-chrome .clip-chrome-scrub{position:absolute;left:0;right:0;bottom:0;height:.7cqw;background:#ffffff59}.clip-chrome-youtube .clip-chrome-player{position:absolute;left:0;right:0;bottom:0;padding:4cqw 3cqw 2cqw;opacity:.72;background:linear-gradient(to top,#0000008c,#0000)}.clip-chrome-youtube .clip-chrome-scrub-player{position:relative;height:.5cqw;border-radius:.5cqw;background:#ffffff59}.clip-chrome-youtube .clip-chrome-scrub-played{position:absolute;inset:0 62% 0 0;border-radius:.5cqw;background:#ffffffe6}.clip-chrome-youtube .clip-chrome-scrub-knob{position:absolute;top:50%;left:38%;width:1.8cqw;height:1.8cqw;margin:-.9cqw 0 0 -.9cqw;border-radius:50%;background:#fff}.clip-chrome-youtube .clip-chrome-player-row{display:flex;align-items:center;gap:2cqw;margin-top:2cqw}.clip-chrome-youtube .clip-chrome-player-spacer{flex:1}.dialog-modal.clip-export-dialog{max-width:620px;--clip-export-card-width: 108px;--clip-export-card-height: min(180px, 26vh)}.clip-export-dialog .clip-export-body{display:flex;flex-direction:column;gap:12px}.clip-export-dialog .clip-export-strip{display:flex;align-items:flex-end;gap:10px;padding:2px 2px 4px;overflow-x:auto}.clip-export-dialog .clip-export-card{flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;border:none;background:none;color:var(--theme-text-secondary, rgba(255, 255, 255, .6));font-size:11.5px;cursor:pointer;transition:color .15s ease}.clip-export-dialog .clip-export-card:hover,.clip-export-dialog .clip-export-card-on{color:var(--theme-text-primary, #ffffff)}.clip-export-dialog .clip-export-card-frame{position:relative;height:min(var(--clip-export-card-height),calc(var(--clip-export-card-width) / var(--clip-frame-ratio, 1.778)));width:min(var(--clip-export-card-width),calc(var(--clip-export-card-height) * var(--clip-frame-ratio, 1.778)));border-radius:10px;overflow:hidden;background:#0d0f12;border:1px solid rgba(255,255,255,.12);transition:border-color .15s ease,box-shadow .15s ease}.clip-export-dialog .clip-export-card:hover .clip-export-card-frame{border-color:#ffffff38}.clip-export-dialog .clip-export-card-on .clip-export-card-frame{border-color:#90ee908c;box-shadow:0 0 0 1px #90ee9040,0 2px 12px #4a7c594d}.clip-export-dialog .clip-export-card-film{position:absolute;z-index:1;background-color:#0d0f12;background-size:cover;background-position:center;background-repeat:no-repeat}.clip-export-dialog .clip-export-card-filler{position:absolute;left:-12%;top:-12%;width:124%;height:124%;z-index:0;object-fit:cover;background-size:cover;background-position:center;filter:blur(10px) saturate(1.8)}.clip-export-dialog .clip-export-card-video{position:absolute;z-index:1;object-fit:fill;background-color:#0d0f12}.clip-export-dialog .clip-export-card-glass{position:absolute;inset:0;z-index:0;pointer-events:none}.clip-export-dialog .clip-export-card-mark{position:absolute;inset:0;z-index:2;background-size:100% 100%;background-repeat:no-repeat;pointer-events:none}.clip-export-dialog .clip-export-card-name{max-width:calc(var(--clip-export-card-width) + 16px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.clip-export-dialog .clip-export-caption{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.clip-export-dialog .clip-export-caption-label{color:var(--theme-text-primary, #ffffff);font-size:14px;font-weight:600}.clip-export-dialog .clip-export-caption-sub{flex:1;min-width:0;color:var(--theme-text-secondary, rgba(255, 255, 255, .6));font-size:12px}.clip-export-dialog .clip-export-caption-size{flex:none;color:var(--theme-text-secondary, rgba(255, 255, 255, .55));font-size:12px;font-variant-numeric:tabular-nums}.clip-export-dialog .clip-export-controls{display:flex;flex-direction:column;gap:8px}.clip-export-dialog .clip-export-control-row{display:flex;align-items:center;gap:10px}.clip-export-dialog .clip-export-control-label{flex:none;min-width:96px;color:var(--theme-text-secondary, rgba(255, 255, 255, .6));font-size:12px}.clip-export-dialog .clip-export-control-options{display:flex;flex-wrap:wrap;gap:6px}.clip-export-dialog .clip-export-chip{padding:4px 10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0d;color:var(--theme-text-secondary, rgba(255, 255, 255, .62));font-size:11.5px;cursor:pointer;transition:all .15s ease}.clip-export-dialog .clip-export-chip:hover{background:#ffffff17;color:var(--theme-text-primary, #ffffff)}.clip-export-dialog .clip-export-chip-on{background:#4a7c594d;border-color:#90ee9066;color:var(--theme-text-primary, #ffffff)}.clip-export-dialog .clip-export-note{color:var(--theme-text-secondary, rgba(255, 255, 255, .5));font-size:11.5px;line-height:1.4}
