.\!container {

    width: 100% !important
}
.container {

    width: 100%
}
@media (min-width: 640px) {
    .\!container {

        max-width: 640px !important
    }
    .container {

        max-width: 640px
    }
}
@media (min-width: 768px) {
    .\!container {

        max-width: 768px !important
    }
    .container {

        max-width: 768px
    }
}
@media (min-width: 1024px) {
    .\!container {

        max-width: 1024px !important
    }
    .container {

        max-width: 1024px
    }
}
@media (min-width: 1280px) {
    .\!container {

        max-width: 1280px !important
    }
    .container {

        max-width: 1280px
    }
}
@media (min-width: 1460px) {
    .\!container {

        max-width: 1460px !important
    }
    .container {

        max-width: 1460px
    }
}
  .custom-x-scrollbar {

    overflow: auto
}

    .custom-x-scrollbar::-webkit-scrollbar {

    height: 1rem;

    --tw-bg-opacity: 1;

    background-color: rgb(226 232 240 / var(--tw-bg-opacity))
}
    
    .custom-x-scrollbar::-webkit-scrollbar-track {

    --tw-bg-opacity: 1;

    background-color: rgb(226 232 240 / var(--tw-bg-opacity))
}
    
    .custom-x-scrollbar::-webkit-scrollbar-thumb {

    border-width: 1px;

    --tw-border-opacity: 1;

    border-color: rgb(226 232 240 / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: rgb(148 163 184 / var(--tw-bg-opacity))
}
    
    .custom-x-scrollbar::-webkit-scrollbar-thumb:hover {

    --tw-bg-opacity: 1;

    background-color: rgb(100 116 139 / var(--tw-bg-opacity))
}
    
    .custom-x-scrollbar::-webkit-scrollbar-button {

    display: none
}

  .custom-scrollbar {

    position: fixed;

    height: 1rem;

    --tw-bg-opacity: 1;

    background-color: rgb(226 232 240 / var(--tw-bg-opacity))
}

  .custom-scrollbar-thumb {

    position: absolute;

    height: 100%;

    cursor: pointer;

    --tw-bg-opacity: 1;

    background-color: rgb(148 163 184 / var(--tw-bg-opacity))
}
    
    .custom-scrollbar-thumb:hover,
    .custom-scrollbar-thumb.dragging {

    --tw-bg-opacity: 1;

    background-color: rgb(100 116 139 / var(--tw-bg-opacity))
}

  .hidden_scrollbar {

    pointer-events: none;

    visibility: hidden;

    opacity: 0;

    transition: visibility 0.2s, opacity 0.2s
}