1 line
6.2 KiB
Plaintext
1 line
6.2 KiB
Plaintext
|
{"version":3,"sources":["Transcript.scss","Transcript.css"],"names":[],"mappings":"AAEQ;EACI,0CAAA;ACDZ;ADKI;EACI,kBAAA;EACA,UAAA;EACA,SAAA;EAEA,mCAAA;UAAA,2BAAA;EAEA,oCAAA;EACA,UAAA;EACA,oBAAA;EAEA,2KACI;EAWJ,gBAAA;ACjBR;ADmBQ;EACI,UAAA;EACA,mBAAA;ACjBZ;ADoBQ;EACI,0BAAA;EACA,2BAAA;EACA,kBAAA;EACA,kBAAA;EAEA,6BAAA;ACnBZ;ADsBQ;EACI,yBAAA;EACA,iBAAA;EACA,kBAAA;ACpBZ;ADuBQ;EACI,kBAAA;EACA,UAAA;EAEA,sBAAA;EAoCA,aAAA;EACA,kBAAA;EACA,2CAAA;EACA,gBAAA;ACzDZ;ADoBY;EACI,eAAA;AClBhB;ADqBY;EACI,WAAA;EACA,kBAAA;EACA,WAAA;EAEA,uEAAA;ACpBhB;ADuBY;EACI,MAAA;EACA,OAAA;EACA,SAAA;EACA,QAAA;EAEA,2BAAA;EACA,0BAAA;ACtBhB;ADyBY;EACI,MAAA;EACA,OAAA;EACA,SAAA;EACA,aAAA;EAEA,4BAAA;EACA,2BAAA;EACA,kCAAA;EACA,qBAAA;ACxBhB;ADgCY;EACI,aAAA;AC9BhB;ADiCY;EACI,gBAAA;EACA,iBAAA;EACA,gBAAA;AC/BhB;ADkCY;EACI,qBAAA;EACA,kBAAA;EACA,eAAA;AChChB;ADmCY;EACI,uBAAA;EACA,eAAA;ACjChB;ADoCY;EACI,aAAA;AClChB","file":"Transcript.css","sourcesContent":["div#videoOsdPage {\n > .videoOsdBottom > .osdControls > .buttons .btnTranscript {\n &.enabled {\n color: rgba(var(--accent), 0.8) !important;\n }\n }\n\n .osdTranscript {\n position: absolute;\n right: 3em;\n bottom: 0;\n\n backdrop-filter: blur(16px);\n\n transition: opacity 0.1s ease-in-out;\n opacity: 0;\n pointer-events: none;\n\n text-shadow:\n 0 0 1em black,\n 0 0 1em black,\n 0 0 0.5em black,\n 0 0 0.5em black,\n 0 0 0.25em black,\n 0 0 0.25em black,\n 0 0 3px black,\n 0 0 3px black,\n 0 0 2px black,\n 0 0 2px black;\n\n font-weight: 600;\n\n &.enabled {\n opacity: 1;\n pointer-events: all;\n }\n\n .transcriptLogWrap {\n max-width: min(30vw, 30em);\n max-height: min(30vh, 30em);\n overflow-y: scroll;\n overflow-x: hidden;\n\n scroll-snap-type: y proximity;\n }\n\n .transcriptLog {\n border-collapse: collapse;\n border-spacing: 0;\n line-height: 1.5em;\n }\n\n .line {\n position: relative;\n z-index: 1;\n\n scroll-snap-align: end;\n\n body:not([input-eaten=\"true\"]) & {\n cursor: pointer;\n }\n\n &::before, &::after {\n content: \"\";\n position: absolute;\n z-index: -1;\n\n transition: background-color 0.1s ease-in-out, opacity 0.1s ease-in-out;\n }\n\n &::before {\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n\n background-color: var(--bg);\n opacity: var(--bg-opacity);\n }\n\n &::after {\n top: 0;\n left: 0;\n bottom: 0;\n width: 0.25em;\n\n background-color: var(--bar);\n opacity: var(--bar-opacity);\n transform: scaleY(var(--progress));\n transform-origin: 0 0;\n }\n\n --bg: #000000;\n --bg-opacity: 0.25;\n --bar: rgb(var(--accent, 0x00, 0xad, 0xee));\n --bar-opacity: 0;\n\n &:nth-child(2n) {\n --bg: #888888;\n }\n\n &.active {\n --bg: var(--bar);\n --bg-opacity: 0.5;\n --bar-opacity: 1;\n }\n\n .time {\n display: inline-block;\n margin: 0.75em 1em;\n margin-right: 0;\n }\n\n .text {\n overflow-wrap: anywhere;\n padding: 0.75em;\n }\n\n &[data-positive=\"false\"] {\n display: none;\n }\n }\n }\n}\n","div#videoOsdPage > .videoOsdBottom > .osdControls > .buttons .btnTranscript.enabled {\n color: rgba(var(--accent), 0.8) !important;\n}\ndiv#v
|