@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap);
svg,svg *{pointer-events:all}
.ptz-speed-controller input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right, #10b981 0%, #10b981 33%, #3b82f6 33%, #3b82f6 66%, #ef4444 66%, #ef4444 100%);cursor:pointer;outline:none;border-radius:15px;height:8px;border:1px solid hsla(0,0%,100%,.2);box-shadow:inset 0 2px 4px rgba(0,0,0,.3)}
.ptz-speed-controller input[type=range]::-webkit-slider-track{background:linear-gradient(to right, #10b981 0%, #10b981 33%, #3b82f6 33%, #3b82f6 66%, #ef4444 66%, #ef4444 100%);height:8px;border-radius:15px;border:none}
.ptz-speed-controller input[type=range]::-moz-range-track{background:linear-gradient(to right, #10b981 0%, #10b981 33%, #3b82f6 33%, #3b82f6 66%, #ef4444 66%, #ef4444 100%);height:8px;border-radius:15px;border:1px solid hsla(0,0%,100%,.2)}
.ptz-speed-controller input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #374151;border-radius:50%;height:22px;width:22px;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.4);-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}
.ptz-speed-controller input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);border-color:#4f46e5;box-shadow:0 4px 8px rgba(79,70,229,.4);background:#f9fafb}
.ptz-speed-controller input[type=range]::-webkit-slider-thumb:active{transform:scale(1.05);border-color:#6366f1;box-shadow:0 2px 4px rgba(99,102,241,.6)}
.ptz-speed-controller input[type=range]::-moz-range-thumb{background:#fff;border:2px solid #374151;border-radius:50%;height:18px;width:18px;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.4);-moz-transition:all .15s ease-in-out;transition:all .15s ease-in-out;margin-top:0}
.ptz-speed-controller input[type=range]::-moz-range-thumb:hover{transform:scale(1.15);border-color:#4f46e5;box-shadow:0 4px 8px rgba(79,70,229,.4);background:#f9fafb}
.ptz-speed-controller input[type=range]::-moz-range-progress{background:#4f46e5;border-radius:15px;height:6px}
.ptz-speed-controller #ptz-speed-value{font-family:"Courier New",monospace;font-weight:bold;min-width:40px;text-align:center;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.ptz-speed-controller #ptz-speed-value[data-speed=slow]{background-color:#10b981 !important}
.ptz-speed-controller #ptz-speed-value[data-speed=medium]{background-color:#3b82f6 !important}
.ptz-speed-controller #ptz-speed-value[data-speed=fast]{background-color:#ef4444 !important}
/*
! tailwindcss v3.4.9 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}
*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
.\!container{width:100% !important}
.container{width:100%}
@media (min-width: 640px){
.\!container{max-width:640px !important}
.container{max-width:640px}}
@media (min-width: 768px){
.\!container{max-width:768px !important}
.container{max-width:768px}}
@media (min-width: 1024px){
.\!container{max-width:1024px !important}
.container{max-width:1024px}}
@media (min-width: 1280px){
.\!container{max-width:1280px !important}
.container{max-width:1280px}}
@media (min-width: 1536px){
.\!container{max-width:1536px !important}
.container{max-width:1536px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}
.pointer-events-none{pointer-events:none}
.visible{visibility:visible}
.invisible{visibility:hidden}
.static{position:static}
.fixed{position:fixed}
.absolute{position:absolute}
.relative{position:relative}
.inset-0{inset:0px}
.-bottom-\[460px\]{bottom:-460px}
.-top-\[4px\]{top:-4px}
.bottom-0{bottom:0px}
.bottom-\[16px\]{bottom:16px}
.end-0{inset-inline-end:0px}
.end-1{inset-inline-end:0.25rem}
.left-0{left:0px}
.left-\[10px\]{left:10px}
.left-\[20px\]{left:20px}
.left-\[36px\]{left:36px}
.right-0{right:0px}
.right-4{right:1rem}
.right-\[20px\]{right:20px}
.right-\[70px\]{right:70px}
.right-\[74px\]{right:74px}
.top-0{top:0px}
.top-1\/2{top:50%}
.top-\[10px\]{top:10px}
.top-\[20px\]{top:20px}
.top-\[24px\]{top:24px}
.top-\[2px\]{top:2px}
.top-\[4px\]{top:4px}
.top-\[76px\]{top:76px}
.z-10{z-index:10}
.z-20{z-index:20}
.z-30{z-index:30}
.z-\[15\]{z-index:15}
.z-\[9999\]{z-index:9999}
.col-auto{grid-column:auto}
.col-span-1{grid-column:span 1 / span 1}
.m-2{margin:0.5rem}
.-mx-1{margin-left:-0.25rem;margin-right:-0.25rem}
.-mx-\[28px\]{margin-left:-28px;margin-right:-28px}
.mx-1{margin-left:0.25rem;margin-right:0.25rem}
.mx-2{margin-left:0.5rem;margin-right:0.5rem}
.mx-\[20px\]{margin-left:20px;margin-right:20px}
.mx-auto{margin-left:auto;margin-right:auto}
.mb-0{margin-bottom:0px}
.mb-1{margin-bottom:0.25rem}
.mb-10{margin-bottom:2.5rem}
.mb-2{margin-bottom:0.5rem}
.mb-4{margin-bottom:1rem}
.mb-\[0px\]{margin-bottom:0px}
.mb-\[102px\]{margin-bottom:102px}
.mb-\[10px\]{margin-bottom:10px}
.mb-\[15px\]{margin-bottom:15px}
.mb-\[16px\]{margin-bottom:16px}
.mb-\[17px\]{margin-bottom:17px}
.mb-\[20px\]{margin-bottom:20px}
.mb-\[21px\]{margin-bottom:21px}
.mb-\[25px\]{margin-bottom:25px}
.mb-\[30px\]{margin-bottom:30px}
.mb-\[31px\]{margin-bottom:31px}
.mb-\[32px\]{margin-bottom:32px}
.mb-\[34px\]{margin-bottom:34px}
.mb-\[37px\]{margin-bottom:37px}
.mb-\[40px\]{margin-bottom:40px}
.mb-\[51px\]{margin-bottom:51px}
.mb-\[5px\]{margin-bottom:5px}
.mb-\[66px\]{margin-bottom:66px}
.me-1{margin-inline-end:0.25rem}
.me-2{margin-inline-end:0.5rem}
.me-3{margin-inline-end:0.75rem}
.ml-2{margin-left:0.5rem}
.mr-2{margin-right:0.5rem}
.mr-3{margin-right:0.75rem}
.mt-0{margin-top:0px}
.mt-2{margin-top:0.5rem}
.mt-3{margin-top:0.75rem}
.mt-4{margin-top:1rem}
.mt-\[10px\]{margin-top:10px}
.mt-\[12px\]{margin-top:12px}
.mt-\[15px\]{margin-top:15px}
.mt-\[16px\]{margin-top:16px}
.mt-\[25px\]{margin-top:25px}
.mt-\[5px\]{margin-top:5px}
.mt-\[6px\]{margin-top:6px}
.mt-\[8px\]{margin-top:8px}
.block{display:block}
.inline-block{display:inline-block}
.inline{display:inline}
.flex{display:flex}
.table{display:table}
.grid{display:grid}
.contents{display:contents}
.hidden{display:none}
.h-4{height:1rem}
.h-5{height:1.25rem}
.h-6{height:1.5rem}
.h-8{height:2rem}
.h-\[10px\]{height:10px}
.h-\[200px\]{height:200px}
.h-\[40px\]{height:40px}
.h-\[460px\]{height:460px}
.h-\[5px\]{height:5px}
.h-\[74px\]{height:74px}
.h-\[8px\]{height:8px}
.h-auto{height:auto}
.h-full{height:100%}
.max-h-\[360px\]{max-height:360px}
.min-h-\[126px\]{min-height:126px}
.min-h-\[230px\]{min-height:230px}
.min-h-full{min-height:100%}
.w-1{width:0.25rem}
.w-1\/2{width:50%}
.w-1\/3{width:33.333333%}
.w-1\/5{width:20%}
.w-2\/3{width:66.666667%}
.w-4{width:1rem}
.w-5{width:1.25rem}
.w-8{width:2rem}
.w-\[100px\]{width:100px}
.w-\[10px\]{width:10px}
.w-\[14px\]{width:14px}
.w-\[18px\]{width:18px}
.w-\[250px\]{width:250px}
.w-\[40px\]{width:40px}
.w-\[45px\]{width:45px}
.w-\[5px\]{width:5px}
.w-\[68\%\]{width:68%}
.w-\[8px\]{width:8px}
.w-auto{width:auto}
.w-full{width:100%}
.min-w-0{min-width:0px}
.min-w-\[50px\]{min-width:50px}
.min-w-\[81px\]{min-width:81px}
.min-w-full{min-width:100%}
.max-w-5xl{max-width:64rem}
.max-w-\[100px\]{max-width:100px}
.max-w-\[1400px\]{max-width:1400px}
.max-w-\[250px\]{max-width:250px}
.max-w-\[540px\]{max-width:540px}
.flex-1{flex:1 1 0%}
.flex-\[2\]{flex:2}
.flex-shrink{flex-shrink:1}
.flex-shrink-0{flex-shrink:0}
.shrink-0{flex-shrink:0}
.grow{flex-grow:1}
.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.cursor-pointer{cursor:pointer}
.resize{resize:both}
.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}
.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
.grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}
.grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}
.grid-rows-1{grid-template-rows:repeat(1, minmax(0, 1fr))}
.flex-row{flex-direction:row}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.items-start{align-items:flex-start}
.items-end{align-items:flex-end}
.items-center{align-items:center}
.justify-start{justify-content:flex-start}
.justify-end{justify-content:flex-end}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.justify-around{justify-content:space-around}
.gap-0{gap:0px}
.gap-1{gap:0.25rem}
.gap-2{gap:0.5rem}
.gap-3{gap:0.75rem}
.gap-4{gap:1rem}
.gap-6{gap:1.5rem}
.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}
.gap-y-1{row-gap:0.25rem}
.space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))}
.space-y-5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}
.space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}
.self-center{align-self:center}
.overflow-hidden{overflow:hidden}
.overflow-visible{overflow:visible}
.overflow-x-auto{overflow-x:auto}
.overflow-y-auto{overflow-y:auto}
.overflow-x-hidden{overflow-x:hidden}
.overscroll-y-auto{overscroll-behavior-y:auto}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.whitespace-nowrap{white-space:nowrap}
.break-all{word-break:break-all}
.rounded{border-radius:0.25rem}
.rounded-\[10px\]{border-radius:10px}
.rounded-\[12px\]{border-radius:12px}
.rounded-\[20px\]{border-radius:20px}
.rounded-\[30px\]{border-radius:30px}
.rounded-\[5px\]{border-radius:5px}
.rounded-\[6px\]{border-radius:6px}
.rounded-\[8px\]{border-radius:8px}
.rounded-full{border-radius:9999px}
.rounded-lg{border-radius:0.5rem}
.rounded-md{border-radius:0.375rem}
.rounded-xl{border-radius:0.75rem}
.rounded-t-\[24px\]{border-top-left-radius:24px;border-top-right-radius:24px}
.rounded-tl-\[30px\]{border-top-left-radius:30px}
.rounded-tr-\[30px\]{border-top-right-radius:30px}
.border{border-width:1px}
.border-0{border-width:0px}
.border-2{border-width:2px}
.border-b{border-bottom-width:1px}
.border-t{border-top-width:1px}
.border-\[\#E53935\]{--tw-border-opacity:1;border-color:rgb(229 57 53 / var(--tw-border-opacity))}
.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity))}
.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}
.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}
.border-primary{--tw-border-opacity:1;border-color:rgb(76 93 252 / var(--tw-border-opacity))}
.border-quaternary{border-color:#dee2ffe3}
.border-red-400{--tw-border-opacity:1;border-color:rgb(248 113 113 / var(--tw-border-opacity))}
.border-tertiary{--tw-border-opacity:1;border-color:rgb(125 125 125 / var(--tw-border-opacity))}
.bg-\[\#D9D9D9\]{--tw-bg-opacity:1;background-color:rgb(217 217 217 / var(--tw-bg-opacity))}
.bg-\[green\]{--tw-bg-opacity:1;background-color:rgb(0 128 0 / var(--tw-bg-opacity))}
.bg-\[red\]{--tw-bg-opacity:1;background-color:rgb(255 0 0 / var(--tw-bg-opacity))}
.bg-\[yellow\]{--tw-bg-opacity:1;background-color:rgb(255 255 0 / var(--tw-bg-opacity))}
.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}
.bg-black\/60{background-color:rgb(0 0 0 / 0.6)}
.bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254 / var(--tw-bg-opacity))}
.bg-blue-400{--tw-bg-opacity:1;background-color:rgb(96 165 250 / var(--tw-bg-opacity))}
.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}
.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}
.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}
.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}
.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}
.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}
.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}
.bg-primary{--tw-bg-opacity:1;background-color:rgb(76 93 252 / var(--tw-bg-opacity))}
.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226 / var(--tw-bg-opacity))}
.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}
.bg-secondary{--tw-bg-opacity:1;background-color:rgb(16 24 23 / var(--tw-bg-opacity))}
.bg-transparent{background-color:transparent}
.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}
.bg-white\/20{background-color:rgb(255 255 255 / 0.2)}
.bg-opacity-50{--tw-bg-opacity:0.5}
.object-contain{-o-object-fit:contain;object-fit:contain}
.object-cover{-o-object-fit:cover;object-fit:cover}
.p-0{padding:0px}
.p-2{padding:0.5rem}
.p-3{padding:0.75rem}
.p-4{padding:1rem}
.p-5{padding:1.25rem}
.p-\[10px\]{padding:10px}
.p-\[12px\]{padding:12px}
.p-\[14px\]{padding:14px}
.p-\[16px\]{padding:16px}
.p-\[17px\]{padding:17px}
.p-\[18px\]{padding:18px}
.p-\[7px\]{padding:7px}
.p-\[9px\]{padding:9px}
.px-1{padding-left:0.25rem;padding-right:0.25rem}
.px-2{padding-left:0.5rem;padding-right:0.5rem}
.px-3{padding-left:0.75rem;padding-right:0.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-\[10px\]{padding-left:10px;padding-right:10px}
.px-\[12px\]{padding-left:12px;padding-right:12px}
.px-\[13px\]{padding-left:13px;padding-right:13px}
.px-\[14px\]{padding-left:14px;padding-right:14px}
.px-\[15px\]{padding-left:15px;padding-right:15px}
.px-\[16px\]{padding-left:16px;padding-right:16px}
.px-\[20px\]{padding-left:20px;padding-right:20px}
.px-\[28px\]{padding-left:28px;padding-right:28px}
.px-\[30px\]{padding-left:30px;padding-right:30px}
.px-\[4px\]{padding-left:4px;padding-right:4px}
.px-\[5px\]{padding-left:5px;padding-right:5px}
.px-\[70px\]{padding-left:70px;padding-right:70px}
.px-\[8px\]{padding-left:8px;padding-right:8px}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem}
.py-\[10px\]{padding-top:10px;padding-bottom:10px}
.py-\[12px\]{padding-top:12px;padding-bottom:12px}
.py-\[14px\]{padding-top:14px;padding-bottom:14px}
.py-\[16px\]{padding-top:16px;padding-bottom:16px}
.py-\[5px\]{padding-top:5px;padding-bottom:5px}
.py-\[6px\]{padding-top:6px;padding-bottom:6px}
.py-\[7px\]{padding-top:7px;padding-bottom:7px}
.py-\[8px\]{padding-top:8px;padding-bottom:8px}
.py-\[9px\]{padding-top:9px;padding-bottom:9px}
.pb-2{padding-bottom:0.5rem}
.pb-3{padding-bottom:0.75rem}
.pb-8{padding-bottom:2rem}
.pb-\[10px\]{padding-bottom:10px}
.pb-\[13px\]{padding-bottom:13px}
.pb-\[15px\]{padding-bottom:15px}
.pb-\[18px\]{padding-bottom:18px}
.pb-\[20px\]{padding-bottom:20px}
.pb-\[30px\]{padding-bottom:30px}
.pb-\[5px\]{padding-bottom:5px}
.pb-\[76px\]{padding-bottom:76px}
.pb-\[80px\]{padding-bottom:80px}
.pb-\[90px\]{padding-bottom:90px}
.pl-\[50px\]{padding-left:50px}
.pr-\[10px\]{padding-right:10px}
.pr-\[5px\]{padding-right:5px}
.pt-2{padding-top:0.5rem}
.pt-4{padding-top:1rem}
.pt-\[0px\]{padding-top:0px}
.pt-\[108px\]{padding-top:108px}
.pt-\[10px\]{padding-top:10px}
.pt-\[18px\]{padding-top:18px}
.pt-\[20px\]{padding-top:20px}
.pt-\[230px\]{padding-top:230px}
.pt-\[25px\]{padding-top:25px}
.pt-\[30px\]{padding-top:30px}
.pt-\[61px\]{padding-top:61px}
.pt-\[75px\]{padding-top:75px}
.pt-\[80px\]{padding-top:80px}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
.text-end{text-align:end}
.font-Inter{font-family:Inter, sans-serif}
.text-\[10px\]{font-size:10px}
.text-\[11px\]{font-size:11px}
.text-\[12px\]{font-size:12px}
.text-\[13px\]{font-size:13px}
.text-\[14px\]{font-size:14px}
.text-\[15px\]{font-size:15px}
.text-\[16px\]{font-size:16px}
.text-\[18px\]{font-size:18px}
.text-\[20px\]{font-size:20px}
.text-\[22px\]{font-size:22px}
.text-\[24px\]{font-size:24px}
.text-\[30px\]{font-size:30px}
.text-\[8px\]{font-size:8px}
.text-base{font-size:1rem;line-height:1.5rem}
.text-sm{font-size:0.875rem;line-height:1.25rem}
.text-xs{font-size:0.75rem;line-height:1rem}
.font-\[400\]{font-weight:400}
.font-\[500\]{font-weight:500}
.font-\[600\]{font-weight:600}
.font-\[700\]{font-weight:700}
.font-bold{font-weight:700}
.font-medium{font-weight:500}
.font-normal{font-weight:400}
.font-semibold{font-weight:600}
.uppercase{text-transform:uppercase}
.leading-\[1\.8\]{line-height:1.8}
.tracking-wide{letter-spacing:0.025em}
.text-\[\#1B1E28\]{--tw-text-opacity:1;color:rgb(27 30 40 / var(--tw-text-opacity))}
.text-\[\#E53935\]{--tw-text-opacity:1;color:rgb(229 57 53 / var(--tw-text-opacity))}
.text-\[red\]{--tw-text-opacity:1;color:rgb(255 0 0 / var(--tw-text-opacity))}
.text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}
.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246 / var(--tw-text-opacity))}
.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235 / var(--tw-text-opacity))}
.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity))}
.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity))}
.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity))}
.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity))}
.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity))}
.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity))}
.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity))}
.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94 / var(--tw-text-opacity))}
.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74 / var(--tw-text-opacity))}
.text-primary{--tw-text-opacity:1;color:rgb(76 93 252 / var(--tw-text-opacity))}
.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity))}
.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28 / var(--tw-text-opacity))}
.text-secondary{--tw-text-opacity:1;color:rgb(16 24 23 / var(--tw-text-opacity))}
.text-tertiary{--tw-text-opacity:1;color:rgb(125 125 125 / var(--tw-text-opacity))}
.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}
.text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4 / var(--tw-text-opacity))}
.underline{text-decoration-line:underline}
.opacity-0{opacity:0}
.opacity-100{opacity:1}
.opacity-75{opacity:0.75}
.shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-primary{--tw-shadow-color:#4C5DFC;--tw-shadow:var(--tw-shadow-colored)}
.outline{outline-style:solid}
.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}
.ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255 / var(--tw-ring-opacity))}
.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.invert{--tw-invert:invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
.transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.duration-300{transition-duration:300ms}
.ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1)}
.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}
.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}
@keyframes plyr-progress{to{background-position:var(--plyr-progress-loading-size, 25px) 0}}
@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}
.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:var(--plyr-font-family, inherit);font-variant-numeric:tabular-nums;font-weight:var(--plyr-font-weight-regular, 400);line-height:var(--plyr-line-height, 1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}
.plyr video,.plyr audio,.plyr iframe{display:block;height:100%;width:100%}
.plyr button{font:inherit;line-height:inherit;width:auto}
.plyr:focus{outline:0}
.plyr--full-ui{box-sizing:border-box}
.plyr--full-ui *,.plyr--full-ui *::after,.plyr--full-ui *::before{box-sizing:inherit}
.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}
.plyr__badge{background:var(--plyr-badge-background, hsl(216, 15%, 34%));border-radius:var(--plyr-badge-border-radius, 2px);color:var(--plyr-badge-text-color, #fff);font-size:var(--plyr-font-size-badge, 9px);line-height:1;padding:3px 4px}
.plyr--full-ui ::-webkit-media-text-track-container{display:none}
.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:var(--plyr-font-size-small, 13px);left:0;padding:var(--plyr-control-spacing, 10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}
.plyr__captions span:empty{display:none}
@media(min-width: 480px){.plyr__captions{font-size:var(--plyr-font-size-base, 15px);padding:calc(var(--plyr-control-spacing, 10px)*2)}}
@media(min-width: 768px){.plyr__captions{font-size:var(--plyr-font-size-large, 18px)}}
.plyr--captions-active .plyr__captions{display:block}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(calc(var(--plyr-control-spacing, 10px) * -4))}
.plyr__caption{background:var(--plyr-captions-background, rgba(0, 0, 0, 0.8));border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--plyr-captions-text-color, #fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}
.plyr__caption div{display:inline}
.plyr__control{background:rgba(0,0,0,0);border:0;border-radius:var(--plyr-control-radius, 4px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:calc(var(--plyr-control-spacing, 10px)*.7);position:relative;transition:all .1s ease-in-out}
.plyr__control svg{display:block;fill:currentColor;height:var(--plyr-control-icon-size, 18px);pointer-events:none;width:var(--plyr-control-icon-size, 18px)}
.plyr__control:focus{outline:0}
.plyr__control:focus-visible{outline:2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));outline-offset:2px}
a.plyr__control{text-decoration:none}
a.plyr__control::after,a.plyr__control::before{display:none}
.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,.plyr__control.plyr__control--pressed .label--not-pressed{display:none}
.plyr--full-ui ::-webkit-media-controls{display:none}
.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}
.plyr__controls .plyr__progress__container{flex:1;min-width:0}
.plyr__controls .plyr__controls__item{margin-left:calc(var(--plyr-control-spacing, 10px)/4)}
.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}
.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:calc(var(--plyr-control-spacing, 10px)/4)}
.plyr__controls .plyr__controls__item.plyr__time{padding:0 calc(var(--plyr-control-spacing, 10px)/2)}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time{padding-left:0}
.plyr__controls:empty{display:none}
.plyr [data-plyr=captions],.plyr [data-plyr=pip],.plyr [data-plyr=airplay],.plyr [data-plyr=fullscreen]{display:none}
.plyr--captions-enabled [data-plyr=captions],.plyr--pip-supported [data-plyr=pip],.plyr--airplay-supported [data-plyr=airplay],.plyr--fullscreen-enabled [data-plyr=fullscreen]{display:inline-block}
.plyr__menu{display:flex;position:relative}
.plyr__menu .plyr__control svg{transition:transform .3s ease}
.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}
.plyr__menu__container{animation:plyr-popup .2s ease;background:var(--plyr-menu-background, rgba(255, 255, 255, 0.9));border-radius:var(--plyr-menu-radius, 8px);bottom:100%;box-shadow:var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));color:var(--plyr-menu-color, hsl(216, 15%, 34%));font-size:var(--plyr-font-size-base, 15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}
.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(0.4, 0, 0.2, 1),width .35s cubic-bezier(0.4, 0, 0.2, 1)}
.plyr__menu__container::after{border:var(--plyr-menu-arrow-size, 4px) solid rgba(0,0,0,0);border-top-color:var(--plyr-menu-background, rgba(255, 255, 255, 0.9));content:"";height:0;position:absolute;right:calc(var(--plyr-control-icon-size, 18px)/2 + calc(var(--plyr-control-spacing, 10px) * 0.7) - var(--plyr-menu-arrow-size, 4px)/2);top:100%;width:0}
.plyr__menu__container [role=menu]{padding:calc(var(--plyr-control-spacing, 10px)*.7)}
.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}
.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}
.plyr__menu__container .plyr__control{align-items:center;color:var(--plyr-menu-color, hsl(216, 15%, 34%));display:flex;font-size:var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));padding:calc(calc(var(--plyr-control-spacing, 10px) * 0.7)/1.5) calc(calc(var(--plyr-control-spacing, 10px) * 0.7)*1.5);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}
.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}
.plyr__menu__container .plyr__control::after{border:var(--plyr-menu-item-arrow-size, 4px) solid rgba(0,0,0,0);content:"";position:absolute;top:50%;transform:translateY(-50%)}
.plyr__menu__container .plyr__control--forward{padding-right:calc(calc(var(--plyr-control-spacing, 10px) * 0.7)*4)}
.plyr__menu__container .plyr__control--forward::after{border-left-color:var(--plyr-menu-arrow-color, hsl(216, 15%, 52%));right:calc(calc(var(--plyr-control-spacing, 10px) * 0.7)*1.5 - var(--plyr-menu-item-arrow-size, 4px))}
.plyr__menu__container .plyr__control--forward:focus-visible::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}
.plyr__menu__container .plyr__control--back{font-weight:var(--plyr-font-weight-regular, 400);margin:calc(var(--plyr-control-spacing, 10px)*.7);margin-bottom:calc(calc(var(--plyr-control-spacing, 10px) * 0.7)/2);padding-left:calc(calc(var(--plyr-control-spacing, 10px) * 0.7)*4);position:relative;width:calc(100% - calc(var(--plyr-control-spacing, 10px) * 0.7)*2)}
.plyr__menu__container .plyr__control--back::after{border-right-color:var(--plyr-menu-arrow-color, hsl(216, 15%, 52%));left:calc(calc(var(--plyr-control-spacing, 10px) * 0.7)*1.5 - var(--plyr-menu-item-arrow-size, 4px))}
.plyr__menu__container .plyr__control--back::before{background:var(--plyr-menu-back-border-color, hsl(216, 15%, 88%));box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);content:"";height:1px;left:0;margin-top:calc(calc(var(--plyr-control-spacing, 10px) * 0.7)/2);overflow:hidden;position:absolute;right:0;top:100%}
.plyr__menu__container .plyr__control--back:focus-visible::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}
.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:calc(var(--plyr-control-spacing, 10px)*.7)}
.plyr__menu__container .plyr__control[role=menuitemradio]::before,.plyr__menu__container .plyr__control[role=menuitemradio]::after{border-radius:100%}
.plyr__menu__container .plyr__control[role=menuitemradio]::before{background:rgba(0,0,0,.1);content:"";display:block;flex-shrink:0;height:16px;margin-right:var(--plyr-control-spacing, 10px);transition:all .3s ease;width:16px}
.plyr__menu__container .plyr__control[role=menuitemradio]::after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{background:var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))))}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after{opacity:1;transform:translateY(-50%) scale(1)}
.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before{background:hsla(216,15%,16%,.1)}
.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:calc((calc(var(--plyr-control-spacing, 10px) * 0.7) - 2px)*-1);overflow:hidden;padding-left:calc(calc(var(--plyr-control-spacing, 10px) * 0.7)*3.5);pointer-events:none}
.plyr--full-ui input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:0;border-radius:calc(var(--plyr-range-thumb-height, 13px)*2);color:var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));display:block;height:calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:rgba(0,0,0,0);border:0;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:var(--plyr-range-track-height, 5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%))}
.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:var(--plyr-range-thumb-background, #fff);border:0;border-radius:100%;box-shadow:var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2));height:var(--plyr-range-thumb-height, 13px);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:var(--plyr-range-thumb-height, 13px);-webkit-appearance:none;appearance:none;margin-top:calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1)}
.plyr--full-ui input[type=range]::-moz-range-track{background:rgba(0,0,0,0);border:0;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:var(--plyr-range-track-height, 5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-moz-user-select:none;user-select:none}
.plyr--full-ui input[type=range]::-moz-range-thumb{background:var(--plyr-range-thumb-background, #fff);border:0;border-radius:100%;box-shadow:var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2));height:var(--plyr-range-thumb-height, 13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:var(--plyr-range-thumb-height, 13px)}
.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:var(--plyr-range-track-height, 5px)}
.plyr--full-ui input[type=range]::-ms-track{background:rgba(0,0,0,0);border:0;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:var(--plyr-range-track-height, 5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none;color:rgba(0,0,0,0)}
.plyr--full-ui input[type=range]::-ms-fill-upper{background:rgba(0,0,0,0);border:0;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:var(--plyr-range-track-height, 5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}
.plyr--full-ui input[type=range]::-ms-fill-lower{background:rgba(0,0,0,0);border:0;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:var(--plyr-range-track-height, 5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none;background:currentColor}
.plyr--full-ui input[type=range]::-ms-thumb{background:var(--plyr-range-thumb-background, #fff);border:0;border-radius:100%;box-shadow:var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2));height:var(--plyr-range-thumb-height, 13px);position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:var(--plyr-range-thumb-height, 13px);margin-top:0}
.plyr--full-ui input[type=range]::-ms-tooltip{display:none}
.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}
.plyr--full-ui input[type=range]:focus{outline:0}
.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track{outline:2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));outline-offset:2px}
.plyr--full-ui input[type=range]:focus-visible::-moz-range-track{outline:2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));outline-offset:2px}
.plyr--full-ui input[type=range]:focus-visible::-ms-track{outline:2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));outline-offset:2px}
.plyr__poster{background-color:var(--plyr-video-background, var(--plyr-video-background, rgb(0, 0, 0)));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}
.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}
.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}
.plyr__time{font-size:var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))}
.plyr__time+.plyr__time::before{content:"⁄";margin-right:var(--plyr-control-spacing, 10px)}
@media(max-width: 767px){.plyr__time+.plyr__time{display:none}}
.plyr__tooltip{background:var(--plyr-tooltip-background, #fff);border-radius:var(--plyr-tooltip-radius, 5px);bottom:100%;box-shadow:var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));color:var(--plyr-tooltip-color, hsl(216, 15%, 34%));font-size:var(--plyr-font-size-small, 13px);font-weight:var(--plyr-font-weight-regular, 400);left:50%;line-height:1.3;margin-bottom:calc(calc(var(--plyr-control-spacing, 10px) / 2)*2);opacity:0;padding:calc(var(--plyr-control-spacing, 10px)/2) calc(calc(var(--plyr-control-spacing, 10px) / 2)*1.5);pointer-events:none;position:absolute;transform:translate(-50%, 10px) scale(0.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;white-space:nowrap;z-index:2}
.plyr__tooltip::before{border-left:var(--plyr-tooltip-arrow-size, 4px) solid rgba(0,0,0,0);border-right:var(--plyr-tooltip-arrow-size, 4px) solid rgba(0,0,0,0);border-top:var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}
.plyr .plyr__control:hover .plyr__tooltip,.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%, 0) scale(1)}
.plyr .plyr__control:hover .plyr__tooltip{z-index:3}
.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0, 10px) scale(0.8);transform-origin:0 100%}
.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:calc(var(--plyr-control-icon-size, 18px)/2 + calc(var(--plyr-control-spacing, 10px) * 0.7))}
.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translate(0, 10px) scale(0.8);transform-origin:100% 100%}
.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:calc(var(--plyr-control-icon-size, 18px)/2 + calc(var(--plyr-control-spacing, 10px) * 0.7));transform:translateX(50%)}
.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible{transform:translate(0, 0) scale(1)}
.plyr__progress{left:calc(var(--plyr-range-thumb-height, 13px)*.5);margin-right:var(--plyr-range-thumb-height, 13px);position:relative}
.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:calc(var(--plyr-range-thumb-height, 13px)*-0.5);margin-right:calc(var(--plyr-range-thumb-height, 13px)*-0.5);width:calc(100% + var(--plyr-range-thumb-height, 13px))}
.plyr__progress input[type=range]{position:relative;z-index:2}
.plyr__progress .plyr__tooltip{left:0;max-width:120px;overflow-wrap:break-word}
.plyr__progress__buffer{-webkit-appearance:none;background:rgba(0,0,0,0);border:0;border-radius:100px;height:var(--plyr-range-track-height, 5px);left:0;margin-top:calc(var(--plyr-range-track-height, 5px)/2*-1);padding:0;position:absolute;top:50%}
.plyr__progress__buffer::-webkit-progress-bar{background:rgba(0,0,0,0)}
.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:var(--plyr-range-track-height, 5px);-webkit-transition:width .2s ease;transition:width .2s ease}
.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:var(--plyr-range-track-height, 5px);-moz-transition:width .2s ease;transition:width .2s ease}
.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}
.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(34.68, 39.576, 46.92, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(34.68, 39.576, 46.92, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(34.68, 39.576, 46.92, 0.6)) 75%, transparent 75%, transparent);background-repeat:repeat-x;background-size:var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);color:rgba(0,0,0,0)}
.plyr--video.plyr--loading .plyr__progress__buffer{background-color:var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))}
.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:var(--plyr-audio-progress-buffered-background, rgba(193.4175, 199.8435, 209.4825, 0.6))}
.plyr__progress__marker{background-color:var(--plyr-progress-marker-background, #fff);border-radius:1px;height:var(--plyr-range-track-height, 5px);position:absolute;top:50%;transform:translate(-50%, -50%);width:var(--plyr-progress-marker-width, 3px);z-index:3}
.plyr__volume{align-items:center;display:flex;position:relative}
.plyr__volume input[type=range]{margin-left:calc(var(--plyr-control-spacing, 10px)/2);margin-right:calc(var(--plyr-control-spacing, 10px)/2);max-width:90px;min-width:60px;position:relative;z-index:2}
.plyr--audio{display:block}
.plyr--audio .plyr__controls{background:var(--plyr-audio-controls-background, #fff);border-radius:inherit;color:var(--plyr-audio-control-color, hsl(216, 15%, 34%));padding:var(--plyr-control-spacing, 10px)}
.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));color:var(--plyr-audio-control-color-hover, #fff)}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193.4175, 199.8435, 209.4825, 0.6)))}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193.4175, 199.8435, 209.4825, 0.6)))}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193.4175, 199.8435, 209.4825, 0.6)))}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(34.68, 39.576, 46.92, 0.1))}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(34.68, 39.576, 46.92, 0.1))}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(34.68, 39.576, 46.92, 0.1))}
.plyr--audio .plyr__progress__buffer{color:var(--plyr-audio-progress-buffered-background, rgba(193.4175, 199.8435, 209.4825, 0.6))}
.plyr--video{overflow:hidden}
.plyr--video.plyr--menu-open{overflow:visible}
.plyr__video-wrapper{background:var(--plyr-video-background, var(--plyr-video-background, rgb(0, 0, 0)));border-radius:inherit;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}
@supports not (aspect-ratio: 16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}
.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}
.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}
.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}
.plyr--video .plyr__controls{background:var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:var(--plyr-video-control-color, #fff);left:0;padding:calc(var(--plyr-control-spacing, 10px)/2);padding-top:calc(var(--plyr-control-spacing, 10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}
@media(min-width: 480px){.plyr--video .plyr__controls{padding:var(--plyr-control-spacing, 10px);padding-top:calc(var(--plyr-control-spacing, 10px)*3.5)}}
.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}
.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));color:var(--plyr-video-control-color-hover, #fff)}
.plyr__control--overlaid{background:var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));border:0;border-radius:100%;color:var(--plyr-video-control-color, #fff);display:none;left:50%;opacity:.9;padding:calc(var(--plyr-control-spacing, 10px)*1.5);position:absolute;top:50%;transform:translate(-50%, -50%);transition:.3s;z-index:2}
.plyr__control--overlaid svg{left:2px;position:relative}
.plyr__control--overlaid:hover,.plyr__control--overlaid:focus{opacity:1}
.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}
.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)))}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)))}
.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)))}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5))}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5))}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5))}
.plyr--video .plyr__progress__buffer{color:var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))}
.plyr:fullscreen{background:#000;border-radius:0 !important;height:100%;margin:0;width:100%}
.plyr:fullscreen video{height:100%}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}
.plyr:fullscreen.plyr--hide-controls{cursor:none}
@media(min-width: 1024px){.plyr:fullscreen .plyr__captions{font-size:var(--plyr-font-size-xlarge, 21px)}}
.plyr--fullscreen-fallback{background:#000;border-radius:0 !important;height:100%;margin:0;width:100%}
.plyr--fullscreen-fallback video{height:100%}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}
.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}
@media(min-width: 1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:var(--plyr-font-size-xlarge, 21px)}}
.plyr--fullscreen-fallback{position:fixed;inset:0;z-index:10000000}
.plyr__ads{border-radius:inherit;cursor:pointer;inset:0;overflow:hidden;position:absolute;z-index:-1}
.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}
.plyr__ads::after{background:hsl(216,15%,16%);border-radius:2px;bottom:var(--plyr-control-spacing, 10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:var(--plyr-control-spacing, 10px);z-index:3}
.plyr__ads:empty::after{display:none}
.plyr__cues{background:currentColor;display:block;height:var(--plyr-range-track-height, 5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}
.plyr__preview-thumb{background-color:var(--plyr-tooltip-background, #fff);border-radius:var(--plyr-menu-radius, 8px);bottom:100%;box-shadow:var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));margin-bottom:calc(calc(var(--plyr-control-spacing, 10px) / 2)*2);opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translate(0, 10px) scale(0.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;z-index:2}
.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0, 0) scale(1)}
.plyr__preview-thumb::before{border-left:var(--plyr-tooltip-arrow-size, 4px) solid rgba(0,0,0,0);border-right:var(--plyr-tooltip-arrow-size, 4px) solid rgba(0,0,0,0);border-top:var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));position:absolute;transform:translateX(-50%);width:0;z-index:2}
.plyr__preview-thumb__image-container{background:hsl(216,15%,79%);border-radius:calc(var(--plyr-menu-radius, 8px) - 1px);overflow:hidden;position:relative;z-index:0}
.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container::after{height:100%;left:0;position:absolute;top:0;width:100%}
.plyr__preview-thumb__image-container::after{border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);content:"";pointer-events:none}
.plyr__preview-thumb__image-container img{max-height:none;max-width:none}
.plyr__preview-thumb__time-container{background:var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)));border-bottom-left-radius:calc(var(--plyr-menu-radius, 8px) - 1px);border-bottom-right-radius:calc(var(--plyr-menu-radius, 8px) - 1px);bottom:0;left:0;line-height:1.1;padding:20px 6px 6px;position:absolute;right:0;z-index:3}
.plyr__preview-thumb__time-container span{color:#fff;font-size:var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))}
.plyr__preview-scrubbing{filter:blur(1px);height:100%;inset:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;transition:opacity .3s ease;width:100%;z-index:1}
.plyr__preview-scrubbing--is-shown{opacity:1}
.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:100%}
.plyr--no-transition{transition:none !important}
.plyr__sr-only{clip:rect(1px, 1px, 1px, 1px);overflow:hidden;border:0 !important;height:1px !important;padding:0 !important;position:absolute !important;width:1px !important}
.plyr [hidden]{display:none !important}
.swal2-title{font-size:18px !important}
html,body{height:100%}
input:focus-visible{outline:none}
input:focus{border-color:#4c5dfc !important}
.dot-bg{background:url(../media/img/landing-page-dots.webp) no-repeat center;background-size:auto}
.onboarding-section-area{background:#fff url(../media/img/onboarding-dot-bg.webp) no-repeat left top}
.onboarding2-section-area{background:#fff url(../media/img/onboarding-dot-bg.webp) no-repeat left top}
.app-bottom-bar{box-shadow:0px -20px 30px 0px rgba(0,0,0,.05)}
.select-box{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:url(../media/img/down-arrow.svg) no-repeat right center;background-position:96% center;padding-right:40px}
.camera-list .camera{border-radius:10px}
.camera-list .camera:before{content:"";position:absolute;z-index:10;left:0;top:0;height:100%;width:100%;background:linear-gradient(114deg, rgba(0, 0, 0, 0.6) 9.94%, rgba(0, 0, 0, 0) 86.76%)}
.camera-list.list-view .camera-item .camera .camera-details{top:20px;left:16px}
.camera-list.list-view .camera-item .camera .camera-title{font-size:16px}
.camera-list.list-view .camera-item .camera .camera-status{font-size:12px}
.camera-list.list-view .camera-item .camera .camera-status span{height:8px;width:8px}
.cam-preview-area:before{content:"";position:absolute;height:100%;width:100%;top:0;left:0;z-index:10;background:linear-gradient(116deg, rgba(0, 0, 0, 0.4) 11.56%, rgba(0, 0, 0, 0) 85.14%)}
.cam-preview-area video{height:200px;width:100%;-o-object-fit:cover;object-fit:cover}
#camPlayer.ios-fullscreen::before{display:none}
#camPlayer.ios-fullscreen video{height:100% !important;width:100% !important;-o-object-fit:contain !important;object-fit:contain !important}
#camPlayer.ios-fullscreen .video-wrap{width:100%;height:100%}
#camPlayer.ios-fullscreen #camSettingsBtnHolder,#camPlayer.ios-fullscreen #camSnapshot,#camPlayer.ios-fullscreen #videoFullscreen,#camPlayer.ios-fullscreen .camera-details,#camPlayer.ios-fullscreen #videoRecordingScreen{display:none !important}
.plyr--fullscreen-fallback,.plyr--fullscreen{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.plyr__full_screen_elm{left:0;right:0;top:0;bottom:0;pointer-events:none}
.plyr__full_screen_elm>*{pointer-events:auto}
.plyr__full_screen_buttons{bottom:calc(20px + env(safe-area-inset-top));right:calc(20px + env(safe-area-inset-right))}
.switch{position:relative;display:inline-block;width:50px;height:24px}
.switch input{opacity:0;width:0;height:0}
.switch input:checked+.slider{background-color:#4c5dfc}
.switch input:focus+.slider{box-shadow:0 0 1px #4c5dfc}
.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}
.switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;transition:.4s}
.switch .slider.round{border-radius:34px}
.switch .slider.round:before{border-radius:50%}
.switch input:checked+.slider:before{transform:translateX(26px)}
.feature-box a .icon-holder{box-shadow:0 0 0 .5px #000}
.feature-box a .icon-holder img{filter:invert(6%) sepia(37%) saturate(458%) hue-rotate(123deg) brightness(89%) contrast(93%)}
.feature-box a.active .icon-holder{box-shadow:0 0 0 .5px #4c5dfc;background-color:#4c5dfc;color:#fff}
.feature-box a.active .icon-holder img{filter:brightness(0) invert(1)}
.thermal-cam-controller{box-shadow:0 0 0 .5px #d9d9d9;border-radius:10px}
.thermal-cam-controller .thermal-mode-btn{height:34px;width:34px;background:url(../media/img/thermal-icons-bg.webp) no-repeat 0 0;margin:0 auto 10px}
.thermal-cam-controller .thermal-mode-btn.active{animation:pulse 2s ease-out infinite;border-radius:100%}
.thermal-cam-controller .thermal-mode-btn.mode-02{background-position:25% 100%}
.thermal-cam-controller .thermal-mode-btn.mode-03{background-position:50% 0}
.thermal-cam-controller .thermal-mode-btn.mode-04{background-position:75% 0}
.thermal-cam-controller .thermal-mode-btn.mode-05{background-position:100% 0}
.thermal-cam-controller .thermal-mode-btn.mode-06{background-position:50% 100%}
.thermal-cam-controller .thermal-mode-btn.mode-07{background-position:25% 0}
.thermal-cam-controller .thermal-mode-btn.mode-08{background-position:0 100%}
.thermal-cam-controller .thermal-mode-btn.mode-09{background-position:75% 100%}
.thermal-cam-controller .thermal-mode-btn.mode-10{background-position:100% 100%}
.preset-cam-controller{box-shadow:0 0 0 .5px #d9d9d9;border-radius:10px;padding:10px}
.preset-cam-controller .preset-mode-btn{width:100%;height:34px;text-align:center;display:block;font-family:"Inter","sans-serif";font-size:14px;font-weight:500;vertical-align:middle;border-radius:10px;color:#4c5dfc;border:1px solid #4c5dfc;line-height:33px}
.preset-cam-controller .preset-mode-btn.active{background-color:#4c5dfc;color:#fff}
.cam-setting-area{box-shadow:0 20px 20px 0 rgba(76,93,252,.05);border-radius:10px}
.cam-setting-area .cam-setting-inner{border-radius:10px;box-shadow:0 0 0 .5px #eaeaea;background:#fff}
.camera-settings-section .cam-setting-area .cam-info-header{position:relative}
.camera-settings-section .cam-setting-area .cam-info-header:after{content:"";width:12px;height:6px;background:url(../media/img/down-arrow2.svg) no-repeat center;background-size:contain;position:absolute;right:0;top:8px}
.camera-settings-section .cam-setting-area .cam-info-header.cam-adv-setting-btn:after{top:3px;width:16px;height:16px;background:url(../media/img/cam-setting-icon.svg) no-repeat center}
.camera-settings-section .cam-setting-area .cam-info-list{display:none}
.camera-settings-section .cam-setting-area .cam-info-list.active{display:block}
.cam-info-toggle{display:flex;align-items:center;gap:6px;cursor:pointer}
.cam-info-toggle .cam-info-chevron{transition:transform .2s}
.cam-info-toggle.opened .cam-info-chevron{transform:rotate(180deg)}
.cam-info-list{display:none}
.cam-info-list.active{display:block}
.swal2-title{font-family:"Inter","sans-serif" !important}
.swal2-cancel{border:2px solid #4c5dfc !important;color:#4c5dfc !important}
.notification-section .list-holder .l-item,.saved-video-section .list-holder .l-item{background:#fff;box-shadow:0 10px 20px 0 rgba(76,93,252,.1)}
.notification-section .list-holder .l-item:hover,.saved-video-section .list-holder .l-item:hover{box-shadow:0 10px 20px 0 rgba(76,93,252,.3)}
.popup-layer{width:100%;height:100%;top:0;left:0;position:fixed;z-index:10;background:rgba(0,0,0,.5)}
.bottom-popup{border-radius:20px;background:#fff;box-shadow:0 20px 20px 0 rgba(0,0,0,.05);padding:20px}
.bottom-popup .popup-list li{border-radius:10px;border:1px solid #e2e5ff;margin-bottom:10px}
.bottom-popup .popup-list li:last-child{margin-bottom:0}
.bottom-popup .popup-list li:hover{background-color:#4c5dfc;color:#fff}
.bottom-popup .popup-list li a{padding:15px 20px}
.notification-details-section .video-layer .video-inner{background:linear-gradient(116deg, rgba(0, 0, 0, 0.4) 11.56%, rgba(0, 0, 0, 0) 85.14%)}
.video-wrap .plyr{height:100%}
.video-wrap .plyr video{height:100%}
.video-wrap .plyr__controls .plyr__controls__item[data-plyr=fullscreen] .icon--not-pressed{display:none}
.video-wrap .plyr__controls .plyr__controls__item[data-plyr=fullscreen]{padding:14px;margin-left:20px;margin-bottom:5px}
.video-wrap .plyr__controls .plyr__controls__item[data-plyr=fullscreen] svg{width:30px;height:30px}
.delay-slide-container .delay-slider{-webkit-appearance:none;width:100%;height:20px;background:#d3d3d3;outline:none;opacity:.7;transition:opacity .2s;border-radius:20px}
.delay-slide-container .delay-slider:hover{opacity:1}
.delay-slide-container .delay-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;background:#4c5dfc;cursor:pointer;border-radius:100%}
.delay-slide-container .delay-slider::-moz-range-thumb{width:25px;height:25px;background:#4c5dfc;cursor:pointer;border-radius:100%}
.cam-controller .zoom-btn img.activeAnimation{animation:none !important}
.cam-controller-2{width:100%}
.cam-controller-2 .ptz-grid-wrapper{display:flex;gap:4px;justify-content:center;width:100%;max-width:min(300px,72vw)}
@media(pointer: coarse){.cam-controller-2 .ptz-grid-wrapper{max-width:min(72vw,440px)}}
.cam-controller-2 .ptz-grid-wrapper{margin:0 auto;padding:2px}
@media(max-height: 700px){.cam-controller-2 .ptz-grid-wrapper{max-width:min(240px,65vw);gap:3px}}
.cam-controller-2 .ptz-direction-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:3px;flex:3;min-width:0}
@media(max-height: 700px){.cam-controller-2 .ptz-direction-grid{gap:2px}}
.cam-controller-2 .ptz-zoom-column{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
@media(max-height: 700px){.cam-controller-2 .ptz-zoom-column{gap:2px}}
.cam-controller-2 .ptz-zoom-btn,.cam-controller-2 .ptz-dir-btn{display:flex;align-items:center;justify-content:center;width:100%;border:1.5px solid rgba(76,93,252,.2);border-radius:10px;background:rgba(76,93,252,.04);cursor:pointer;padding:0;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;transition:all .15s ease}
.cam-controller-2 .ptz-zoom-btn:active,.cam-controller-2 .ptz-dir-btn:active,.cam-controller-2 .active.ptz-zoom-btn,.cam-controller-2 .active.ptz-dir-btn{border-color:#4c5dfc;background:rgba(76,93,252,.15);box-shadow:0 0 3px rgba(76,93,252,.3)}
.cam-controller-2 .ptz-dir-btn{aspect-ratio:1/1}
.cam-controller-2 .ptz-dir-btn svg{width:42%;height:42%;stroke:#4c5dfc;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.cam-controller-2 .ptz-center-logo{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1/1;border-radius:10px;background:linear-gradient(135deg, #4C5DFC, #3B4AE0);border:1.5px solid #4c5dfc;box-shadow:0 2px 8px rgba(76,93,252,.35);cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.cam-controller-2 .ptz-center-logo:active,.cam-controller-2 .ptz-center-logo.active{transform:scale(0.93);box-shadow:0 1px 4px rgba(76,93,252,.5);background:linear-gradient(135deg, #3B4AE0, #2E3BC0)}
.cam-controller-2 .ptz-center-logo img{width:60%;height:60%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}
.cam-controller-2 .ptz-zoom-btn{flex:1}
.cam-controller-2 .ptz-zoom-btn svg{width:42%;height:42%;stroke:#4c5dfc;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cam-controller-2 .ptz-speed-bar{display:flex;align-items:center;gap:10px;margin-top:8px;padding:10px 14px;width:100%;max-width:min(300px,72vw)}
@media(pointer: coarse){.cam-controller-2 .ptz-speed-bar{max-width:min(72vw,440px)}}
.cam-controller-2 .ptz-speed-bar{margin-left:auto;margin-right:auto;box-sizing:border-box;background:rgba(76,93,252,.06);border:1.5px solid rgba(76,93,252,.15);border-radius:12px}
@media(max-height: 700px){.cam-controller-2 .ptz-speed-bar{max-width:min(240px,65vw);padding:8px 12px;margin-top:6px;gap:8px}}
.cam-controller-2 .ptz-speed-bar label{font-size:11px;font-weight:700;color:#4c5dfc;white-space:nowrap;text-transform:uppercase;letter-spacing:.8px}
.cam-controller-2 .ptz-speed-bar input[type=range]{flex:1;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(76,93,252,.25);border-radius:2px;outline:none}
.cam-controller-2 .ptz-speed-bar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#4c5dfc;cursor:pointer;box-shadow:0 0 6px rgba(76,93,252,.4)}
.cam-controller-2 .ptz-speed-bar input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#4c5dfc;border:none;cursor:pointer;box-shadow:0 0 6px rgba(76,93,252,.4)}
.cam-controller-2 .ptz-speed-bar .ptz-speed-val{font-size:16px;font-weight:700;color:#4c5dfc;min-width:28px;text-align:right}
.activeAnimation{animation:pulse 2s ease-out infinite;border-radius:100%}
.blinkAnimation{animation:blinker 1s linear infinite}
.autocam-settings-wrap{background:#fff;border-radius:10px;box-shadow:0 0 0 .5px #eaeaea,0 20px 20px 0 rgba(76,93,252,.05);padding:16px}
.autocam-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.autocam-title{font-size:16px;font-weight:600;color:#1a1a2e}
.autocam-count-badge{font-size:12px;color:#6b7280;background:#f3f4f6;padding:2px 10px;border-radius:20px}
.autocam-actions{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.autocam-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.autocam-action-btn{height:38px;display:flex;align-items:center;justify-content:center;gap:6px;border:1.5px solid #e2e5ff;border-radius:10px;background:#f8f9ff;color:#4c5dfc;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}
.autocam-action-btn:active{background:#4c5dfc;color:#fff}
.autocam-action-btn.autocam-action-full{width:100%}
.autocam-preset-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;max-height:320px;overflow-y:auto;padding-top:14px;border-top:1px solid #e2e5ff}
.autocam-preset-btn{width:100%;height:44px;text-align:center;font-size:14px;font-weight:500;border-radius:10px;border:1.5px solid #e2e5ff;background:#fff;color:#1a1a2e;cursor:pointer;transition:all .15s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 12px}
.autocam-preset-btn.selected{background:#4c5dfc;color:#fff;border-color:#4c5dfc}
.autocam-preset-btn:active{opacity:.8}
.autocam-add-btn{width:100%;height:38px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:8px;border:1.5px dashed #d9d9d9;border-radius:10px;background:rgba(0,0,0,0);color:#9ca3af;font-size:14px;cursor:pointer;transition:color .15s}
.autocam-add-btn span:first-child{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:6px;font-size:14px;line-height:1;color:#9ca3af}
.autocam-add-btn:active{color:#4c5dfc}
.autocam-add-btn:active span:first-child{background:#e2e5ff;color:#4c5dfc}
.autocam-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
.autocam-modal-overlay.active{opacity:1;visibility:visible}
.autocam-modal-overlay.active .autocam-modal-sheet{transform:scale(1);opacity:1}
.autocam-modal-sheet{background:#fff;width:100%;max-width:340px;border-radius:16px;padding:24px;transform:scale(0.95);opacity:0;transition:transform .2s,opacity .2s;overflow:hidden;box-sizing:border-box}
.autocam-modal-handle{display:none}
.autocam-modal-title{font-size:16px;font-weight:600;color:#1a1a2e;margin:0 0 6px}
.autocam-modal-desc{font-size:13px;color:#6b7280;margin:0 0 20px}
.autocam-modal-field{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.autocam-modal-label{font-size:14px;color:#1a1a2e;white-space:nowrap}
.autocam-modal-input{flex:1;min-width:0;max-width:100%;height:44px;border:1px solid #d9d9d9;border-radius:8px;padding:0 14px;font-size:14px;font-size:max(14px,1em);color:#1a1a2e;background:#fff;box-sizing:border-box}
.autocam-modal-input:focus{border-color:#4c5dfc !important;outline:none}
.autocam-modal-input::-moz-placeholder{color:silver}
.autocam-modal-input::placeholder{color:silver}
.autocam-modal-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.autocam-modal-btn{height:48px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s}
.autocam-modal-btn:active{opacity:.8}
.autocam-modal-btn.cancel{background:#fff;color:#1a1a2e;border:1px solid #d9d9d9}
.autocam-modal-btn.confirm{background:#4c5dfc;color:#fff;border:none}
.autocam-modal-rename{width:100%;height:42px;border:1px solid #e2e5ff;border-radius:10px;background:#f7f8fb;color:#1a1a2e;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .15s}
.autocam-modal-rename:active{opacity:.8;border-color:#4c5dfc;color:#4c5dfc}
@media(min-width: 1024px){.thermal-cam-controller.cam-controller:not(.hidden){margin-bottom:0;transform:rotate(90deg);position:absolute;top:190px;max-width:250px;left:-75px;padding:0 10px;z-index:20}.preset-cam-controller.cam-controller:not(.hidden){margin-bottom:0;transform:rotate(90deg);position:absolute;top:190px;max-width:250px;right:-75px;padding:8px;z-index:20}.preset-cam-controller.cam-controller:not(.hidden) .preset-mode-btn{height:30px;line-height:30px;transform:rotate(-90deg);width:30px}.preset-cam-controller.cam-controller:not(.hidden) .preset-mode-btn:nth-child(1){order:6}.preset-cam-controller.cam-controller:not(.hidden) .preset-mode-btn:nth-child(2){order:7}.preset-cam-controller.cam-controller:not(.hidden) .preset-mode-btn:nth-child(3){order:8}.preset-cam-controller.cam-controller:not(.hidden) .preset-mode-btn:nth-child(4){order:9}.preset-cam-controller.cam-controller:not(.hidden) .preset-mode-btn:nth-child(5){order:10}}
.custom-cancel-btn{border:none !important;color:#fff !important}
.ptz-saved{background-color:#d1e4ff}
#cameraListWrap.list-view a{max-height:211px}
#advSettingsSection #camSettingsBtn{display:none}
@media(min-width: 1024px){#advSettingsSection #camPlayer{min-height:230px}}
#cameraListSection.list-full-screen .camera-list .camera-item{min-height:auto}
#cameraListSection.list-full-screen .camera-list .camera-item .video-wrap video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
@keyframes pulse{0%{box-shadow:0 0 0 0 #4c5dfc,0 0 0 0 rgba(76,93,252,.85)}50%{transform:scale(1)}100%{box-shadow:0 0 0 5px rgba(76,93,252,0),0 0 0 10px rgba(76,93,252,0)}}
@keyframes blinker{from{opacity:1}to{opacity:0}}
.plyr__full_screen_elm{position:absolute;left:0;right:0;top:0;bottom:0;z-index:20;pointer-events:none}
.plyr__full_screen_elm>*{pointer-events:auto}
.plyr__full_screen_elm .cam-controller-2{width:100%}
.plyr__full_screen_elm .cam-controller-2 .ptz-grid-wrapper{display:contents}
.plyr__full_screen_elm .cam-controller-2 .ptz-direction-grid{position:fixed;left:calc(6% + env(safe-area-inset-left));bottom:calc(130px + env(safe-area-inset-bottom));width:200px;max-width:none;display:grid;grid-template-columns:repeat(3, 1fr);gap:3px;z-index:21;background:rgba(0,0,0,.3);border-radius:10px;padding:2px}
.plyr__full_screen_elm .cam-controller-2 .ptz-direction-grid .ptz-dir-btn,.plyr__full_screen_elm .cam-controller-2 .ptz-direction-grid .ptz-center-logo{background:hsla(0,0%,100%,.12);border:1.5px solid hsla(0,0%,100%,.25);box-shadow:none}
.plyr__full_screen_elm .cam-controller-2 .ptz-direction-grid .ptz-dir-btn svg,.plyr__full_screen_elm .cam-controller-2 .ptz-direction-grid .ptz-center-logo svg{stroke:hsla(0,0%,100%,.85)}
.plyr__full_screen_elm .cam-controller-2 .ptz-direction-grid .ptz-dir-btn:active,.plyr__full_screen_elm .cam-controller-2 .ptz-direction-grid .ptz-dir-btn.active,.plyr__full_screen_elm .cam-controller-2 .ptz-direction-grid .ptz-center-logo:active,.plyr__full_screen_elm .cam-controller-2 .ptz-direction-grid .ptz-center-logo.active{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5);box-shadow:none}
.plyr__full_screen_elm .cam-controller-2 .ptz-zoom-column{position:fixed;right:calc(9% + env(safe-area-inset-right));bottom:calc(80px + env(safe-area-inset-bottom));width:65px;min-width:65px;height:220px;display:flex;flex-direction:column;gap:5px;z-index:21;background:rgba(0,0,0,.2);border-radius:10px;padding:2px}
.plyr__full_screen_elm .cam-controller-2 .ptz-zoom-column .ptz-zoom-btn{flex:1;background:hsla(0,0%,100%,.12);border:1.5px solid hsla(0,0%,100%,.25);box-shadow:none}
.plyr__full_screen_elm .cam-controller-2 .ptz-zoom-column .ptz-zoom-btn svg{stroke:hsla(0,0%,100%,.85)}
.plyr__full_screen_elm .cam-controller-2 .ptz-zoom-column .ptz-zoom-btn:active,.plyr__full_screen_elm .cam-controller-2 .ptz-zoom-column .ptz-zoom-btn.active{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5);box-shadow:none}
.plyr__full_screen_elm .cam-controller-2 .ptz-speed-bar{position:fixed;left:calc(6% + env(safe-area-inset-left));bottom:calc(85px + env(safe-area-inset-bottom));width:200px;max-width:none;margin:0;z-index:21;background:rgba(0,0,0,.3);border:1.5px solid hsla(0,0%,100%,.25);border-radius:10px;padding:6px 14px}
.plyr__full_screen_elm .cam-controller-2 .ptz-speed-bar label{color:hsla(0,0%,100%,.85)}
.plyr__full_screen_elm .cam-controller-2 .ptz-speed-bar .ptz-speed-val{color:hsla(0,0%,100%,.85)}
.plyr__full_screen_elm .cam-controller-2 .ptz-speed-bar input[type=range]{background:hsla(0,0%,100%,.25)}
.plyr__full_screen_elm .cam-controller-2 .ptz-speed-bar input[type=range]::-webkit-slider-thumb{background:hsla(0,0%,100%,.85);box-shadow:0 0 6px hsla(0,0%,100%,.4)}
.plyr__full_screen_elm .cam-controller-2 .ptz-speed-bar input[type=range]::-moz-range-thumb{background:hsla(0,0%,100%,.85);box-shadow:0 0 6px hsla(0,0%,100%,.4)}
.plyr__full_screen_buttons{position:absolute;top:40px;right:13px;z-index:20}
.plyr__full_screen_buttons .fs-button-wrap a{background:#fff;display:block;height:48px;width:48px;padding:10px;border-radius:100%}
.plyr__full_screen_buttons .fs-button-wrap a.active{background-color:#4c5dfc}
.plyr__full_screen_buttons .fs-button-wrap a.active img{filter:brightness(0) invert(1)}
.swal2-container{-webkit-user-select:none;-webkit-touch-callout:none;-moz-user-select:none;user-select:none}
.swal2-popup,.swal2-title,.swal2-html-container{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.nvr-page{min-height:100vh;background:radial-gradient(circle at 100% 0, rgba(76, 93, 252, 0.09), transparent 32%),#f5f7fb;color:#202849}
.nvr-page .is-hidden{display:none !important}
.nvr-recording{min-height:100vh;padding:86px 0 calc(104px + env(safe-area-inset-bottom))}
.nvr-recording button,.nvr-recording input{font-family:"Inter",sans-serif}
.nvr-recording button{-webkit-tap-highlight-color:rgba(0,0,0,0)}
.nvr-recording__inner{width:100%;max-width:540px;margin:0 auto;padding:0 16px}
.nvr-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.nvr-date-picker{display:flex;min-width:0;flex:1;align-items:center;gap:4px;padding:4px;border:1px solid #e4e8f3;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(29,40,91,.06)}
.nvr-date-picker__field{min-width:0;flex:1}
.nvr-date-picker__field input{width:100%;min-height:36px;border:0;outline:0;background:rgba(0,0,0,0);color:#202849;font-size:14px;font-weight:700;text-align:center;color-scheme:light}
.nvr-date-picker__field input::-webkit-calendar-picker-indicator{opacity:.55}
.nvr-icon-button{display:inline-flex;width:36px;height:36px;flex:0 0 36px;align-items:center;justify-content:center;border-radius:10px;color:#4c5dfc;font-size:28px;line-height:1}
.nvr-icon-button:active{background:#eef0ff}
.nvr-icon-button:disabled{opacity:.25}
.nvr-stream-tabs{display:inline-flex;min-height:44px;flex:0 0 auto;align-items:center;gap:3px;padding:4px;border-radius:14px;background:#e9ecf6}
.nvr-stream-tabs__button{min-width:61px;min-height:36px;padding:0 13px;border-radius:10px;color:#737b96;font-size:13px;font-weight:700;white-space:nowrap}
.nvr-stream-tabs__button.is-active{background:#fff;color:#4c5dfc;box-shadow:0 3px 12px rgba(42,51,96,.12)}
.nvr-stream-tabs__loading{display:inline-flex;min-height:36px;align-items:center;padding:0 10px;color:#7a829c;font-size:11px;white-space:nowrap}
.nvr-player-card,.nvr-timeline-card,.nvr-range-card{border:1px solid rgba(225,229,241,.9);border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(36,47,96,.07)}
.nvr-player-card{overflow:hidden;margin-bottom:14px;border-radius:0}
.nvr-player-card:fullscreen{display:flex;flex-direction:column;width:100%;height:100%;background:#000}
.nvr-player-card:fullscreen .nvr-player-card__video{flex:1;min-height:0;aspect-ratio:auto;max-height:none}
.nvr-player-card:fullscreen .nvr-player-card__meta{display:none}
.nvr-player-card__video{position:relative;overflow:hidden;aspect-ratio:16/9}
@media(orientation: landscape)and (max-height: 520px){.nvr-player-card__video{max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px)}}
.nvr-player-card__video{background:linear-gradient(135deg, #202747, #101425)}
.nvr-player-card__video>.zoom-container,.nvr-player-card__video video{width:100%;height:100%}
.nvr-player-card__video video{-o-object-fit:contain;object-fit:contain}
.nvr-playbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#101425}
.nvr-playbar__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:none;padding:0;background:rgba(0,0,0,0);color:#e2e8f0;cursor:pointer;border-radius:6px}
.nvr-playbar__btn:active{background:hsla(0,0%,100%,.12)}
.nvr-playbar__btn svg{width:20px;height:20px;fill:currentColor}
.nvr-playbar .nvr-playbar__icon--pause,.nvr-playbar .nvr-playbar__icon--muted{display:none}
.nvr-playbar.is-playing .nvr-playbar__icon--play{display:none}
.nvr-playbar.is-playing .nvr-playbar__icon--pause{display:block}
.nvr-playbar.is-muted .nvr-playbar__icon--sound{display:none}
.nvr-playbar.is-muted .nvr-playbar__icon--muted{display:block}
.nvr-playbar__time{font-size:12px;font-variant-numeric:tabular-nums;color:#94a3b8;flex-shrink:0}
.nvr-playbar__seek{flex:1;min-width:0;height:4px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:rgba(148,163,184,.35);border-radius:2px;cursor:pointer;accent-color:#4c5dfc}
.nvr-playbar__seek::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#4c5dfc;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.4)}
.nvr-player-placeholder{position:absolute;z-index:4;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:24px;background:linear-gradient(145deg, #202747, #111527);color:#fff;text-align:center;pointer-events:none;transition:opacity .2s ease}
.nvr-player-placeholder.is-hidden{display:flex !important;opacity:0;visibility:hidden}
.nvr-player-placeholder strong{font-size:15px;font-weight:700}
.nvr-player-placeholder>span:last-child{color:hsla(0,0%,100%,.62);font-size:11px}
.nvr-player-placeholder__icon{position:relative;width:48px;height:48px;margin-bottom:4px;border:1px solid hsla(0,0%,100%,.22);border-radius:50%;background:hsla(0,0%,100%,.1)}
.nvr-player-placeholder__icon::after{position:absolute;top:14px;left:19px;border-top:10px solid rgba(0,0,0,0);border-bottom:10px solid rgba(0,0,0,0);border-left:15px solid #fff;content:""}
.nvr-player-spinner,.nvr-inline-spinner{border:2px solid rgba(76,93,252,.2);border-top-color:#4c5dfc;border-radius:50%;animation:nvr-spin .8s linear infinite}
.nvr-player-spinner{position:absolute;z-index:6;top:50%;left:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-color:hsla(0,0%,100%,.25);border-top-color:#fff}
.nvr-inline-spinner{width:16px;height:16px;flex:0 0 16px}
@keyframes nvr-spin{to{transform:rotate(360deg)}}
.nvr-player-card__meta{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px}
.nvr-player-card__meta strong{display:block;margin-top:2px;font-size:16px;font-variant-numeric:tabular-nums}
.nvr-player-card__label{display:block;color:#8b92a8;font-size:10px}
.nvr-player-card__status{overflow:hidden;margin:0;color:#7a829b;font-size:11px;line-height:1.45;text-align:right;text-overflow:ellipsis}
.nvr-timeline-card{margin-bottom:14px;padding:16px 0 13px}
.nvr-timeline-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:0 14px 14px}
.nvr-timeline-card__header h2{margin:0 0 3px;font-size:15px;font-weight:800}
.nvr-timeline-card__header p{margin:0;color:#8a91a7;font-size:10px;line-height:1.45}
.nvr-timeline-legend{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:5px 9px;color:#7f879e;font-size:9px}
.nvr-timeline-legend span{display:inline-flex;align-items:center;gap:4px}
.nvr-timeline-legend i{width:8px;height:8px;border-radius:3px}
.nvr-timeline-legend .is-recorded{background:#6170ff}
.nvr-timeline-legend .is-event{display:inline-flex;width:11px;height:11px;align-items:center;justify-content:center;border:1px solid #fff;border-radius:50%;background:#ff5b6f;color:#fff;font-size:8px;font-weight:800;font-style:normal;line-height:1}
.nvr-timeline-legend .is-event::after{content:"!"}
.nvr-timeline-legend .is-gap{border:1px dashed #adb4c8;background:#f1f3f8}
.nvr-timeline-viewport{position:relative;overflow-x:auto;overflow-y:hidden;width:100%;border-block:1px solid #edf0f7;background:#f8f9fc;scrollbar-width:thin;scrollbar-color:#c5cad9 rgba(0,0,0,0);overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.nvr-timeline-viewport::-webkit-scrollbar{height:5px}
.nvr-timeline-viewport::-webkit-scrollbar-thumb{border-radius:999px;background:#c5cad9}
.nvr-timeline{position:relative;width:2880px;height:108px;cursor:crosshair;-moz-user-select:none;user-select:none;-webkit-user-select:none}
.nvr-timeline__hours,.nvr-timeline__gaps,.nvr-timeline__segments,.nvr-timeline__events{position:absolute;inset:0}
.nvr-timeline__hours{z-index:1;pointer-events:none}
.nvr-timeline__hour{position:absolute;top:0;height:100%;padding-top:8px;border-left:1px solid #e1e5ef;color:#828aa0;font-size:9px;transform:translateX(-1px)}
.nvr-timeline__hour::after{position:absolute;top:25px;left:-1px;width:1px;height:5px;background:#b5bbcc;content:""}
.nvr-timeline__hour:last-child{transform:translateX(-100%)}
.nvr-timeline__gaps{z-index:2;pointer-events:none}
.nvr-timeline__gap{position:absolute;top:32px;height:46px;overflow:hidden;border-inline:1px solid rgba(177,184,203,.45);background:repeating-linear-gradient(-45deg, rgba(173, 181, 202, 0.12) 0 5px, transparent 5px 10px)}
.nvr-timeline__gap span{display:block;padding-top:20px;color:#a0a7b9;font-size:9px;text-align:center;white-space:nowrap}
.nvr-timeline__segments{z-index:3;pointer-events:none}
.nvr-timeline__segment{position:absolute;top:40px;min-width:3px;height:30px;border:1px solid rgba(67,82,228,.45);border-radius:5px;background:linear-gradient(#7180ff, #5665f5);cursor:pointer;pointer-events:auto}
.nvr-timeline__segment:focus-visible{outline:3px solid rgba(76,93,252,.22)}
.nvr-timeline__segment.is-open{background:repeating-linear-gradient(90deg, #6675ff 0 8px, #8691ff 8px 14px)}
.nvr-timeline__segment.is-unavailable{border-style:dashed;background:#aeb5c9}
.nvr-timeline__segment.has-event{box-shadow:inset 0 -4px 0 #ff5b6f}
.nvr-timeline__events{z-index:7;pointer-events:none}
.nvr-timeline__event{position:absolute;top:27px;width:20px;height:20px;margin-left:-10px;border:2px solid #fff;border-radius:50%;background:#ff5b6f;box-shadow:0 3px 10px rgba(237,55,83,.35);color:#fff;font-size:10px;font-weight:900;cursor:pointer;pointer-events:auto}
.nvr-range{position:absolute;z-index:6;top:29px;height:52px;min-width:2px;pointer-events:none}
.nvr-range.is-dragging .nvr-range__body,.nvr-range.is-dragging .nvr-range__handle{cursor:grabbing}
.nvr-range__body{position:absolute;inset:0;border-block:2px solid #14b884;background:rgba(20,184,132,.12);cursor:grab;pointer-events:auto;touch-action:none}
.nvr-range__handle{position:absolute;z-index:2;top:-5px;width:22px;height:62px;background:rgba(0,0,0,0);cursor:ew-resize;pointer-events:auto;touch-action:none}
.nvr-range__handle::before{position:absolute;top:5px;bottom:5px;width:5px;border:1px solid #07805c;border-radius:4px;background:#14b884;box-shadow:0 2px 8px rgba(18,136,101,.28);content:""}
.nvr-range__handle.is-start{left:-11px}
.nvr-range__handle.is-start::before{left:8px}
.nvr-range__handle.is-end{right:-11px}
.nvr-range__handle.is-end::before{right:8px}
.nvr-range__handle:focus-visible{outline:2px solid #0ea97a;border-radius:5px}
.nvr-playhead{position:absolute;z-index:8;top:22px;width:1px;height:66px;background:#f23955;pointer-events:none}
.nvr-playhead::before{position:absolute;top:-4px;left:-5px;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#f23955;content:""}
.nvr-playhead span{position:absolute;bottom:-2px;left:-3px;width:7px;height:7px;background:#f23955;transform:rotate(45deg)}
.nvr-timeline-message{display:flex;min-height:48px;align-items:center;justify-content:center;gap:8px;padding:11px 16px 0;color:#7e869d;font-size:11px;text-align:center}
.nvr-timeline-retry,.nvr-legacy-link{display:block;width:-moz-max-content;width:max-content;margin:10px auto 0;font-size:12px;font-weight:700}
.nvr-timeline-retry{padding:8px 14px;border-radius:9px;background:#edf0ff;color:#4c5dfc}
.nvr-legacy-link{color:#7b8399;text-decoration:underline;text-underline-offset:3px}
.nvr-range-card{padding:15px}
.nvr-range-editor{display:grid;grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr) auto;align-items:stretch;gap:9px;margin-bottom:13px}
.nvr-time-field{min-width:0;padding:10px;border:1px solid #e8eaf2;border-radius:12px;background:#f7f8fb;display:grid;justify-content:start}
.nvr-time-field__label{display:flex;justify-content:space-between;align-items:baseline;gap:6px}
.nvr-time-field__label,.nvr-range-editor__duration span{text-align:center;color:#858da3;font-size:13px;font-weight:700;margin-right:4px}
.nvr-time-field__title{color:#262d4a}
.nvr-time-field__exact{font-size:10px;font-weight:400}
.nvr-time-field__inputs{display:flex;align-items:center;gap:8px;margin-top:7px}
.nvr-time-field__inputs label{display:flex;min-width:0;align-items:center;gap:4px;color:#5f667b;font-size:11px;font-weight:700}
.nvr-time-field__inputs input{width:54px;min-height:44px;padding:0 7px;border:1px solid #d9ddeb;border-radius:10px;outline:none;background:#fff;color:#252d4a;font-size:17px;font-variant-numeric:tabular-nums;font-weight:800;text-align:center}
.nvr-time-field__inputs input:focus{border-color:#4c5dfc;box-shadow:0 0 0 3px rgba(76,93,252,.12)}
.nvr-time-field__inputs input:invalid{border-color:#e45d65}
.nvr-time-field__inputs input:disabled{background:#eef0f4;color:#9299ae}
.nvr-range-editor__arrow{color:#a1a8bb;font-size:16px;align-self:center}
.nvr-range-editor__duration{display:flex;min-width:92px;flex-direction:column;padding:10px;border:1px solid #d9f0e7;border-radius:12px;background:#effbf7}
.nvr-range-editor__duration strong{display:flex;flex:1;align-items:center;margin-top:4px;color:#0b956c;font-size:17px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.nvr-range-editor__duration>span{color:#262d4a}
.nvr-range-actions{display:grid;grid-template-columns:1fr;gap:10px}
.nvr-range-hint{min-height:18px;margin:8px 2px 0;color:#7e869d;font-size:10px;line-height:1.5}
.nvr-play-range-button[aria-pressed=true]{background:#343b57;box-shadow:0 8px 18px rgba(52,59,87,.2)}
.nvr-primary-button{display:flex;width:100%;min-height:46px;align-items:center;justify-content:center;border-radius:12px;font-size:14px;font-weight:800}
.nvr-primary-button:active:not(:disabled){transform:scale(0.985)}
.nvr-primary-button{background:linear-gradient(135deg, #4c5dfc, #6674ff);box-shadow:0 8px 18px rgba(76,93,252,.23);color:#fff}
.nvr-primary-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.38}
@media(max-width: 500px){.nvr-range-editor{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);align-items:stretch}.nvr-range-editor__arrow{display:none}.nvr-range-editor__duration{grid-column:1/-1;flex-direction:row;align-items:baseline;justify-content:space-between}.nvr-range-editor__duration strong{margin-top:0;flex:0 0 auto}.nvr-time-field__inputs{gap:5px}.nvr-time-field__inputs input{width:46px;padding-inline:4px}}
@media(max-width: 420px){.nvr-recording__inner{padding:0 12px}.nvr-toolbar{align-items:stretch;flex-direction:column;gap:8px}.nvr-stream-tabs{display:grid;width:100%;grid-auto-flow:column;grid-auto-columns:1fr}.nvr-stream-tabs__button{width:100%}.nvr-player-card,.nvr-timeline-card,.nvr-range-card{border-radius:17px}.nvr-timeline-card__header{flex-direction:column}.nvr-timeline-legend{justify-content:flex-start}.nvr-range-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion: reduce){.nvr-player-spinner,.nvr-inline-spinner{animation-duration:1.8s}}
.loadTextWrap .letter-holder{display:flex;justify-content:center;gap:2px}
.loadTextWrap .letter-holder .letter{animation-name:loadingF;animation-duration:1.6s;animation-iteration-count:infinite;animation-direction:linear;color:#4c5dfc;font-weight:bold}
.loadTextWrap .letter-holder .l-1{animation-delay:.48s}
.loadTextWrap .letter-holder .l-2{animation-delay:.6s}
.loadTextWrap .letter-holder .l-3{animation-delay:.72s}
.loadTextWrap .letter-holder .l-4{animation-delay:.84s}
.loadTextWrap .letter-holder .l-5{animation-delay:.96s}
.loadTextWrap .letter-holder .l-6{animation-delay:1.08s}
.loadTextWrap .letter-holder .l-7{animation-delay:1.2s}
.loadTextWrap .letter-holder .l-8{animation-delay:1.32s}
.loadTextWrap .letter-holder .l-9{animation-delay:1.44s}
.loadTextWrap .letter-holder .l-10{animation-delay:1.56s}
@keyframes loadingF{0%{opacity:0}100%{opacity:1}}
body.readonly-mode #camSnapshot,body.readonly-mode #camSettingsBtn,body.readonly-mode #camSettingsBtnHolder,body.readonly-mode #camVideoBtn,body.readonly-mode #videoRecordingScreen,body.readonly-mode #cameraController,body.readonly-mode .cam-controller,body.readonly-mode .cam-controller-2,body.readonly-mode .preset-mode-btn,body.readonly-mode .feature-controller,body.readonly-mode .feature-box,body.readonly-mode .ptz-dir-btn,body.readonly-mode .ptz-zoom-btn,body.readonly-mode .ptz-center-logo,body.readonly-mode .ptz-speed-bar,body.readonly-mode form[action*="/notifications/"][action*="/delete/"],body.readonly-mode a[href="/delete_account/"],body.readonly-mode [data-role-guard=write],body.readonly-mode [data-action=write]{pointer-events:none !important}
body.readonly-mode #cameraController *,body.readonly-mode .cam-controller *,body.readonly-mode .cam-controller-2 *,body.readonly-mode .ptz-dir-btn *,body.readonly-mode .ptz-zoom-btn *,body.readonly-mode .ptz-center-logo *,body.readonly-mode .feature-box *,body.readonly-mode .feature-controller *,body.readonly-mode .preset-mode-btn *{pointer-events:none !important}
.hover\:bg-blue-500:hover{--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}
.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}
.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}
.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}
.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}
.hover\:bg-white\/30:hover{background-color:rgb(255 255 255 / 0.3)}
.hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(29 78 216 / var(--tw-text-opacity))}
.hover\:underline:hover{text-decoration-line:underline}
.hover\:opacity-90:hover{opacity:0.9}
.focus\:border-primary:focus{--tw-border-opacity:1;border-color:rgb(76 93 252 / var(--tw-border-opacity))}
.focus\:border-transparent:focus{border-color:transparent}
.focus\:bg-white:focus{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}
.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246 / var(--tw-ring-opacity))}
@media (min-width: 640px){
.sm\:w-\[90\%\]{width:90%}
.sm\:max-w-\[420px\]{max-width:420px}
.sm\:items-center{align-items:center}
.sm\:rounded-\[24px\]{border-radius:24px}
.sm\:pb-5{padding-bottom:1.25rem}}
@media (min-width: 1024px){
.lg\:block{display:block}
.lg\:hidden{display:none}
.lg\:pb-\[20px\]{padding-bottom:20px}
.lg\:pt-\[80px\]{padding-top:80px}}