@react95/core/esm/Video/Video.css.ts.vanilla.css

Windows 95 styleguide

.r95_13gnpv00 {
  width: 100%;
  padding: var(--r95-space-2);
}
.r95_13gnpv01 {
  display: block;
}
.r95_13gnpv02 {
  display: none;
}
.r95_13gnpv03 {
  display: flex;
  align-items: center;
  padding-top: var(--r95-space-2);
  padding-bottom: var(--r95-space-2);
}
.r95_13gnpv04 {
  display: flex;
  padding: var(--r95-space-6);
  margin-bottom: var(--r95-space-4);
  box-shadow: var(--r95-shadow-in);
  background-color: var(--r95-color-canvas);
  height: 50px;
  color: var(--r95-color-canvasText);
}
.r95_13gnpv05 {
  font-family: React95Video-Numbers;
  text-transform: uppercase;
}
.r95_13gnpv06 {
  margin-top: auto;
  font-size: 22px;
}
.r95_13gnpv07 {
  height: var(--r95-space-12);
}
.r95_13gnpv08 {
  display: block;
  height: var(--r95-space-1);
  border-top-style: solid;
  border-top-width: var(--r95-space-1);
  border-top-color: var(--r95-color-borderDark);
  border-bottom-width: var(--r95-space-1);
  border-bottom-style: solid;
  border-bottom-color: var(--r95-color-borderLightest);
  margin-bottom: var(--r95-space-2);
}
.r95_13gnpv09 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: var(--r95-space-20);
  height: var(--r95-space-20);
  padding: var(--r95-space-7);
}
.r95_13gnpv09:active, .r95_13gnpv09:focus {
  width: var(--r95-space-20);
  height: var(--r95-space-20);
  padding: var(--r95-space-7);
}
.r95_13gnpv09:disabled {
  padding: var(--r95-space-4);
}
.r95_13gnpv09 svg {
  fill: var(--r95-color-materialText);
}
.r95_13gnpv09:disabled svg {
  fill: var(--r95-color-borderDark);
  border-bottom-width: var(--r95-space-1);
  border-bottom-style: solid;
  border-bottom-color: var(--r95-color-borderLightest);
  border-right-width: var(--r95-space-1);
  border-right-style: solid;
  border-right-color: var(--r95-color-borderLightest);
}
.r95_13gnpv0a::-webkit-slider-thumb {
  height: var(--r95-space-18);
  margin-top: calc(var(--r95-space-7) * -1);
  width: var(--r95-space-10);
}
.r95_13gnpv0a[value='0']::-webkit-slider-thumb {
  margin-left: calc(var(--r95-space-2) * -1);
}