@layer bcc-design-layer{.bcc-datepicker-mobile-header__container{grid-template-columns:40px 2fr 40px;gap:4px;width:100%;height:48px;display:grid}.bcc-datepicker-mobile-header__button{font-style:normal;font-family:var(--g-text-body-font-family);color:var(--b-color-text-neutral-strong-900);outline-offset:0;cursor:pointer;background:0 0;border:none;outline:none;margin:0;padding:0;font-weight:500}.bcc-datepicker-mobile-header__button>svg{width:20px;height:20px}.bcc-datepicker-mobile-header__title{color:var(--b-color-text-neutral-strong-900);font-size:var(--b-text-body-1-font-size);font-weight:var(--b-text-caption-medium-font-weight)}.bcc-datepicker-mobile-header__dates{color:var(--b-color-text-neutral-strong-600);font-size:var(--b-text-body-2-font-size);font-weight:400;line-height:var(--b-text-body-2-line-height);text-align:center;opacity:0;max-height:0;transition:max-height .2s ease-in,opacity .2s ease-in}.bcc-datepicker-mobile-header__dates_shown{opacity:1;max-height:100%}}
@layer bcc-design-layer{.bcc-datepicker-presets{scrollbar-width:none;-ms-overflow-style:none;gap:6px;display:flex;position:relative;overflow-x:auto}.bcc-datepicker-presets::-webkit-scrollbar{display:none}.bcc-datepicker-presets{padding:0 12px 8px}.bcc-datepicker-presets_withMonthsList{padding:0 0 8px}.bcc-datepicker-presets_vertical{border-right:1px solid var(--b-color-object-bg-neutral-weak-100);flex-direction:column;flex-shrink:0;gap:0;width:144px;padding:0 0 0 8px;overflow:visible auto}.bcc-datepicker-presets_vertical .bcc-datepicker-presets__preset{text-align:left;white-space:normal;width:100%;font-weight:var(--b-text-paragraph-regular-font-weight);opacity:1;color:var(--b-color-text-neutral-strong-900);border-radius:var(--b-border-radius-cof-4);background-color:#0000;padding:8px 12px;position:relative}.bcc-datepicker-presets_vertical .bcc-datepicker-presets__preset:hover:not(.bcc-datepicker-presets__preset_active){color:var(--b-color-text-brand-strong-600);background-color:#0000}.bcc-datepicker-presets_vertical .bcc-datepicker-presets__preset_active{color:var(--b-color-text-neutral-strong-900);background-color:#0000}.bcc-datepicker-presets_vertical .bcc-datepicker-presets__preset_active:before{content:"";background-color:var(--b-color-object-bg-brand-strong-500);border-radius:50%;width:6px;height:6px;position:absolute;top:15px;left:0}.bcc-datepicker-presets_vertical:before,.bcc-datepicker-presets_vertical:after{content:none}.bcc-datepicker-presets:empty{display:none}.bcc-datepicker-presets__preset{font-style:normal;font-family:var(--g-text-body-font-family);color:var(--b-color-text-neutral-strong-900);outline-offset:0;cursor:pointer;font-weight:500;font-size:var(--b-text-body-2-font-size);line-height:var(--b-text-body-2-line-height);font-weight:var(--b-text-caption-medium-font-weight);border-radius:var(--b-border-radius-cof-10);opacity:.95;background:0 0;background-color:var(--b-color-object-bg-neutral-weak-100);white-space:nowrap;border:none;outline:none;margin:0;padding:4px 12px}.bcc-datepicker-presets__preset:active{transform:scale(.97)}.bcc-datepicker-presets__preset:hover{opacity:1}.bcc-datepicker-presets__preset_active{color:var(--b-color-object-bg-neutral-weak-0);background-color:var(--b-color-text-neutral-strong-800)}.bcc-datepicker-presets:before{content:"";z-index:1;top:var(--g-spacing-3);width:0;height:18px;-webkit-box-shadow:0 0 15px 4px var(--b-color-text-neutral-strong-900);box-shadow:0 0 15px 4px var(--b-color-text-neutral-strong-900);pointer-events:none;opacity:0;background-color:#0000;transition:opacity .2s ease-in-out;position:fixed;left:0}.bcc-datepicker-presets:after{content:"";z-index:1;top:var(--g-spacing-3);width:0;height:18px;-webkit-box-shadow:0 0 15px 4px var(--b-color-text-neutral-strong-900);box-shadow:0 0 15px 4px var(--b-color-text-neutral-strong-900);pointer-events:none;opacity:0;background-color:#0000;transition:opacity .2s ease-in-out;position:fixed;right:0}.bcc-datepicker-presets__shadow-left:before,.bcc-datepicker-presets__shadow-right:after{opacity:.5}}
@layer bcc-design-layer{.bcc-datepicker-footer{justify-content:flex-end;align-items:center;gap:12px;padding:16px 16px 0 0;display:flex}.bcc-datepicker-footer_withMonthList{padding:16px 16px 0 0}}
/*# sourceMappingURL=08qox83b8fs-9.css.map*/