pkt-date-tags,pkt-datepicker-popup{display:block}.pkt-datepicker,pkt-datepicker{display:block;position:relative}.pkt-datepicker--fullwidth{width:100%}.pkt-datepicker__tags button.pkt-tag{margin:0 .25rem .5rem 0}.pkt-datepicker-single,.pkt-datepicker-range,.pkt-datepicker-multiple,pkt-datepicker-single,pkt-datepicker-range,pkt-datepicker-multiple{display:block}.pkt-datepicker__inputs .pkt-input__container:not(:has(.pkt-input--fullwidth)):not(:has(.pkt-datepicker--multiple)){width:fit-content}.pkt-datepicker__inputs .pkt-input__container:not(:has(.pkt-input--fullwidth)):not(:has(.pkt-datepicker--multiple)):not(:has(.pkt-datepicker--range)){max-width:100%}.pkt-datepicker__inputs{width:100%;position:relative}.pkt-datepicker__inputs .pkt-input__container{border:2px solid var(--pkt-color-input-border-normal);background-color:var(--pkt-color-input-background-normal);align-items:stretch}.pkt-datepicker__inputs .pkt-input__container .pkt-input,.pkt-datepicker__inputs .pkt-input__container .pkt-input-prefix,.pkt-datepicker__inputs .pkt-input__container .pkt-input-suffix,.pkt-datepicker__inputs .pkt-input__container .pkt-input-icon,.pkt-datepicker__inputs .pkt-input__container .pkt-input-separator{border:0;height:auto;min-height:2.75rem;padding-block:0}.pkt-datepicker__inputs .pkt-input__container .pkt-input-prefix::after{height:1.75rem}.pkt-datepicker__inputs .pkt-input__container:hover{border-color:var(--pkt-color-input-border-active)}.pkt-datepicker__inputs .pkt-input__container:focus-within{border-color:var(--pkt-color-input-border-active)}.pkt-datepicker__inputs .pkt-input__container:has(input:disabled),.pkt-datepicker__inputs .pkt-input__container:has(input[readonly]:not(.ios-readonly-hack)){border-color:var(--pkt-color-input-border-disabled);--fg-color: var(--pkt-color-input-text-disabled)}.pkt-datepicker__inputs .pkt-input__container:has(.pkt-input--counter-error){border-color:var(--pkt-color-input-border-error)}.pkt-inputwrapper--error .pkt-datepicker__inputs .pkt-input__container{border-color:var(--pkt-color-brand-red-1000)}.pkt-inputwrapper--error .pkt-datepicker__inputs .pkt-input__container:hover,.pkt-inputwrapper--error .pkt-datepicker__inputs .pkt-input__container:focus-within{border-color:var(--pkt-color-brand-red-1000)}.pkt-inputwrapper--disabled .pkt-datepicker__inputs .pkt-input__container{border-color:var(--pkt-color-border-states-disabled)}.pkt-inputwrapper--disabled .pkt-datepicker__inputs .pkt-input__container:hover,.pkt-inputwrapper--disabled .pkt-datepicker__inputs .pkt-input__container:focus-within{border-color:var(--pkt-color-border-states-disabled);box-shadow:none;outline:none}.pkt-datepicker__inputs button.pkt-input-icon{padding-inline:.5rem .75rem}.pkt-datepicker__inputs button.pkt-input-icon:hover{background-color:inherit !important;border-color:inherit !important;--fg-color: var(--pkt-color-button-text-hover)}.pkt-datepicker__inputs .pkt-datepicker__input{padding-inline-end:0;background-image:none}.pkt-datepicker__inputs .pkt-datepicker__input:not(.pkt-datepicker--multiple){flex:0 1 auto;width:auto;min-width:0}.pkt-datepicker__inputs .pkt-datepicker__input.pkt-datepicker--range{flex-shrink:0}.pkt-datepicker__inputs .pkt-datepicker__input:not([type=date]):not(.pkt-datepicker--multiple){width:8.3rem}.pkt-datepicker__inputs .pkt-input-separator{padding-inline:.2em}.pkt-datepicker__inputs .pkt-input-separator~.pkt-datepicker--range{padding-inline-start:0}.pkt-calendar-popup{top:100%;left:0;z-index:2;margin-block-start:.5rem;padding:.5rem;position:absolute;width:max-content;background:var(--pkt-color-background-default);border:2px solid var(--pkt-color-border-gray)}.pkt-datepicker__input.pkt-input--fullwidth:not(.pkt-datepicker--multiple):not(.pkt-datepicker--range){flex:1}.pkt-input__container:has(.pkt-datepicker--range.pkt-input--fullwidth) button.pkt-input-icon{margin-inline-start:auto}.pkt-datepicker__input::-webkit-inner-spin-button,.pkt-datepicker__input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.pkt-datepicker__input::-webkit-datetime-edit{max-width:max-content;position:relative;top:-2px}.pkt-datepicker__input::-webkit-date-and-time-value{min-width:5.5em}.pkt-datepicker__input.pkt-input--fullwidth.pkt-datepicker--multiple{flex:1;min-width:0}.pkt-datepicker--small .pkt-datepicker__inputs .pkt-input,.pkt-datepicker--small .pkt-datepicker__inputs .pkt-input-prefix,.pkt-datepicker--small .pkt-datepicker__inputs .pkt-input-suffix,.pkt-datepicker--small .pkt-datepicker__inputs .pkt-input-icon,.pkt-datepicker--small .pkt-datepicker__inputs .pkt-input-separator{min-height:2.375rem}.pkt-datepicker--small .pkt-datepicker__inputs .pkt-datepicker__input,.pkt-datepicker--small .pkt-datepicker__inputs .pkt-input-prefix,.pkt-datepicker--small .pkt-datepicker__inputs .pkt-input-separator{letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}.pkt-datepicker--small .pkt-datepicker__inputs .pkt-input-prefix::after{height:1.5rem}.pkt-datepicker--small .pkt-datepicker__inputs button.pkt-input-icon{padding-inline-end:.5rem}.pkt-datepicker--small .pkt-datepicker__inputs button.pkt-input-icon pkt-icon,.pkt-datepicker--small .pkt-datepicker__inputs button.pkt-input-icon .pkt-icon,.pkt-datepicker--small .pkt-datepicker__inputs button.pkt-input-icon svg{width:1.25rem;height:1.25rem}.pkt-datepicker--small .pkt-datepicker__inputs .pkt-datepicker__input:not([type=date]):not(.pkt-datepicker--multiple){width:7.3rem}.pkt-datepicker--xsmall .pkt-datepicker__inputs .pkt-input,.pkt-datepicker--xsmall .pkt-datepicker__inputs .pkt-input-prefix,.pkt-datepicker--xsmall .pkt-datepicker__inputs .pkt-input-suffix,.pkt-datepicker--xsmall .pkt-datepicker__inputs .pkt-input-icon,.pkt-datepicker--xsmall .pkt-datepicker__inputs .pkt-input-separator{min-height:2rem}.pkt-datepicker--xsmall .pkt-datepicker__inputs .pkt-datepicker__input,.pkt-datepicker--xsmall .pkt-datepicker__inputs .pkt-input-prefix,.pkt-datepicker--xsmall .pkt-datepicker__inputs .pkt-input-separator{letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}.pkt-datepicker--xsmall .pkt-datepicker__inputs .pkt-input-prefix::after{height:1.375rem}.pkt-datepicker--xsmall .pkt-datepicker__inputs button.pkt-input-icon{padding-inline-end:.5rem}.pkt-datepicker--xsmall .pkt-datepicker__inputs button.pkt-input-icon pkt-icon,.pkt-datepicker--xsmall .pkt-datepicker__inputs button.pkt-input-icon .pkt-icon,.pkt-datepicker--xsmall .pkt-datepicker__inputs button.pkt-input-icon svg{width:1.125rem;height:1.125rem}.pkt-datepicker--xsmall .pkt-datepicker__inputs .pkt-datepicker__input:not([type=date]):not(.pkt-datepicker--multiple){width:6.5rem}@supports(-moz-appearance: none){.pkt-datepicker__inputs .pkt-datepicker__input{padding-inline-end:.5rem}.pkt-datepicker__inputs .pkt-input__container:has(.pkt-datepicker__input[type=date]) button.pkt-input-icon{display:none}.pkt-datepicker__inputs input.pkt-datepicker__input:has(~button):not(:has(~.pkt-input-separator)):not(:has(~.pkt-input-prefix)){border-right-width:2px !important}@media screen and (max-width: 30rem){.pkt-datepicker__inputs .pkt-input__container .pkt-datepicker__input.pkt-datepicker--range{justify-self:start}}}