@import '_tailwind-base.css';
/*@import "_custom-base-styles.css";*/

@import '_tailwind-components.css';
/*@import '_custom-components.css';*/

@import '_tailwind-utilities.css';
/*@import "_custom-utilities.css";*/

@import './fonts.css';

.outer-container {
    @apply py-10;
}
.container {
    @apply max-w-6xl mx-auto px-5 md:px-10;
}

.loader {
    border-radius: 50%;
    display: inline-block;
    border-top: 3px solid #fff;
    border-right: 3px solid transparent;
    box-sizing: border-box;
    animation: rotation 0.8s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.tippy-box[data-theme~='success'] {
    @apply bg-green-800 text-green-100 font-semibold;
}
.tippy-box[data-theme~='success'] .tippy-arrow {
    @apply text-green-800;
}

.tippy-box[data-theme~='error'] {
    @apply bg-red-800 text-red-100 font-semibold;
}
.tippy-box[data-theme~='error'] .tippy-arrow {
    @apply text-red-800;
}