@import "variables"; vn-worker-calendar { .calendars { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; box-sizing: border-box; padding: $spacing-md; & > vn-calendar { border: 1px solid #ddd; margin: $spacing-md; padding: $spacing-xs; max-width: 288px; } } vn-chip.selectable { cursor: pointer } vn-chip.selectable:hover { opacity: 0.8 } vn-chip vn-avatar { text-align: center; color: white } vn-icon[icon="info"] { position: absolute; top: 16px; right: 16px } vn-side-menu div > .input { border-color: rgba(0, 0, 0, 0.3); border-bottom: 1px solid rgba(0, 0, 0, 0.3); } .festive, vn-avatar.today { background-color: $color-font-dark; width: 24px; min-width: 24px; height: 24px } .festive { border: 2px solid $color-alert } vn-avatar.today { border: 2px solid $color-font-link } }