@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

html {
    height: 100%;
    scroll-behavior: auto !important;
    scroll-padding: 48px;
}
body {
    font-family: 'Roboto', 'Noto Sans JP', sans-serif;
}
hr {
    opacity: 0;
}
#header-sidebar {
    width: 240px;
    @media (max-width: 1120px) {
        display: none;
    }
}
main {
    padding-left: 240px;
    @media (max-width: 1120px) {
        padding-left: 0;
    }
}
.lucide-sm {
    width: 17px;
    height: 17px;
}
.lucide-lg {
    width: 36px;
    height: 36px;
}
.lucide-xl {
    width: 48px;
    height: 48px;
}
.lucide-bold {
    stroke-width: 3;
}
.lucide-fill {
    fill: black;
}
.text-sm {
    font-size: .875rem;
}
.table-transparent {
    > :not(caption) > * > * {
        background-color: transparent !important;
    }
}
.table-responsive th {
    text-wrap: nowrap;
}
.day-modal-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: none;
    opacity: 0;
}
.day-modal-button:hover {
    opacity: 0.6;
}
.bg-theme {
    background: rgb(101, 115, 250);
    background: linear-gradient(
        90deg,
        rgba(101, 115, 250, 1) 0%,
        rgba(136, 107, 251, 1) 33%,
        rgba(220, 84, 220, 1) 100%
    );
}