/* Theme toggle */
.cursor-pointer {
    cursor: pointer;
}

/* Footer */
.icon {
    fill: currentColor;
}

/* Card */
.width-18 {
    width: 18rem;
    text-wrap: wrap;
}

.copy-icon-width {
    width: fit-content;
}

.box-shadow {
    -webkit-box-shadow: 0 1px 1px rgba(72, 78, 85, .6);
    box-shadow: 0 1px 1px rgba(72, 78, 85, .6);
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.box-shadow:hover {
    -webkit-box-shadow: 0 20px 40px rgba(72, 78, 85, .6);
    box-shadow: 0 20px 40px rgba(72, 78, 85, .6);
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
}

.channel-logo {
    display: block;
    margin-top: 1rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 17rem;
    height: 17rem;
    object-fit: contain;
    border-radius: 8px;
    /* Add a sticker effect to prevent white logos from becoming invisible in light mode */
    filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5)) drop-shadow(0 0 2px rgba(0, 0, 0, 0.2));
}