.layout-static .layout-sidebar .layout-menu-container {
    padding: 0 0.2rem 0.2rem 0.5rem;
}
.layout-mobile-active .layout-sidebar .layout-menu-container {
    padding: 0.5rem 0.5rem 0.2rem 0.5rem;
}
.layout-static .layout-sidebar .layout-menu ul a,
.layout-mobile-active .layout-sidebar .layout-menu ul a {
    padding: 0.7rem 0.1rem 0.7rem 0.7rem;
}
.layout-static .layout-sidebar .layout-menu a.no-grouped-root-menu-item,
.layout-mobile-active .layout-sidebar .layout-menu a.no-grouped-root-menu-item {
    padding: 0.7rem 0.5rem 0.7rem 0.8rem;
}
@media screen and (min-width: 992px) {
    .layout-horizontal .layout-menu a.no-grouped-root-menu-item .layout-menuitem-icon {
        margin-right: 0;
    }
}
.layout-static .layout-sidebar .layout-menu .hidden-submenu,
.layout-mobile-active .layout-sidebar .layout-menu .hidden-submenu {
    display: none;
}
.layout-static .layout-sidebar .layout-menu .layout-root-menuitem .layout-menuitem-root-text,
.layout-mobile-active .layout-sidebar .layout-menu .layout-root-menuitem .layout-menuitem-root-text {
    padding: 0.8rem;
    cursor: pointer;
}
.layout-static .layout-sidebar .layout-menu .layout-root-menuitem .layout-menuitem-root-text:hover,
.layout-mobile-active .layout-sidebar .layout-menu .layout-root-menuitem .layout-menuitem-root-text:hover {
    background: var(--d-menuitem-hover-bg);
}
.layout-static .layout-sidebar .layout-menu .layout-root-menuitem .layout-menuitem-root-text.opened-group-menu,
.layout-mobile-active .layout-sidebar .layout-menu .layout-root-menuitem .layout-menuitem-root-text.opened-group-menu {
    background: var(--d-menuitem-hover-bg);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.menu-pin {
    display: none;
    padding: 5px;
    position: absolute;
    top: 5px;
    right: 1px;
    z-index: 9999;
}
.layout-static .layout-sidebar .layout-menu .layout-root-menuitem .layout-menuitem-root-text.opened-group-menu .menu-pin,
.layout-mobile-active .layout-sidebar .layout-menu .layout-root-menuitem .layout-menuitem-root-text.opened-group-menu .menu-pin {
    display: block;
}
.menu-pin.pin-point:hover {
    color: #FBC02D;
}
.menu-pin.pinned-point {
    color: #0288D1;
    opacity: 0.7;
}
.menu-pin.pinned-point:hover {
    color: #D32F2F;
}
.layout-static .hide-by-static {
    display: none !important;
}
@media screen and (min-width: 992px) {
    .layout-static .md\:hide-by-static {
        display: none !important;
    }
}
.layout-wrapper .layout-topbar .topbar-right .topbar-menu .profile-item .profile-name {
    max-width: 140px;
    line-height: 1rem;
    text-align: left;
}
.flare {
    z-index: 2;
    position: absolute;
    top: 0;
    height: 100%;
    width: 400px;
    transform: skewX(-75deg); /* Наклон*/
    animation: flareTopbarAnimation;
    left: -150%;
    background: linear-gradient(90deg, rgba(166, 50, 50, 0.1), rgba(255, 0, 0, 0.9));
    animation: flareTopbarAnimation 3s infinite ease-in-out; /* Время и тип анимации можно менять*/
}
.layout-sidebar-pink .flare,
.layout-sidebar-deeppurple .flare,
.layout-sidebar-purple .flare,
.layout-sidebar-indigo .flare {
    background: linear-gradient(90deg, rgba(166, 50, 50, 0.1), rgba(253, 232, 0, 0.9));
}
.layout-sidebar-orange .flare {
    background: linear-gradient(90deg, rgba(166, 50, 50, 0.1), rgba(8, 55, 253, 0.9));
}
.layout-sidebar-green .flare,
.layout-sidebar-blue .flare {
    background: linear-gradient(90deg, rgba(163, 227, 170, 0.1), rgba(255, 0, 0, 0.9));
}
.layout-footer img.playing-radio-image {
    width: 21px;
    height: 21px;
}
@keyframes flareTopbarAnimation {
    0% {
        left: -150%;
    }
    100% {
        left: 150%;
    }
}
.pi {
    /*vertical-align: -1px;*/
}
.p-confirm-popup .p-confirm-popup-icon.bi {
    font-size: 1.5rem;
}
.va-offset-1 {
    vertical-align: 1px !important;
}
.va-offset-2 {
    vertical-align: 2px !important;
}
.va-offset--1 {
    vertical-align: -1px !important;
}
.va-offset--2 {
    vertical-align: -2px !important;
}
.text-3xs {
    font-size: 0.6rem !important;
}
.text-4xs {
    font-size: 0.5rem !important;
}
.text-md {
    font-size: 1.1rem !important;
}
.text-mono {
    font-family: monospace !important;
}
/* ---=== PAGINATOR s ===--- */
/* lazy */
.paginator-element {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.286em;
    height: 2.286em;
    margin: 0.143rem;
    font-size: 0.95rem;
    line-height: 1;
    transition: box-shadow 0.2s;
    border-radius: 4px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    overflow: hidden;
    position: relative;
    color: var(--text-color);
    opacity: 0.8;
}
.paginator-md .paginator-element {
    min-width: 2.5em;
    height: 2.5em;
    font-size: 1rem;
}
.paginator-lg .paginator-element {
    min-width: 2.7em;
    height: 2.7em;
    font-size: 1.1rem;
}
.paginator-legend {
    font-size: 0.95rem;
}
.paginator-md .paginator-legend {
    font-size: 1rem;
}
.paginator-lg .paginator-legend {
    font-size: 1.1rem;
}
.paginator-md .paginator-legend.paginator-left-content {
    margin-left: 0.7rem;
}
.paginator-lg .paginator-legend.paginator-left-content {
    margin-left: 0.7rem;
}
.paginator-element:not(.paginator-first, .paginator-next, .paginator-prev, .paginator-last) {
    padding-top: 2px;
}
.paginator-element.element-disabled {
    cursor: default !important;
    opacity: 0.4;
}
.paginator-element.element-active {
    cursor: default;
    opacity: 0.95;
    background-color: var(--surface-200);
}
.app-dark .paginator-element.element-active {
    background-color: var(--surface-50);
}
.paginator-element:not(.element-active, .element-disabled):hover {
    background-color: var(--surface-hover);
    opacity: 1;
}
/* standard datatable paginator */
.body-container .p-datatable-paginator-bottom {
    border: none;
    margin: 1rem 0;
}
.body-container .p-paginator {
    background: transparent;
    color: var(--text-color);
    padding: 0;
    border: none;
    border-radius: 0;
    gap: unset;
}
.body-container .p-paginator .p-paginator-current {
    display: flex;
    align-items: center;
}
.body-container .p-paginator-content {
    gap: unset;
}
.body-container .p-paginator-page,
.body-container .p-paginator-next,
.body-container .p-paginator-last,
.body-container .p-paginator-first,
.body-container .p-paginator-prev {
    position: relative;
    min-width: 2.286em;
    height: 2.286em;
    margin: 0.143rem;
    font-size: 0.95rem;
    transition: box-shadow 0.2s;
    background: transparent;
    border: none;
    color: var(--text-color);
    border-radius: 4px;
    opacity: 0.8;
}
.body-container .p-paginator-first svg,
.body-container .p-paginator-prev svg,
.body-container .p-paginator-next svg,
.body-container .p-paginator-last svg {
    width: 12px;
    height: 12px;
}
.body-container .p-paginator-page.p-paginator-page-selected {
    cursor: default;
    opacity: 0.95;
    background-color: var(--surface-200);
    color: var(--text-color);
}
.app-dark .body-container .p-paginator-page.p-paginator-page-selected {
    background-color: var(--surface-50);
}
.body-container .p-paginator .p-disabled {
    cursor: default !important;
    opacity: 0.4;
}
.total-status-paginator-left .p-paginator-current {
    position: absolute;
    left: 0;
}
/* &&& END paginator s &&& */
/* ---=== FORM ELEMENTS ===--- */
.p-button.without-focus-button:enabled:focus {
    box-shadow: none !important;
}
.body-container .p-button-icon-only.p-button-sm {
    width: 1.8rem;
    height: 1.8rem;
}
.body-container .p-button-icon-only.p-button-sm .p-button-icon {
    font-size: 0.75rem;
}
.body-container .p-toggleswitch-handle {
    top: 49%;
}
.p-toggleswitch.p-toggleswitch-sm {
    width: 2.3rem;
    height: 1.3rem;
}
.p-toggleswitch.p-toggleswitch-sm .p-toggleswitch-slider {
    margin-left: 1px;
}
.p-toggleswitch.p-toggleswitch-sm .p-toggleswitch-handle {
    width: 0.95rem;
    height: 0.95rem;
    margin-top: calc(-1 * calc(0.95rem / 2));
}
.p-toggleswitch.p-toggleswitch-xs {
    width: 2rem;
    height: 1rem;
}
.p-toggleswitch.p-toggleswitch-xs .p-toggleswitch-slider {
    margin-left: 1px;
}
.p-toggleswitch.p-toggleswitch-xs .p-toggleswitch-handle {
    width: 0.8rem;
    height: 0.8rem;
    margin-top: calc(-1 * calc(0.8rem / 2));
}
.body-container .p-toggleswitch.p-disabled:not(.p-toggleswitch-checked) .p-toggleswitch-slider {
    opacity: 0.9;
}
.body-container .p-toggleswitch.p-disabled.p-toggleswitch-checked .p-toggleswitch-slider {
    background: var(--p-primary-color);
    opacity: 0.5;
}
.app-light .body-container .p-toggleswitch.p-toggleswitch-checked.p-disabled .p-toggleswitch-handle {
    background: var(--p-surface-0);
}
.required-field:after {
    position: absolute;
    content: "*";
    color: red;
    margin-left: 3px;
}
.disabled-field-as-text label {
    opacity: 0.85;
}
.disabled-field-as-text.required:not(.label-with-required-mark) label:after {
    content: " ";
    color: transparent;
}
.disabled-field-as-text input[type="text"]:disabled {
    border-color: transparent;
    opacity: 0.85;
    background-color: transparent;
}
.disabled-field-as-text .p-select.p-disabled {
    border-color: transparent;
    opacity: 0.85;
    background-color: transparent;
}
.disabled-field-as-text .p-select.p-disabled .p-select-dropdown {
    display: none;
}
/* &&& END form elements &&& */
/* ---=== DASHBOARD ===--- */
.layout-dashboard .overview-box a {
    color: inherit;
}
.card-w-title {
    color: #5d6266;
}
.overview-refresh-button {
    position: absolute;
    bottom: 3px;
    right: 9px;
}
.overview-refresh-button .p-button.p-button-rounded {
    width: auto;
    height: auto;
    padding: 3px;
    margin: 5px;
}
.sales .overview-refresh-button .p-button {
    color: #d1e7f9;
}
.sales .overview-refresh-button .p-button:hover {
    color: white;
}
.p-confirm-popup.clear-widget-cache-dialog .p-confirm-popup-content {
    padding-bottom: 0;
}
/* &&& END dashboard &&& */
.table-without-header .p-datatable-table .p-datatable-thead {
    display: none;
}
.table-without-filter-header .p-datatable-table .p-datatable-thead tr:last-child {
    display: none;
}
.table-without-header-labels .p-datatable-table .p-datatable-thead tr:first-child {
    display: none;
}
.table-md .p-datatable-tbody > tr > td,
.table-md .p-datatable-header-cell {
    padding: 0.75rem;
}
.table-lg {
    font-size: 1.1rem;
}
.table-lg .p-datatable-tbody > tr > td,
.table-lg .p-datatable-header-cell {
    padding: 0.75rem;
}
.p-datatable .without-header-row .p-datatable-thead > tr:first-child > th {
    display: none;
}
.p-datatable .without-header-table .p-datatable-thead {
    display: none;
}
.pointer-row-table > tbody > tr:not(.p-datatable-row-expansion) > td {
    cursor: pointer;
}
.p-datatable.without-header-labels .p-datatable-thead tr:first-child {
    display: none;
}
.pointer-on-row > .p-datatable-tbody > tr:not(.p-datatable-row-expansion) > td {
    cursor: pointer;
}
.app-dark .invalid-data-row {
    background-color: rgb(188, 150, 57, 20%);
}
.app-light .invalid-data-row {
    background-color: rgb(207, 151, 13, 20%);
}
.p-datepicker {
    border: none;
    box-shadow: none;
    padding: 0;
}
.hover-block .show-on-hover-block {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.6s;
}
.hover-block:hover .show-on-hover-block {
    visibility: visible;
    opacity: 1;
}
.app-dark .p-tag.p-tag-secondary {
    background-color: #383838;
    color: rgba(255, 255, 255, 0.87);
}
.app-light .p-tag.p-tag-secondary {
    background-color: #dbdbdb;
    color: rgb(100 100 100 / 87%);
}
.p-tag.p-tag-black {
    background-color: #000000;
    color: rgba(255, 255, 255, 0.9);
}
.p-tag.tag-frame {
    background-color: transparent;
    color: var(--text-color);
    border-radius: var(--border-radius);
}
.app-dark .p-tag.tag-frame {
    border: 1px solid #515151;
}
.app-light .p-tag.tag-frame {
    border: 1px solid #cccccc;
}
.word-break-all {
    word-break: break-all !important;
}
.p-confirm-popup .p-confirm-popup-message {
    max-width: 250px;
}
.the-tag-sm {
    padding: 0.1rem 0.3rem;
}
.p-button-secondary:focus-visible {
    outline-color: transparent !important;
    box-shadow: none !important;
}
.p-button.p-dialog-close-button:enabled:focus {
    box-shadow: none;
}
.body-container .p-button-icon-only.p-datatable-column-filter-clear-button {
    width: 2.1rem;
    height: 2.1rem;
}
/* ---=== TOAST ===--- */
.p-toast.app-toast {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.p-toast.app-toast .p-toast-message {
    border-left-width: 6px;
}
.p-toast.app-toast .p-toast-summary {
    font-size: 1.1rem;
    font-weight: bolder;
    color: inherit;
    min-height: 1rem;
}
.p-toast.app-toast .p-toast-message .p-toast-message-icon,
.p-toast.app-toast .p-toast-message .p-toast-icon-close {
    color: inherit;
}
.p-toast.app-toast .p-toast-close-button {
    margin-top: -1px;
    padding: 0.5rem;
}
.p-toast.app-toast .p-toast-detail {
    font-size: 0.95rem;
}
.p-toast.app-toast .p-toast-message-content {
    gap: 0;
}
.p-toast.app-toast .p-toast-message-content svg {
    width: 20px;
    height: 20px;
}
.p-toast.app-toast .p-toast-close-button:focus-visible {
    outline-color: transparent;
}
/* &&& END toast &&& */
.landing-container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 62rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.trans-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}
@media (min-width: 768px) {
    .landing-container {
        max-width: 70rem;
    }
}
@media (min-width: 1200px) {
    .landing-container {
        max-width: 85rem;
    }
}
.min-h75vh {
    min-height: 75vh;
}
.body-button {
    border-radius: 5px;
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--p-primary-600) calc(100%* var(--tw-bg-opacity)), transparent);
    padding: .8rem .875rem;
    text-align: center;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--p-surface-0) calc(100%* var(--tw-text-opacity)), transparent);
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}
.background-orange {
    --tw-bg-opacity: 1;
    background-color: rgb(234 88 12 / var(--tw-bg-opacity));
}
.hover\:background-orange:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 115 22 / var(--tw-bg-opacity));
}
.background-red {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 37 / var(--tw-bg-opacity));
}
.hover\:background-red:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.background-violet {
    --tw-bg-opacity: 1;
    background-color: rgb(124 58 237 / var(--tw-bg-opacity));
}
.hover\:background-violet:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(139 92 246 / var(--tw-bg-opacity));
}
.background-yellow {
    --tw-bg-opacity: 1;
    background-color: rgb(253 212 66 / var(--tw-bg-opacity));
}
.hover\:background-yellow:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 230 80 / var(--tw-bg-opacity));
}
/* ---=== DIALOGS ===--- */
.prompt-dialog .p-confirmdialog-message {
    font-size: 1.15rem;
    max-width: 20rem;
    line-height: 1.4rem;
}
.prompt-dialog .p-dialog-content {
    margin-right: 0.5rem;
}
.prompt-dialog .p-dialog-footer {
    gap: 0;
}
/* &&& END dialogs &&& */
.slow-flick {
    animation: slowFlicker 2.5s linear;
    animation-iteration-count: infinite;
}
@keyframes slowFlicker {
    0% {opacity: 0.3;}
    50% {opacity: 1;}
    100% {opacity: 0.3;}
}
.avatar-photo-container {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
}
.avatar-photo-container img {
    max-height: 60px;
    text-align: center;
    vertical-align: middle
}
/* submenu button */
.custom-menu-button .p-menu .p-menuitem-link {
    cursor: pointer;
    display: flex;
    align-items: center;
    text-decoration: none;
    overflow: hidden;
    position: relative;
    padding: 0.7rem 1rem;
}
.custom-menu-button .actions-menu {
    margin-top: 3px;
    z-index: 9999;
}
.custom-menu-button .fade-btn-submenu-enter-active {
    transition: opacity ease-out 0.5s;
}
.custom-menu-button .fade-btn-submenu-leave-active {
    transition: opacity ease 0.5s;

}
.custom-menu-button .fade-btn-submenu-enter, .fade-btn-submenu-leave-to {
    opacity: 0;
}
/* end submenu button */
.p-reset {
    padding: 0 !important;
}
/* OPERATION LOGS */
table.operation-log-data {
    min-width: auto;
}
table.operation-log-data td {
    padding: 0 3px;
}
.operation-log-data .log-value {
    max-width: 550px;
}
.operation-log-data .log-value.smaller-value {
    max-width: 350px;
}
/* end Operation Logs */
.background-transparent {
    background-color: transparent !important;
}
.surface-icon {
    fill: color-mix(in srgb, var(--surface-900) 100%, transparent);
}
.accordion-left-toggle-button .p-accordionheader {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.accordion-left-toggle-button .p-accordionheader-toggle-icon {
    order: 0;
    margin-right: 0.5rem;
    transition: transform 0.25s ease;
}
.accordion-left-toggle-button .p-accordionheader > div {
    order: 1;
    flex: 1;
}
.p-accordioncontent-content {
    margin: -2px 1px -1px 1px;
}
.p-chip.small-chip {
    padding-block: 0.25rem;
    padding-inline: 0.5rem;
}
.radius-4 {
    border-radius: 4px !important;
}
.text-success-extra {
    color: #88ff00 !important;
}
.slide-fade-block-enter-active,
.slide-fade-block-leave-active {
    transition: all 0.3s ease;
}
.slide-fade-block-enter-from {
    opacity: 0;
    transform: translateY(-10px);
}
.slide-fade-block-leave-to {
    opacity: 0;
    transform: translateY(-10px);
}
.hidden-visibility {
    visibility: hidden;
}
.small-secondary-field-label {
    display: inline-block;
    margin-bottom: 0.15rem;
    font-size: 0.875rem;
    color: var(--text-color-secondary);
}
hr.live-point-divider {
    border: none;
    height: 1px;
    margin: 2rem 0;
}
.app-dark hr.live-point-divider {
    background-image: linear-gradient(to right, transparent, #305d88, transparent);
}
.app-light hr.live-point-divider {
    background-image: linear-gradient(to right, transparent, var(--surface-border), transparent);
}
hr.live-point-divider:before,
hr.live-point-divider:after {
    content: '';
    display: inline-block;
    border-radius: 100%;
    width: 4px;
    height: 4px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    background: transparent;
}
.app-dark hr.live-point-divider:before {
    border: 3px solid #305d88;
}
.app-dark hr.live-point-divider:after {
    border: 1px solid #305d88;
}
.app-light hr.live-point-divider:before {
    border: 3px solid var(--surface-border);
}
.app-light hr.live-point-divider:after {
    border: 1px solid var(--surface-border);
}
hr.live-point-divider:after {
    animation: live-point-divider-animation 4s ease-out infinite;
}
@keyframes live-point-divider-animation {
    0% {
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        width: 45px;
        height: 45px;
        opacity: 0;
    }
}
tr.p-datatable-row-selected span.show-details-tooltip {
    display: none;
}
.mb-5px {
    margin-bottom: 5px !important;
}
.running-border {
    position: relative;
}
.running-border::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--border-radius);
    border: 1px solid gold;
    -o-border-image: linear-gradient(45deg, transparent, rgba(255, 20, 147, 0.6)) 1;
       border-image: linear-gradient(45deg, transparent, rgba(255, 20, 147, 0.6)) 1;
    animation: clippath 3s infinite linear;
    opacity: 1;
    transition: opacity 0.75s ease;
    pointer-events: none;
}
.running-border.hidden-running-border::before {
    opacity: 0;
    pointer-events: none;
}
@keyframes clippath {
    0%, 100% { clip-path: inset(0 0 95% 0 round var(--border-radius)); }
    25% { clip-path: inset(0 0 0 95% round var(--border-radius)); }
    50% { clip-path: inset(95% 0 0 0 round var(--border-radius)); }
    75% { clip-path: inset(0 95% 0 0 round var(--border-radius)); }
}
.text-smaller {
    font-size: 0.925rem !important;
}
.border-contrast {
    border-color: white;
}
.app-light .border-contrast {
    border-color: var(--gray-800);
}
.app-light .visitors-list-table .p-datatable-tbody > tr.p-datatable-row-selected {
    background-color: rgb(178 216 195 / 50%);
}
.visitors-list-table .p-datatable-tbody > tr.p-datatable-row-selected {
    background-color: rgb(87 116 100 / 50%);
}

