@use "../../../styles/abstracts/variables" as *;
@use "../../../styles/abstracts/mixins" as *;

.analytics{
     @include dashPageComponent;
     &{
        overflow-x: hidden !important;
        padding-top: 1rem;
        background: #FFF;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.02); 
     }

     &--header{
        display: flex;
        align-items: center;
        justify-content: space-between;

        @media only screen and (max-width: 1000px) {
            flex-direction: column;
            align-items: flex-start;
            margin-bottom: 1rem;
        }
     }

     &__grid{
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        width: 100%;
        gap: 20px;

        @media only screen and (max-width: 1000px) {
            gap: 12px;
        }
    }
}