@charset "UTF-8";

.w-100p {
    width: 100%;
}

.gap-8px {
    gap: 8px 8px;
}

.gap-16px {
    gap: 16px 16px;
}

.gap-32px {
    gap: 32px 32px;
}

.padding-top-bottom-8px {
    padding-top: 8px;
    padding-bottom: 8px;
}

.padding-top-bottom-16px {
    padding-top: 16px;
    padding-bottom: 16px;
}

.aspect-ratio-16-9 {
    aspect-ratio: 16 / 9;
}

@media (width >= 768px) {
    .phone-only {
        display: none;
    }
}

@media (width < 768px) {
    .tablet-only {
        display: none;
    }
}