doesitarm/assets/css/carbon.css

/* Hidden on mobile for now */
.float-corner #carbonads {
    @apply hidden;

    /* avoid layout shift on mobile */
    /* min-height: 105.38px;  */
}

/* Immediate wrapper */
.float-corner #carbonads > span {
    @apply flex;
    @apply flex-col;

    @apply justify-center;

    @apply gap-2;
}

#carbonads .carbon-wrap {
    @apply flex;

    @apply justify-center;

    @apply gap-2;
}

@media only screen and (min-width: 1350px) {
    #carbonads {
        @apply block;

        @apply text-gray-300;

        @apply bg-black-1;
        @apply rounded;
    }

    .float-corner #carbonads {
        @apply fixed;

        font-size: 0.65rem;

        right: 15px;
        bottom: 15px;

        z-index: 100;

        max-width: 160px;
    }
}

#carbonads .carbon-text {
    @apply opacity-50;
}

#carbonads .carbon-poweredby {
    @apply uppercase;
    @apply text-center;
    @apply opacity-25;

    font-size: 0.5rem;
}

.carbon-inline-wide {
    height: 90px;
}

.carbon-inline-wide #carbonads {
    @apply relative;

    @apply border;
    @apply rounded-lg;

    overflow: hidden;

    height: 100%;
}

.carbon-inline-wide #carbonads .carbon-wrap {
    @apply justify-start;
    @apply items-center;
    @apply h-full;
}

.carbon-inline-wide .carbon-img {
    @apply h-full;
}

    .carbon-inline-wide .carbon-img img {
        @apply h-full;
        @apply w-auto;
    }

.carbon-inline-wide .carbon-text {
    @apply w-full;

    @apply p-3;
}

.carbon-inline-wide .carbon-poweredby {
    @apply absolute;
    @apply bottom-0;
    @apply right-0;

    @apply border;
    @apply rounded-tl;

    @apply p-1;
}