.cancel-subscription__container{display:flex;flex-direction:column;margin:0 auto;max-width:40rem;padding:1.5rem 1rem}@media (min-width:48rem){.cancel-subscription__container{padding:2.5rem 0}}.cancel-subscription__loader{margin:0 auto;text-align:center;width:3rem}.cancellation-reason-field .textarea-component{margin:0;padding:.5rem 0 .55rem;position:relative;width:100%}.cancellation-reason-field .textarea{padding:.55rem .75rem}.textarea-component__message{-webkit-box-pack:end;-ms-flex-pack:end;display:flex;font-size:.875rem;justify-content:flex-end}.textarea-component__error{flex:0 1 100%}.textarea-component__count{flex:0 1 auto;padding-left:1.5rem}.textarea-component__count--error{color:var(--color--error)}.date-picker{max-width:280px;width:100%}.date-picker__input-container{position:relative}.date-picker .icon--calendar,.date-picker .icon--chevron-down{bottom:0;cursor:default;margin:auto;pointer-events:none;position:absolute;top:0;z-index:var(--z-index--level-1)}.date-picker .icon--calendar{color:var(--color--text-primary);left:1rem;transition:color .2s ease-in-out}.date-picker .icon--chevron-down{right:1rem;transform:rotate(0deg);transition:transform .2s ease-in-out}.date-picker--focus .icon--calendar{color:var(--color--primary)}.date-picker--focus .icon--chevron-down{transform:rotate(-180deg)}.date-picker--disabled .icon--calendar,.date-picker--disabled .icon--chevron-down{color:var(--color--disabled-text)}.form-control__input.date-picker__input{padding-left:3rem;padding-right:3rem}.form-control__input.date-picker__input--native{height:2.6rem}.form-control__input.date-picker__input--native::-webkit-clear-button{display:none}.form-control__input.date-picker__input--native::-ms-clear{display:none}.form-control__input.date-picker__input._is_invalid{border-color:var(--color--invalid)}.form-control__input.date-picker__input._is_invalid:focus{box-shadow:0 0 0 2px var(--color-semantic-focus-ring-box-shadow);outline:4px solid var(--color-semantic-focus-ring-error);outline-offset:2px}.form-control__input.date-picker__input._is_valid{border-color:var(--color--valid)}.form-control__input.date-picker__input._is_valid:focus{box-shadow:0 0 0 2px var(--color-semantic-focus-ring-box-shadow);outline:4px solid var(--color-semantic-focus-ring-success);outline-offset:2px}.react-datepicker-wrapper{width:100%}.react-datepicker{background:var(--color--background-primary);border:1px solid var(--color--primary);border-radius:var(--border-radius--primary);color:var(--color--text-primary);display:block;position:relative}.react-datepicker__input-container{position:relative}.react-datepicker__header{background-color:var(--color--background-primary);border-top-left-radius:var(--border-radius--primary);border-top-right-radius:var(--border-radius--primary);text-align:center}.react-datepicker__custom-nav{position:relative}.react-datepicker__current-month{border-bottom:1px solid var(--color--primary);font-size:1rem;font-weight:var(--font--weight-medium);line-height:1;margin-top:0;padding:1rem 0}.react-datepicker__navigation{bottom:0;color:var(--color--primary);height:24px;line-height:1;margin:auto;position:absolute;top:0;width:24px}.react-datepicker__navigation[disabled]{visibility:hidden}.react-datepicker__navigation--previous{left:1rem}.react-datepicker__navigation--next{right:1rem}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{-webkit-box-pack:justify;-ms-flex-pack:justify;display:flex;font-size:.875rem;font-weight:var(--font--weight-bold);justify-content:space-between;padding:.75rem .75rem 0}.react-datepicker__month{padding:.75rem}.react-datepicker__day,.react-datepicker__day-name{display:inline-block;margin:2px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:32px}.react-datepicker__day{background-color:var(--color--background-primary);border-radius:50%;cursor:pointer;font-size:.875rem;height:32px;line-height:32px;transition:color .2s ease-in-out,background-color .2s ease-in-out}.react-datepicker__day--keyboard-selected,.react-datepicker__day:not(.react-datepicker__day--selected):not(.react-datepicker__day--disabled):hover{background-color:var(--color--disabled-background)}.react-datepicker__day--today{font-weight:var(--font--weight-bold)}.react-datepicker__day--disabled{cursor:default;opacity:.4}.react-datepicker__day--selected{background-color:var(--color--primary);color:#fff;font-weight:var(--font--weight-bold)}.react-datepicker-popper{box-shadow:0 3px 7px rgba(0,0,0,.07);margin-top:.5rem;z-index:var(--z-index--level-3)}.cancel-subscription-form{display:flex;flex-direction:column;gap:1.5rem;max-width:40rem}.cancel-subscription-form__date-select{width:100%}.cancel-subscription-form__submit{margin-top:1rem}.cancel-subscription-form__date-picker{max-width:40rem}