.period-picker-container,.period-picker-portal{@keyframes time-picker-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes time-picker-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}}.period-picker-container .calendar-wrapper,.period-picker-portal .calendar-wrapper{width:100%;max-width:748px;min-width:320px;container-name:calendar-container;container-type:inline-size;border:1px solid var(--border-light);border-radius:var(--br-lg);background-color:var(--bg-base);overflow:hidden;position:relative}.period-picker-container .calendar,.period-picker-portal .calendar{display:flex;width:100%;overflow:hidden}.period-picker-container .calendar-track,.period-picker-portal .calendar-track{display:flex;gap:var(--sp-2xl);justify-content:center;padding:0 var(--sp-md);transition:transform .4s ease-in-out;will-change:transform}.period-picker-container .calendar-track .month,.period-picker-portal .calendar-track .month{flex:0 0 374px;flex:0 0 var(--calendar-month-width, 374px);width:374px;width:var(--calendar-month-width, 374px)}.period-picker-container .month,.period-picker-portal .month{flex:1 1;display:flex;flex-direction:column;gap:8px;width:100%;max-width:442px;min-width:303px}.period-picker-container .calendar-sentinel,.period-picker-portal .calendar-sentinel{width:100%;display:flex;justify-content:center;padding:var(--sp-sm) 0}.period-picker-container .calendar-loading,.period-picker-portal .calendar-loading{font-size:var(--fs-sm);color:var(--text-xlight)}.period-picker-container .month-year,.period-picker-portal .month-year{display:flex;align-items:center;justify-content:center;padding:var(--sp-lg) 0;font-weight:var(--fw-semibold);line-height:24px;position:relative}.period-picker-container .calendar-nav-group,.period-picker-portal .calendar-nav-group{position:absolute;top:5px;z-index:2;display:flex;align-items:center;transition:opacity .2s ease-in-out;opacity:1}.period-picker-container .calendar-nav-group.fading,.period-picker-portal .calendar-nav-group.fading{opacity:0;pointer-events:none}.period-picker-container .calendar-nav-group.left,.period-picker-portal .calendar-nav-group.left{left:0}.period-picker-container .calendar-nav-group.right,.period-picker-portal .calendar-nav-group.right{right:0}.period-picker-container .calendar-nav,.period-picker-portal .calendar-nav{background:none;border:none;padding:var(--sp-lg) var(--sp-md);color:var(--text-xlight);cursor:pointer;transition:color .2s ease-in-out;display:flex;align-items:center}.period-picker-container .calendar-nav:hover,.period-picker-portal .calendar-nav:hover{color:var(--text-strong)}.period-picker-container .calendar-today-btn,.period-picker-portal .calendar-today-btn{background:none;border:1px solid var(--border-medium);border-radius:4px;padding:4px 12px;font-size:var(--fs-sm);color:var(--text-strong);cursor:pointer;opacity:.5;transition:opacity .2s ease-in-out;white-space:nowrap;line-height:20px}.period-picker-container .calendar-today-btn:hover:not(:disabled),.period-picker-portal .calendar-today-btn:hover:not(:disabled){opacity:1}.period-picker-container .calendar-today-btn:disabled,.period-picker-portal .calendar-today-btn:disabled{cursor:default;opacity:.3}.period-picker-container .day-names,.period-picker-portal .day-names{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:var(--fs-sm);font-weight:var(--fw-regular);color:var(--text-xxlight);text-transform:uppercase;padding:0 0 var(--sp-sm) 0}.period-picker-container .month-grid,.period-picker-portal .month-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);padding:1px 0 0 1px;align-items:stretch}.period-picker-container .day-cell,.period-picker-portal .day-cell{aspect-ratio:1 / 1;padding:3px;margin:-1px 0 0 -1px;cursor:pointer;position:relative;border:1px solid transparent;min-height:0}.period-picker-container .day-circle,.period-picker-portal .day-circle{width:100%;height:100%;border-radius:99px;border-radius:var(--day-circle-border-radius, 99px);display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:transparent;transition:background-color .2s ease-in-out}.period-picker-container .day-cell:hover .day-circle,.period-picker-portal .day-cell:hover .day-circle{background-color:var(--bg-1)}.period-picker-container .date,.period-picker-portal .date{color:var(--text-strong);line-height:16px;line-height:var(--calendar-line-height, 16px);font-size:14px;font-size:var(--calendar-date-size, 14px);font-weight:500;text-align:center;min-width:30%;transition:color .2s ease-in-out}.period-picker-container .qty-number,.period-picker-portal .qty-number{font-weight:500;text-align:center;color:var(--text-light);font-size:12px;font-size:var(--fs-xs, 12px);line-height:16px;line-height:var(--calendar-line-height, 16px);transition:color .2s ease-in-out}.period-picker-container .day-cell.disabled,.period-picker-portal .day-cell.disabled{cursor:not-allowed}.period-picker-container .day-cell.disabled:hover .day-circle,.period-picker-portal .day-cell.disabled:hover .day-circle{background-color:transparent}.period-picker-container .day-cell.disabled .date,.period-picker-portal .day-cell.disabled .date{color:var(--text-xlight)}.period-picker-container .day-cell.past,.period-picker-portal .day-cell.past{cursor:not-allowed}.period-picker-container .day-cell.past .day-circle,.period-picker-portal .day-cell.past .day-circle{position:relative;opacity:.4}.period-picker-container .day-cell.past .day-circle:after,.period-picker-portal .day-cell.past .day-circle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40%;height:1px;background-color:var(--text-strong)}.period-picker-container .day-cell.past:hover .day-circle,.period-picker-portal .day-cell.past:hover .day-circle{background-color:transparent}.period-picker-container .day-cell.past .date,.period-picker-portal .day-cell.past .date{color:var(--text-strong)}.period-picker-container .day-cell.today .date,.period-picker-portal .day-cell.today .date{line-height:calc(var(--calendar-line-height) - 2px);border-bottom:2px solid var(--today-mark-color)}.period-picker-container .day-cell.period,.period-picker-portal .day-cell.period{border:1px solid var(--neutral-dark);border-left:none;border-right:none}.period-picker-container .day-cell.period .day-circle,.period-picker-container .day-cell.disabled.period .day-circle:hover,.period-picker-portal .day-cell.period .day-circle,.period-picker-portal .day-cell.disabled.period .day-circle:hover{background-color:var(--bg-1)}.period-picker-container .day-cell.period-start,.period-picker-portal .day-cell.period-start{border-top-left-radius:var(--br-full);border-bottom-left-radius:var(--br-full);border:1px solid var(--neutral-dark);border-right:none}.period-picker-container .day-cell.period-start .day-circle,.period-picker-portal .day-cell.period-start .day-circle{background-color:var(--period-start-end-bg)}.period-picker-container .day-cell.period-start .day-circle .date,.period-picker-portal .day-cell.period-start .day-circle .date{color:var(--period-start-end-color);--today-mark-color: var(--period-start-end-color)}.period-picker-container .day-cell.period-start:hover .day-circle,.period-picker-portal .day-cell.period-start:hover .day-circle{opacity:.8;background-color:var(--period-start-end-bg)}.period-picker-container .day-cell.period-end,.period-picker-portal .day-cell.period-end{border-top-right-radius:var(--br-full);border-bottom-right-radius:var(--br-full);border:1px solid var(--neutral-dark);border-left:none}.period-picker-container .day-cell.period-end .day-circle,.period-picker-portal .day-cell.period-end .day-circle{background-color:var(--period-start-end-bg)}.period-picker-container .day-cell.period-end .day-circle .date,.period-picker-portal .day-cell.period-end .day-circle .date{color:var(--period-start-end-color);--today-mark-color: var(--period-start-end-color)}.period-picker-container .day-cell.period-end:hover .day-circle,.period-picker-portal .day-cell.period-end:hover .day-circle{background-color:var(--period-start-end-bg);opacity:.8}.period-picker-container .day-cell.period-start-end,.period-picker-portal .day-cell.period-start-end{border-top-right-radius:var(--br-full);border-bottom-right-radius:var(--br-full);border-top-left-radius:var(--br-full);border-bottom-left-radius:var(--br-full);border:1px solid var(--neutral-dark)}.period-picker-container .day-cell.period-start-end .day-circle,.period-picker-portal .day-cell.period-start-end .day-circle{background-color:var(--period-start-end-bg)}.period-picker-container .day-cell.period-start-end .day-circle .date,.period-picker-portal .day-cell.period-start-end .day-circle .date{color:var(--period-start-end-color);--today-mark-color: var(--period-start-end-color)}.period-picker-container .day-cell.period-start-end:hover .day-circle,.period-picker-portal .day-cell.period-start-end:hover .day-circle{background-color:var(--period-start-end-bg);opacity:.8}.period-picker-container .day-cell.potential-period-start:before,.period-picker-portal .day-cell.potential-period-start:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-top:1px dashed var(--neutral-dark);border-bottom:1px dashed var(--neutral-dark);border-left:1px dashed var(--neutral-dark);border-top-left-radius:var(--br-full);border-bottom-left-radius:var(--br-full);pointer-events:none}.period-picker-container .day-cell.potential-period-start .day-circle,.period-picker-container .day-cell.potential-period-start:hover .day-circle,.period-picker-portal .day-cell.potential-period-start .day-circle,.period-picker-portal .day-cell.potential-period-start:hover .day-circle{background-color:var(--period-start-end-bg)}.period-picker-container .day-cell.potential-period-start .day-circle .date,.period-picker-portal .day-cell.potential-period-start .day-circle .date{color:var(--period-start-end-color);--today-mark-color: var(--period-start-end-color)}.period-picker-container .day-cell.potential-period-end:before,.period-picker-portal .day-cell.potential-period-end:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-top:1px dashed var(--neutral-dark);border-bottom:1px dashed var(--neutral-dark);border-right:1px dashed var(--neutral-dark);border-top-right-radius:var(--br-full);border-bottom-right-radius:var(--br-full);pointer-events:none}.period-picker-container .day-cell.potential-period-end .day-circle,.period-picker-container .day-cell.potential-period-end:hover .day-circle,.period-picker-portal .day-cell.potential-period-end .day-circle,.period-picker-portal .day-cell.potential-period-end:hover .day-circle{background-color:var(--period-start-end-bg)}.period-picker-container .day-cell.potential-period-end .day-circle .date,.period-picker-portal .day-cell.potential-period-end .day-circle .date{color:var(--period-start-end-color);--today-mark-color: var(--period-start-end-color)}.period-picker-container .day-cell.potential-period:before,.period-picker-portal .day-cell.potential-period:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-top:1px dashed var(--neutral-dark);border-bottom:1px dashed var(--neutral-dark);pointer-events:none}.period-picker-container .day-cell.potential-period-start-end:before,.period-picker-portal .day-cell.potential-period-start-end:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-top:1px dashed var(--neutral-dark);border-bottom:1px dashed var(--neutral-dark);border-right:1px dashed var(--neutral-dark);border-left:1px dashed var(--neutral-dark);border-top-right-radius:var(--br-full);border-bottom-right-radius:var(--br-full);border-top-left-radius:var(--br-full);border-bottom-left-radius:var(--br-full);pointer-events:none}.period-picker-container .day-cell.potential-period-start-end .day-circle,.period-picker-portal .day-cell.potential-period-start-end .day-circle{background-color:var(--period-start-end-bg)}.period-picker-container .day-cell.potential-period-start-end .day-circle .date,.period-picker-portal .day-cell.potential-period-start-end .day-circle .date{color:var(--period-start-end-color);--today-mark-color: var(--period-start-end-color)}.period-picker-container .day-cell.period-end.focused .day-circle,.period-picker-container .day-cell.period-start.focused .day-circle,.period-picker-portal .day-cell.period-end.focused .day-circle,.period-picker-portal .day-cell.period-start.focused .day-circle{outline:2px solid var(--focus-outline-color);background-color:transparent;border:1px solid var(--border-strong)}.period-picker-container .day-cell.period-end.focused .day-circle .date,.period-picker-container .day-cell.period-start.focused .day-circle .date,.period-picker-portal .day-cell.period-end.focused .day-circle .date,.period-picker-portal .day-cell.period-start.focused .day-circle .date{color:var(--text-strong);--today-mark-color: var(--text-strong)}.period-picker-container .day-cell.error .day-circle,.period-picker-portal .day-cell.error .day-circle{opacity:1;background-color:var(--red-light)}.period-picker-container .day-cell.error .day-circle:after,.period-picker-portal .day-cell.error .day-circle:after{background-color:var(--text-error)}.period-picker-container .day-cell.error .day-circle .date,.period-picker-portal .day-cell.error .day-circle .date{color:var(--text-error)}.period-picker-container .day-cell.error:hover,.period-picker-portal .day-cell.error:hover{cursor:not-allowed}.period-picker-container .day-cell.error:hover .day-circle,.period-picker-portal .day-cell.error:hover .day-circle{opacity:1;background-color:var(--red-light)!important}.period-picker-container .day-cell.error:hover .day-circle .date,.period-picker-portal .day-cell.error:hover .day-circle .date{color:var(--text-error)}.period-picker-container .time-picker,.period-picker-portal .time-picker{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;z-index:5;pointer-events:none}.period-picker-container .time-picker.expanded,.period-picker-portal .time-picker.expanded{pointer-events:auto}.period-picker-container .time-picker-panel,.period-picker-portal .time-picker-panel{height:100%;background-color:var(--bg-base);display:flex;flex-direction:column;transition:transform .3s ease-in-out;will-change:transform}.period-picker-container .time-picker.opening-left .time-picker-panel,.period-picker-container .time-picker.opening-right .time-picker-panel,.period-picker-portal .time-picker.opening-left .time-picker-panel,.period-picker-portal .time-picker.opening-right .time-picker-panel{transition:none}.period-picker-container .time-picker.right,.period-picker-portal .time-picker.right{right:0}.period-picker-container .time-picker.right .time-picker-panel,.period-picker-portal .time-picker.right .time-picker-panel{border-left:1px solid var(--border-xlight);transform:translate(100%)}.period-picker-container .time-picker.right.expanded .time-picker-panel,.period-picker-portal .time-picker.right.expanded .time-picker-panel{transform:translate(0)}.period-picker-container .time-picker.left,.period-picker-portal .time-picker.left{left:0}.period-picker-container .time-picker.left .time-picker-panel,.period-picker-portal .time-picker.left .time-picker-panel{border-right:1px solid var(--border-xlight);transform:translate(-100%)}.period-picker-container .time-picker.left.expanded .time-picker-panel,.period-picker-portal .time-picker.left.expanded .time-picker-panel{transform:translate(0)}.period-picker-container .time-picker.expanded.opening-left .time-picker-panel,.period-picker-portal .time-picker.expanded.opening-left .time-picker-panel{animation:time-picker-slide-in-left .3s ease-in-out both}.period-picker-container .time-picker.expanded.opening-right .time-picker-panel,.period-picker-portal .time-picker.expanded.opening-right .time-picker-panel{animation:time-picker-slide-in-right .3s ease-in-out both}.period-picker-container .time-picker-header,.period-picker-portal .time-picker-header{padding:var(--sp-md) var(--sp-lg);border-bottom:1px solid var(--border-xlight);background-color:var(--bg-base);display:flex;align-items:center;justify-content:space-between}.period-picker-container .time-picker-header .time-picker-title,.period-picker-portal .time-picker-header .time-picker-title{font-size:var(--fs-md);font-weight:var(--fw-medium);line-height:24px}.period-picker-container .time-picker-header .btn-close,.period-picker-portal .time-picker-header .btn-close{background:none;border:none;cursor:pointer;opacity:.4;transition:opacity .2s ease-in-out;display:flex;align-items:center}.period-picker-container .time-picker-header .btn-close svg,.period-picker-portal .time-picker-header .btn-close svg{width:var(--icon-size);height:var(--icon-size)}.period-picker-container .time-picker-header .btn-close:hover,.period-picker-portal .time-picker-header .btn-close:hover{opacity:1}.period-picker-container .time-picker-body,.period-picker-portal .time-picker-body{background-color:var(--bg-light);padding:var(--sp-md) var(--sp-lg);display:flex;flex-direction:column;flex:1 1;overflow-y:auto;align-items:center}.period-picker-container .time-picker-body .time-options-list,.period-picker-portal .time-picker-body .time-options-list{display:flex;flex-direction:column;gap:var(--sp-sm)}.period-picker-container .time-picker-body .time-option,.period-picker-portal .time-picker-body .time-option{line-height:24px;padding:10px var(--sp-3xl);background-color:var(--bg-base);border:1px solid var(--border-xlight);border-radius:var(--br-md);cursor:pointer;font-size:var(--fs-md);font-weight:var(--fw-regular);color:var(--text-light);transition:border-color .2s ease-in-out}.period-picker-container .time-picker-body .time-option:hover,.period-picker-portal .time-picker-body .time-option:hover{border-color:var(--border-strong);color:var(--text-strong)}.period-picker-container .time-picker-body .time-option.selected,.period-picker-portal .time-picker-body .time-option.selected{border-color:var(--border-strong);font-weight:var(--fw-medium);color:var(--text-strong)}.period-picker-container .time-picker-body .time-option.selected.focused,.period-picker-portal .time-picker-body .time-option.selected.focused{outline:2px solid var(--focus-outline-color);outline-offset:2px}.period-picker-container .time-picker-body .time-option.disabled,.period-picker-portal .time-picker-body .time-option.disabled{opacity:.4;cursor:not-allowed}.period-picker-container .time-picker-body .time-option.disabled:hover,.period-picker-portal .time-picker-body .time-option.disabled:hover{border-color:var(--border-xlight);color:var(--text-light)}.period-picker-container .time-picker-body::-webkit-scrollbar,.period-picker-portal .time-picker-body::-webkit-scrollbar{width:12px}.period-picker-container .time-picker-body::-webkit-scrollbar-track,.period-picker-portal .time-picker-body::-webkit-scrollbar-track{background:transparent}.period-picker-container .time-picker-body::-webkit-scrollbar-thumb,.period-picker-portal .time-picker-body::-webkit-scrollbar-thumb{background-color:var(--border-light);border-radius:99px;border:2px solid var(--bg-light)}.period-picker-container .time-picker-body::-webkit-scrollbar-thumb:hover,.period-picker-portal .time-picker-body::-webkit-scrollbar-thumb:hover{background-color:var(--border-light)}.period-picker-container{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;min-width:-moz-fit-content;min-width:fit-content}.period-picker-container .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;white-space:nowrap}.period-picker-container button.btn-add-rental-period{width:100%;max-width:748px;padding:var(--sp-xl);border-radius:var(--br-md);border:1px solid var(--border-light);background:var(--bg-base);line-height:24px;font-size:var(--fs-md);font-weight:var(--fw-regular);color:var(--blue-100);transition:border-color .2s ease-in-out;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;gap:var(--sp-md)}.period-picker-container button.btn-add-rental-period svg{color:var(--text-medium);width:20px;width:var(--icon-size, 20px);height:20px;height:var(--icon-size, 20px);stroke-width:2px;stroke-width:var(--icon-stroke-width, 2px)}.period-picker-container button.btn-add-rental-period:hover{border-color:var(--border-medium)}.period-picker-container .inputs-wrapper{position:relative;width:100%;max-width:748px;display:flex;flex-wrap:nowrap;align-items:flex-start;padding:var(--sp-lg) 0;gap:var(--sp-3xl);border-radius:var(--br-lg);min-width:-moz-fit-content;min-width:fit-content}.period-picker-container .inputs-wrapper .input-label-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-md);margin-bottom:var(--sp-xs)}.period-picker-container .inputs-wrapper .input-label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-regular)}.period-picker-container .inputs-wrapper .clear-all-btn{display:flex;align-items:center;gap:var(--sp-xs);background:none;border:none;color:var(--text-xxlight);font-size:var(--fs-xs);font-weight:var(--fw-regular);cursor:pointer;padding:0 var(--sp-sm);line-height:1.25;flex-shrink:0;transition:color .2s ease-in-out}.period-picker-container .inputs-wrapper .clear-all-btn:hover{color:var(--text-strong)}.period-picker-container .inputs-wrapper.with-border{border:1px solid var(--border-light);padding:var(--sp-lg) var(--sp-2xl) var(--sp-xl) var(--sp-2xl)}.period-picker-container .inputs-wrapper.with-border .input-label{font-size:var(--fs-xs);color:var(--text-xlight);font-weight:var(--fw-medium)}.period-picker-container .input-section{display:flex;flex-direction:column;flex:1 1;min-width:280px}.period-picker-container .input-group{align-items:center;display:flex;gap:var(--sp-lg)}.period-picker-container .input-type-icon{display:flex;align-items:center;color:var(--text-medium)}.period-picker-container .input-type-icon svg{width:24px;width:var(--icon-size, 24px);height:24px;height:var(--icon-size, 24px);stroke-width:1.5;stroke-width:var(--icon-stroke-width, 1.5)}.period-picker-container .input-field{flex:1 1;position:relative}.period-picker-container .input-field input{width:100%;padding-top:var(--input-vertical-padding);padding-bottom:var(--input-vertical-padding);padding-left:var(--sp-md);padding-right:var(--sp-3xl);border-radius:var(--br-md);border:1px solid var(--border-xlight);background:var(--bg-base);line-height:var(--input-line-height);font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--text-strong);transition:border-color .2s ease-in-out;cursor:pointer;height:auto}.period-picker-container .input-field input:hover:not(:disabled){border-color:var(--border-medium)}.period-picker-container .input-field input:focus{outline:2px solid var(--focus-outline-color);border-color:var(--border-strong)}.period-picker-container .input-field input::-moz-placeholder{color:var(--text-xxlight);opacity:1;font-weight:var(--fw-regular)}.period-picker-container .input-field input::placeholder{color:var(--text-xxlight);opacity:1;font-weight:var(--fw-regular)}.period-picker-container .input-field input.prompt-placeholder{border-color:var(--border-strong)}.period-picker-container .input-field input.prompt-placeholder::-moz-placeholder{color:var(--text-strong)}.period-picker-container .input-field input.prompt-placeholder::placeholder{color:var(--text-strong)}.period-picker-container .input-field input.prompt-placeholder:focus::-moz-placeholder{color:var(--text-xxlight)}.period-picker-container .input-field input.prompt-placeholder:focus::placeholder{color:var(--text-xxlight)}.period-picker-container .input-field input:disabled,.period-picker-container .input-field input[data-disabled=true]{opacity:.5;cursor:not-allowed;background:#f9f9f9;background:var(--bg-subtle, #f9f9f9)}.period-picker-container .input-field input:disabled:hover,.period-picker-container .input-field input[data-disabled=true]:hover{border-color:var(--border-xlight)}.period-picker-container .clear-date-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);background:none;width:32px;height:32px;display:flex;justify-content:center;align-items:center;border:none;cursor:pointer;opacity:.4;transition:opacity .2s ease-in-out;z-index:-1;color:var(--text-medium)}.period-picker-container .clear-date-btn:hover{opacity:1}.period-picker-container .clear-date-btn svg{width:18px;height:18px}.period-picker-container .clear-date-btn.visible{z-index:1}.period-picker-container .input-field.date,.period-picker-container .input-field.time{min-width:120px;max-width:200px}.period-picker-container .calendar-overlay{width:100%;margin-top:var(--sp-lg);display:flex;justify-content:center;opacity:1;transition:opacity .3s ease-out}.period-picker-container .calendar-overlay.closing{opacity:0;pointer-events:none}.period-picker-container .input-type-icon.error svg{stroke:none;fill:var(--text-error)}.period-picker-container .inputs-wrapper .error input{border-color:var(--error-border-color);color:var(--text-error)}.period-picker-container .inputs-wrapper .error input:focus{outline:2px solid var(--error-outline-color);border-color:var(--error-border-color)}.period-picker-portal .calendar-overlay-floating{display:flex;justify-content:center;overflow-y:auto;opacity:1;transition:opacity .3s ease-out}.period-picker-portal .calendar-overlay-floating.closing{opacity:0;pointer-events:none}.period-picker-container,.period-picker-portal{--sp-xs: 4px;--sp-sm: 6px;--sp-md: 8px;--sp-lg: 12px;--sp-xl: 16px;--sp-2xl: 24px;--sp-3xl: 32px;--br-sm: 4px;--br-md: 8px;--br-lg: 12px;--br-xl: 16px;--br-2xl: 24px;--br-full: 99px;--font-family: "Roboto", sans-serif;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fs-xxs: 12px;--fs-xs: 13px;--fs-sm: 14px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 20px;--fs-2xl: 24px;--neutral-100: #111;--neutral-90: color-mix(in srgb, var(--neutral-100) 90%, transparent);--neutral-80: color-mix(in srgb, var(--neutral-100) 80%, transparent);--neutral-70: color-mix(in srgb, var(--neutral-100) 70%, transparent);--neutral-60: color-mix(in srgb, var(--neutral-100) 60%, transparent);--neutral-50: color-mix(in srgb, var(--neutral-100) 50%, transparent);--neutral-40: color-mix(in srgb, var(--neutral-100) 40%, transparent);--neutral-30: color-mix(in srgb, var(--neutral-100) 30%, transparent);--neutral-25: color-mix(in srgb, var(--neutral-100) 25%, transparent);--neutral-20: color-mix(in srgb, var(--neutral-100) 20%, transparent);--neutral-15: color-mix(in srgb, var(--neutral-100) 15%, transparent);--neutral-10: color-mix(in srgb, var(--neutral-100) 10%, transparent);--neutral-5: color-mix(in srgb, var(--neutral-100) 5%, transparent);--neutral-xlight: #f5f5f5;--neutral-dark: #555;--neutral-inverse: #fff;--green-100: #016a18;--green-90: color-mix(in srgb, var(--green-100) 90%, transparent);--green-80: color-mix(in srgb, var(--green-100) 80%, transparent);--green-70: color-mix(in srgb, var(--green-100) 70%, transparent);--green-60: color-mix(in srgb, var(--green-100) 60%, transparent);--green-50: color-mix(in srgb, var(--green-100) 50%, transparent);--green-40: color-mix(in srgb, var(--green-100) 40%, transparent);--green-30: color-mix(in srgb, var(--green-100) 30%, transparent);--green-25: color-mix(in srgb, var(--green-100) 25%, transparent);--green-20: color-mix(in srgb, var(--green-100) 20%, transparent);--green-15: color-mix(in srgb, var(--green-100) 15%, transparent);--green-10: color-mix(in srgb, var(--green-100) 10%, transparent);--green-5: color-mix(in srgb, var(--green-100) 5%, transparent);--red-100: #bb2a37;--red-30: color-mix(in srgb, var(--red-100) 30%, transparent);--red-10: color-mix(in srgb, var(--red-100) 10%, transparent);--red-light: #f2dee0;--red-xlight: #f8f4f5;--blue-100: #5a9ce2;--blue-50: color-mix(in srgb, var(--blue-100) 50%, transparent);--bg-base: var(--neutral-inverse);--text-strong: var(--neutral-100);--text-regular: var(--neutral-90);--text-light: var(--neutral-80);--text-xlight: var(--neutral-60);--text-xxlight: var(--neutral-40);--text-error: var(--red-100);--bg-1: var(--neutral-5);--bg-2: var(--neutral-10);--bg-3: var(--neutral-15);--bg-light: var(--neutral-xlight);--border-xlight: var(--neutral-10);--border-light: var(--neutral-20);--border-medium: var(--neutral-30);--border-strong: var(--neutral-dark);--period-start-end-bg: var(--neutral-100);--period-start-end-color: var(--neutral-inverse);--focus-outline-color: var(--blue-50);--error-border-color: var(--red-100);--error-outline-color: var(--red-30);--calendar-date-size: 14px;--calendar-quantity-size: 12px;--calendar-line-height: 16px;--day-circle-border-radius: var(--br-full);--today-mark-color: var(--text-strong);--icon-size: 24px;--icon-stroke-width: 1.5px;--input-line-height: 24px;--input-vertical-padding: 10px}.period-picker-container,.period-picker-portal,.period-picker-container *,.period-picker-portal *,.period-picker-container *:before,.period-picker-portal *:before,.period-picker-container *:after,.period-picker-portal *:after{margin:0;padding:0;box-sizing:border-box}.period-picker-container *:not(i),.period-picker-portal *:not(i),.period-picker-container *:not(i):before,.period-picker-portal *:not(i):before,.period-picker-container *:not(i):after,.period-picker-portal *:not(i):after{font-family:var(--font-family)}.period-picker-container,.period-picker-portal{--font-family: "Proxima Nova", sans-serif;--fs-xxs: 11px;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 18px;--fs-2xl: 20px;--icon-size: 20px;--icon-stroke-width: 2px;--input-line-height: 20px;--neutral-100: #131314;--bg-1: #EDF1F5;--bg-light: #EDF1F5;--border-xlight: #D6D9DB;--border-light: #D6D9DB}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}