/* Sidebar */
:root {
    --sidebar-width: 350px;
}

.sidebar {
    width: var(--sidebar-width);
    z-index: 1040;
    top: var(--navbar-height, 56px);
    height: calc(100% - var(--navbar-height, 56px));
}

.sidebar-open {
    margin-right: var(--sidebar-width);
}

/* Transitions */
.transition-margin {
    transition: margin-right 0.15s ease;
}

.transition-sidebar {
    transition: transform 0.15s ease;
}

.translate-x-full {
    transform: translateX(100%);
}

.translate-x-0 {
    transform: translateX(0);
}

/* Hide number input spin buttons */
.no-spin::-webkit-outer-spin-button,
.no-spin::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.no-spin {
    -moz-appearance: textfield;
    appearance: textfield;
}

/* Alpine.js cloak */
[x-cloak] {
    display: none !important;
}