@brndts/brndts-ads 1.1.3 → 1.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.css +45 -86
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.js +2768 -2292
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +2774 -2293
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +7 -7
package/dist/index.css CHANGED
@@ -97,123 +97,67 @@
97
97
  }
98
98
 
99
99
  /* src/UI/Controls/Controls.scss */
100
-
101
- /* src/UI/Controls/Components/TopBar/ControlTopBar.scss */
102
- #BRNDTS_CTLTB {
100
+ #BRNDTS_CTL {
103
101
  position: absolute;
104
102
  top: 0;
103
+ left: 0;
105
104
  width: 100%;
105
+ height: 100%;
106
106
  pointer-events: none;
107
- padding-top: 12px;
108
- padding-bottom: 10px;
109
- padding-left: 16px;
110
- padding-right: 16px;
111
- }
112
- #BRNDTS_CTLTB #BRNDTS_CTLBTS {
113
- height: 28px;
114
- display: flex;
115
- justify-content: space-between;
116
- pointer-events: none;
117
- }
118
- #BRNDTS_CTLTB #BRNDTS_CTLBTS #BRNDTS_RTB > :not(:first-child) {
119
- margin-left: 12px;
120
- }
121
- #BRNDTS_CTLTB #BRNDTS_CTLBTS #BRNDTS_LTB {
122
- pointer-events: none;
123
- }
124
- #BRNDTS_CTLTB #BRNDTS_CTLBTS #BRNDTS_LTB > :not(:first-child) {
125
- margin-left: 12px;
126
- }
127
- #BRNDTS_CTLTB > * {
128
- pointer-events: initial;
129
- }
130
- [data-debug=true] #BRNDTS_CTLTB {
131
- outline: 1px solid purple;
132
- box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);
133
- }
134
- [data-debug=true] #BRNDTS_CTLTB::before {
135
- opacity: 0.5;
136
- content: attr(id);
137
- position: absolute;
138
- height: 16px;
139
- font-size: 8px;
140
- top: 0px;
141
- left: 0;
142
- background-color: purple;
143
- padding: 4px 4px;
144
- border-radius: 4px;
145
- color: whitesmoke;
146
107
  }
147
108
 
148
109
  /* src/UI/Controls/Components/Buttons/ControlBarButton.scss */
149
110
  .BRNDTS_BTN {
111
+ border: 0;
112
+ outline: none;
113
+ box-shadow: none;
150
114
  background-color: transparent;
151
- outline: 1px solid white;
152
- box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);
153
- padding: 0;
154
- width: 28px;
155
115
  pointer-events: all;
156
- height: 100%;
116
+ color: whitesmoke;
157
117
  }
158
118
  .BRNDTS_BTN[data-state=pressed] {
159
- background-color: white;
119
+ background-color: transparent;
160
120
  }
