1
2.externalembed_TOS {
3    margin-top: 10px;
4    margin-bottom: 10px;
5    text-align: center;
6    overflow: hidden;
7    height: 100%;
8    position: relative;
9    /*max-width: 100%;*/
10}
11
12.externalembed_iframe_container {
13    position: relative;
14    overflow: hidden;
15    width: 100%;
16    padding-top: 56.25%;
17}
18
19.externalembed_other {
20    position: unset !important;
21}
22
23.externalembed_iframe {
24    position: absolute;
25    top: 0;
26    left: 0;
27    bottom: 0;
28    right: 0;
29    width: 100%;
30    height: 100%;
31    border: none;
32}
33
34.externalembed_height_360 {
35    max-width: 640px;
36}
37
38.externalembed_height_480 {
39    max-width: 854px;
40}
41
42.externalembed_height_720 {
43    max-width: 1280px;
44}
45
46.externalembed_height_1080 {
47    max-width: 1920px;
48}
49
50.externalembed_disclaimer_youtube_video, .externalembed_disclaimer_youtube_playlist {
51    color: white;
52    position: absolute;
53    bottom: 0;
54    left: 50%;
55    display: block;
56    transform: translate(-50%);
57    text-align: center;
58    width: 70%;
59    max-width: 100%;
60    background-color: rgba(33, 33, 33, 0.6);
61    border-radius: 10px;
62    padding: 10px;
63}
64
65.externalembed_disclaimer_other {
66    color: white;
67    display: inline-block;
68    background-color: rgba(33, 33, 33, 0.6);
69    border-radius: 10px;
70    padding: 10px;
71}
72
73.externalembed_disclaimer > button {
74    margin: 10px;
75    border: gray;
76    border-radius: 5px;
77
78}
79
80.externalembed_disclaimer a {
81    color: #f84e2e !important;
82    text-decoration: underline !important;
83}
84
85.externalembed_embed > img {
86    -webkit-filter: blur(3px) brightness(50%);
87}
88
89.externalembed_tosRejected {
90    max-width: 300px;
91    background-color: #0000;
92}
93
94.externalembed_tosRejected > .externalembed_disclaimer {
95    position: static;
96    transform: none;
97    text-align: center;
98    max-width: 100%;
99}
100
101.externalembed_accept {
102    color: #FFF;
103    background: #44CC44;
104    padding: 8px 20px;
105    box-shadow: 0 4px 0 0 #2EA62E;
106}
107
108.externalembed_accept:hover {
109    background: #6FE76F;
110    box-shadow: 0 4px 0 0 #7ED37E;
111}
112
113.externalembed_reject {
114    color: #FFF;
115    background: #f84e2e;
116    padding: 8px 20px;
117    box-shadow: 0 4px 0 0 #CB4949;
118}
119
120.externalembed_reject:hover {
121    background: rgb(255, 147, 128);
122    box-shadow: 0 4px 0 0 #EF8282;
123}