.calendar-overlay-floating{box-shadow:0 4px 8px #0000001a,0 8px 16px #00000014;border-radius:var(--br-lg)}.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%;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-x:clip;overflow-y:visible;position:relative}.period-picker-container .calendar,.period-picker-portal .calendar{display:flex;width:100%;overflow-x:clip;overflow-y:visible}.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:none;min-width:0}.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;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-wrapper.time-picker-on-right .calendar-nav-group.right,.period-picker-portal .calendar-wrapper.time-picker-on-right .calendar-nav-group.right{right:50%}.period-picker-container .calendar-wrapper.time-picker-on-left .calendar-nav-group.left,.period-picker-portal .calendar-wrapper.time-picker-on-left .calendar-nav-group.left{left:50%}.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{-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1 / 1;background:transparent;border-radius:0;color:inherit;display:block;font:inherit;padding:3px;margin:-1px 0 0 -1px;cursor:pointer;position:relative;border:1px solid transparent;min-height:0;text-align:inherit;width:100%}.period-picker-container .day-cell:focus,.period-picker-container .day-cell:focus-visible,.period-picker-portal .day-cell:focus,.period-picker-portal .day-cell:focus-visible{outline:none}.period-picker-container .day-cell:disabled,.period-picker-portal .day-cell:disabled{background:transparent;color:inherit;opacity:1}.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.duration-restricted,.period-picker-portal .day-cell.duration-restricted{cursor:not-allowed;position:relative}.period-picker-container .day-cell.duration-restricted:hover .day-circle,.period-picker-portal .day-cell.duration-restricted:hover .day-circle{background-color:transparent}.period-picker-container .day-cell.duration-restricted .date,.period-picker-portal .day-cell.duration-restricted .date{color:var(--text-xlight)}.period-picker-container .day-cell.duration-restricted[data-tooltip]:after,.period-picker-portal .day-cell.duration-restricted[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);padding:4px 8px;background-color:#1a1a2e;background-color:var(--tooltip-bg, var(--neutral-100, #1a1a2e));color:#fff;color:var(--neutral-inverse, #fff);font-size:11px;font-size:var(--fs-xxs, 11px);border-radius:4px;border-radius:var(--br-sm, 4px);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease-in-out;z-index:10}.period-picker-container .day-cell.duration-restricted:hover[data-tooltip]:after,.period-picker-portal .day-cell.duration-restricted:hover[data-tooltip]:after{opacity:1}.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-portal .day-cell.period .day-circle{background-color:var(--bg-1)}.period-picker-container .day-cell.period:not(.disabled):hover .day-circle,.period-picker-portal .day-cell.period:not(.disabled):hover .day-circle{background-color:var(--bg-2)}.period-picker-container .day-cell.disabled.period .day-circle:hover,.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-container .day-cell.potential-period-start-hover:before,.period-picker-portal .day-cell.potential-period-start:before,.period-picker-portal .day-cell.potential-period-start-hover: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-container .day-cell.potential-period-end-hover:before,.period-picker-portal .day-cell.potential-period-end:before,.period-picker-portal .day-cell.potential-period-end-hover: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-container .day-cell.potential-period-hover:before,.period-picker-portal .day-cell.potential-period:before,.period-picker-portal .day-cell.potential-period-hover: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-container .day-cell.potential-period-start-end-hover:before,.period-picker-portal .day-cell.potential-period-start-end:before,.period-picker-portal .day-cell.potential-period-start-end-hover: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:3px solid var(--focus-outline-color);border:1px solid var(--bg-base)}.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 .calendar-wrapper.end-time-only,.period-picker-portal .calendar-wrapper.end-time-only{display:flex;flex-direction:column}.period-picker-container .calendar-wrapper.end-time-only .time-picker,.period-picker-portal .calendar-wrapper.end-time-only .time-picker{position:static;width:100%;height:360px;pointer-events:auto}.period-picker-container .calendar-wrapper.end-time-only .time-picker .time-picker-panel,.period-picker-portal .calendar-wrapper.end-time-only .time-picker .time-picker-panel{transform:none!important;animation:none!important;border:none}.period-picker-container .calendar-wrapper.is-single-month .time-picker,.period-picker-portal .calendar-wrapper.is-single-month .time-picker{width:100%}.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-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-empty,.period-picker-portal .time-picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1 1;padding:var(--sp-xl);gap:var(--sp-sm)}.period-picker-container .time-picker-empty-title,.period-picker-portal .time-picker-empty-title{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text-strong)}.period-picker-container .time-picker-empty-description,.period-picker-portal .time-picker-empty-description{font-size:var(--fs-md);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)}.input-field.timeslot-input.add-placeholder{min-width:160px;max-width:280px;display:flex;align-items:center;border-radius:var(--br-md);border:1px solid var(--border-xlight);background:#f9f9f9;background:var(--bg-subtle, #f9f9f9);opacity:.6;cursor:default}.input-field.timeslot-input .timeslot-add-label{width:100%;padding-top:var(--input-vertical-padding);padding-bottom:var(--input-vertical-padding);padding-left:var(--sp-md);padding-right:var(--sp-md);line-height:var(--input-line-height);font-size:var(--fs-md);font-weight:var(--fw-regular);color:var(--text-xlight);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.input-field.timeslot-input{min-width:160px;max-width:280px;display:flex;align-items:stretch;border-radius:var(--br-md);border:1px solid var(--border-xlight);background:var(--bg-base);transition:border-color .2s ease-in-out;cursor:text}.input-field.timeslot-input:hover:not(.add-placeholder):not(.disabled-with-value){border-color:var(--border-medium)}.input-field.timeslot-input .timeslot-range-input{width:100%;padding-top:var(--input-vertical-padding);padding-bottom:var(--input-vertical-padding);padding-left:var(--sp-md);padding-right:var(--sp-md);border:none;background:transparent;outline:none;line-height:var(--input-line-height);font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--text-strong);white-space:nowrap;cursor:text}.input-field.timeslot-input .timeslot-range-input::-moz-placeholder{color:var(--text-xxlight);font-weight:var(--fw-regular)}.input-field.timeslot-input .timeslot-range-input::placeholder{color:var(--text-xxlight);font-weight:var(--fw-regular)}.input-field.timeslot-input:focus-within:not(.add-placeholder){outline:2px solid var(--focus-outline-color);border-color:var(--border-strong)}.input-field.timeslot-input.disabled-with-value{opacity:.5;background:#f9f9f9;background:var(--bg-subtle, #f9f9f9);cursor:default}.input-field.timeslot-input.disabled-with-value .timeslot-range-input{cursor:default}.duration-selector{position:relative;flex:1 1;z-index:20}.duration-selector .duration-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-xs);padding-top:var(--input-vertical-padding);padding-bottom:var(--input-vertical-padding);padding-left:var(--sp-md);padding-right:var(--sp-md);border-radius:var(--br-md);border:1px solid var(--border-xlight);background:var(--bg-base);line-height:var(--input-line-height);cursor:pointer;transition:border-color .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.duration-selector .duration-trigger:hover,.duration-selector .duration-trigger--open{border-color:var(--border-medium)}.duration-trigger-label{font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--text-strong);white-space:nowrap}.duration-trigger-chevron{color:var(--text-light);flex-shrink:0}.duration-selector .duration-popover{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:1000;display:flex;flex-direction:column;max-height:420px;overflow-y:auto;padding:var(--sp-sm);border-radius:var(--br-md);border:1px solid var(--border-light);background:var(--bg-base);box-shadow:0 4px 16px #0000001f;gap:2px}.duration-selector .duration-option{display:flex;align-items:center;padding:var(--sp-md) var(--sp-lg);border-radius:var(--br-sm);border:none;background:none;font-size:var(--fs-md);font-weight:var(--fw-regular);color:var(--text-regular);cursor:pointer;transition:background-color .15s ease-in-out;white-space:nowrap;text-align:left}.duration-selector .duration-option:hover{background:var(--bg-1);color:var(--text-strong)}.duration-selector .duration-option.selected{background:var(--bg-1);color:var(--text-strong);font-weight:var(--fw-medium)}.period-picker-container{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;min-width:0}.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-light);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%;display:flex;-moz-column-gap:var(--sp-3xl);column-gap:var(--sp-3xl);row-gap:var(--sp-md)}.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{position:absolute;top:0;right:0;z-index:1;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;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-inner{width:100%;display:flex;-moz-column-gap:var(--sp-3xl);column-gap:var(--sp-3xl);row-gap:var(--sp-md)}.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);border-radius:var(--br-md)}.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 .inputs-wrapper.with-border .clear-all-btn{top:var(--sp-md);right:var(--sp-xl)}.period-picker-container .input-section{display:flex;flex-direction:column;flex:1 1}.period-picker-container .input-section.duration{min-width:140px}.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-light)}.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 .inputs-wrapper.disabled{pointer-events:none}.period-picker-container .inputs-wrapper.disabled .input-field input{opacity:.5;cursor:not-allowed;background:#f9f9f9;background:var(--bg-subtle, #f9f9f9)}.period-picker-container .input-field.date,.period-picker-container .input-field.time{min-width:120px;max-width:200px}.period-picker-container .calendar-overlay{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:hover{border-color:var(--error-border-color)}.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}.calendar-overlay.calendar-size-large,.calendar-overlay-floating.calendar-size-large{width:clamp(610px,calc(100% - 16px),748px);min-width:610px;max-width:748px}.calendar-overlay.calendar-size-compact,.calendar-overlay-floating.calendar-size-compact{width:610px;min-width:610px;max-width:610px}.calendar-overlay.calendar-size-responsive,.calendar-overlay-floating.calendar-size-responsive{width:100%;max-width:748px}@media(max-width:609px){.calendar-overlay.calendar-size-large,.calendar-overlay-floating.calendar-size-large,.calendar-overlay.calendar-size-compact,.calendar-overlay-floating.calendar-size-compact{width:320px;min-width:320px;max-width:320px}}.inputs-wrapper.start-end-date .inputs-wrapper-inner,.inputs-wrapper.datetime-slot .inputs-wrapper-inner,.inputs-wrapper.duration-start-end-date .inputs-wrapper-inner{width:auto}.duration-selector{min-width:125px;max-width:300px}.inputs-wrapper.inputs-wrapper.datetime-slot .input-field.date,.inputs-wrapper.inputs-wrapper.datetime-slot .timeslot-input{min-width:200px;max-width:300px}.input-section.duration+.inputs-wrapper-inner .date,.input-section.duration+.inputs-wrapper-inner time{max-width:144px}.inputs-wrapper,.inputs-wrapper-inner{flex-wrap:wrap}@media(max-width:609px){.period-picker-container.picker-size-responsive .inputs-wrapper{padding:var(--sp-md)}.period-picker-container.picker-size-responsive .inputs-wrapper,.period-picker-container.picker-size-responsive .inputs-wrapper-inner{flex-direction:column;-moz-column-gap:0;column-gap:0;row-gap:var(--sp-lg)}.period-picker-container.picker-size-responsive .inputs-wrapper.start-end-date .inputs-wrapper-inner,.period-picker-container.picker-size-responsive .inputs-wrapper.datetime-slot .inputs-wrapper-inner,.period-picker-container.picker-size-responsive .inputs-wrapper.duration-start-end-date .inputs-wrapper-inner{width:100%}.period-picker-container.picker-size-responsive .input-section,.period-picker-container.picker-size-responsive .input-section.duration{width:100%;min-width:0}.period-picker-container.picker-size-responsive .input-group{display:grid;grid-template-columns:1fr;grid-gap:var(--sp-sm);gap:var(--sp-sm)}.period-picker-container.picker-size-responsive .input-field.date,.period-picker-container.picker-size-responsive .input-field.time,.period-picker-container.picker-size-responsive .timeslot-input,.period-picker-container.picker-size-responsive .duration-selector{width:100%;max-width:none;min-width:0}}.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, Roboto, 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-2: #E0E4E8;--bg-light: #EDF1F5;--border-xlight: #D6D9DB;--border-light: #D6D9DB;--blue-100: #136DEB}.period-picker-container button.btn-add-rental-period svg{color:var(--neutral-100)}.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}