@layer bcc-design-layer{.bcc-datepicker-mobile-header__container{display:grid;grid-template-columns:40px 2fr 40px;gap:4px;height:48px;width:100%}.bcc-datepicker-mobile-header__button{margin:0;padding:0;font-style:normal;font-family:var(--g-text-body-font-family);font-weight:500;color:inherit;background:none;border:none;outline:none;cursor:pointer;color:var(--b-color-neutral-default-900)}.bcc-datepicker-mobile-header__button>svg{width:20px;height:20px}.bcc-datepicker-mobile-header__title{color:var(--b-color-neutral-default-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-neutral-default-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;-webkit-transition:max-height .2s ease-in,opacity .2s ease-in;transition:max-height .2s ease-in,opacity .2s ease-in;opacity:0;max-height:0}.bcc-datepicker-mobile-header__dates_shown{opacity:1;max-height:100%}.bcc-datepicker-presets{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:0 12px 8px}}@layer bcc-design-layer{.bcc-datepicker-presets::-webkit-scrollbar{display:none}.bcc-datepicker-presets_withMonthsList{padding:0 0 8px}.bcc-datepicker-presets:empty{display:none}.bcc-datepicker-presets__preset{margin:0;font-style:normal;font-family:var(--g-text-body-font-family);font-weight:500;color:inherit;background:none;border:none;outline:none;cursor:pointer;font-size:var(--b-text-body-2-font-size);line-height:var(--b-text-body-2-line-height);color:var(--b-color-neutral-default-900);font-weight:var(--b-text-caption-medium-font-weight);border-radius:var(--b-border-radius-cof-10);opacity:.95;padding:4px 12px;background-color:var(--b-color-neutral-default-100);white-space:nowrap}.bcc-datepicker-presets__preset:active{-webkit-transform:scale(.97);transform:scale(.97)}.bcc-datepicker-presets__preset:hover{opacity:1}.bcc-datepicker-presets__preset_active{color:var(--b-color-neutral-default-0);background-color:var(--b-color-neutral-default-800)}.bcc-datepicker-presets:before{left:0}.bcc-datepicker-presets:after,.bcc-datepicker-presets:before{content:"";position:fixed;background-color:transparent;z-index:1;top:var(--g-spacing-3);height:18px;width:0;-webkit-box-shadow:0 0 15px 4px var(--b-color-neutral-default-900);box-shadow:0 0 15px 4px var(--b-color-neutral-default-900);pointer-events:none;opacity:0;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.bcc-datepicker-presets:after{right:0}.bcc-datepicker-presets__shadow-left:before,.bcc-datepicker-presets__shadow-right:after{opacity:.5}}