161
-
162
- /* src/UI/Controls/Components/Buttons/FullscreenButton/FullscreenButton.scss */
163
- .BRNDTS_BTN[data-type=BRNDTS_BTN_FS] {
121
+ .BRNDTS_BTN:hover {
122
+ background-color: transparent;
164
123
  border: 0;
165
124
  outline: none;
166
125
  box-shadow: none;
167
- background-color: transparent;
126
+ border-color: transparent;
168
127
  }
169
- .BRNDTS_BTN[data-type=BRNDTS_BTN_FS][data-state=pressed] {
170
- background-color: transparent;
128
+ .BRNDTS_BTN_FS_TOP {
129
+ padding-left: 8px;
130
+ padding-right: 8px;
131
+ }
132
+ .BRNDTS_BTN_FS_BOT {
133
+ width: 40px;
171
134
  }
172
135
 
173
- /* src/UI/Controls/Components/BottomBar/ControlBottomBar.scss */
174
- #BRNDTS_CTLBB {
136
+ /* src/UI/Controls/Components/TopBar/ControlTopBar.scss */
137
+ #BRNDTS_CTLTB {
138
+ display: flex;
139
+ justify-content: flex-end;
175
140
  position: absolute;
176
- bottom: 0;
177
- height: 75px;
141
+ top: 0;
142
+ height: 60px;
178
143
  width: 100%;
179
144
  pointer-events: none;
180
- padding-top: 12px;
181
- padding-bottom: 10px;
182
- padding-left: 16px;
183
- padding-right: 16px;
145
+ padding-top: 0px;
146
+ padding-bottom: 0px;
147
+ padding-left: 12px;
148
+ padding-right: 12px;
184
149
  }
185
- #BRNDTS_CTLBB #BRNDTS_CTLBTS {
186
- height: 28px;
187
- display: flex;
188
- justify-content: space-between;
189
- pointer-events: none;
190
- }
191
- #BRNDTS_CTLBB #BRNDTS_CTLBTS #BRNDTS_OPTIONS > :not(:first-child) {
192
- margin-left: 12px;
193
- }
194
- #BRNDTS_CTLBB #BRNDTS_CTLBTS #BRNDTS_TIME {
195
- pointer-events: none;
196
- }
197
- #BRNDTS_CTLBB #BRNDTS_CTLBTS #BRNDTS_TIME > :not(:first-child) {
198
- margin-left: 12px;
199
- }
200
- #BRNDTS_CTLBB #BRNDTS_CTLPGRS {
201
- height: 25px;
202
- }
203
- #BRNDTS_CTLBB > * {
204
- pointer-events: initial;
205
- }
206
- [data-debug=true] #BRNDTS_CTLBB {
150
+ [data-debug=true] #BRNDTS_CTLTB {
207
151
  outline: 1px solid purple;
208
152
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);
209
153
  }
210
- [data-debug=true] #BRNDTS_CTLBB::before {
154
+ [data-debug=true] #BRNDTS_CTLTB::before {
211
155
  opacity: 0.5;
212
156
  content: attr(id);
213
157
  position: absolute;
214
158
  height: 16px;
215
159
  font-size: 8px;
216
- top: -16px;
160
+ top: 0px;
217
161
  left: 0;
218
162
  background-color: purple;
219
163
  padding: 4px 4px;
@@ -221,6 +165,21 @@
221
165
  color: whitesmoke;
222
166
  }
223
167
 
168
+ /* src/UI/Controls/Components/BottomBar/ControlBottomBar.scss */
169
+ #BRNDTS_CTLBB {
170
+ display: flex;
171
+ justify-content: flex-end;
172
+ position: absolute;
173
+ bottom: 0;
174
+ height: 43px;
175
+ width: 100%;
176
+ pointer-events: none;
177
+ padding-top: 3px;
178
+ padding-bottom: 0px;
179
+ padding-left: 12px;
180
+ padding-right: 12px;
181
+ }
182
+
224
183
  /* src/UI/Interface.scss */
225
184
  #BRNDTS {
