.calendar-overlay-floating{box-shadow:0 4px 8px #0000001a,0 8px 16px #00000014;border-radius:var(--bq-period-picker-br-lg)}.period-picker-container .calendar-wrapper,.period-picker-portal .calendar-wrapper{width:100%;min-width:320px;border:1px solid var(--bq-period-picker-border-light);border-radius:var(--bq-period-picker-br-lg);background-color:var(--bq-period-picker-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(--bq-period-picker-sp-3xl);justify-content:center;padding:0 var(--bq-period-picker-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-track .month.month-layout-hidden,.period-picker-portal .calendar-track .month.month-layout-hidden{height:0;overflow:hidden}.period-picker-container .calendar-track .month.month-interaction-hidden,.period-picker-portal .calendar-track .month.month-interaction-hidden{pointer-events:none}.period-picker-container .calendar-sentinel,.period-picker-portal .calendar-sentinel{width:100%;display:flex;justify-content:center;padding:var(--bq-period-picker-sp-sm) 0}.period-picker-container .calendar-loading,.period-picker-portal .calendar-loading{font-size:var(--bq-period-picker-fs-sm);color:var(--bq-period-picker-text-xlight)}.period-picker-container .month-year,.period-picker-portal .month-year{display:flex;align-items:center;justify-content:center;padding:var(--bq-period-picker-sp-lg) 0;font-weight:var(--bq-period-picker-fw-medium);line-height:24px;position:relative;color:var(--bq-period-picker-text-strong)}.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(--bq-period-picker-sp-lg) var(--bq-period-picker-sp-md);color:var(--bq-period-picker-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(--bq-period-picker-text-strong)}.period-picker-container .calendar-today-btn,.period-picker-portal .calendar-today-btn{background:none;border:1px solid var(--bq-period-picker-border-medium);border-radius:4px;padding:4px 12px;font-size:var(--bq-period-picker-fs-sm);color:var(--bq-period-picker-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(--bq-period-picker-fs-sm);font-weight:var(--bq-period-picker-fw-regular);color:var(--bq-period-picker-text-xlight);text-transform:uppercase;padding:0 0 var(--bq-period-picker-sp-sm) 0}.period-picker-container .month-grid,.period-picker-portal .month-grid{display:grid;grid-template-columns:repeat(7,1fr);padding:1px 0 0 1px;padding-bottom:var(--bq-period-picker-sp-sm);container-type:inline-size}.period-picker-container .day-cell,.period-picker-portal .day-cell{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:calc(100cqw / 7);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%;container-name:daycell;container-type:inline-size}.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-circle,.period-picker-portal .day-circle{width:100%;height:100%;border-radius:var(--bq-period-picker-br-full);display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:transparent;border:2px solid transparent;z-index:1;position:relative;color:var(--bq-period-picker-text-strong);transition:background-color .2s ease-in-out,border .2s ease-in-out}.period-picker-container .date,.period-picker-portal .date{line-height:16px;font-size:14px;font-weight:500;text-align:center;min-width:30%;transition:color .2s ease-in-out;position:relative}.period-picker-container .qty-number,.period-picker-portal .qty-number{display:none;font-weight:400;text-align:center;opacity:.7;font-size:11px;line-height:16px;transition:color .2s ease-in-out}.period-picker-container .available-qty .day-cell .qty-number,.period-picker-portal .available-qty .day-cell .qty-number{display:block}.period-picker-container .day-cell:not(.disabled):hover .day-circle,.period-picker-portal .day-cell:not(.disabled):hover .day-circle{background-color:var(--bq-period-picker-bg-2)}.period-picker-container .day-cell.disabled,.period-picker-portal .day-cell.disabled{cursor:not-allowed}.period-picker-container .day-cell.disabled .day-circle,.period-picker-portal .day-cell.disabled .day-circle{color:var(--bq-period-picker-text-xlight)}.period-picker-container .day-cell.disabled .day-circle .date,.period-picker-container .day-cell.disabled .day-circle .qty-number,.period-picker-portal .day-cell.disabled .day-circle .date,.period-picker-portal .day-cell.disabled .day-circle .qty-number{position:relative;opacity:.5}.period-picker-container .day-cell.disabled .day-circle .date:after,.period-picker-portal .day-cell.disabled .day-circle .date:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:1px;background-color:currentColor}.period-picker-container .day-cell.disabled:is(.period-start,.period-end,.period-start-end) .day-circle .date,.period-picker-container .day-cell.disabled:is(.period-start,.period-end,.period-start-end) .day-circle .qty-number,.period-picker-portal .day-cell.disabled:is(.period-start,.period-end,.period-start-end) .day-circle .date,.period-picker-portal .day-cell.disabled:is(.period-start,.period-end,.period-start-end) .day-circle .qty-number{opacity:.8}.period-picker-container .day-cell.duration-restricted,.period-picker-portal .day-cell.duration-restricted{cursor:not-allowed;position:relative}.period-picker-container .day-cell.disabled.duration-restricted .day-circle .date:after,.period-picker-portal .day-cell.disabled.duration-restricted .day-circle .date:after{display:none}.period-picker-container .day-cell.disabled.duration-restricted .day-circle .date,.period-picker-container .day-cell.disabled.duration-restricted .day-circle .qty-number,.period-picker-portal .day-cell.disabled.duration-restricted .day-circle .date,.period-picker-portal .day-cell.disabled.duration-restricted .day-circle .qty-number{opacity:.8}.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(--bq-period-picker-neutral-100, #1a1a2e));color:#fff;color:var(--bq-period-picker-neutral-inverse, #fff);font-size:11px;font-size:var(--bq-period-picker-fs-xxs, 11px);border-radius:4px;border-radius:var(--bq-period-picker-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[data-tooltip][data-tooltip-align=start]:after,.period-picker-portal .day-cell.duration-restricted[data-tooltip][data-tooltip-align=start]:after{left:0;transform:none}.period-picker-container .day-cell.duration-restricted[data-tooltip][data-tooltip-align=end]:after,.period-picker-portal .day-cell.duration-restricted[data-tooltip][data-tooltip-align=end]:after{left:auto;right:0;transform:none}.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{font-weight:600;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:2px}.period-picker-container .day-cell.period,.period-picker-portal .day-cell.period{border:1px solid var(--bq-period-picker-neutral-dark);border-left:none;border-right:none;padding-left:4px;padding-right:4px}.period-picker-container .day-cell.selected-period,.period-picker-portal .day-cell.selected-period{background-color:var(--bq-period-picker-bg-1)}.period-picker-container .availability .day-cell.selected-period,.period-picker-container .available-qty .day-cell.selected-period,.period-picker-portal .availability .day-cell.selected-period,.period-picker-portal .available-qty .day-cell.selected-period{background-color:var(--bq-period-picker-bg-base)}.period-picker-container .available-qty .date,.period-picker-portal .available-qty .date{font-size:15px}.period-picker-container .available-qty .day-cell:not(.past) .date,.period-picker-portal .available-qty .day-cell:not(.past) .date{top:2px}.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(--bq-period-picker-bg-2)}.period-picker-container .day-cell.period-start,.period-picker-portal .day-cell.period-start{border-top-left-radius:var(--bq-period-picker-br-full);border-bottom-left-radius:var(--bq-period-picker-br-full);border:1px solid var(--bq-period-picker-neutral-dark);border-right:none;padding-right:4px}.period-picker-container .day-cell.period-end,.period-picker-portal .day-cell.period-end{border-top-right-radius:var(--bq-period-picker-br-full);border-bottom-right-radius:var(--bq-period-picker-br-full);border:1px solid var(--bq-period-picker-neutral-dark);border-left:none;padding-left:4px}.period-picker-container .day-cell.period-start-end,.period-picker-portal .day-cell.period-start-end{border-top-right-radius:var(--bq-period-picker-br-full);border-bottom-right-radius:var(--bq-period-picker-br-full);border-top-left-radius:var(--bq-period-picker-br-full);border-bottom-left-radius:var(--bq-period-picker-br-full);border:1px solid var(--bq-period-picker-neutral-dark)}.period-picker-container .day-cell.period-start:not(.unavailable):not(.partially-unavailable) .day-circle,.period-picker-container .day-cell.period-end:not(.unavailable):not(.partially-unavailable) .day-circle,.period-picker-container .day-cell.period-start-end:not(.unavailable):not(.partially-unavailable) .day-circle,.period-picker-portal .day-cell.period-start:not(.unavailable):not(.partially-unavailable) .day-circle,.period-picker-portal .day-cell.period-end:not(.unavailable):not(.partially-unavailable) .day-circle,.period-picker-portal .day-cell.period-start-end:not(.unavailable):not(.partially-unavailable) .day-circle{background-color:var(--bq-period-picker-period-start-end-bg);color:var(--bq-period-picker-period-start-end-color)}.period-picker-container .day-cell.period-start:not(.unavailable):not(.partially-unavailable):hover .day-circle,.period-picker-container .day-cell.period-end:not(.unavailable):not(.partially-unavailable):hover .day-circle,.period-picker-container .day-cell.period-start-end:not(.unavailable):not(.partially-unavailable):hover .day-circle,.period-picker-portal .day-cell.period-start:not(.unavailable):not(.partially-unavailable):hover .day-circle,.period-picker-portal .day-cell.period-end:not(.unavailable):not(.partially-unavailable):hover .day-circle,.period-picker-portal .day-cell.period-start-end:not(.unavailable):not(.partially-unavailable):hover .day-circle{background-color:var(--bq-period-picker-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(--bq-period-picker-neutral-medium);border-bottom:1px dashed var(--bq-period-picker-neutral-medium);border-left:1px dashed var(--bq-period-picker-neutral-medium);border-top-left-radius:var(--bq-period-picker-br-full);border-bottom-left-radius:var(--bq-period-picker-br-full);pointer-events:none}.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(--bq-period-picker-neutral-medium);border-bottom:1px dashed var(--bq-period-picker-neutral-medium);border-right:1px dashed var(--bq-period-picker-neutral-medium);border-top-right-radius:var(--bq-period-picker-br-full);border-bottom-right-radius:var(--bq-period-picker-br-full);pointer-events:none}.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(--bq-period-picker-neutral-medium);border-bottom:1px dashed var(--bq-period-picker-neutral-medium);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(--bq-period-picker-neutral-medium);border-bottom:1px dashed var(--bq-period-picker-neutral-medium);border-right:1px dashed var(--bq-period-picker-neutral-medium);border-left:1px dashed var(--bq-period-picker-neutral-medium);border-top-right-radius:var(--bq-period-picker-br-full);border-bottom-right-radius:var(--bq-period-picker-br-full);border-top-left-radius:var(--bq-period-picker-br-full);border-bottom-left-radius:var(--bq-period-picker-br-full);pointer-events:none}.period-picker-container .day-cell.potential-period-start .day-circle,.period-picker-container .day-cell.potential-period-end .day-circle,.period-picker-container .day-cell.potential-period-start-end .day-circle,.period-picker-portal .day-cell.potential-period-start .day-circle,.period-picker-portal .day-cell.potential-period-end .day-circle,.period-picker-portal .day-cell.potential-period-start-end .day-circle{color:var(--bq-period-picker-period-start-end-color)}.period-picker-container .day-cell.potential-period-start .day-circle,.period-picker-container .day-cell.potential-period-start:hover .day-circle,.period-picker-container .day-cell.potential-period-end .day-circle,.period-picker-container .day-cell.potential-period-end:hover .day-circle,.period-picker-container .day-cell.potential-period-start-end .day-circle,.period-picker-container .day-cell.potential-period-start-end:hover .day-circle,.period-picker-portal .day-cell.potential-period-start .day-circle,.period-picker-portal .day-cell.potential-period-start:hover .day-circle,.period-picker-portal .day-cell.potential-period-end .day-circle,.period-picker-portal .day-cell.potential-period-end:hover .day-circle,.period-picker-portal .day-cell.potential-period-start-end .day-circle,.period-picker-portal .day-cell.potential-period-start-end:hover .day-circle,.period-picker-container .day-cell.potential-period-start.available .day-circle,.period-picker-container .day-cell.potential-period-start.partially-available .day-circle,.period-picker-container .day-cell.potential-period-start:hover.available .day-circle,.period-picker-container .day-cell.potential-period-start:hover.partially-available .day-circle,.period-picker-container .day-cell.potential-period-end.available .day-circle,.period-picker-container .day-cell.potential-period-end.partially-available .day-circle,.period-picker-container .day-cell.potential-period-end:hover.available .day-circle,.period-picker-container .day-cell.potential-period-end:hover.partially-available .day-circle,.period-picker-container .day-cell.potential-period-start-end.available .day-circle,.period-picker-container .day-cell.potential-period-start-end.partially-available .day-circle,.period-picker-container .day-cell.potential-period-start-end:hover.available .day-circle,.period-picker-container .day-cell.potential-period-start-end:hover.partially-available .day-circle,.period-picker-portal .day-cell.potential-period-start.available .day-circle,.period-picker-portal .day-cell.potential-period-start.partially-available .day-circle,.period-picker-portal .day-cell.potential-period-start:hover.available .day-circle,.period-picker-portal .day-cell.potential-period-start:hover.partially-available .day-circle,.period-picker-portal .day-cell.potential-period-end.available .day-circle,.period-picker-portal .day-cell.potential-period-end.partially-available .day-circle,.period-picker-portal .day-cell.potential-period-end:hover.available .day-circle,.period-picker-portal .day-cell.potential-period-end:hover.partially-available .day-circle,.period-picker-portal .day-cell.potential-period-start-end.available .day-circle,.period-picker-portal .day-cell.potential-period-start-end.partially-available .day-circle,.period-picker-portal .day-cell.potential-period-start-end:hover.available .day-circle,.period-picker-portal .day-cell.potential-period-start-end:hover.partially-available .day-circle{background-color:var(--bq-period-picker-period-start-end-bg)}.period-picker-container .day-cell.potential-period-start.partially-unavailable .day-circle,.period-picker-container .day-cell.potential-period-start:hover.partially-unavailable .day-circle,.period-picker-container .day-cell.potential-period-end.partially-unavailable .day-circle,.period-picker-container .day-cell.potential-period-end:hover.partially-unavailable .day-circle,.period-picker-container .day-cell.potential-period-start-end.partially-unavailable .day-circle,.period-picker-container .day-cell.potential-period-start-end:hover.partially-unavailable .day-circle,.period-picker-portal .day-cell.potential-period-start.partially-unavailable .day-circle,.period-picker-portal .day-cell.potential-period-start:hover.partially-unavailable .day-circle,.period-picker-portal .day-cell.potential-period-end.partially-unavailable .day-circle,.period-picker-portal .day-cell.potential-period-end:hover.partially-unavailable .day-circle,.period-picker-portal .day-cell.potential-period-start-end.partially-unavailable .day-circle,.period-picker-portal .day-cell.potential-period-start-end:hover.partially-unavailable .day-circle{background-color:var(--bq-period-picker-solid-red-15)}.period-picker-container .day-cell.potential-period-start:not(.disabled).unavailable .day-circle,.period-picker-container .day-cell.potential-period-start:hover:not(.disabled).unavailable .day-circle,.period-picker-container .day-cell.potential-period-end:not(.disabled).unavailable .day-circle,.period-picker-container .day-cell.potential-period-end:hover:not(.disabled).unavailable .day-circle,.period-picker-container .day-cell.potential-period-start-end:not(.disabled).unavailable .day-circle,.period-picker-container .day-cell.potential-period-start-end:hover:not(.disabled).unavailable .day-circle,.period-picker-portal .day-cell.potential-period-start:not(.disabled).unavailable .day-circle,.period-picker-portal .day-cell.potential-period-start:hover:not(.disabled).unavailable .day-circle,.period-picker-portal .day-cell.potential-period-end:not(.disabled).unavailable .day-circle,.period-picker-portal .day-cell.potential-period-end:hover:not(.disabled).unavailable .day-circle,.period-picker-portal .day-cell.potential-period-start-end:not(.disabled).unavailable .day-circle,.period-picker-portal .day-cell.potential-period-start-end:hover:not(.disabled).unavailable .day-circle{background-color:var(--bq-period-picker-bg-base);border:2px solid var(--bq-period-picker-solid-red-20);color:var(--bq-period-picker-text-error)}.period-picker-container .day-cell.potential-period-start:not(.disabled).unavailable:hover .day-circle,.period-picker-container .day-cell.potential-period-start:hover:not(.disabled).unavailable:hover .day-circle,.period-picker-container .day-cell.potential-period-end:not(.disabled).unavailable:hover .day-circle,.period-picker-container .day-cell.potential-period-end:hover:not(.disabled).unavailable:hover .day-circle,.period-picker-container .day-cell.potential-period-start-end:not(.disabled).unavailable:hover .day-circle,.period-picker-container .day-cell.potential-period-start-end:hover:not(.disabled).unavailable:hover .day-circle,.period-picker-portal .day-cell.potential-period-start:not(.disabled).unavailable:hover .day-circle,.period-picker-portal .day-cell.potential-period-start:hover:not(.disabled).unavailable:hover .day-circle,.period-picker-portal .day-cell.potential-period-end:not(.disabled).unavailable:hover .day-circle,.period-picker-portal .day-cell.potential-period-end:hover:not(.disabled).unavailable:hover .day-circle,.period-picker-portal .day-cell.potential-period-start-end:not(.disabled).unavailable:hover .day-circle,.period-picker-portal .day-cell.potential-period-start-end:hover:not(.disabled).unavailable:hover .day-circle{background-color:var(--bq-period-picker-bg-base);border:2px solid var(--bq-period-picker-solid-red-30)}.period-picker-container .day-cell.period-start.focused .day-circle,.period-picker-container .day-cell.period-end.focused .day-circle,.period-picker-container .day-cell.period-start-end.focused .day-circle,.period-picker-portal .day-cell.period-start.focused .day-circle,.period-picker-portal .day-cell.period-end.focused .day-circle,.period-picker-portal .day-cell.period-start-end.focused .day-circle{outline:3px solid var(--bq-period-picker-focus-outline-color);border:1px solid var(--bq-period-picker-bg-base)}.period-picker-container .day-cell.error .day-circle,.period-picker-portal .day-cell.error .day-circle{opacity:1!important;background:var(--bq-period-picker-solid-red-15)!important;border:none!important;color:var(--bq-period-picker-text-error)!important}.period-picker-container .calendar-wrapper.is-single-month .time-picker,.period-picker-portal .calendar-wrapper.is-single-month .time-picker{width:70%}.period-picker-container .time-picker-backdrop,.period-picker-portal .time-picker-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background-color:var(--bq-period-picker-backdrop-bg);opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.period-picker-container .time-picker-backdrop.visible,.period-picker-portal .time-picker-backdrop.visible{opacity:1;pointer-events:auto}.period-picker-container .calendar-wrapper.stacked-months,.period-picker-portal .calendar-wrapper.stacked-months{overflow-y:hidden}.period-picker-container .calendar-wrapper.stacked-months .calendar,.period-picker-portal .calendar-wrapper.stacked-months .calendar{max-height:min(62vh,760px);overflow-y:auto}.period-picker-container .calendar-wrapper.stacked-months .calendar-track,.period-picker-portal .calendar-wrapper.stacked-months .calendar-track{display:flex;flex-direction:column;justify-content:flex-start;gap:0;padding:0 var(--bq-period-picker-sp-md) var(--bq-period-picker-sp-md);transition:none;transform:none!important}.period-picker-container .stacked-month-sentinel,.period-picker-portal .stacked-month-sentinel{flex:0 0 1px;height:1px;margin:0;padding:0;pointer-events:none}.period-picker-container .calendar-wrapper.stacked-months .calendar-track .month,.period-picker-portal .calendar-wrapper.stacked-months .calendar-track .month{flex:0 0 auto}.period-picker-container .calendar-wrapper.stacked-months .month-year,.period-picker-portal .calendar-wrapper.stacked-months .month-year{padding-top:var(--bq-period-picker-sp-xl)}.period-picker-container .calendar-wrapper.stacked-months .calendar-nav-group,.period-picker-portal .calendar-wrapper.stacked-months .calendar-nav-group{display:none}.period-picker-container .calendar-wrapper.stacked-months .calendar-sentinel,.period-picker-portal .calendar-wrapper.stacked-months .calendar-sentinel{height:1px;padding:0}.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(--bq-period-picker-bg-base);display:flex;flex-direction:column;transition:transform .3s ease-in-out;will-change:transform}.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(--bq-period-picker-border-xlight);transform:translate(100%)}.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(--bq-period-picker-border-xlight);transform:translate(-100%)}.period-picker-container .time-picker.open .time-picker-panel,.period-picker-portal .time-picker.open .time-picker-panel{transform:translate(0)}.period-picker-container .time-picker-header,.period-picker-portal .time-picker-header{padding:var(--bq-period-picker-sp-lg);border-bottom:1px solid var(--bq-period-picker-border-xlight);background-color:var(--bq-period-picker-bg-base);display:flex;align-items:center;justify-content:space-between}.period-picker-container .time-picker-close,.period-picker-portal .time-picker-close{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.period-picker-container .time-picker-header .time-picker-title,.period-picker-portal .time-picker-header .time-picker-title{font-size:var(--bq-period-picker-fs-md);font-weight:var(--bq-period-picker-fw-medium);line-height:24px}.period-picker-container .time-picker-body,.period-picker-portal .time-picker-body{background-color:var(--bq-period-picker-bg-light);padding:var(--bq-period-picker-sp-md) 0;display:flex;flex-direction:column;flex:1 1;overflow-y:auto;align-items:center;container-name:timelist;container-type:inline-size}.period-picker-container .time-options-list,.period-picker-portal .time-options-list{display:grid;grid-template-columns:repeat(1,minmax(110px,max-content));grid-column-gap:var(--bq-period-picker-sp-xs);-moz-column-gap:var(--bq-period-picker-sp-xs);column-gap:var(--bq-period-picker-sp-xs);grid-row-gap:var(--bq-period-picker-sp-sm);row-gap:var(--bq-period-picker-sp-sm);padding:0 var(--bq-period-picker-sp-sm);margin:0 auto}.period-picker-container .time-options-list.fixed-slots,.period-picker-portal .time-options-list.fixed-slots{grid-template-columns:180px}.period-picker-container .time-options-list.has-hours,.period-picker-portal .time-options-list.has-hours{--time-cols: 2;--time-col-track: minmax(0, 1fr);--time-list-width: 100%;--time-rail-w: 44px;grid-template-columns:44px auto;grid-template-columns:var(--time-rail-w) auto;width:100%;width:var(--time-list-width);align-items:start;-moz-column-gap:var(--bq-period-picker-sp-sm);column-gap:var(--bq-period-picker-sp-sm);row-gap:var(--bq-period-picker-sp-lg)}.period-picker-container .time-options-list.has-hours.cols-1,.period-picker-portal .time-options-list.has-hours.cols-1{--time-cols: 1;--time-col-track: minmax(110px, max-content);--time-list-width: auto}.period-picker-container .time-options-list.has-hours.cols-3,.period-picker-portal .time-options-list.has-hours.cols-3{--time-cols: 3}.period-picker-container .time-hour-slots,.period-picker-portal .time-hour-slots{display:grid;grid-template-columns:repeat(var(--time-cols),var(--time-col-track));grid-column-gap:var(--bq-period-picker-sp-xs);-moz-column-gap:var(--bq-period-picker-sp-xs);column-gap:var(--bq-period-picker-sp-xs);grid-row-gap:var(--bq-period-picker-sp-xs);row-gap:var(--bq-period-picker-sp-xs)}.period-picker-container .time-hour-label,.period-picker-portal .time-hour-label{display:flex;align-items:baseline;justify-content:center;gap:2px;padding-top:var(--bq-period-picker-sp-md);font-size:var(--bq-period-picker-fs-lg);font-weight:var(--bq-period-picker-fw-semibold);line-height:20px;color:var(--bq-period-picker-text-light)}.period-picker-container .time-hour-period,.period-picker-portal .time-hour-period{font-size:var(--bq-period-picker-fs-xxs);font-weight:var(--bq-period-picker-fw-medium);text-transform:uppercase;color:var(--bq-period-picker-text-light)}@container timelist (max-width: 399px){.period-picker-container .time-options-list.has-hours.cols-3,.period-picker-portal .time-options-list.has-hours.cols-3{--time-cols: 2}}@container timelist (max-width: 285px){.period-picker-container .time-options-list.has-hours.cols-2,.period-picker-container .time-options-list.has-hours.cols-3,.period-picker-portal .time-options-list.has-hours.cols-2,.period-picker-portal .time-options-list.has-hours.cols-3{--time-cols: 1;--time-col-track: minmax(110px, max-content);--time-list-width: auto}}.period-picker-container .time-options-list .time-option,.period-picker-portal .time-options-list .time-option{line-height:20px;padding:var(--bq-period-picker-sp-md);background-color:var(--bq-period-picker-bg-base);border:1px solid var(--bq-period-picker-border-light);border-radius:var(--bq-period-picker-br-md);cursor:pointer;font-size:14px;font-weight:var(--bq-period-picker-fw-medium);color:var(--bq-period-picker-text-light);transition:border-color .2s ease-in-out;width:100%;justify-content:center}.period-picker-container .time-options-list .time-option:hover,.period-picker-portal .time-options-list .time-option:hover{border-color:var(--bq-period-picker-border-strong);color:var(--bq-period-picker-text-strong)}.period-picker-container .time-options-list .time-option.selected,.period-picker-portal .time-options-list .time-option.selected{border-color:var(--bq-period-picker-border-strong);font-weight:var(--bq-period-picker-fw-medium);color:var(--bq-period-picker-text-strong)}.period-picker-container .time-options-list .time-option.selected.focused,.period-picker-portal .time-options-list .time-option.selected.focused{outline:2px solid var(--bq-period-picker-focus-outline-color);outline-offset:1px}.period-picker-container .time-options-list .time-option.disabled,.period-picker-portal .time-options-list .time-option.disabled{opacity:.5;cursor:not-allowed}.period-picker-container .time-options-list .time-option.disabled:hover,.period-picker-portal .time-options-list .time-option.disabled:hover{border-color:var(--bq-period-picker-border-light);color:var(--bq-period-picker-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(--bq-period-picker-sp-xl);gap:var(--bq-period-picker-sp-sm)}.period-picker-container .time-picker-empty-title,.period-picker-portal .time-picker-empty-title{font-size:var(--bq-period-picker-fs-lg);font-weight:var(--fw-bold);color:var(--bq-period-picker-text-strong)}.period-picker-container .time-picker-empty-description,.period-picker-portal .time-picker-empty-description{font-size:var(--bq-period-picker-fs-md);color:var(--bq-period-picker-text-light)}.period-picker-container .time-picker-body::-webkit-scrollbar,.period-picker-portal .time-picker-body::-webkit-scrollbar{width:8px}.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(--bq-period-picker-border-light);border-radius:99px;border:2px solid var(--bq-period-picker-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(--bq-period-picker-border-light)}.period-picker-container .day-cell.available .day-circle,.period-picker-portal .day-cell.available .day-circle{background-color:var(--bq-period-picker-availability-lighter);border:2px solid transparent}.period-picker-container .day-cell.available:not(.disabled,.potential-period-start,.potential-period-end,.potential-period-start-end,.period-start,.period-end,.period-start-end):hover .day-circle,.period-picker-portal .day-cell.available:not(.disabled,.potential-period-start,.potential-period-end,.potential-period-start-end,.period-start,.period-end,.period-start-end):hover .day-circle{background-color:var(--bq-period-picker-availability-lighter);border-color:var(--bq-period-picker-availability-stronger)}.period-picker-container .day-cell.partially-available:not(.partially-unavailable,.potential-period-start,.potential-period-end,.potential-period-start-end,.period-start,.period-end,.period-start-end) .day-circle,.period-picker-portal .day-cell.partially-available:not(.partially-unavailable,.potential-period-start,.potential-period-end,.potential-period-start-end,.period-start,.period-end,.period-start-end) .day-circle{background-color:var(--bq-period-picker-bg-base);background-image:linear-gradient(-45deg,transparent 0%,transparent 30%,var(--bq-period-picker-availability-lighter) 30%,var(--bq-period-picker-availability-lighter) 70%,transparent 70%,transparent 100%);border:2px solid var(--bq-period-picker-availability-lighter)}.period-picker-container .day-cell.partially-available:not(.partially-unavailable,.potential-period-start,.potential-period-end,.potential-period-start-end,.period-start,.period-end,.period-start-end):hover .day-circle,.period-picker-portal .day-cell.partially-available:not(.partially-unavailable,.potential-period-start,.potential-period-end,.potential-period-start-end,.period-start,.period-end,.period-start-end):hover .day-circle{background-color:var(--bq-period-picker-bg-base);border-color:var(--bq-period-picker-availability-stronger)}.period-picker-container .day-cell.partially-available.partially-unavailable .day-circle,.period-picker-portal .day-cell.partially-available.partially-unavailable .day-circle{background-color:var(--bq-period-picker-bg-base);background-image:linear-gradient(-45deg,transparent 0%,transparent 30%,var(--bq-period-picker-solid-red-15) 30%,var(--bq-period-picker-solid-red-15) 70%,transparent 70%,transparent 100%);border:2px solid var(--bq-period-picker-solid-red-15);color:var(--bq-period-picker-text-error)}.period-picker-container .day-cell.partially-available.partially-unavailable:hover .day-circle,.period-picker-portal .day-cell.partially-available.partially-unavailable:hover .day-circle{opacity:1;background-color:transparent;border:2px solid var(--bq-period-picker-solid-red-30)}.period-picker-container .day-cell.unavailable .day-circle,.period-picker-portal .day-cell.unavailable .day-circle{background-color:var(--bq-period-picker-bg-base);border:2px solid var(--bq-period-picker-solid-neutral-7)}.period-picker-container .day-cell.unavailable:not(.disabled):hover .day-circle,.period-picker-portal .day-cell.unavailable:not(.disabled):hover .day-circle{background-color:var(--bq-period-picker-bg-base);border:2px solid var(--bq-period-picker-solid-neutral-15)}.period-picker-container .day-cell.selected-period.unavailable .day-circle,.period-picker-portal .day-cell.selected-period.unavailable .day-circle{background-color:var(--bq-period-picker-bg-base);border:2px solid var(--bq-period-picker-solid-red-20);color:var(--bq-period-picker-text-error)}.period-picker-container .day-cell.selected-period.unavailable:not(.disabled):hover .day-circle,.period-picker-portal .day-cell.selected-period.unavailable:not(.disabled):hover .day-circle{background-color:var(--bq-period-picker-bg-base);border:2px solid var(--bq-period-picker-solid-red-30)}.period-picker-container .availability .time-picker-body .time-option,.period-picker-container .available-qty .time-picker-body .time-option,.period-picker-portal .availability .time-picker-body .time-option,.period-picker-portal .available-qty .time-picker-body .time-option{display:flex;align-items:center;justify-content:flex-start;gap:var(--bq-period-picker-sp-lg)}.period-picker-container .availability .time-picker-body .time-option .time-availability,.period-picker-container .available-qty .time-picker-body .time-option .time-availability,.period-picker-portal .availability .time-picker-body .time-option .time-availability,.period-picker-portal .available-qty .time-picker-body .time-option .time-availability{display:none;width:12px;height:12px;border-radius:99px;margin-left:auto}.period-picker-container .availability .time-picker-body .time-option .time-availability,.period-picker-portal .availability .time-picker-body .time-option .time-availability{display:block}.period-picker-container .available-qty .time-picker-body .time-option .qty-number,.period-picker-portal .available-qty .time-picker-body .time-option .qty-number{display:block;margin-left:auto;flex:0 0 auto;min-width:20px;height:20px;padding:0 var(--bq-period-picker-sp-xs);font-weight:var(--bq-period-picker-fw-medium);text-align:center;border-radius:99px;border:2px solid transparent;white-space:nowrap}.period-picker-container .available-qty .time-picker-body .time-option.available .qty-number,.period-picker-portal .available-qty .time-picker-body .time-option.available .qty-number{background-color:var(--bq-period-picker-availability-lighter);color:var(--bq-period-picker-text-strong)}.period-picker-container .available-qty .time-picker-body .time-option.unavailable .qty-number,.period-picker-portal .available-qty .time-picker-body .time-option.unavailable .qty-number{border-radius:99px;color:var(--bq-period-picker-text-light);border-color:var(--bq-period-picker-solid-neutral-15)}.period-picker-container .time-picker-body .time-option.available,.period-picker-portal .time-picker-body .time-option.available{background-color:var(--bq-period-picker-bg-base);transition:background-color .25s,color .25s,border-color .25s}.period-picker-container .time-picker-body .time-option.available .time-availability,.period-picker-portal .time-picker-body .time-option.available .time-availability{background-color:var(--bq-period-picker-availability-stronger)}.period-picker-container .time-picker-body .time-option.unavailable,.period-picker-portal .time-picker-body .time-option.unavailable{background-color:transparent}.period-picker-container .time-picker-body .time-option.unavailable .time-availability,.period-picker-portal .time-picker-body .time-option.unavailable .time-availability{border:2px solid var(--bq-period-picker-solid-neutral-15)}.period-picker-container .time-picker-body .time-option.unavailable.disabled,.period-picker-portal .time-picker-body .time-option.unavailable.disabled{background-color:transparent;color:var(--bq-period-picker-text-xlight);cursor:not-allowed;opacity:.7}.period-picker-container .time-picker-body .time-option.unavailable.disabled:hover,.period-picker-portal .time-picker-body .time-option.unavailable.disabled:hover{border-color:var(--bq-period-picker-border-xlight);color:var(--bq-period-picker-text-xlight)}.period-picker-container .time-picker-body .time-option.available.disabled,.period-picker-portal .time-picker-body .time-option.available.disabled{cursor:not-allowed;opacity:.7;background-color:transparent;color:var(--bq-period-picker-text-xlight)}.period-picker-container .time-picker-body .time-option.available.disabled:hover,.period-picker-portal .time-picker-body .time-option.available.disabled:hover{color:var(--bq-period-picker-text-light)}.period-picker-container .calendar-wrapper .availability-legend,.period-picker-portal .calendar-wrapper .availability-legend{display:none}@container daycell (max-width: 40px){.period-picker-container .available-qty .date,.period-picker-portal .available-qty .date{font-size:13px;line-height:13px;top:-1px!important}.period-picker-container .qty-number,.period-picker-portal .qty-number{font-size:11px;line-height:11px}}@container daycell (max-width: 37px){.period-picker-container .date,.period-picker-portal .date{font-size:13px;line-height:13px}}.period-picker-container .calendar-wrapper.availability .availability-legend,.period-picker-container .calendar-wrapper.available-qty .availability-legend,.period-picker-portal .calendar-wrapper.availability .availability-legend,.period-picker-portal .calendar-wrapper.available-qty .availability-legend{display:flex;flex-wrap:wrap;padding:var(--bq-period-picker-sp-md) var(--bq-period-picker-sp-xl);gap:var(--bq-period-picker-sp-lg);border-top:1px solid var(--bq-period-picker-bg-2)}.legend-item{display:flex;align-items:center;gap:var(--bq-period-picker-sp-sm)}.legend-pictogram{width:24px;height:24px;min-width:24px;border-radius:50%;border:2px solid transparent}.legend-pictogram.available{background-color:var(--bq-period-picker-availability-lighter)}.legend-pictogram.partially-available{background:linear-gradient(-45deg,transparent 0%,transparent 33%,var(--bq-period-picker-availability-lighter) 33%,var(--bq-period-picker-availability-lighter) 66%,transparent 66%,transparent 100%);border-color:var(--bq-period-picker-availability-lighter)}.legend-pictogram.closed{background-color:var(--bq-period-picker-availability-lighter);opacity:.5}.legend-pictogram.unavailable{background-color:var(--bq-period-picker-bg-base);border-color:var(--bq-period-picker-solid-neutral-7)}.legend-value{font-size:var(--bq-period-picker-fs-xs);color:var(--bq-period-picker-text-xlight)}.day-cell.potential-period:before,.day-cell.potential-period-hover:before,.day-cell.potential-period-start:before,.day-cell.potential-period-start-hover:before,.day-cell.potential-period-end:before,.day-cell.potential-period-end-hover:before,.day-cell.potential-period-start-end:before,.day-cell.potential-period-start-end-hover:before{background-color:var(--bq-period-picker-bg-3)}.day-cell.period-start.potential-period-hover:before{background-color:var(--bq-period-picker-bg-3);width:50%;right:auto}.day-cell.period-start.potential-period-end-hover:before{background-color:var(--bq-period-picker-bg-3)}.day-cell.period-end.potential-period-hover:before{background-color:var(--bq-period-picker-bg-3);width:50%;left:auto}.day-cell.period-start-end.focused.potential-period-start-hover:before,.day-cell.period-start-end.focused.potential-period-end-hover:before{background-color:var(--bq-period-picker-bg-3)}.day-cell.period-start.disabled:not(.unavailable,.partially-unavailable):hover .day-circle,.day-cell.period-end.disabled:not(.unavailable,.partially-unavailable):hover .day-circle,.day-cell.period-start-end.disabled:not(.unavailable,.partially-unavailable):hover .day-circle{background-color:var(--bq-period-picker-period-start-end-bg)}.legend-item:has(.legend-pictogram.closed){display:none}.inputs-wrapper.datetime-slot+.calendar-overlay .day-cell.disabled:is(.available,.partially-available,.unavailable):not(.selected-period) .day-circle{background-color:var(--bq-period-picker-bg-base);border-color:var(--bq-period-picker-bg-base)}.inputs-wrapper.datetime-slot+.calendar-overlay .day-cell.disabled .qty-number{display:none}.day-cell.potential-period-hover.period-end.selected-period:before{background-color:var(--bq-period-picker-bg-3);width:100%;left:auto}.day-cell.potential-period-hover.period-start.selected-period:before{background-color:var(--bq-period-picker-bg-3);width:100%;right:auto}.input-field.timeslot-input.add-placeholder{min-width:160px;max-width:280px;display:flex;align-items:center;border-radius:var(--bq-period-picker-br-md);border:1px solid var(--bq-period-picker-border-xlight);background:#f9f9f9;background:var(--bq-period-picker-bg-light, #f9f9f9);opacity:.6;cursor:default}.input-field.timeslot-input .timeslot-add-label{width:100%;padding-top:var(--bq-period-picker-input-vertical-padding);padding-bottom:var(--bq-period-picker-input-vertical-padding);padding-left:var(--bq-period-picker-sp-md);padding-right:var(--bq-period-picker-sp-md);line-height:var(--bq-period-picker-input-line-height);font-size:var(--bq-period-picker-fs-md);font-weight:var(--bq-period-picker-fw-regular);color:var(--bq-period-picker-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(--bq-period-picker-br-md);border:1px solid var(--bq-period-picker-border-xlight);background:var(--bq-period-picker-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(--bq-period-picker-border-medium)}.input-field.timeslot-input .timeslot-range-input{width:100%;padding-top:var(--bq-period-picker-input-vertical-padding);padding-bottom:var(--bq-period-picker-input-vertical-padding);padding-left:var(--bq-period-picker-sp-lg);padding-right:var(--bq-period-picker-sp-lg);border:none;background:transparent;outline:none;line-height:var(--bq-period-picker-input-line-height);font-size:var(--bq-period-picker-fs-md);font-weight:var(--bq-period-picker-fw-medium);color:var(--bq-period-picker-text-strong);white-space:nowrap;cursor:text}.input-field.timeslot-input .timeslot-range-input::-moz-placeholder{color:var(--bq-period-picker-text-xxlight);font-weight:var(--bq-period-picker-fw-regular)}.input-field.timeslot-input .timeslot-range-input::placeholder{color:var(--bq-period-picker-text-xxlight);font-weight:var(--bq-period-picker-fw-regular)}.input-field.timeslot-input:focus-within:not(.add-placeholder){outline:2px solid var(--bq-period-picker-focus-outline-color);border-color:var(--bq-period-picker-border-strong)}.input-field.timeslot-input.prompt-placeholder{border-color:var(--bq-period-picker-border-strong)}.input-field.timeslot-input.prompt-placeholder .timeslot-range-input::-moz-placeholder{color:var(--bq-period-picker-text-strong)}.input-field.timeslot-input.prompt-placeholder .timeslot-range-input::placeholder{color:var(--bq-period-picker-text-strong)}.input-field.timeslot-input.disabled-with-value{opacity:.5;background:#f9f9f9;background:var(--bq-period-picker-bg-light, #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(--bq-period-picker-sp-xs);padding-top:var(--bq-period-picker-input-vertical-padding);padding-bottom:var(--bq-period-picker-input-vertical-padding);padding-left:var(--bq-period-picker-sp-lg);padding-right:var(--bq-period-picker-sp-lg);border-radius:var(--bq-period-picker-br-md);border:1px solid var(--bq-period-picker-border-xlight);background:var(--bq-period-picker-bg-base);line-height:var(--bq-period-picker-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{border-color:var(--bq-period-picker-border-strong)}.duration-selector .duration-trigger--open{border-color:var(--bq-period-picker-border-strong);outline:2px solid var(--bq-period-picker-focus-outline-color)}.duration-trigger-label{font-size:var(--bq-period-picker-fs-md);font-weight:var(--bq-period-picker-fw-medium);color:var(--bq-period-picker-text-strong);white-space:nowrap}.duration-trigger-chevron{color:var(--bq-period-picker-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(--bq-period-picker-sp-sm);border-radius:var(--bq-period-picker-br-md);border:1px solid var(--bq-period-picker-border-light);background:var(--bq-period-picker-bg-base);box-shadow:0 4px 16px #0000001f;gap:2px}.duration-selector .duration-option{display:flex;align-items:center;padding:var(--bq-period-picker-sp-md) var(--bq-period-picker-sp-lg);border-radius:var(--bq-period-picker-br-sm);border:none;background:none;font-size:var(--bq-period-picker-fs-md);font-weight:var(--bq-period-picker-fw-regular);color:var(--bq-period-picker-text-regular);cursor:pointer;transition:background-color .15s ease-in-out;white-space:nowrap;text-align:left}.duration-selector .duration-option:hover{background:var(--bq-period-picker-bg-1);color:var(--bq-period-picker-text-strong)}.duration-selector .duration-option.selected{background:var(--bq-period-picker-bg-1);color:var(--bq-period-picker-text-strong);font-weight:var(--bq-period-picker-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 .inputs-wrapper{position:relative;width:100%;display:flex;-moz-column-gap:var(--bq-period-picker-sp-3xl);column-gap:var(--bq-period-picker-sp-3xl);row-gap:var(--bq-period-picker-sp-md)}.period-picker-container .inputs-wrapper .input-label-row{display:flex;align-items:center;justify-content:space-between;gap:var(--bq-period-picker-sp-md);margin-bottom:var(--bq-period-picker-sp-xs)}.period-picker-container .inputs-wrapper .input-label{font-size:var(--bq-period-picker-fs-sm);font-weight:var(--bq-period-picker-fw-medium);color:var(--bq-period-picker-text-regular);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;overflow-wrap:anywhere}.period-picker-container .inputs-wrapper .clear-all-btn{position:absolute;top:0;right:0;z-index:1;display:flex;align-items:center;gap:var(--bq-period-picker-sp-xs);background:none;border:none;color:var(--bq-period-picker-text-xlight);font-size:var(--bq-period-picker-fs-xs);font-weight:var(--bq-period-picker-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(--bq-period-picker-text-strong)}.period-picker-container .inputs-wrapper-inner{width:100%;display:flex;-moz-column-gap:var(--bq-period-picker-sp-3xl);column-gap:var(--bq-period-picker-sp-3xl);row-gap:var(--bq-period-picker-sp-md)}.period-picker-container .inputs-wrapper.with-border{border:1px solid var(--bq-period-picker-border-light);padding:var(--bq-period-picker-sp-lg) var(--bq-period-picker-sp-2xl) var(--bq-period-picker-sp-xl) var(--bq-period-picker-sp-2xl);border-radius:var(--bq-period-picker-br-md)}.period-picker-container .inputs-wrapper.with-border .input-label{font-size:var(--bq-period-picker-fs-xs);color:var(--bq-period-picker-text-xlight);font-weight:var(--bq-period-picker-fw-medium)}.period-picker-container .inputs-wrapper.with-border .clear-all-btn{top:var(--bq-period-picker-sp-lg);right:var(--bq-period-picker-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(--bq-period-picker-input-group-gap)}.period-picker-container .input-type-icon{display:flex;align-items:center;color:var(--bq-period-picker-text-light)}.period-picker-container .input-type-icon svg{width:24px;width:var(--bq-period-picker-icon-size, 24px);height:24px;height:var(--bq-period-picker-icon-size, 24px);stroke-width:1.5;stroke-width:var(--bq-period-picker-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(--bq-period-picker-input-vertical-padding);padding-bottom:var(--bq-period-picker-input-vertical-padding);padding-left:var(--bq-period-picker-sp-lg);padding-right:var(--bq-period-picker-sp-lg);border-radius:var(--bq-period-picker-br-md);border:1px solid var(--bq-period-picker-border-xlight);background:var(--bq-period-picker-bg-base);line-height:var(--bq-period-picker-input-line-height);font-size:var(--bq-period-picker-fs-md);font-weight:var(--bq-period-picker-fw-medium);color:var(--bq-period-picker-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(--bq-period-picker-border-medium)}.period-picker-container .input-field input:focus{outline:2px solid var(--bq-period-picker-focus-outline-color);border-color:var(--bq-period-picker-border-strong)}.period-picker-container .input-field input::-moz-placeholder{color:var(--bq-period-picker-text-xxlight);opacity:1;font-weight:var(--bq-period-picker-fw-regular)}.period-picker-container .input-field input::placeholder{color:var(--bq-period-picker-text-xxlight);opacity:1;font-weight:var(--bq-period-picker-fw-regular)}.period-picker-container .input-field input.prompt-placeholder{border-color:var(--bq-period-picker-border-strong)}.period-picker-container .input-field input.prompt-placeholder::-moz-placeholder{color:var(--bq-period-picker-text-strong)}.period-picker-container .input-field input.prompt-placeholder::placeholder{color:var(--bq-period-picker-text-strong)}.period-picker-container .input-field input.prompt-placeholder:focus::-moz-placeholder{color:var(--bq-period-picker-text-xxlight)}.period-picker-container .input-field input.prompt-placeholder:focus::placeholder{color:var(--bq-period-picker-text-xxlight)}.period-picker-container .input-field input:disabled,.period-picker-container .input-field input[data-disabled=true]{cursor:not-allowed;background:#f9f9f9;background:var(--bq-period-picker-bg-light, #f9f9f9)}.period-picker-container .input-field input:disabled:hover,.period-picker-container .input-field input[data-disabled=true]:hover,.period-picker-container .input-field input[data-disabled=true]:focus,.period-picker-container .input-field input[data-disabled=true]:focus:hover{border-color:var(--bq-period-picker-border-xlight)}.period-picker-container .input-field[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(--bq-period-picker-neutral-100, #1a1a2e));color:#fff;color:var(--bq-period-picker-neutral-inverse, #fff);font-size:11px;font-size:var(--bq-period-picker-fs-xxs, 11px);border-radius:4px;border-radius:var(--bq-period-picker-br-sm, 4px);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease-in-out;z-index:10}.period-picker-container .input-field[data-tooltip]:hover:after,.period-picker-container .input-field[data-tooltip]:focus-within:after{opacity:1}.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(--bq-period-picker-bg-light, #f9f9f9)}.period-picker-container .input-field.date{min-width:102px;max-width:200px}.period-picker-container .input-field.time{min-width:80px;max-width:200px}.period-picker-container .calendar-overlay{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(--bq-period-picker-text-error)}.period-picker-container .input-type-icon.error{position:relative}.period-picker-container .input-type-icon-trigger{display:inline-flex;align-items:center;cursor:help;border-radius:50%;padding:0;background:transparent;border:0;color:inherit;font:inherit;line-height:0}.period-picker-container .input-type-icon-trigger:focus-visible{outline:2px solid var(--bq-period-picker-focus-outline-color);outline-offset:2px}.period-picker-container .input-type-icon-tooltip{position:absolute;top:calc(100% + 6px);left:0;padding:var(--bq-period-picker-sp-xs) var(--bq-period-picker-sp-md);background-color:var(--bq-period-picker-red-light);color:var(--bq-period-picker-text-error);font-size:var(--bq-period-picker-fs-xs);border-radius:4px;border-radius:var(--bq-period-picker-br-sm, 4px);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease-in-out;z-index:10}.period-picker-container .input-type-icon.error:hover .input-type-icon-tooltip,.period-picker-container .input-type-icon.error:focus-within .input-type-icon-tooltip{opacity:1}.period-picker-container .inputs-wrapper .error input{border-color:var(--bq-period-picker-error-border-color);color:var(--bq-period-picker-text-error)}.period-picker-container .inputs-wrapper .error input:hover{border-color:var(--bq-period-picker-error-border-color)}.period-picker-container .inputs-wrapper .error input:focus{outline:2px solid var(--bq-period-picker-red-30);border-color:var(--bq-period-picker-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.start-end-datetime .inputs-wrapper-inner,.inputs-wrapper.datetime-slot .inputs-wrapper-inner,.inputs-wrapper.duration-start-end-date .inputs-wrapper-inner,.inputs-wrapper.duration-start-end-datetime .inputs-wrapper-inner{width:auto}.duration-selector{min-width:125px;max-width:300px}.inputs-wrapper.datetime-slot{align-items:flex-start}.inputs-wrapper.datetime-slot .input-field.date{min-width:120px;max-width:160px}.inputs-wrapper.datetime-slot .timeslot-input{min-width:160px;max-width:160px}@media(min-width:360px)and (max-width:500px){.inputs-wrapper.datetime-slot .inputs-wrapper-inner{flex-direction:row!important;gap:var(--bq-period-picker-sp-md)}}.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(--bq-period-picker-sp-md)}.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,.period-picker-container.picker-size-responsive .inputs-wrapper.duration-start-end-datetime .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{--bq-period-picker-input-group-gap: var(--bq-period-picker-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}@supports (-webkit-touch-callout: none){.period-picker-container.picker-size-responsive .input-field input:-moz-read-only{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.period-picker-container.picker-size-responsive .input-field input:read-only{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}}}@media(min-width:740px){.shop-period-picker .duration-start-end-datetime.inputs-wrapper{flex-wrap:nowrap;gap:24px}.shop-period-picker .duration-start-end-datetime.inputs-wrapper .input-type-icon svg{width:20px;height:20px;stroke-width:2px}.shop-period-picker .duration-start-end-datetime.inputs-wrapper .input-section.duration{flex:1 1}.shop-period-picker .duration-start-end-datetime.inputs-wrapper .input-section.duration .input-type-icon{display:none}.shop-period-picker .duration-start-end-datetime.inputs-wrapper .inputs-wrapper-inner{gap:16px}.shop-period-picker .duration-start-end-datetime.inputs-wrapper .input-section.duration+.inputs-wrapper-inner .date{flex:0 0 124px}.shop-period-picker .duration-start-end-datetime.inputs-wrapper .input-section.duration+.inputs-wrapper-inner .time{max-width:114px;flex:0 0 84px}}@media(min-width:610px)and (max-width:739px){.shop-period-picker .input-section.duration{flex:0 0 50%;padding-right:calc(var(--bq-period-picker-sp-2xl) / 2)}.shop-period-picker .input-section.duration .duration-selector{flex:1 1;max-width:100%}.shop-period-picker .input-section.duration+.inputs-wrapper-inner{gap:var(--bq-period-picker-sp-3xl)!important}}@media(min-width:610px){.shop-period-picker .duration-start-end-date.inputs-wrapper{flex-wrap:nowrap}.shop-period-picker .duration-start-end-date.inputs-wrapper .input-section.duration{flex:1 1}}:root{--bq-period-picker-sp-xs: 4px;--bq-period-picker-sp-sm: 6px;--bq-period-picker-sp-md: 8px;--bq-period-picker-sp-lg: 12px;--bq-period-picker-sp-xl: 16px;--bq-period-picker-sp-2xl: 24px;--bq-period-picker-sp-3xl: 32px;--bq-period-picker-br-sm: 4px;--bq-period-picker-br-md: 8px;--bq-period-picker-br-lg: 12px;--bq-period-picker-br-full: 99px;--bq-period-picker-fw-regular: 400;--bq-period-picker-fw-medium: 500;--bq-period-picker-fw-semibold: 600;--bq-period-picker-neutral-90: color-mix(in srgb, var(--bq-period-picker-neutral-100) 90%, transparent);--bq-period-picker-neutral-80: color-mix(in srgb, var(--bq-period-picker-neutral-100) 80%, transparent);--bq-period-picker-neutral-60: color-mix(in srgb, var(--bq-period-picker-neutral-100) 60%, transparent);--bq-period-picker-neutral-40: color-mix(in srgb, var(--bq-period-picker-neutral-100) 40%, transparent);--bq-period-picker-neutral-30: color-mix(in srgb, var(--bq-period-picker-neutral-100) 30%, transparent);--bq-period-picker-neutral-20: color-mix(in srgb, var(--bq-period-picker-neutral-100) 20%, transparent);--bq-period-picker-neutral-10: color-mix(in srgb, var(--bq-period-picker-neutral-100) 10%, transparent);--bq-period-picker-neutral-5: color-mix(in srgb, var(--bq-period-picker-neutral-100) 5%, transparent);--bq-period-picker-neutral-xlight: color-mix(in srgb, var(--bq-period-picker-neutral-100) 5%, #fff);--bq-period-picker-neutral-dark: color-mix(in srgb, var(--bq-period-picker-neutral-100) 50%, #fff);--bq-period-picker-neutral-strong: color-mix(in srgb, var(--bq-period-picker-neutral-100) 80%, #fff);--bq-period-picker-neutral-medium: color-mix(in srgb, var(--bq-period-picker-neutral-100) 25%, #fff);--bq-period-picker-neutral-inverse: #fff;--bq-period-picker-red-100: #bb2a37;--bq-period-picker-red-30: color-mix(in srgb, var(--bq-period-picker-red-100) 30%, transparent);--bq-period-picker-red-light: color-mix(in srgb, var(--bq-period-picker-red-100) 10%, white);--bq-period-picker-blue-70: color-mix(in srgb, var(--bq-period-picker-blue-100) 70%, transparent);--bq-period-picker-blue-50: color-mix(in srgb, var(--bq-period-picker-blue-100) 50%, transparent);--bq-period-picker-solid-neutral-7: color-mix(in srgb, var(--bq-period-picker-neutral-100) 7%, #fff);--bq-period-picker-solid-neutral-15: color-mix(in srgb, var(--bq-period-picker-neutral-100) 15%, #fff);--bq-period-picker-solid-red-15: color-mix(in srgb, var(--bq-period-picker-red-100) 15%, #fff);--bq-period-picker-solid-red-20: color-mix(in srgb, var(--bq-period-picker-red-100) 20%, #fff);--bq-period-picker-solid-red-30: color-mix(in srgb, var(--bq-period-picker-red-100) 30%, #fff);--bq-period-picker-text-strong: var(--bq-period-picker-neutral-100);--bq-period-picker-text-regular: var(--bq-period-picker-neutral-90);--bq-period-picker-text-light: var(--bq-period-picker-neutral-80);--bq-period-picker-text-xlight: var(--bq-period-picker-neutral-60);--bq-period-picker-text-xxlight: var(--bq-period-picker-neutral-40);--bq-period-picker-text-error: var(--bq-period-picker-red-100);--bq-period-picker-bg-base: var(--bq-period-picker-neutral-inverse);--bq-period-picker-backdrop-bg: rgba(0, 0, 0, .4);--bq-period-picker-border-medium: var(--bq-period-picker-neutral-30);--bq-period-picker-border-strong: var(--bq-period-picker-neutral-strong);--bq-period-picker-focus-outline-color: var(--bq-period-picker-blue-70);--bq-period-picker-error-border-color: var(--bq-period-picker-red-100);--bq-period-picker-input-vertical-padding: 10px;--bq-period-picker-font-family: "Roboto", sans-serif;--bq-period-picker-fs-xxs: 12px;--bq-period-picker-fs-xs: 13px;--bq-period-picker-fs-sm: 14px;--bq-period-picker-fs-md: 16px;--bq-period-picker-fs-lg: 18px;--bq-period-picker-neutral-100: #111;--bq-period-picker-blue-100: #5a9ce2;--bq-period-picker-bg-1: var(--bq-period-picker-neutral-5);--bq-period-picker-bg-2: var(--bq-period-picker-neutral-10);--bq-period-picker-bg-3: var(--bq-period-picker-neutral-xlight);--bq-period-picker-bg-light: var(--bq-period-picker-neutral-xlight);--bq-period-picker-border-xlight: var(--bq-period-picker-neutral-10);--bq-period-picker-border-light: var(--bq-period-picker-neutral-20);--bq-period-picker-period-start-end-bg: var(--bq-period-picker-neutral-100);--bq-period-picker-period-start-end-color: var(--bq-period-picker-neutral-inverse);--bq-period-picker-availability-lighter: #CCE1D1;--bq-period-picker-availability-stronger: #99C2A3;--bq-period-picker-icon-size: 24px;--bq-period-picker-icon-stroke-width: 1.5px;--bq-period-picker-input-line-height: 24px;--bq-period-picker-input-group-gap: var(--bq-period-picker-sp-lg)}.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:Roboto,sans-serif;font-family:var(--bq-period-picker-font-family)}.availability .day-cell,.available-qty .day-cell{--bq-period-picker-neutral-dark: color-mix(in srgb, var(--bq-period-picker-neutral-100) 80%, #fff);--bq-period-picker-neutral-medium: color-mix(in srgb, var(--bq-period-picker-neutral-100) 35%, #fff)}