.period-selector{background:#fff;-webkit-user-select:none;user-select:none;pointer-events:all}.period-selector-days{display:grid;border:solid #d2d3d4;border-width:0 1px 1px 0}.period-selector-days-8{grid-template-columns:auto repeat(7,1fr)}.period-selector-days-7{grid-template-columns:repeat(7,1fr)}.period-selector-days.rows-4{grid-template-rows:auto repeat(4,1fr)}.period-selector-days.rows-5{grid-template-rows:auto repeat(5,1fr)}.period-selector-days.rows-6{grid-template-rows:auto repeat(6,1fr)}.period-selector-days .period-selector-day-placeholder,.period-selector-days .period-selector-weekday,.period-selector-days .period-selector-week-num{border:solid #d2d3d4;border-width:1px 0 0 1px}.period-selector-week-num,.period-selector-weekday{display:flex;align-items:center;justify-content:center;background:#f1f2f3}.period-selector-week-num{min-width:3ch}.period-selector-weekday{padding:.25em}.period-selector-weekday.weekend{background:#ffe5e5;color:var(--bs-danger)}.period-selector-day{position:relative}.period-selector-day-placeholder{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;color:#4a4a4a}.period-selector.multiple .period-selector-day:not(.filled) .period-selector-day-placeholder{font-size:2em}.period-selector-day.filled .period-selector-day-placeholder{align-items:start;font-size:initial}.period-selector-day-placeholder.holiday:before{content:" ";height:10px;width:10px;border:solid 5px;border-color:#8dd685 #8dd685 transparent transparent;position:absolute;top:0;right:0}.period-selector-day-placeholder.today{background:#ffc28a;color:#fff}.period-selector-day-placeholder.today.weekend{background:#ff8a8a;color:#fff}.period-selector-day-placeholder.weekend{color:#c13e3e}.period-selector-day-placeholder.weekend.not-current{color:#cfa9a9}.period-selector-day-placeholder.not-current{color:#88898a}.period-selector-button{padding:.25em .75em;line-height:1;text-align:center;border-bottom:solid 2px #d2d3d4;cursor:pointer;transition:background-color .15s linear}.period-selector-button{padding:0 .25em;border:0;align-self:stretch;display:flex;align-items:center;justify-content:center;margin:.25em 0;aspect-ratio:1;border-radius:50px}.period-selector-button:hover{background:rgba(var(--bs-primary-rgb),.15);border-bottom-color:rgba(var(--bs-primary-rgb),.35)}.period-selector-month-switch.space{margin-inline-start:3ch}.period-selector-month,.period-selector-year{padding:0 .25em;width:35px;text-align:center}.period-selector-block,.period-selector-item{--color-rgb: 110, 190, 140;background:rgba(var(--color-rgb),.3);border:solid 1px rgba(var(--color-rgb),.9);position:absolute;top:3px;bottom:3px;left:3px;z-index:4;color:#fff;border-radius:3px;width:calc(100% - 5px);cursor:move;transition:box-shadow .1s linear}.period-selector.multiple .period-selector-item{background:color-mix(in oklab,rgb(var(--color-rgb)) 30%,#FFF 100%)}.period-selector.multiple .period-selector-item:not(.focused){cursor:pointer}.period-selector.multiple .period-selector-item.focused{cursor:move;box-shadow:0 0 5px #00000080;z-index:5}.period-selector.multiple .period-selector-item.focused.readonly{cursor:default}.period-selector.multiple .period-selector-item.focused:has(.period-selector-popup){z-index:6}.period-selector-item.in-slot{bottom:initial;height:25px}.period-selector-block{--color-rgb: 110, 110, 110;cursor:default}.period-selector-title{text-wrap:nowrap;text-overflow:ellipsis;flex-grow:0;flex-shrink:1;margin-inline-start:auto}.block-title{display:none}.period-selector-block:hover .block-title{display:block;position:absolute;top:calc(-100% - 7px);left:50%;right:50%}.period-selector-block:hover .block-title span{display:inline-block;background:rgba(var(--color-rgb),.95);border-radius:3px;transform:translate(-50%);margin-left:-50%;text-align:center;text-wrap:nowrap;padding:0 .25em}.period-selector-hint{--color-rgb: 110, 140, 190;background:rgba(var(--color-rgb),.05);border:solid 1px rgba(var(--color-rgb),.9);position:absolute;top:0;bottom:-1px;left:0;width:100%;z-index:3;border-radius:0}.period-selector-item .period-selector-dragger{position:absolute;top:0;bottom:0;width:10px;cursor:ew-resize}.period-selector-item.readonly .period-selector-dragger{cursor:default}.period-selector.multiple .period-selector-item:not(.focused) .period-selector-dragger{cursor:pointer}.period-selector-item .start-dragger{left:0}.period-selector-item .end-dragger{right:0}.period-selector-item.followed .start-dragger,.period-selector-item.continued .end-dragger{display:none}.period-selector-item.continued,.period-selector-item:not(.last-in-group){border-radius:3px 13px 13px 3px}.period-selector-item .content-target{display:block;overflow:hidden;height:100%;text-overflow:ellipsis;text-wrap:nowrap}.period-selector-item.item-length-1{width:calc(100% - 5px)}.period-selector-item.item-length-2{width:calc(200% - 5px)}.period-selector-item.item-length-3{width:calc(300% - 5px)}.period-selector-item.item-length-4{width:calc(400% - 5px)}.period-selector-item.item-length-5{width:calc(500% - 5px)}.period-selector-item.item-length-6{width:calc(600% - 5px)}.period-selector-item.item-length-7{width:calc(700% - 5px)}.period-selector-block.item-length-1{width:calc(100% - 5px)}.period-selector-block.item-length-2{width:calc(200% - 5px)}.period-selector-block.item-length-3{width:calc(300% - 5px)}.period-selector-block.item-length-4{width:calc(400% - 5px)}.period-selector-block.item-length-5{width:calc(500% - 5px)}.period-selector-block.item-length-6{width:calc(600% - 5px)}.period-selector-block.item-length-7{width:calc(700% - 5px)}.period-selector-hint.item-length-1{width:calc(100% + 1px)}.period-selector-hint.item-length-2{width:calc(200% + 1px)}.period-selector-hint.item-length-3{width:calc(300% + 1px)}.period-selector-hint.item-length-4{width:calc(400% + 1px)}.period-selector-hint.item-length-5{width:calc(500% + 1px)}.period-selector-hint.item-length-6{width:calc(600% + 1px)}.period-selector-hint.item-length-7{width:calc(700% + 1px)}.period-selector-item .period-selector-item-actions{display:none;position:absolute;right:0;top:calc(100% + 3px);text-wrap:nowrap}.period-selector-item .period-selector-item-actions>*:not(:hover):not(:active){background:#fff}.period-selector-item.invalid .period-selector-item-actions{display:block}.block-top .period-selector-item-actions{top:auto;bottom:calc(100% + 5px)}.inline-end .period-selector-item-actions{right:auto;left:0}.popup-target{position:absolute;top:0;bottom:0;left:0;right:0}.period-selector-popup{border:solid 1px rgba(var(--color-rgb),.5);color:var(--bs-dark);background:#fff;border-radius:5px;box-shadow:1px 1px 5px #00000080;position:absolute;bottom:calc(100% + 5px);cursor:auto}.block-top .period-selector-popup{bottom:auto;top:calc(100% + 5px)}.inline-end .period-selector-popup{right:0}.period-selector-popup-header{padding:.25rem .5rem;font-size:1.1em;border-bottom:solid 1px rgba(var(--color-rgb),.5);background:rgba(var(--color-rgb),.02)}.period-selector-popup-body{padding:.25rem .5rem;background:rgba(var(--color-rgb),.02);max-height:180px}.period-selector-popup-actions{padding:.25rem .5rem;border-top:solid 1px rgba(var(--color-rgb),.5);background:rgba(var(--color-rgb),.02)}.period-selector-item.vacation-requested{--color-rgb: 175, 110, 180}.period-selector-item.vacation-confirmed{--color-rgb: 190, 190, 150}.period-selector-item.vacation-rejected{--color-rgb: 220, 140, 150}.period-selector.multiple .period-selector-item.project-draft{--color-rgb: 190, 190, 190;background:#fcfcfc}.period-selector-item.project-not-started{--color-rgb: 180, 180, 180}.period-selector-item.project-in-work{--color-rgb: 80, 110, 190}.period-selector-item.project-finished{--color-rgb: 140, 190, 110}.period-selector-item.project-signed{--color-rgb: 220, 160, 80}.period-selector-item.project-payed{--color-rgb: 170, 190, 220}