226
185
  position: relative;
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Ads/Regions/Region.scss","../src/Ads/Providers/BRNDTSDefault/BRNDTSDefaultProvider.scss","../src/Ads/Ads.scss","../src/UI/Controls/Components/TopBar/ControlTopBar.scss","../src/UI/Controls/Components/Buttons/ControlBarButton.scss","../src/UI/Controls/Components/Buttons/FullscreenButton/FullscreenButton.scss","../src/UI/Controls/Components/BottomBar/ControlBottomBar.scss","../src/UI/Interface.scss"],"sourcesContent":["[data-debug=\"true\"] {\n .BRNDTS_R {\n outline: 1px solid red; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: red;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n}\n\n.BRNDTS_R {\n position: absolute;\n pointer-events: all;\n\n .BRNDTS_RB {\n // transition: width 0.05s ease-in-out, height 0.05s ease-in-out;\n }\n\n .BRNDTS_RM {\n display: none;\n // transition: width 0.05s ease-in-out, height 0.05s ease-in-out;\n pointer-events: none;\n }\n}\n\n.BRNDTS_PLANE {\n .PLANE_POINT {\n position: absolute;\n width: 5px;\n height: 5px;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n }\n}\n",".BRNDTS_default_content {\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: whitesmoke;\n border: 1px solid black;\n\n .box {\n width: 90%;\n height: 90%;\n --b: 2px; /* thickness of the border */\n --c: black; /* color of the border */\n --w: 20px; /* width of border */\n\n border: var(--b) solid #0000; /* space for the border */\n --_g: #0000 90deg, var(--c) 0;\n --_p: var(--w) var(--w) border-box no-repeat;\n background: conic-gradient(\n from 90deg at top var(--b) left var(--b),\n var(--_g)\n )\n 0 0 / var(--_p),\n conic-gradient(from 180deg at top var(--b) right var(--b), var(--_g)) 100%\n 0 / var(--_p),\n conic-gradient(from 0deg at bottom var(--b) left var(--b), var(--_g)) 0\n 100% / var(--_p),\n conic-gradient(from -90deg at bottom var(--b) right var(--b), var(--_g))\n 100% 100% / var(--_p);\n }\n\n .text {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 24px;\n }\n}\n","[data-debug=\"true\"] {\n #BRNDTS_ARW {\n outline: 1px solid green; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: green;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n\n .BRNDTS_AR {\n outline: 1px solid red; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: red;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n}\n","#BRNDTS_CTLTB {\n position: absolute;\n top: 0;\n width: 100%;\n pointer-events: none;\n padding-top: 12px;\n padding-bottom: 10px;\n padding-left: 16px;\n padding-right: 16px;\n\n #BRNDTS_CTLBTS {\n height: 28px;\n display: flex;\n justify-content: space-between;\n pointer-events: none;\n\n #BRNDTS_RTB {\n & > :not(:first-child) {\n margin-left: 12px;\n }\n }\n\n #BRNDTS_LTB {\n pointer-events: none;\n & > :not(:first-child) {\n margin-left: 12px;\n }\n }\n }\n\n & > * {\n pointer-events: initial;\n }\n}\n\n[data-debug=\"true\"] {\n #BRNDTS_CTLTB {\n outline: 1px solid purple; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: 0px;\n left: 0;\n background-color: purple;\n padding: 4px 4px;\n border-radius: 4px;\n color: whitesmoke;\n }\n }\n}\n",".BRNDTS_BTN {\n background-color: transparent;\n outline: 1px solid white; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n padding: 0;\n width: 28px;\n pointer-events: all;\n height: 100%;\n\n &[data-state=\"pressed\"] {\n background-color: white;\n }\n}\n",".BRNDTS_BTN[data-type=\"BRNDTS_BTN_FS\"] {\n border: 0;\n outline: none;\n box-shadow: none;\n background-color: transparent;\n &[data-state=\"pressed\"] {\n background-color: transparent;\n }\n}\n","#BRNDTS_CTLBB {\n position: absolute;\n bottom: 0;\n height: 75px;\n width: 100%;\n pointer-events: none;\n padding-top: 12px;\n padding-bottom: 10px;\n padding-left: 16px;\n padding-right: 16px;\n\n #BRNDTS_CTLBTS {\n height: 28px;\n display: flex;\n justify-content: space-between;\n pointer-events: none;\n\n #BRNDTS_OPTIONS {\n & > :not(:first-child) {\n margin-left: 12px;\n }\n }\n\n #BRNDTS_TIME {\n pointer-events: none;\n & > :not(:first-child) {\n margin-left: 12px;\n }\n }\n }\n\n #BRNDTS_CTLPGRS {\n height: 25px;\n }\n\n & > * {\n pointer-events: initial;\n }\n}\n\n[data-debug=\"true\"] {\n #BRNDTS_CTLBB {\n outline: 1px solid purple; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: purple;\n padding: 4px 4px;\n border-radius: 4px;\n color: whitesmoke;\n }\n }\n}\n","#BRNDTS {\n position: relative;\n padding-top: 0;\n height: 0;\n max-width: 100%;\n overflow: hidden;\n width: 100%;\n padding-bottom: 56.25%;\n\n &[data-brndts_control=\"brndts_fs\"] {\n video::-webkit-media-controls-fullscreen-button {\n display: none;\n }\n }\n}\n"],"mappings":";AACE,CAAA,iBAAA,CAAA;AACE,WAAA,IAAA,MAAA;AACA,cAAA,EAAA,EAAA,IAAA,IAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;;AACA,CAAA,iBAAA,CAHF,QAGE;AACE,WAAA;AACA,WAAA,KAAA;AACA,YAAA;AACA,UAAA;AACA,aAAA;AACA,OAAA;AACA,QAAA;AACA,oBAAA;AACA,WAAA,IAAA;AACA,iBAAA;;AAKN,CAlBE;AAmBA,YAAA;AACA,kBAAA;;AAMA,CA1BA,SA0BA,CAAA;AACE,WAAA;AAEA,kBAAA;;AAKF,CAAA,aAAA,CAAA;AACE,YAAA;AACA,SAAA;AACA,UAAA;AACA,aAAA,UAAA,IAAA,EAAA;AACA,iBAAA;;;;ACxCJ,CAAA;AACE,WAAA;AACA,mBAAA;AACA,eAAA;AACA,oBAAA;AACA,UAAA,IAAA,MAAA;;AAEA,CAPF,uBAOE,CAAA;AACE,SAAA;AACA,UAAA;AACA,OAAA;AACA,OAAA;AACA,OAAA;AAEA,UAAA,IAAA,KAAA,MAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;AACA,QAAA,MAAA,KAAA,EAAA,IAAA,KAAA;AACA,QAAA,IAAA,KAAA,IAAA,KAAA,WAAA;AACA;IAAA,eAAA,KAAA,MAAA,GAAA,IAAA,IAAA,KAAA,KAAA,IAAA,IAAA,EAAA,IAAA,OAAA,EAAA,CAAA,CAAA,IAAA,KAAA;IAAA,eAAA,KAAA,OAAA,GAAA,IAAA,IAAA,KAAA,MAAA,IAAA,IAAA,EAAA,IAAA,OAAA,KAAA,CAAA,CAAA,IAAA,KAAA;IAAA,eAAA,KAAA,KAAA,GAAA,OAAA,IAAA,KAAA,KAAA,IAAA,IAAA,EAAA,IAAA,OAAA,EAAA,IAAA,CAAA,IAAA,KAAA;IAAA,eAAA,KAAA,OAAA,GAAA,OAAA,IAAA,KAAA,MAAA,IAAA,IAAA,EAAA,IAAA,OAAA,KAAA,IAAA,CAAA,IAAA;;AAaF,CA9BF,uBA8BE,CAAA;AACE,YAAA;AACA,OAAA;AACA,QAAA;AACA,aAAA,UAAA,IAAA,EAAA;AACA,aAAA;;;;AClCF,CAAA,iBAAA,CAAA;AACE,WAAA,IAAA,MAAA;AACA,cAAA,EAAA,EAAA,IAAA,IAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;;AACA,CAAA,iBAAA,CAHF,UAGE;AACE,WAAA;AACA,WAAA,KAAA;AACA,YAAA;AACA,UAAA;AACA,aAAA;AACA,OAAA;AACA,QAAA;AACA,oBAAA;AACA,WAAA,IAAA;AACA,iBAAA;;AAIJ,CAAA,iBAAA,CAAA;AACE,WAAA,IAAA,MAAA;AACA,cAAA,EAAA,EAAA,IAAA,IAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;;AACA,CAAA,iBAAA,CAHF,SAGE;AACE,WAAA;AACA,WAAA,KAAA;AACA,YAAA;AACA,UAAA;AACA,aAAA;AACA,OAAA;AACA,QAAA;AACA,oBAAA;AACA,WAAA,IAAA;AACA,iBAAA;;;;;;AC/BN,CAAA;AACE,YAAA;AACA,OAAA;AACA,SAAA;AACA,kBAAA;AACA,eAAA;AACA,kBAAA;AACA,gBAAA;AACA,iBAAA;;AAEA,CAVF,aAUE,CAAA;AACE,UAAA;AACA,WAAA;AACA,mBAAA;AACA,kBAAA;;AAGE,CAjBN,aAiBM,CAPJ,cAOI,CAAA,WAAA,EAAA,KAAA;AACE,eAAA;;AAIJ,CAtBJ,aAsBI,CAZF,cAYE,CAAA;AACE,kBAAA;;AACA,CAxBN,aAwBM,CAdJ,cAcI,CAFF,WAEE,EAAA,KAAA;AACE,eAAA;;AAKN,CA9BF,aA8BE,EAAA;AACE,kBAAA;;AAKF,CAAA,iBAAA,CApCF;AAqCI,WAAA,IAAA,MAAA;AACA,cAAA,EAAA,EAAA,IAAA,IAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;;AACA,CAAA,iBAAA,CAvCJ,YAuCI;AACE,WAAA;AACA,WAAA,KAAA;AACA,YAAA;AACA,UAAA;AACA,aAAA;AACA,OAAA;AACA,QAAA;AACA,oBAAA;AACA,WAAA,IAAA;AACA,iBAAA;AACA,SAAA;;;;AClDN,CAAA;AACE,oBAAA;AACA,WAAA,IAAA,MAAA;AACA,cAAA,EAAA,EAAA,IAAA,IAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;AACA,WAAA;AACA,SAAA;AACA,kBAAA;AACA,UAAA;;AAEA,CATF,UASE,CAAA;AACE,oBAAA;;;;ACVJ,CAAA,UAAA,CAAA;AACE,UAAA;AACA,WAAA;AACA,cAAA;AACA,oBAAA;;AACA,CALF,UAKE,CAAA,wBAAA,CAAA;AACE,oBAAA;;;;ACNJ,CAAA;AACE,YAAA;AACA,UAAA;AACA,UAAA;AACA,SAAA;AACA,kBAAA;AACA,eAAA;AACA,kBAAA;AACA,gBAAA;AACA,iBAAA;;AAEA,CAXF,aAWE,CAAA;AACE,UAAA;AACA,WAAA;AACA,mBAAA;AACA,kBAAA;;AAGE,CAlBN,aAkBM,CAPJ,cAOI,CAAA,eAAA,EAAA,KAAA;AACE,eAAA;;AAIJ,CAvBJ,aAuBI,CAZF,cAYE,CAAA;AACE,kBAAA;;AACA,CAzBN,aAyBM,CAdJ,cAcI,CAFF,YAEE,EAAA,KAAA;AACE,eAAA;;AAKN,CA/BF,aA+BE,CAAA;AACE,UAAA;;AAGF,CAnCF,aAmCE,EAAA;AACE,kBAAA;;AAKF,CAAA,iBAAA,CAzCF;AA0CI,WAAA,IAAA,MAAA;AACA,cAAA,EAAA,EAAA,IAAA,IAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;;AACA,CAAA,iBAAA,CA5CJ,YA4CI;AACE,WAAA;AACA,WAAA,KAAA;AACA,YAAA;AACA,UAAA;AACA,aAAA;AACA,OAAA;AACA,QAAA;AACA,oBAAA;AACA,WAAA,IAAA;AACA,iBAAA;AACA,SAAA;;;;ACvDN,CAAA;AACE,YAAA;AACA,eAAA;AACA,UAAA;AACA,aAAA;AACA,YAAA;AACA,SAAA;AACA,kBAAA;;AAGE,CAVJ,MAUI,CAAA,+BAAA,KAAA;AACE,WAAA;;","names":[]}
1
+ {"version":3,"sources":["../src/Ads/Regions/Region.scss","../src/Ads/Providers/BRNDTSDefault/BRNDTSDefaultProvider.scss","../src/Ads/Ads.scss","../src/UI/Controls/Controls.scss","../src/UI/Controls/Components/Buttons/ControlBarButton.scss","../src/UI/Controls/Components/TopBar/ControlTopBar.scss","../src/UI/Controls/Components/BottomBar/ControlBottomBar.scss","../src/UI/Interface.scss"],"sourcesContent":["[data-debug=\"true\"] {\n .BRNDTS_R {\n outline: 1px solid red; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: red;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n}\n\n.BRNDTS_R {\n position: absolute;\n pointer-events: all;\n\n .BRNDTS_RB {\n // transition: width 0.05s ease-in-out, height 0.05s ease-in-out;\n }\n\n .BRNDTS_RM {\n display: none;\n // transition: width 0.05s ease-in-out, height 0.05s ease-in-out;\n pointer-events: none;\n }\n}\n\n.BRNDTS_PLANE {\n .PLANE_POINT {\n position: absolute;\n width: 5px;\n height: 5px;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n }\n}\n",".BRNDTS_default_content {\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: whitesmoke;\n border: 1px solid black;\n\n .box {\n width: 90%;\n height: 90%;\n --b: 2px; /* thickness of the border */\n --c: black; /* color of the border */\n --w: 20px; /* width of border */\n\n border: var(--b) solid #0000; /* space for the border */\n --_g: #0000 90deg, var(--c) 0;\n --_p: var(--w) var(--w) border-box no-repeat;\n background: conic-gradient(\n from 90deg at top var(--b) left var(--b),\n var(--_g)\n )\n 0 0 / var(--_p),\n conic-gradient(from 180deg at top var(--b) right var(--b), var(--_g)) 100%\n 0 / var(--_p),\n conic-gradient(from 0deg at bottom var(--b) left var(--b), var(--_g)) 0\n 100% / var(--_p),\n conic-gradient(from -90deg at bottom var(--b) right var(--b), var(--_g))\n 100% 100% / var(--_p);\n }\n\n .text {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 24px;\n }\n}\n","[data-debug=\"true\"] {\n #BRNDTS_ARW {\n outline: 1px solid green; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: green;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n\n .BRNDTS_AR {\n outline: 1px solid red; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: red;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n}\n","#BRNDTS_CTL {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n",".BRNDTS_BTN {\n border: 0;\n outline: none;\n box-shadow: none;\n background-color: transparent;\n pointer-events: all;\n color: whitesmoke;\n\n &[data-state=\"pressed\"] {\n background-color: transparent;\n }\n\n &:hover {\n background-color: transparent;\n border: 0;\n outline: none;\n box-shadow: none;\n border-color: transparent;\n }\n}\n\n.BRNDTS_BTN_FS_TOP {\n padding-left: 8px;\n padding-right: 8px;\n}\n\n.BRNDTS_BTN_FS_BOT {\n width: 40px;\n}\n","#BRNDTS_CTLTB {\n display: flex;\n justify-content: flex-end;\n position: absolute;\n top: 0;\n height: 60px;\n width: 100%;\n pointer-events: none;\n padding-top: 0px;\n padding-bottom: 0px;\n padding-left: 12px;\n padding-right: 12px;\n}\n\n[data-debug=\"true\"] {\n #BRNDTS_CTLTB {\n outline: 1px solid purple; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: 0px;\n left: 0;\n background-color: purple;\n padding: 4px 4px;\n border-radius: 4px;\n color: whitesmoke;\n }\n }\n}\n","#BRNDTS_CTLBB {\n display: flex;\n justify-content: flex-end;\n position: absolute;\n bottom: 0;\n height: 43px;\n width: 100%;\n pointer-events: none;\n padding-top: 3px;\n padding-bottom: 0px;\n padding-left: 12px;\n padding-right: 12px;\n}\n","#BRNDTS {\n position: relative;\n padding-top: 0;\n height: 0;\n max-width: 100%;\n overflow: hidden;\n width: 100%;\n padding-bottom: 56.25%;\n\n &[data-brndts_control=\"brndts_fs\"] {\n video::-webkit-media-controls-fullscreen-button {\n display: none;\n }\n }\n}\n"],"mappings":"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","names":[]}