[data-v-c99d7727] .incognito-button > a {
    border-radius: 50% !important;
    border: 1px solid red !important;
}
.incognito-button > a > i[data-v-c99d7727] {
    font-size: 1.6rem !important;
}

.radio-container[data-v-ffa0b78a] {
    position: fixed;
    bottom: -5px;
    left: 0;
    padding: 1.5rem 1.5rem 0.5rem;
    width: 100%;
    z-index: 1500;
}
.appear-hide-down-enter-from[data-v-ffa0b78a] {
    transform: translateY(100%);
}
.appear-hide-down-enter-active[data-v-ffa0b78a] {
    animation: appearFromDown-ffa0b78a 0.7s forwards;
}
.appear-hide-down-leave-active[data-v-ffa0b78a] {
    animation: hideDown-ffa0b78a 0.7s forwards;
}
.appear-hide-down-leave-to[data-v-ffa0b78a] {
    transform: translateY(0);
}
@keyframes appearFromDown-ffa0b78a {
0% {transform: translateY(100%);}
100% {transform: translateY(0);}
}
@keyframes hideDown-ffa0b78a {
0% {transform: translateY(0);}
100% {transform: translateY(100%);}
}
audio[data-v-ffa0b78a] {
    width: 100%;
    height: 2rem;
}
audio[data-v-ffa0b78a]::-webkit-media-controls-panel {
    background-color: var(--surface-card);
}
.radio-list audio[data-v-ffa0b78a] {
    width: 670px;
}
.radio-logo[data-v-ffa0b78a] {
    cursor: pointer;
}
.radio-logo img.logo[data-v-ffa0b78a] {
    width: 75px;
    height: 75px;
    border-radius: 3px;
    opacity: 0.7;
}
.radio-logo:hover img.logo[data-v-ffa0b78a] {
    box-shadow: inset 0 0 0 #9a938c80,0 0 10px #fff;
    opacity: 1;
}
.radio-logo.active img.logo[data-v-ffa0b78a] {
    opacity: 1;
    box-shadow: 0 0 7px #fff401;
}
.control-play-btn[data-v-ffa0b78a] {
    position: absolute;
    display: none;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    filter: blur(1px);
}
.radio-logo:hover .control-play-btn[data-v-ffa0b78a] {
    display: inline;
}