/* for Alpine x-cloak directive.  see https://alpinejs.dev/directives/cloak */
[x-cloak] { display: none !important; }

.modal-content-drag-active { background-color: #ffeeee; }
.modal-content-height-80 { height: 80%; }

.navbar img.profile {
    border-radius: 50%;
    width: 32px; 
    height: 32px;
}

.navbar button.account-button {
    --bs-btn-padding-x: 0px;
    --bs-btn-padding-y: 0px;
    --bs-btn-border-width: 0px;
    --bs-btn-border-color: tranparent;
    --bs-btn-border-radius: 50%;
    outline: 1px solid lightgray;
}

.navbar button.account-button:hover {
    outline-width: 2px;
}

.navbar button.account-button-active {
    outline-color: grey;
}

.font-smaller {
    font-size: smaller;
}