2 lines
22 KiB
CSS
2 lines
22 KiB
CSS
|
.mx [data-media-player]{width:100%;display:inline-flex;align-items:center;position:relative;contain:style;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mx :where([data-media-player][data-view-type=video]){aspect-ratio:16 / 9}.mx [data-media-player]:focus,.mx [data-media-player]:focus-visible{outline:none}.mx [data-media-player][data-view-type=video][data-started]:not([data-controls]){pointer-events:auto;cursor:none}.mx [data-media-player] slot{display:contents}.mx [data-media-provider]{display:flex;position:relative;box-sizing:border-box;align-items:center;border-radius:inherit;width:100%;aspect-ratio:inherit;overflow:hidden}.mx [data-media-player]:not([data-view-type=audio]) [data-media-provider],.mx [data-media-player][data-fullscreen] [data-media-provider]{height:100%}.mx [data-media-player][data-view-type=audio] [data-media-provider]{display:contents;background-color:unset}.mx [data-media-provider] audio{width:100%}.mx :where([data-media-provider] video),.mx :where([data-media-provider] iframe){aspect-ratio:inherit;display:inline-block;height:auto;-o-object-fit:contain;object-fit:contain;touch-action:manipulation;border-radius:inherit;width:100%}.mx [data-media-provider] iframe{height:100%}.mx [data-media-player][data-view-type=audio] video,.mx [data-media-player][data-view-type=audio] iframe{display:none}.mx [data-media-player][data-fullscreen] video{height:100%}.mx iframe.vds-youtube[data-no-controls]{height:1000%}.mx .vds-blocker{position:absolute;inset:0;width:100%;height:auto;aspect-ratio:inherit;pointer-events:auto;border-radius:inherit;z-index:1}.mx [data-ended] .vds-blocker{background-color:#000}.mx .vds-icon:focus{outline:none}.mx .vds-google-cast{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#dedede;font-family:sans-serif;font-weight:500}.mx .vds-google-cast svg{--size: max(18%, 40px);width:var(--size);height:var(--size);margin-bottom:8px}.mx .vds-google-cast-info{font-size:calc(var(--media-height) / 100 * 6)}.mx .container{width:100%}@media (min-width: 640px){.mx .container{max-width:640px}}@media (min-width: 768px){.mx .container{max-width:768px}}@media (min-width: 1024px){.mx .container{max-width:1024px}}@media (min-width: 1280px){.mx .container{max-width:1280px}}@media (min-width: 1536px){.mx .container{max-width:1536px}}.mx .pointer-events-none{pointer-events:none}.mx .visible{visibility:visible}.mx .static{position:static}.mx .fixed{position:fixed}.mx .absolute{position:absolute}.mx .relative{position:relative}.mx .sticky{position:sticky}.mx .inset-0{inset:0}.mx .bottom-2{bottom:.5rem}.mx .left-0{left:0}.mx .right-0{right:0}.mx .top-0{top:0}.mx .z-0{z-index:0}.mx .z-10{z-index:10}.mx .z-50{z-index:50}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.mx .-mt-0{margin-top:-0px}.mx .-mt-0\.5{margin-top:-.125rem}.mx .mb-2{margin-bottom:.5rem}.mx .ml-1{margin-left:.25rem}.mx .ml-2{margin-left:.5rem}.mx .ml-2\.5{margin-left:.625rem}.mx .mr-1{margin-right:.25rem}.mx .block{display:block}.mx .inline-block{display:inline-block}.mx .inline{display:inline}.mx .flex{display:flex}.mx .inline-flex{display:inline-flex}.mx .grid{display:grid}.mx .contents{display:contents}.mx .hidden{display:none}.mx .h-10{height:2.5rem}.mx .h-2{height:.5rem}.mx .h-2\.5{height:.625rem}.mx .h-3{height:.75rem}.mx .h-7{height:1.75rem}.mx .h-9{height:2.25rem}.mx .h-\[var\(--thumbnail-height\)\]{height:var(--thumbnail-height)}.mx .h-full{height:100%}.mx .h-slider-thumb{height:var(--slider-thumb-height)}.mx .h-slider-thumb-sm{height:calc(var(--slider-thumb-height) * .75)}.mx .h-slider-track{height:var(--slider-track-height)}.mx .max-h-\[160px\]{max-height:160px}.mx .min-h-\[80px\]{min-height:80px}.mx .w-1\/5{width:20%}.mx .w-10{width:2.5rem}.mx .w-2{width:.5rem}.mx .w-2\.5{width:.625rem}.mx .w-3{width:.75rem}.mx .w-7{width:1.75rem}.mx .w-\[var\(--thumbnail-width\)\]{width:var(--thumbnail-width)}.mx .w-full{width:100%}.mx .w-slider-thumb{width:var(--slider-thumb-width)}.mx .w-slider-thumb-sm{width:cal
|