.zoom-in {
    transition: 250ms ease;
    cursor: pointer;
}

.zoom-in:hover {
    transform: scale(1.05);
}


.text-primary {
    color: var(--main-color);
}

.bg-primary {
    background-color: var(--main-color) !important;
}

.border-primary {
    border-color: var(--main-color);
}

.focus\:border-primary:focus {
    border-color: var(--main-color);
}

.focus\:ring-primary:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(236 72 153 / var(--main-color));
}

.fill-primary {
    fill: var(--main-color);
}

.dataTables_length select {
    padding-right: 20px !important;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus,
.video-js .vjs-big-play-button:active {
    background-color: var(--main-color) !important;
}

.video-js .vjs-loading-spinner {
    border-color: var(--main-color) !important;
}

.video-js .vjs-play-progress,
.video-js .vjs-volume-level {
    background-color: var(--main-color) !important;
}

.aspect-video::before {
    float: left;
    padding-top: 56.25%;
    content: "";
}

.aspect-video::after {
    display: block;
    content: "";
    clear: both;
}