@font-face{
  font-family: "ClearviewATT";
  src: url("../fonts/ClvATT-Book.otf");
}

.font-ddin {
    font-family: "ClearviewATT" !important
}

.text-lg {
    font-size: 1.075rem;
    opacity: .85;
    display: inline-block;
    transform: scaleX(1.1);
    transform-origin: left center;
    letter-spacing: 0.025rem;
    margin-top: 0.475rem;
}

.pl-8 {
    padding-left: 3.9rem;
}

.mr-6 {
    margin-right: 0.65rem;
}

.opacity-65 {
    opacity: .48;
}

.w-\[72px\].overflow-ellipsis.overflow-hidden.text-nowrap.opacity-65 {
    font-size: 1.11rem;
    letter-spacing: 0.05rem;
    margin-top: -0.15rem;
}

.text-xl.origin-left.overflow-ellipsis.overflow-hidden.text-nowrap.pb-11 {
    opacity: .85;
    padding-bottom: 2.375rem;
    margin-left: 1.52rem;
}

.mr-\[4\.8rem\] {
    margin-right: 4.15rem;
    line-height: 1rem;
}

.mb-5 {
    margin-bottom: 1rem;
}

div [style="line-height: 1rem;"] {
    opacity: .95;
    font-size: 1.175rem;
}

.h-\[88px\] {
    height: 93px;
    background: linear-gradient(0deg,rgba(3, 4, 8, 1) 0%, rgba(23, 25, 24, 1) 50%, rgba(28, 30, 31, 1) 84%, rgba(36, 36, 36, 1) 100%) !important;
}

.osd-menu-item.svelte-1r2jiup {
    padding: .3rem 1.55rem .1rem;
    text-align: center;
    white-space: nowrap;
    letter-spacing: 0.025rem;
    font-size: 1rem;
    transform: scaleX(1.025);
    transform-origin: left center;
}

li.osd-menu-item.selectable.svelte-1r2jiup {
    color: #fff;
    border-top-left-radius: 0.15rem;
    border-top-right-radius: 0.15rem;
    background-image: linear-gradient(0deg,rgba(12, 34, 50, 1) 0%, rgba(15, 103, 155, 1) 50%, rgba(35, 142, 203, 1) 95%, rgba(86, 159, 197, 1) 100%);
}

li.osd-menu-item.selected.svelte-1r2jiup {
    color: #c7c9cb
}

li.osd-menu-item.svelte-1r2jiup {
    color: #c7c9cb
}

li.osd-menu-item.selected.svelte-1r2jiup ~ li.osd-menu-item.svelte-1r2jiup{
  color: #76797a;
}

li.osd-menu-item.svelte-1r2jiup:has(+ li.osd-menu-item.selected.svelte-1r2jiup) {
  color: #76797a;
}

.osd-menu-bar.svelte-1r2jiup li:where(.svelte-1r2jiup):not(:last-child) {
    border-right: 1.5px solid #141615;
    box-shadow: 1.5px 0 0 0 #1e2020;
}

.osd-header-2.svelte-1r2jiup {
    background-color: var(--osd-primary-color, #000);
    background-image: linear-gradient(180deg,#f2f9ff2b,#36525e47);
    color: #fff;
    border-top: 1.5px solid var(--osd-primary-color, #3b3a3f);
    border-bottom: 1px solid var(--osd-primary-color, #2a2a2a);
    outline: 1px solid black;
}

.osd-header-3.svelte-1r2jiup {
    background-color: var(--osd-accent-color, rgb(23,130,182));
    background-image: linear-gradient(180deg,#2f2f2fb0,#1e1e1e 40%,#000);
    color: #c7c9cb;
    opacity: .95;
}

.osd-shadow.svelte-1r2jiup {
    text-shadow: 0px 0.5px 1px #000;
}

img[alt="Provider Icon"] {
    width: 3rem;
    margin-top: -0.5rem;
}

.p-1[alt="Channel Icon"] {
    padding: 0.415rem;
}