@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-Hairline-5e1789c612117a1573bcb48552b85e673b12796c2a2e942d64335c74bbaece90.woff2) format('woff2');
        font-weight: 100;
        font-style: normal;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-HairlineItalic-9f44487a55db041769c55e4f50e37124721e2b8da5ad54ee7b76c533d65554fd.woff2) format('woff2');
        font-weight: 100;
        font-style: italic;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-Thin-59a3997aa00a5d865fba32725ce4a67919af182a5da61d3eb669ef52b50e8d4e.woff2) format('woff2');
        font-weight: 200;
        font-style: normal;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-ThinItalic-9a4f77ed177a1aef7984e39bdd04d105fbd7046e7e0a4ca9eca5fdec329cf9c7.woff2) format('woff2');
        font-weight: 200;
        font-style: italic;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-Light-93813a84eb00d68b29464274dba8116fd7c2e3644ee8da37fcf0fec35dbddd29.woff2) format('woff2');
        font-weight: 300;
        font-style: normal;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-LightItalic-867171bba57e526fdba4f5f5af0f18f548a9f31706339d0f4c1887c9ff00b749.woff2) format('woff2');
        font-weight: 300;
        font-style: italic;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-Regular-f9815326242e147b6277202ff08517632cec514b7ac10dc31179f7751774a5a0.woff2) format('woff2');
        font-weight: 400;
        font-style: normal;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-Italic-a1075aedb4299fb09edf4f57fb9d3bb457f3555abbea645a08688f8c3c07d433.woff2) format('woff2');
        font-weight: 400;
        font-style: italic;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-Semibold-2dd11a0c8674461bd8dec357640d6fbb33d8924b995091219facc1e360335971.woff2) format('woff2');
        font-weight: 500;
        font-style: normal;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-SemiboldItalic-e6e3422158c5f7f7f82ebcf107135de95f99dfe2ed0a9864f40c3087e6c6f12e.woff2) format('woff2');
        font-weight: 500;
        font-style: italic;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-Bold-e7f7c3e48518297f854281f03d16689ea06bc8cc058c76c2b9960852e0ccdee5.woff2) format('woff2');
        font-weight: 600;
        font-style: normal;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-BoldItalic-fa0174b8701497b5144556a93f5b3dc0990c0d5f74bae0cebcb015bba1ec7f7e.woff2) format('woff2');
        font-weight: 600;
        font-style: italic;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-Black-d153a816ec0817e43bad791b7c3557e4466cc27f3315de81bc7e8ea186cf9f25.woff2) format('woff2');
        font-weight: 700;
        font-style: normal;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-BlackItalic-9df9444b78aeffec3eb1c2c6bfb9f68a21cbe4ed8c138b235352f3705bc19686.woff2) format('woff2');
        font-weight: 700;
        font-style: italic;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-Extra-Black-44d801f9c51f4080a6faf437bdd0d4f3b482e8974d195d6e59b6193c69e4bb12.woff2) format('woff2');
        font-weight: 800;
        font-style: normal;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-Extra-BlackItalic-7a3054380cb9ad7ca4a86f3d297e3842bfb8137014d2e793838f4690942c65bc.woff2) format('woff2');
        font-weight: 800;
        font-style: italic;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-Ultra-82bce6335808ddf35c198bfa00b40da435982be2b3dd3b7863ee652895295ded.woff2) format('woff2');
        font-weight: 900;
        font-style: normal;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-UltraItalic-c93e0dec8103c6d1a713aa6efc0ff0fc325bc57f6e00a65b6132b7b8793740d5.woff2) format('woff2');
        font-weight: 900;
        font-style: italic;
    }
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

select[multiple] option:checked {
    @apply bg-primary-400;
}

.sapphire-file-input-btn[type=file]::file-selector-button {
    @apply border-0;
    @apply p-2.5;
    @apply text-white;
    @apply text-sm;
    @apply font-medium;
    background: linear-gradient(135deg,#fa8169 0,#b903ff 100%)
}

body {
    font-family: ReallySans, sans-serif;
    letter-spacing: 0.025em;
    h1,h2,h3,h4,h5,h6 {
        letter-spacing: 0.04em;
    }
}

/* pagination.css */
.pagination {
    @apply flex justify-center;
    @apply mt-2 mb-2;
    @apply pt-2 pb-2;
}

.pagination * {
    @apply py-2 px-3;
    @apply ml-2 mr-2;
    @apply text-sm;
    @apply text-gray-700;
    @apply font-medium;
    @apply no-underline;
    @apply bg-white;
}

.pagination em {
    @apply text-gray-700;
}

@media (max-width: 768px) { .pagination a[aria-label*='Page'] { display: none; } .pagination .current, .pagination .previous_page, .pagination .next_page { display: inline-block; } }

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */