.calendar-component{position:relative}.calendar-component__toggle{width:17.4rem}.calendar-component__toggle.--disabled{cursor:not-allowed}.calendar-component__toggle.--disabled>.app-btn{pointer-events:none}.calendar-component__toggle>.app-btn{padding:var(--space-50) var(--space-100);width:100%}.calendar-component__toggle>.app-btn .app-btn__icon{color:var(--text-minor-color);font-size:1.6rem;margin-left:auto}.calendar-component__toggle>.app-btn .app-btn__content{justify-content:center;width:100%}.calendar-component__popup{background-color:var(--background);border-radius:var(--box-radius-big);box-shadow:0 .3rem .7rem #0003;position:absolute;z-index:100}.calendar-component__popup:not(.--visible){opacity:0;pointer-events:none}.calendar-component__popup.--dark-theme:not(.--mobile){border:1px solid var(--control-secondary-color)}.calendar-component__popup:not(.--mobile) .calendar-component__popup-content{display:grid;grid-template-columns:19rem auto}.calendar-component__popup.--mobile{border-radius:0;box-shadow:none;inset:0;margin:0;padding-bottom:14rem;position:fixed;z-index:9999}.calendar-component__popup.--mobile .calendar-component__popup-content{display:flex;flex-direction:column;height:100%;overflow:auto}.calendar-component__popup.--mobile .calendar-component__mobile-header{padding:var(--space-300)}.calendar-component__popup.--mobile .calendar-component__datepicker,.calendar-component__popup.--mobile .calendar-component__mobile-header{margin:0 auto;max-width:100%;min-width:25rem;width:32rem}.calendar-component__popup.--mobile .calendar-component__datepicker{padding:0 0 var(--space-300)}.calendar-component__popup.--mobile .calendar-component__datepicker .vc-container{display:block;margin:0 auto}.calendar-component__popup.--mobile .calendar-component__mobile-title{align-items:center;color:var(--text-primary-color);display:flex;font:var(--mobile-heading-h2-font);justify-content:space-between;margin-bottom:var(--space-300)}.calendar-component__popup.--mobile .calendar-component__mobile-close{color:var(--control-primary-color);font-size:1.2rem}.calendar-component__popup.--mobile .calendar-component__mobile-period{align-items:center;color:var(--text-secondary-color);display:flex;font:var(--body-large-long-font);justify-content:center;margin-bottom:var(--space-450)}.calendar-component__popup.--mobile .calendar-component__footer{border-top:none;margin:var(--space-300) 0;padding:0}.calendar-component__popup.--mobile .calendar-component__footer-fixed{background:var(--background);bottom:0;height:14rem;left:0;padding:var(--space-300) calc(50% - 16rem + var(--space-300));position:fixed;right:0;text-align:right;transform:translateZ(0);will-change:transform;z-index:10000}.calendar-component__popup.--mobile .calendar-component__footer-fixed:before{background:linear-gradient(0deg,rgba(0,0,0,.12),transparent);content:"";display:block;height:var(--space-150);left:calc(((100% - 32rem)/2 + var(--space-300))*-1);pointer-events:none;position:absolute;right:0;top:0;transform:translateY(-100%)}.calendar-component__presets{border-right:1px solid var(--control-secondary-color);overflow:auto;padding:var(--space-200) var(--space-100)}.calendar-component__preset-item.app-btn{background:none;border:none;border-radius:var(--box-radius);color:var(--text-primary-color);display:block;font:var(--body-small-long-font);height:auto;line-height:1;margin-bottom:var(--space-50);max-width:19rem;min-height:3.6rem;padding:var(--space-125) var(--space-150);text-align:left;white-space:normal;width:100%}.calendar-component__preset-item.app-btn:disabled{background:none;color:var(--text-minor-color)}.calendar-component__preset-item.app-btn:last-child{margin-bottom:0}.calendar-component__preset-item.app-btn.--selected{background-color:var(--control-primary-minor-color)}.calendar-component__footer{align-items:center;border-top:1px solid var(--control-secondary-color);display:flex;justify-content:flex-start;margin-top:var(--space-250);padding-top:var(--space-200)}.calendar-component__footer .app-btn{margin-left:auto}.calendar-component__footer-inputs{align-items:center;border:1px solid var(--control-secondary-color);border-radius:var(--control-radius);cursor:pointer;display:flex;height:3.2rem;justify-content:center;margin:0 var(--space-100) 0 0;max-width:100%;width:19rem}.calendar-component__footer-inputs:hover{border-color:var(--hover-control-secondary-color)}.calendar-component__footer-input .app-input__input{border:none;padding:0;text-align:center}.calendar-component__toggle-divider{align-items:stretch;display:flex;justify-content:center;margin-left:var(--space-50);margin-right:var(--space-50)}.calendar-component__datepicker{padding:var(--space-150)}.calendar-component__datepicker>div{width:100%}.calendar-component__datepicker .vc-container{border:none}.calendar-component__datepicker .vc-popover-content-wrapper.is-interactive{width:max-content}.calendar-component__datepicker .vc-header{margin-top:var(--space-100)!important}