.datetime-picker{display:flex;flex-direction:column;gap:var(--spacing-lg);padding-bottom:var(--spacing-3xl);border-bottom:1px solid var(--colors-border-primary)}.datetime-picker__heading{margin:0}.datetime-picker__fields{display:flex;align-items:center;gap:var(--spacing-md)}.datetime-picker__field{position:relative;flex:1 1 0;min-width:0}.datetime-picker__trigger{box-sizing:border-box;display:flex;align-items:center;gap:var(--spacing-md);width:100%;height:42px;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--colors-border-primary);border-radius:var(--radius-none);background-color:var(--colors-background-bg-primary);box-shadow:0 1px 2px #0a0d120d;cursor:pointer;transition:border-color var(--duration-default) ease}.datetime-picker__trigger:focus-visible{outline:2px solid var(--colors-brand-600);outline-offset:1px}.datetime-picker__trigger[disabled]{background-color:var(--colors-gray-light-mode-100);cursor:not-allowed;opacity:.5}@media(hover:hover){.datetime-picker__trigger:not([disabled]):hover{border-color:var(--colors-brand-600)}}.datetime-picker__field._active .datetime-picker__trigger,.datetime-picker__field._selected .datetime-picker__trigger{border-color:var(--colors-brand-500)}.datetime-picker__trigger-icon{flex:0 0 20px;width:20px;height:20px;color:var(--colors-foreground-fg-quaternary-400)}.datetime-picker__trigger-label{flex:1 1 auto;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;color:var(--colors-text-text-quaternary-500)}.datetime-picker__field._selected .datetime-picker__trigger-label{font-weight:500;color:var(--colors-brand-700)}.datetime-picker__trigger-caret{flex:0 0 10px;width:10px;height:auto;color:var(--colors-foreground-fg-quaternary-400);transition:transform var(--duration-default) ease}.datetime-picker__field._active .datetime-picker__trigger-caret{transform:rotate(180deg)}.datetime-picker__popover{position:absolute;z-index:5;top:calc(100% + var(--spacing-xs));left:0;background-color:var(--colors-background-bg-primary);border:1px solid var(--colors-border-primary);box-shadow:0 8px 24px #0a0d121f}.datetime-picker__popover[hidden]{display:none}.datetime-picker__popover--calendar{width:290px;max-width:calc(100vw - var(--spacing-3xl));padding:var(--spacing-xl)}.datetime-picker__popover--time{width:100%;max-height:200px;overflow-y:auto}.datetime-picker__timelist{margin:0;padding:0}.datetime-picker__time{display:block;width:100%;padding:var(--spacing-md) var(--spacing-lg);border:0;background:none;text-align:left;font:var(--font-text-sm-semibold);color:var(--colors-text-text-secondary-700);cursor:pointer;transition:background-color var(--duration-default) ease,color var(--duration-default) ease}@media(hover:hover){.datetime-picker__time:not(._disabled):hover{background-color:var(--colors-gray-light-mode-100)}}.datetime-picker__time:focus-visible{outline:2px solid var(--colors-brand-600);outline-offset:-2px}.datetime-picker__time._disabled{color:var(--colors-border-primary);cursor:not-allowed}.datetime-picker__time._selected{color:var(--colors-brand-700);background-color:var(--colors-gray-light-mode-100)}.datetime-picker__time-empty{margin:0;padding:var(--spacing-md) var(--spacing-lg);text-align:center}.datetime-picker__field--time._loading .datetime-picker__trigger{cursor:progress}.datetime-picker__field--time._conflict .datetime-picker__trigger{border-color:var(--colors-border-error)}.datetime-picker__field--time._conflict .datetime-picker__trigger-label{color:var(--colors-text-error)}.datetime-picker__error{display:flex;align-items:center;gap:var(--spacing-sm);margin:0;color:var(--colors-text-error)}.datetime-picker__error[hidden]{display:none}.datetime-picker__error-icon{flex:0 0 14px;width:14px;height:14px}.datetime-picker__calendar{display:flex;flex-direction:column;gap:var(--spacing-lg)}.datetime-picker__cal-header{display:flex;align-items:center;justify-content:space-between}.datetime-picker__cal-title{flex:1 1 auto;padding:var(--spacing-xs) var(--spacing-sm);border:0;background:none;text-align:center;font:var(--font-text-sm-semibold);color:var(--colors-text-text-secondary-700);cursor:pointer}.datetime-picker__cal-title:focus-visible{outline:2px solid var(--colors-brand-600);outline-offset:-2px}.datetime-picker__cal-nav{display:flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;padding:0;border:0;background:none;cursor:pointer}.datetime-picker__cal-nav[disabled]{opacity:.35;cursor:not-allowed}@media(hover:hover){.datetime-picker__cal-nav:not([disabled]):hover{background-color:var(--colors-gray-light-mode-100)}}.datetime-picker__cal-nav:before{content:"";width:10px;height:12px;background-repeat:no-repeat;background-position:center;background-size:contain}.datetime-picker__cal-nav--prev:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='12' viewBox='0 0 10 12' fill='none'%3E%3Cpath d='M6.5 9L3.5 6L6.5 3' stroke='%23181D27' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.datetime-picker__cal-nav--next:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='12' viewBox='0 0 10 12' fill='none'%3E%3Cpath d='M3.5 9L6.5 6L3.5 3' stroke='%23181D27' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.datetime-picker__cal-weekdays,.datetime-picker__cal-grid{display:grid;grid-template-columns:repeat(7,1fr)}.datetime-picker__cal-months{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md) 0}.datetime-picker__cal-weekday{display:flex;align-items:center;justify-content:center;height:28px;font:var(--font-text-xs-regular);font-weight:500;color:var(--colors-text-text-tertiary-600)}.datetime-picker__cal-day,.datetime-picker__cal-month{box-sizing:border-box;display:flex;align-items:center;justify-content:center;height:32px;padding:0;border:0;background:none;font:var(--font-text-sm-regular);font-weight:500;color:var(--colors-text-text-secondary-700);cursor:pointer;transition:background-color var(--duration-default) ease,color var(--duration-default) ease}.datetime-picker__cal-day--blank{visibility:hidden}.datetime-picker__cal-day:focus-visible,.datetime-picker__cal-month:focus-visible{outline:2px solid var(--colors-brand-600);outline-offset:-2px}.datetime-picker__cal-day._disabled,.datetime-picker__cal-month._disabled{color:var(--colors-border-primary);cursor:not-allowed}@media(hover:hover){.datetime-picker__cal-day:not(._disabled):not(._selected):hover,.datetime-picker__cal-month:not(._disabled):not(._selected):hover{background-color:var(--colors-gray-light-mode-100)}}.datetime-picker__cal-day._today,.datetime-picker__cal-month._today{color:var(--colors-brand-600)}.datetime-picker__cal-day._selected,.datetime-picker__cal-day._selected:hover,.datetime-picker__cal-month._selected,.datetime-picker__cal-month._selected:hover{color:var(--colors-brand-700);box-shadow:inset 0 0 0 1px var(--colors-brand-700)}@media screen and (max-width:749px){.datetime-picker__trigger{gap:var(--spacing-sm);padding-right:var(--spacing-md);padding-left:var(--spacing-md)}.datetime-picker__popover--calendar{width:280px;max-width:calc(100vw - var(--spacing-3xl))}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-datetime-picker.css.map */