@dynamic-framework/ui-react 1.5.0 → 1.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1,1919 @@
1
- .collapse-container{--bs-collapse-bg: var(--bs-white);--bs-collapse-border-radius: var(--bs-ref-spacer-1);--bs-collapse-box-shadow: var(--bs-box-shadow-sm);--bs-collapse-button-padding-x: var(--bs-ref-spacer-3);--bs-collapse-button-padding-y: var(--bs-ref-spacer-3);--bs-collapse-button-gap: var(--bs-ref-spacer-3);--bs-collapse-body-padding-x: var(--bs-ref-spacer-3);--bs-collapse-body-padding-y: var(--bs-ref-spacer-3);--bs-collapse-separator-display: none;--bs-collapse-separator-height: 1px;--bs-collapse-separator-bg: var(--bs-gray-200);background-color:var(--bs-collapse-bg);border-radius:var(--bs-collapse-border-radius);box-shadow:var(--bs-collapse-box-shadow)}.collapse-container .collapse-button{display:flex;gap:var(--bs-collapse-button-gap);align-items:center;width:100%;padding:var(--bs-collapse-button-padding-y) var(--bs-collapse-button-padding-x);text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:rgba(0,0,0,0);border:0}.collapse-container .collapse-button:focus,.collapse-container .collapse-button:focus-visible{outline:0}.collapse-container .collapse-body{position:relative;padding:var(--bs-collapse-body-padding-y) var(--bs-collapse-body-padding-x);padding-top:0}.collapse-container .collapse-body::before{position:absolute;top:0;display:var(--bs-collapse-separator-display);width:calc(100% - var(--bs-collapse-body-padding-x)*2);height:var(--bs-collapse-separator-height);content:" ";background-color:var(--bs-collapse-separator-bg)}.d-collapse-icon-text{--bs-collapse-icon-text-header-gap: 1rem;--bs-collapse-icon-text-header-font-size: 1.125rem;--bs-collapse-icon-text-header-font-weight: 700}.d-collapse-icon-text .d-collapse-icon-text-header{display:flex;gap:var(--bs-collapse-icon-text-header-gap);align-items:center}.d-collapse-icon-text .d-collapse-icon-text-title{font-size:var(--bs-collapse-icon-text-header-font-size);font-weight:var(--bs-collapse-icon-text-header-font-weight)}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon::before{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after{box-sizing:content-box;position:absolute;border:8px solid rgba(0,0,0,0);height:0;width:1px;content:"";z-index:-1;border-width:8px;left:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{top:0;margin-top:-8px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after{border-top:none;border-bottom-color:#f0f0f0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before{top:-1px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before{bottom:-1px;border-top-color:#aeaeae}.react-datepicker-wrapper{display:inline-block;padding:0;border:0;width:100%}.react-datepicker{font-family:"Helvetica Neue",helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{position:absolute;left:50px}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 2px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:bold;font-size:.944rem}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *::before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next::before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous::before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-72px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + (1.7rem / 2));overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:bold}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:rgba(0,0,0,0)}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__month--selected,.react-datepicker__month--in-selecting-range,.react-datepicker__month--in-range,.react-datepicker__quarter--selected,.react-datepicker__quarter--in-selecting-range,.react-datepicker__quarter--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__month--selected:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--in-range:hover,.react-datepicker__quarter--selected:hover,.react-datepicker__quarter--in-selecting-range:hover,.react-datepicker__quarter--in-range:hover{background-color:#1d5d90}.react-datepicker__month--disabled,.react-datepicker__quarter--disabled{color:#ccc;pointer-events:none}.react-datepicker__month--disabled:hover,.react-datepicker__quarter--disabled:hover{cursor:default;background-color:rgba(0,0,0,0)}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:bold}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__year-text--selected:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--in-range:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#2579ba;color:#fff}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:rgba(0,0,0,0)}.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover{background-color:#216ba5}.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover{background-color:#f0f0f0}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid rgba(0,0,0,0);border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:rgba(0,0,0,0);border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon::after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:bold;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media(max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker{--bs-datepicker-font-family: var(--bs-font-sans-serif);--bs-datepicker-border: 0px;--bs-datepicker-box-shadow: var(--bs-box-shadow);--bs-datepicker-font-size: var(--bs-ref-spacer-3);--bs-datepicker-header-gap: var(--bs-ref-spacer-3);--bs-datepicker-header-padding: var(--bs-ref-spacer-3) var(--bs-ref-spacer-4);--bs-datepicker-header-background-color: var(--bs-secondary-soft);--bs-datepicker-header-border: 0;--bs-datepicker-header-font-size: var(--bs-ref-fs-6);--bs-datepicker-day-names-margin: 0;--bs-datepicker-day-names-font-size: var(--bs-ref-spacer-3);--bs-datepicker-day-name-weight: var(--bs-ref-fw-bold);--bs-datepicker-day-name-margin: 0;--bs-datepicker-day-name-size: 20px;--bs-datepicker-day-name-color: var(--bs-gray-500);--bs-datepicker-month-gap: var(--bs-ref-fs-small);--bs-datepicker-month-padding: var(--bs-ref-spacer-3) var(--bs-ref-spacer-4) var(--bs-ref-spacer-4);--bs-datepicker-month-margin: 0;--bs-datepicker-week-gap: 1.875rem;--bs-datepicker-day-margin: 0;--bs-datepicker-day-font-size: var(--bs-ref-fs-small);--bs-datepicker-day-size: 20px;--bs-datepicker-day-radius: 100%;--bs-datepicker-day-bg-hover: var(--bs-body);--bs-datepicker-day-color-hover: var(--bs-info-100);--bs-datepicker-day-selected-color: var(--bs-white);--bs-datepicker-day-selected-bg: var(--bs-secondary-500);--bs-datepicker-day-in-range-color: var(--bs-dark);--bs-datepicker-day-in-range-bg: var(--bs-secondary-100);--bs-datepicker-day-outside-month-color: var(--bs-gray-400);--bs-datepicker-day-today-font-weight: var(--bs-ref-fw-normal);--bs-datepicker-day-today-box-shadow: 0 0 0 2px inset var(--bs-secondary);--bs-datepicker-time-container-margin: 0;--bs-datepicker-time-container-align: center;--bs-datepicker-time-input-width: 50%;--bs-datepicker-time-input-margin: 0;--bs-datepicker-time-input-align: center;--bs-datepicker-time-input-padding: var(--bs-ref-spacer-3);--bs-datepicker-time-input-gap: var(--bs-ref-spacer-2);--bs-datepicker-time-input-label-weight: var(--bs-ref-fw-bold);--bs-datepicker-time-input-label-color: var(--bs-gray-700);--bs-datepicker-time-input-label-size: var(--bs-ref-fs-small);font-family:var(--bs-datepicker-font-family);font-size:var(--bs-datepicker-font-size);border:var(--bs-datepicker-border);box-shadow:var(--bs-datepicker-box-shadow)}.react-datepicker .react-datepicker__header{display:flex;flex-direction:column;gap:var(--bs-datepicker-header-gap);padding:var(--bs-datepicker-header-padding);font-size:var(--bs-datepicker-header-font-size);background-color:var(--bs-datepicker-header-background-color);border:var(--bs-datepicker-header-border)}.react-datepicker .react-datepicker__header .react-datepicker__day-names{display:flex;justify-content:space-between;margin:var(--bs-datepicker-day-names-margin);font-size:var(--bs-datepicker-day-names-font-size)}.react-datepicker .react-datepicker__header .react-datepicker__day-name{width:var(--bs-datepicker-day-name-size);height:var(--bs-datepicker-day-name-size);margin:var(--bs-datepicker-day-name-margin);font-weight:var(--bs-datepicker-day-name-weight);line-height:var(--bs-datepicker-day-name-size);color:var(--bs-datepicker-day-name-color)}.react-datepicker .react-datepicker__month{display:flex;flex-direction:column;gap:var(--bs-datepicker-month-gap);padding:var(--bs-datepicker-month-padding);margin:var(--bs-datepicker-month-margin)}.react-datepicker .react-datepicker__month .react-datepicker__week{display:flex;gap:var(--bs-datepicker-week-gap)}.react-datepicker .react-datepicker__month .react-datepicker__day{width:var(--bs-datepicker-day-size);height:var(--bs-datepicker-day-size);margin:var(--bs-datepicker-day-margin);font-size:var(--bs-datepicker-day-font-size);line-height:var(--bs-datepicker-day-size)}.react-datepicker .react-datepicker__day:not(.react-datepicker__day--selected,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--selected):hover,.react-datepicker .react-datepicker__month-text:not(.react-datepicker__day--selected,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--selected):hover,.react-datepicker .react-datepicker__quarter-text:not(.react-datepicker__day--selected,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--selected):hover,.react-datepicker .react-datepicker__year-text:not(.react-datepicker__day--selected,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--selected):hover{color:var(--bs-datepicker-day-bg-hover);background-color:var(--bs-datepicker-day-color-hover);border-radius:var(--bs-datepicker-day-radius)}.react-datepicker .react-datepicker__day--selected,.react-datepicker .react-datepicker__month--selected,.react-datepicker .react-datepicker__quarter--selected,.react-datepicker .react-datepicker__year--selected{color:var(--bs-datepicker-day-selected-color);background-color:var(--bs-datepicker-day-selected-bg);border-radius:var(--bs-datepicker-day-radius)}.react-datepicker .react-datepicker__day--selected.react-datepicker__day--in-range.react-datepicker__day--range-start,.react-datepicker .react-datepicker__day--selected.react-datepicker__day--in-selecting-range.react-datepicker__day--selecting-range-start{color:var(--bs-datepicker-day-selected-color);background-color:var(--bs-datepicker-day-selected-bg)}.react-datepicker .react-datepicker__day.react-datepicker__day--in-range.react-datepicker__day--range-end,.react-datepicker .react-datepicker__day.react-datepicker__day--in-selecting-range.react-datepicker__day--selecting-range-end{color:var(--bs-datepicker-day-selected-color);background-color:var(--bs-datepicker-day-selected-bg)}.react-datepicker .react-datepicker__day--in-range,.react-datepicker .react-datepicker__month-text--in-range,.react-datepicker .react-datepicker__quarter-text--in-range,.react-datepicker .react-datepicker__year-text--in-range,.react-datepicker .react-datepicker__day--in-selecting-range,.react-datepicker .react-datepicker__month-text--in-selecting-range,.react-datepicker .react-datepicker__quarter-text--in-selecting-range,.react-datepicker .react-datepicker__year-text--in-selecting-range,.react-datepicker .react-datepicker__day--keyboard-selected,.react-datepicker .react-datepicker__month-text--keyboard-selected,.react-datepicker .react-datepicker__quarter-text--keyboard-selected,.react-datepicker .react-datepicker__year-text--keyboard-selected{color:var(--bs-datepicker-day-in-range-color);background-color:var(--bs-datepicker-day-in-range-bg);border-radius:var(--bs-datepicker-day-radius)}.react-datepicker .react-datepicker__day--outside-month{color:var(--bs-datepicker-day-outside-month-color)}.react-datepicker .react-datepicker__input-time-container{width:100%;margin:var(--bs-datepicker-time-container-margin);text-align:var(--bs-datepicker-time-container-align);border-top:var(--bs-border-width) solid var(--bs-light)}.react-datepicker .react-datepicker__input-time-container .react-datepicker-time__caption{display:none}.react-datepicker .react-datepicker__input-time-container .react-datepicker-time__input-container{width:100%}.react-datepicker .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{width:var(--bs-datepicker-time-input-width);margin:var(--bs-datepicker-time-input-margin);text-align:var(--bs-datepicker-time-input-align);outline:0}.react-datepicker .react-datepicker__day--today{font-weight:var(--bs-datepicker-day-today-font-weight);border-radius:var(--bs-datepicker-day-radius);box-shadow:var(--bs-datepicker-day-today-box-shadow)}.react-datepicker .d-datepicker-time{gap:var(--bs-datepicker-time-input-gap);padding:var(--bs-datepicker-time-input-padding)}.react-datepicker .d-datepicker-time .d-datepicker-time-label{font-size:var(--bs-datepicker-time-input-label-size);font-weight:var(--bs-datepicker-time-input-label-weight);color:var(--bs-datepicker-time-input-label-color)}.react-datepicker .d-datepicker-header{font-size:var(--bs-ref-fs-6)}.d-datepicker-time{--bs-datepicker-time-input: 100%;--bs-datepicker-webkit-time-color: var(--bs-black);--bs-datepicker-webkit-time-align: left;--bs-datepicker-webkit-edit-text-padding: 2px;--bs-datepicker-webkit-edit-ampm-padding: 0 4px;--bs-datepicker-webkit-edit-ampm-color: var(--bs-secondary-900);--bs-datepicker-webkit-edit-ampm-bg: var(--bs-secondary-100);--bs-datepicker-webkit-edit-ampm-radius: 4px;--bs-datepicker-calendar-picker-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-clock' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z'/%3E%3Cpath d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z'/%3E%3C/svg%3E")}.d-datepicker-time .d-input{width:var(--bs-datepicker-time-input)}.d-datepicker-time input[type=time]::-webkit-datetime-edit{color:var(--bs-datepicker-webkit-time-color);text-align:var(--bs-datepicker-webkit-time-align)}.d-datepicker-time input[type=time]::-webkit-datetime-edit-text{padding-inline:var(--bs-datepicker-webkit-edit-text-padding)}.d-datepicker-time input[type=time]::-webkit-datetime-edit-ampm-field{padding:var(--bs-datepicker-webkit-edit-ampm-padding);color:var(--bs-datepicker-webkit-edit-ampm-color);background-color:var(--bs-datepicker-webkit-edit-ampm-bg);border-radius:var(--bs-datepicker-webkit-edit-ampm-radius)}.d-datepicker-time input[type=time]::-webkit-calendar-picker-indicator{background-image:var(--bs-datepicker-calendar-picker-icon)}.react-datepicker.d-month-picker{--bs-monthpicker-header-padding: var(--bs-ref-spacer-3) var(--bs-ref-spacer-2) 0;--bs-monthpicker-font-weight: var(--bs-ref-fw-normal);--bs-monthpicker-header-color: var(--bs-white);--bs-monthpicker-header-bg: var(--bs-dark);--bs-monthpicker-month-gap: 0;--bs-monthpicker-month-padding: var(--bs-ref-spacer-2) var(--bs-ref-spacer-4) var(--bs-ref-spacer-3);--bs-monthpicker-month-color: var(--bs-white);--bs-monthpicker-month-bg: var(--bs-dark);--bs-monthpicker-month-today-color: var(--bs-white);--bs-monthpicker-month-selected-bg: var(--bs-gray-500);--bs-monthpicker-month-selected-box-shadow: 0 0 0 1px inset var(--bs-gray-100);--bs-monthpicker-month-hover-bg: var(--bs-gray-700);--bs-monthpicker-month-wrapper-gap: var(--bs-ref-spacer-2);--bs-monthpicker-month-wrapper-font-size: var(--bs-ref-fs-small);--bs-monthpicker-single-month-width: 46px;--bs-monthpicker-single-month-padding: var(--bs-ref-spacer-2);--bs-monthpicker-single-month-margin: 0;--bs-monthpicker-single-month-text-transform: capitalize;--bs-monthpicker-single-month-radius: var(--bs-ref-spacer-4);--bs-monthpicker-single-month-after-display: inline;--bs-monthpicker-single-month-after-content: ".";--bs-datepicker-triangle-color: var(--bs-dark);font-family:var(--bs-datepicker-font-family);border:var(--bs-datepicker-border);box-shadow:var(--bs-datepicker-box-shadow)}.react-datepicker.d-month-picker .react-datepicker__header{padding:var(--bs-monthpicker-header-padding);font-weight:var(--bs-monthpicker-font-weight);color:var(--bs-monthpicker-header-color);background-color:var(--bs-monthpicker-header-bg)}.react-datepicker.d-month-picker .react-datepicker__month.react-datepicker__monthPicker,.react-datepicker.d-month-picker .react-datepicker__header.react-datepicker-year-header{gap:var(--bs-monthpicker-month-gap);padding:var(--bs-monthpicker-month-padding);color:var(--bs-monthpicker-month-color);background-color:var(--bs-monthpicker-month-bg)}.react-datepicker.d-month-picker .react-datepicker__month--selected,.react-datepicker.d-month-picker .react-datepicker__month-text--in-range,.react-datepicker.d-month-picker .react-datepicker__month-text--in-selecting-range,.react-datepicker.d-month-picker .react-datepicker__month-text--keyboard-selected{color:var(--bs-monthpicker-month-today-color);background-color:var(--bs-monthpicker-month-selected-bg);box-shadow:var(--bs-monthpicker-month-selected-box-shadow)}.react-datepicker.d-month-picker .react-datepicker__month-text:hover{background-color:var(--bs-monthpicker-month-hover-bg)}.react-datepicker.d-month-picker .react-datepicker__month-wrapper{display:flex;gap:var(--bs-monthpicker-month-wrapper-gap);font-size:var(--bs-monthpicker-month-wrapper-font-size)}.react-datepicker.d-month-picker .react-datepicker__month-wrapper .react-datepicker__month-text{width:var(--bs-monthpicker-single-month-width);padding:var(--bs-monthpicker-single-month-padding);margin:var(--bs-monthpicker-single-month-margin);text-transform:var(--bs-monthpicker-single-month-text-transform);border-radius:var(--bs-monthpicker-single-month-radius)}.react-datepicker.d-month-picker .react-datepicker__month-wrapper .react-datepicker__month-text::after{display:var(--bs-monthpicker-single-month-after-display);content:var(--bs-monthpicker-single-month-after-content)}.react-datepicker.d-month-picker .react-datepicker__triangle::after,.react-datepicker.d-month-picker .react-datepicker__triangle::before{top:0;border-bottom-color:var(--bs-datepicker-triangle-color)}.d-tabs{--bs-tabs-nav-gap: 1.5rem;--bs-tabs-nav-padding-x: 1.5rem;--bs-tabs-nav-padding-y: 1rem;--bs-tabs-link-border-height: 2px;--bs-tabs-link-line-height: 1.5rem;--bs-tabs-link-border-border-radius: 50rem;--bs-tabs-link-border-active-color: var(--bs-secondary);--bs-tabs-link-border-active-font-weight: var(--bs-ref-fw-bold);--bs-tabs-link-border-active-bg: var(--bs-secondary);display:flex;flex-direction:column}.d-tabs .nav{gap:var(--bs-tabs-nav-gap);padding:var(--bs-tabs-nav-padding-y) var(--bs-tabs-nav-padding-x)}.d-tabs .nav-link{position:relative;line-height:var(--bs-tabs-link-line-height)}.d-tabs .nav-link.active{font-weight:var(--bs-tabs-link-border-active-font-weight);color:var(--bs-tabs-link-border-active-color)}.d-tabs .nav-link.active::before{background:var(--bs-tabs-link-border-active-bg)}.d-tabs .nav-link::before{position:absolute;right:0;bottom:0;left:0;height:var(--bs-tabs-link-border-height);content:" ";border-radius:var(--bs-tabs-link-border-border-radius)}.d-tabs.d-tabs-vertical{flex-direction:row}.d-tabs.d-tabs-vertical .nav{flex-direction:column;align-items:center}.d-tabs.d-tabs-vertical .tab-content{flex:1}.d-popover{position:relative;width:100%}.d-popover .d-popover-content{width:100%}.d-popover .d-popover-content:focus-visible{outline:0}.d-box-file{--bs-box-file-gap: 1rem;--bs-box-file-border: 1px dashed var(--bs-gray-700);--bs-box-file-border-radius: 1rem;--bs-box-file-padding: 2rem;--bs-box-file-content-max-width: 220px;--bs-box-file-icon-size: 3.5rem;--bs-box-file-icon-color: var(--bs-secondary-300);--bs-box-file-hover-border: 1px dashed var(--bs-secondary-700);--bs-box-file-hover-bg: var(--bs-secondary-100);--bs-box-file-selected-border: 1px dashed var(--bs-secondary-700);--bs-box-file-selected-bg: var(--bs-white);display:flex;flex-direction:column;gap:var(--bs-box-file-gap);width:100%;cursor:pointer;border:var(--bs-box-file-border);border-radius:var(--bs-box-file-border-radius)}.d-box-file:hover{background:var(--bs-box-file-hover-bg);border:var(--bs-box-file-hover-border)}.d-box-file.d-box-file-selected{background:var(--bs-box-file-selected-bg);border:var(--bs-box-file-selected-border)}.d-box-file .d-icon{--bs-icon-size: var(--bs-box-file-icon-size);--bs-icon-color: var(--bs-box-file-icon-color)}.d-box-file .d-box-file-dropzone{display:flex;flex-direction:column;gap:var(--bs-box-file-gap);align-items:center;width:100%;padding:var(--bs-box-file-padding)}.d-box-file .d-box-file-dropzone:not(:last-child){padding-bottom:0}.d-box-file .d-box-content{max-width:var(--bs-box-file-content-max-width)}.d-box-file .d-box-files{display:flex;flex-direction:column;gap:var(--bs-box-file-gap);padding:0 var(--bs-box-file-padding) var(--bs-box-file-padding)}.d-box-file .d-box-files-text{word-break:break-word}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:flex;height:100%;margin:0 !important;padding:0 !important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none !important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s infinite linear;border:2px solid #999;border-left-color:rgba(0,0,0,0);border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__play{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0 !important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{background:#ccc;border:0;cursor:pointer;padding:0;position:absolute;top:50%;transform:translateY(-50%);z-index:1;opacity:.7;align-items:center;border-radius:50%;display:flex;justify-content:center;height:2em;width:2em}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:#0bf 3px solid;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:#0bf 3px solid;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;padding:0;position:relative;transition:transform .2s linear;width:8px;opacity:.7}.splide__pagination__page.is-active{background:#fff;z-index:1;transform:scale(1.4)}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:#0bf 3px solid;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:#0bf 3px solid;outline-offset:3px}.splide__progress__bar{background:#ccc;height:1rem}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset: -3px){.splide__slide:focus-visible{outline:#0bf 3px solid;outline-offset:-3px}}@media screen and (-ms-high-contrast: none){.splide__slide:focus-visible{border:#0bf 3px solid}}@supports(outline-offset: -3px){.splide.is-focus-in .splide__slide:focus{outline:#0bf 3px solid;outline-offset:-3px}}@media screen and (-ms-high-contrast: none){.splide.is-focus-in .splide__slide:focus{border:#0bf 3px solid}}@media screen and (-ms-high-contrast: none){.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:#0bf 3px solid;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:#0bf 3px solid;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid rgba(0,0,0,0);cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%, 0)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotateZ(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotateZ(90deg)}.splide__pagination--ttb{bottom:0;display:flex;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}.d-carousel{--bs-carousel-arrow-space: calc(var(--bs-ref-spacer-3) * -1);--bs-carousel-pagination-bottom: calc(var(--bs-ref-spacer-3) * -1);--bs-carousel-pagination-page-bg: var(--bs-secondary-100);--bs-carousel-pagination-active-page-bg: var(--bs-secondary);--bs-carousel-focus-outline-color: var(--bs-focus-ring-color)}.d-carousel .d-carousel-arrows .d-carousel-arrow.d-carousel-arrow-prev{left:var(--bs-carousel-arrow-space)}.d-carousel .d-carousel-arrows .d-carousel-arrow.d-carousel-arrow-next{right:var(--bs-carousel-arrow-space)}.d-carousel .d-carousel-pagination{bottom:var(--bs-carousel-pagination-bottom)}.d-carousel .d-carousel-pagination .d-carousel-pagination-page{background-color:var(--bs-carousel-pagination-page-bg)}.d-carousel .d-carousel-pagination .d-carousel-pagination-page.is-active{background-color:var(--bs-carousel-pagination-active-page-bg)}.d-carousel.splide.is-focus-in .d-carousel-arrow:focus,.d-carousel.splide.is-focus-in .d-carousel-pagination-page:focus{outline-color:var(--bs-carousel-focus-outline-color)}.d-stepper{--bs-step-icon-container-color: var(--bs-secondary);--bs-step-icon-container-background-color: var(--bs-white);--bs-step-icon-container-size: 34px;--bs-step-icon-container-border-width: 1px;--bs-step-icon-container-border-color: var(--bs-secondary);--bs-step-icon-container-border-radius: 100%;--bs-step-icon-container-z-index: 3;--bs-step-label-height: 3rem;--bs-step-icon-size: 1.125rem;--bs-step-gap: .5rem;--bs-step-z-index: 2;--bs-step-check-text-color: var(--bs-white);--bs-step-check-background-color: var(--bs-success);--bs-step-check-border-color: var(--bs-success);--bs-step-current-text-color: var(--bs-white);--bs-step-current-background-color: var(--bs-secondary);--bs-step-line-stroke: 1px;--bs-step-line-color: var(--bs-secondary);--bs-step-label-padding: var(--bs-ref-spacer-4);--bs-step-vertical-label-padding: var(--bs-ref-spacer-3);position:relative;display:flex}.d-stepper .d-step{display:flex;flex:1 1 0;flex-direction:column;gap:var(--bs-step-gap)}.d-stepper .d-step .d-step-value{position:relative;display:flex;justify-content:center}.d-stepper .d-step .d-step-icon-container{position:relative;z-index:var(--bs-step-icon-container-z-index);display:flex;align-items:center;justify-content:center;width:var(--bs-step-icon-container-size);height:var(--bs-step-icon-container-size);color:var(--bs-step-icon-container-color);background-color:var(--bs-step-icon-container-background-color);border:var(--bs-step-icon-container-border-width) solid var(--bs-step-icon-container-border-color);border-radius:var(--bs-step-icon-container-border-radius)}.d-stepper .d-step .d-step-check{color:var(--bs-step-check-text-color);background-color:var(--bs-step-check-background-color);border-color:var(--bs-step-check-border-color)}.d-stepper .d-step .d-step-current{color:var(--bs-step-current-text-color);background-color:var(--bs-step-current-background-color)}.d-stepper .d-step .d-step-value::after{position:absolute;top:50%;z-index:var(--bs-step-z-index);width:100%;height:var(--bs-step-line-stroke);content:"";background-color:var(--bs-step-line-color)}.d-stepper .d-step:first-child .d-step-value::after{left:50%;z-index:var(--bs-step-z-index);width:50%}.d-stepper .d-step:last-child .d-step-value::after{right:50%;z-index:var(--bs-step-z-index);width:50%}.d-stepper .d-step .d-step-label{padding-right:var(--bs-step-label-padding);padding-left:var(--bs-step-label-padding);text-align:center}.d-stepper.is-vertical{flex-direction:column}.d-stepper.is-vertical .d-step{flex-direction:row;align-items:center}.d-stepper.is-vertical .d-step .d-step-value{align-items:center;height:100%}.d-stepper.is-vertical .d-step .d-step-label{display:flex;flex-grow:1;align-items:center;min-height:var(--bs-step-label-height);padding:var(--bs-step-vertical-label-padding);text-align:left}.d-stepper.is-vertical .d-step .d-step-value::after{position:absolute;top:0;left:calc(50% - var(--bs-step-line-stroke));z-index:var(--bs-step-z-index);width:0;height:100%;content:"";border:var(--bs-step-icon-container-border-width) solid var(--bs-step-icon-container-border-color)}.d-stepper.is-vertical .d-step:first-child .d-step-value::after{top:50%;z-index:var(--bs-step-z-index);width:0;height:50%}.d-stepper.is-vertical .d-step:last-child .d-step-value::after{z-index:var(--bs-step-z-index);width:0;height:50%}.d-stepper .d-step-icon{display:flex;font-size:var(--bs-step-icon-size)}.pagination{--bs-pagination-page-item-size: 2.125rem;--bs-pagination-page-link-bg: transparent;--bs-pagination-page-border-radius: 50%;--bs-pagination-arrow-font-size: var(--bs-ref-fs-small);--bs-pagination-arrow-padding-y: var(--bs-ref-spacer-1);--bs-pagination-arrow-padding-x: var(--bs-ref-spacer-2);--bs-pagination-arrow-border-radius: var(--bs-border-radius);--bs-pagination-arrow-color: var(--bs-secondary);--bs-pagination-focus-arrow-bg: var(--bs-secondary-100);--bs-pagination-arrow-prev-icon-bg-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%234848b7" class="bi bi-chevron-left" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/></svg>');--bs-pagination-disabled-arrow-prev-icon-bg-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23a1a1b5" class="bi bi-chevron-left" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/></svg>');--bs-pagination-arrow-next-icon-bg-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%234848b7" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/></svg>');--bs-pagination-disabled-arrow-next-icon-bg-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23a1a1b5" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/></svg>');margin:0}.pagination .page-item{min-width:var(--bs-pagination-page-item-size);min-height:var(--bs-pagination-page-item-size)}.pagination .page-item:not(.active,:hover) .page-link{background-color:var(--bs-pagination-page-link-bg)}.pagination .arrow .page-link{min-width:-moz-fit-content;min-width:fit-content;padding:var(--bs-pagination-arrow-padding-y) var(--bs-pagination-arrow-padding-x);font-size:var(--bs-pagination-arrow-font-size);border-radius:var(--bs-pagination-arrow-border-radius)}.pagination .arrow .page-link:focus{background-color:var(--bs-pagination-focus-arrow-bg)}.pagination .arrow .page-link::after,.pagination .arrow .page-link::before{position:relative;display:flex;align-items:center;justify-content:center;background-repeat:no-repeat;background-size:var(--bs-pagination-arrow-font-size)}.pagination .arrow:is(.arrow-prev,.arrow-next):not(.disabled) .page-link{color:var(--bs-pagination-arrow-color)}.pagination .arrow.arrow-prev .page-link::before{min-width:var(--bs-pagination-arrow-font-size);min-height:var(--bs-pagination-arrow-font-size);margin-right:var(--bs-ref-spacer-1);content:"";background-image:var(--bs-pagination-arrow-prev-icon-bg-image);background-position:center left}.pagination .arrow.arrow-next .page-link::after{width:var(--bs-pagination-arrow-font-size);height:var(--bs-pagination-arrow-font-size);margin-left:var(--bs-ref-spacer-1);content:"";background-image:var(--bs-pagination-arrow-next-icon-bg-image);background-position:center right}.pagination .arrow:is(.arrow-next,.arrow-prev).no-label .page-link>span{display:none}.pagination .arrow-prev.disabled .page-link::before{background-image:var(--bs-pagination-disabled-arrow-prev-icon-bg-image)}.pagination .arrow-next.disabled .page-link::after{background-image:var(--bs-pagination-disabled-arrow-next-icon-bg-image)}.pagination .page-link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border-radius:var(--bs-pagination-page-border-radius)}.d-card-account{--bs-card-border-width: 0px;--bs-card-spacer-y: 1rem;--bs-card-spacer-x: 1rem;--bs-card-color: var(--bs-body-color);--bs-card-body-gap: 1rem}.d-card-account .card-body{display:flex;flex-direction:column;gap:var(--bs-card-body-gap)}.operation-group:not(:last-child){border-bottom:1px solid var(--bs-gray-300)}.permission-item{padding:8px 0}.permission-item .form-switch-box{width:auto}.permission-item .label{font-size:.875rem}.permission-item:hover{background:#f7f7ff}.permission-item:not(:last-child){border-bottom:1px solid var(--bs-gray-300)}@media screen and (min-width: 768px){.permission-item{padding:8px 10px}.permission-item .label{font-size:1rem}}@media screen and (min-width: 992px){.operation-group{border-top:1px solid var(--bs-gray-300)}.operation-group:not(:last-child){border-bottom:none}}
1
+ @charset "UTF-8";
2
+ /* stylelint-disable scss/dollar-variable-default */
3
+ .collapse-container {
4
+ --bs-collapse-bg: var(--bs-white);
5
+ --bs-collapse-border-radius: var(--bs-ref-spacer-1);
6
+ --bs-collapse-box-shadow: var(--bs-box-shadow-sm);
7
+ --bs-collapse-button-padding-x: var(--bs-ref-spacer-3);
8
+ --bs-collapse-button-padding-y: var(--bs-ref-spacer-3);
9
+ --bs-collapse-button-gap: var(--bs-ref-spacer-3);
10
+ --bs-collapse-body-padding-x: var(--bs-ref-spacer-3);
11
+ --bs-collapse-body-padding-y: var(--bs-ref-spacer-3);
12
+ --bs-collapse-separator-display: none;
13
+ --bs-collapse-separator-height: 1px;
14
+ --bs-collapse-separator-bg: var(--bs-gray-200);
15
+ background-color: var(--bs-collapse-bg);
16
+ border-radius: var(--bs-collapse-border-radius);
17
+ box-shadow: var(--bs-collapse-box-shadow);
18
+ }
19
+ .collapse-container .collapse-button {
20
+ display: flex;
21
+ gap: var(--bs-collapse-button-gap);
22
+ align-items: center;
23
+ width: 100%;
24
+ padding: var(--bs-collapse-button-padding-y) var(--bs-collapse-button-padding-x);
25
+ text-align: left;
26
+ -webkit-user-select: none;
27
+ -moz-user-select: none;
28
+ user-select: none;
29
+ background: transparent;
30
+ border: 0;
31
+ }
32
+ .collapse-container .collapse-button:focus, .collapse-container .collapse-button:focus-visible {
33
+ outline: 0;
34
+ }
35
+ .collapse-container .collapse-body {
36
+ position: relative;
37
+ padding: var(--bs-collapse-body-padding-y) var(--bs-collapse-body-padding-x);
38
+ padding-top: 0;
39
+ }
40
+ .collapse-container .collapse-body::before {
41
+ position: absolute;
42
+ top: 0;
43
+ display: var(--bs-collapse-separator-display);
44
+ width: calc(100% - var(--bs-collapse-body-padding-x) * 2);
45
+ height: var(--bs-collapse-separator-height);
46
+ content: " ";
47
+ background-color: var(--bs-collapse-separator-bg);
48
+ }
49
+
50
+ .d-collapse-icon-text {
51
+ --bs-collapse-icon-text-header-gap: var(--bs-ref-spacer-3);
52
+ --bs-collapse-icon-text-header-font-size: var(--bs-ref-fs-6);
53
+ --bs-collapse-icon-text-header-font-weight: var(--bs-ref-fw-bold);
54
+ }
55
+ .d-collapse-icon-text .d-collapse-icon-text-header {
56
+ display: flex;
57
+ gap: var(--bs-collapse-icon-text-header-gap);
58
+ align-items: center;
59
+ }
60
+ .d-collapse-icon-text .d-collapse-icon-text-title {
61
+ font-size: var(--bs-collapse-icon-text-header-font-size);
62
+ font-weight: var(--bs-collapse-icon-text-header-font-weight);
63
+ }
64
+
65
+ .react-datepicker__year-read-view--down-arrow,
66
+ .react-datepicker__month-read-view--down-arrow,
67
+ .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
68
+ border-color: #ccc;
69
+ border-style: solid;
70
+ border-width: 3px 3px 0 0;
71
+ content: "";
72
+ display: block;
73
+ height: 9px;
74
+ position: absolute;
75
+ top: 6px;
76
+ width: 9px;
77
+ }
78
+ .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
79
+ margin-left: -4px;
80
+ position: absolute;
81
+ width: 0;
82
+ }
83
+ .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
84
+ box-sizing: content-box;
85
+ position: absolute;
86
+ border: 8px solid transparent;
87
+ height: 0;
88
+ width: 1px;
89
+ content: "";
90
+ z-index: -1;
91
+ border-width: 8px;
92
+ left: -8px;
93
+ }
94
+ .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
95
+ border-bottom-color: #aeaeae;
96
+ }
97
+
98
+ .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
99
+ top: 0;
100
+ margin-top: -8px;
101
+ }
102
+ .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
103
+ border-top: none;
104
+ border-bottom-color: #f0f0f0;
105
+ }
106
+ .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
107
+ top: 0;
108
+ }
109
+ .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
110
+ top: -1px;
111
+ border-bottom-color: #aeaeae;
112
+ }
113
+
114
+ .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
115
+ bottom: 0;
116
+ margin-bottom: -8px;
117
+ }
118
+ .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
119
+ border-bottom: none;
120
+ border-top-color: #fff;
121
+ }
122
+ .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
123
+ bottom: 0;
124
+ }
125
+ .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
126
+ bottom: -1px;
127
+ border-top-color: #aeaeae;
128
+ }
129
+
130
+ .react-datepicker-wrapper {
131
+ display: inline-block;
132
+ padding: 0;
133
+ border: 0;
134
+ width: 100%;
135
+ }
136
+
137
+ .react-datepicker {
138
+ font-family: "Helvetica Neue", helvetica, arial, sans-serif;
139
+ font-size: 0.8rem;
140
+ background-color: #fff;
141
+ color: #000;
142
+ border: 1px solid #aeaeae;
143
+ border-radius: 0.3rem;
144
+ display: inline-block;
145
+ position: relative;
146
+ }
147
+
148
+ .react-datepicker--time-only .react-datepicker__triangle {
149
+ left: 35px;
150
+ }
151
+ .react-datepicker--time-only .react-datepicker__time-container {
152
+ border-left: 0;
153
+ }
154
+ .react-datepicker--time-only .react-datepicker__time,
155
+ .react-datepicker--time-only .react-datepicker__time-box {
156
+ border-bottom-left-radius: 0.3rem;
157
+ border-bottom-right-radius: 0.3rem;
158
+ }
159
+
160
+ .react-datepicker__triangle {
161
+ position: absolute;
162
+ left: 50px;
163
+ }
164
+
165
+ .react-datepicker-popper {
166
+ z-index: 1;
167
+ }
168
+ .react-datepicker-popper[data-placement^=bottom] {
169
+ padding-top: 10px;
170
+ }
171
+ .react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
172
+ left: auto;
173
+ right: 50px;
174
+ }
175
+ .react-datepicker-popper[data-placement^=top] {
176
+ padding-bottom: 10px;
177
+ }
178
+ .react-datepicker-popper[data-placement^=right] {
179
+ padding-left: 8px;
180
+ }
181
+ .react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
182
+ left: auto;
183
+ right: 42px;
184
+ }
185
+ .react-datepicker-popper[data-placement^=left] {
186
+ padding-right: 8px;
187
+ }
188
+ .react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
189
+ left: 42px;
190
+ right: auto;
191
+ }
192
+
193
+ .react-datepicker__header {
194
+ text-align: center;
195
+ background-color: #f0f0f0;
196
+ border-bottom: 1px solid #aeaeae;
197
+ border-top-left-radius: 0.3rem;
198
+ padding: 8px 0;
199
+ position: relative;
200
+ }
201
+ .react-datepicker__header--time {
202
+ padding-bottom: 8px;
203
+ padding-left: 5px;
204
+ padding-right: 5px;
205
+ }
206
+ .react-datepicker__header--time:not(.react-datepicker__header--time--only) {
207
+ border-top-left-radius: 0;
208
+ }
209
+ .react-datepicker__header:not(.react-datepicker__header--has-time-select) {
210
+ border-top-right-radius: 0.3rem;
211
+ }
212
+
213
+ .react-datepicker__year-dropdown-container--select,
214
+ .react-datepicker__month-dropdown-container--select,
215
+ .react-datepicker__month-year-dropdown-container--select,
216
+ .react-datepicker__year-dropdown-container--scroll,
217
+ .react-datepicker__month-dropdown-container--scroll,
218
+ .react-datepicker__month-year-dropdown-container--scroll {
219
+ display: inline-block;
220
+ margin: 0 2px;
221
+ }
222
+
223
+ .react-datepicker__current-month,
224
+ .react-datepicker-time__header,
225
+ .react-datepicker-year-header {
226
+ margin-top: 0;
227
+ color: #000;
228
+ font-weight: bold;
229
+ font-size: 0.944rem;
230
+ }
231
+
232
+ .react-datepicker-time__header {
233
+ text-overflow: ellipsis;
234
+ white-space: nowrap;
235
+ overflow: hidden;
236
+ }
237
+
238
+ .react-datepicker__navigation {
239
+ align-items: center;
240
+ background: none;
241
+ display: flex;
242
+ justify-content: center;
243
+ text-align: center;
244
+ cursor: pointer;
245
+ position: absolute;
246
+ top: 2px;
247
+ padding: 0;
248
+ border: none;
249
+ z-index: 1;
250
+ height: 32px;
251
+ width: 32px;
252
+ text-indent: -999em;
253
+ overflow: hidden;
254
+ }
255
+ .react-datepicker__navigation--previous {
256
+ left: 2px;
257
+ }
258
+ .react-datepicker__navigation--next {
259
+ right: 2px;
260
+ }
261
+ .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
262
+ right: 85px;
263
+ }
264
+ .react-datepicker__navigation--years {
265
+ position: relative;
266
+ top: 0;
267
+ display: block;
268
+ margin-left: auto;
269
+ margin-right: auto;
270
+ }
271
+ .react-datepicker__navigation--years-previous {
272
+ top: 4px;
273
+ }
274
+ .react-datepicker__navigation--years-upcoming {
275
+ top: -4px;
276
+ }
277
+ .react-datepicker__navigation:hover *::before {
278
+ border-color: #a6a6a6;
279
+ }
280
+
281
+ .react-datepicker__navigation-icon {
282
+ position: relative;
283
+ top: -1px;
284
+ font-size: 20px;
285
+ width: 0;
286
+ }
287
+ .react-datepicker__navigation-icon--next {
288
+ left: -2px;
289
+ }
290
+ .react-datepicker__navigation-icon--next::before {
291
+ transform: rotate(45deg);
292
+ left: -7px;
293
+ }
294
+ .react-datepicker__navigation-icon--previous {
295
+ right: -2px;
296
+ }
297
+ .react-datepicker__navigation-icon--previous::before {
298
+ transform: rotate(225deg);
299
+ right: -7px;
300
+ }
301
+
302
+ .react-datepicker__month-container {
303
+ float: left;
304
+ }
305
+
306
+ .react-datepicker__year {
307
+ margin: 0.4rem;
308
+ text-align: center;
309
+ }
310
+ .react-datepicker__year-wrapper {
311
+ display: flex;
312
+ flex-wrap: wrap;
313
+ max-width: 180px;
314
+ }
315
+ .react-datepicker__year .react-datepicker__year-text {
316
+ display: inline-block;
317
+ width: 4rem;
318
+ margin: 2px;
319
+ }
320
+
321
+ .react-datepicker__month {
322
+ margin: 0.4rem;
323
+ text-align: center;
324
+ }
325
+ .react-datepicker__month .react-datepicker__month-text,
326
+ .react-datepicker__month .react-datepicker__quarter-text {
327
+ display: inline-block;
328
+ width: 4rem;
329
+ margin: 2px;
330
+ }
331
+
332
+ .react-datepicker__input-time-container {
333
+ clear: both;
334
+ width: 100%;
335
+ float: left;
336
+ margin: 5px 0 10px 15px;
337
+ text-align: left;
338
+ }
339
+ .react-datepicker__input-time-container .react-datepicker-time__caption {
340
+ display: inline-block;
341
+ }
342
+ .react-datepicker__input-time-container .react-datepicker-time__input-container {
343
+ display: inline-block;
344
+ }
345
+ .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
346
+ display: inline-block;
347
+ margin-left: 10px;
348
+ }
349
+ .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
350
+ width: auto;
351
+ }
352
+ .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
353
+ .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
354
+ -webkit-appearance: none;
355
+ margin: 0;
356
+ }
357
+ .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
358
+ -moz-appearance: textfield;
359
+ }
360
+ .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
361
+ margin-left: 5px;
362
+ display: inline-block;
363
+ }
364
+
365
+ .react-datepicker__time-container {
366
+ float: right;
367
+ border-left: 1px solid #aeaeae;
368
+ width: 85px;
369
+ }
370
+ .react-datepicker__time-container--with-today-button {
371
+ display: inline;
372
+ border: 1px solid #aeaeae;
373
+ border-radius: 0.3rem;
374
+ position: absolute;
375
+ right: -72px;
376
+ top: 0;
377
+ }
378
+ .react-datepicker__time-container .react-datepicker__time {
379
+ position: relative;
380
+ background: white;
381
+ border-bottom-right-radius: 0.3rem;
382
+ }
383
+ .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
384
+ width: 85px;
385
+ overflow-x: hidden;
386
+ margin: 0 auto;
387
+ text-align: center;
388
+ border-bottom-right-radius: 0.3rem;
389
+ }
390
+ .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
391
+ list-style: none;
392
+ margin: 0;
393
+ height: calc(195px + (1.7rem / 2));
394
+ overflow-y: scroll;
395
+ padding-right: 0;
396
+ padding-left: 0;
397
+ width: 100%;
398
+ box-sizing: content-box;
399
+ }
400
+ .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
401
+ height: 30px;
402
+ padding: 5px 10px;
403
+ white-space: nowrap;
404
+ }
405
+ .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
406
+ cursor: pointer;
407
+ background-color: #f0f0f0;
408
+ }
409
+ .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
410
+ background-color: #216ba5;
411
+ color: white;
412
+ font-weight: bold;
413
+ }
414
+ .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
415
+ background-color: #216ba5;
416
+ }
417
+ .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
418
+ color: #ccc;
419
+ }
420
+ .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
421
+ cursor: default;
422
+ background-color: transparent;
423
+ }
424
+
425
+ .react-datepicker__week-number {
426
+ color: #ccc;
427
+ display: inline-block;
428
+ width: 1.7rem;
429
+ line-height: 1.7rem;
430
+ text-align: center;
431
+ margin: 0.166rem;
432
+ }
433
+ .react-datepicker__week-number.react-datepicker__week-number--clickable {
434
+ cursor: pointer;
435
+ }
436
+ .react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
437
+ border-radius: 0.3rem;
438
+ background-color: #f0f0f0;
439
+ }
440
+
441
+ .react-datepicker__day-names,
442
+ .react-datepicker__week {
443
+ white-space: nowrap;
444
+ }
445
+
446
+ .react-datepicker__day-names {
447
+ margin-bottom: -8px;
448
+ }
449
+
450
+ .react-datepicker__day-name,
451
+ .react-datepicker__day,
452
+ .react-datepicker__time-name {
453
+ color: #000;
454
+ display: inline-block;
455
+ width: 1.7rem;
456
+ line-height: 1.7rem;
457
+ text-align: center;
458
+ margin: 0.166rem;
459
+ }
460
+
461
+ .react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
462
+ .react-datepicker__quarter--selected,
463
+ .react-datepicker__quarter--in-selecting-range,
464
+ .react-datepicker__quarter--in-range {
465
+ border-radius: 0.3rem;
466
+ background-color: #216ba5;
467
+ color: #fff;
468
+ }
469
+ .react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
470
+ .react-datepicker__quarter--selected:hover,
471
+ .react-datepicker__quarter--in-selecting-range:hover,
472
+ .react-datepicker__quarter--in-range:hover {
473
+ background-color: #1d5d90;
474
+ }
475
+ .react-datepicker__month--disabled,
476
+ .react-datepicker__quarter--disabled {
477
+ color: #ccc;
478
+ pointer-events: none;
479
+ }
480
+ .react-datepicker__month--disabled:hover,
481
+ .react-datepicker__quarter--disabled:hover {
482
+ cursor: default;
483
+ background-color: transparent;
484
+ }
485
+
486
+ .react-datepicker__day,
487
+ .react-datepicker__month-text,
488
+ .react-datepicker__quarter-text,
489
+ .react-datepicker__year-text {
490
+ cursor: pointer;
491
+ }
492
+ .react-datepicker__day:hover,
493
+ .react-datepicker__month-text:hover,
494
+ .react-datepicker__quarter-text:hover,
495
+ .react-datepicker__year-text:hover {
496
+ border-radius: 0.3rem;
497
+ background-color: #f0f0f0;
498
+ }
499
+ .react-datepicker__day--today,
500
+ .react-datepicker__month-text--today,
501
+ .react-datepicker__quarter-text--today,
502
+ .react-datepicker__year-text--today {
503
+ font-weight: bold;
504
+ }
505
+ .react-datepicker__day--highlighted,
506
+ .react-datepicker__month-text--highlighted,
507
+ .react-datepicker__quarter-text--highlighted,
508
+ .react-datepicker__year-text--highlighted {
509
+ border-radius: 0.3rem;
510
+ background-color: #3dcc4a;
511
+ color: #fff;
512
+ }
513
+ .react-datepicker__day--highlighted:hover,
514
+ .react-datepicker__month-text--highlighted:hover,
515
+ .react-datepicker__quarter-text--highlighted:hover,
516
+ .react-datepicker__year-text--highlighted:hover {
517
+ background-color: #32be3f;
518
+ }
519
+ .react-datepicker__day--highlighted-custom-1,
520
+ .react-datepicker__month-text--highlighted-custom-1,
521
+ .react-datepicker__quarter-text--highlighted-custom-1,
522
+ .react-datepicker__year-text--highlighted-custom-1 {
523
+ color: magenta;
524
+ }
525
+ .react-datepicker__day--highlighted-custom-2,
526
+ .react-datepicker__month-text--highlighted-custom-2,
527
+ .react-datepicker__quarter-text--highlighted-custom-2,
528
+ .react-datepicker__year-text--highlighted-custom-2 {
529
+ color: green;
530
+ }
531
+ .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
532
+ .react-datepicker__month-text--selected,
533
+ .react-datepicker__month-text--in-selecting-range,
534
+ .react-datepicker__month-text--in-range,
535
+ .react-datepicker__quarter-text--selected,
536
+ .react-datepicker__quarter-text--in-selecting-range,
537
+ .react-datepicker__quarter-text--in-range,
538
+ .react-datepicker__year-text--selected,
539
+ .react-datepicker__year-text--in-selecting-range,
540
+ .react-datepicker__year-text--in-range {
541
+ border-radius: 0.3rem;
542
+ background-color: #216ba5;
543
+ color: #fff;
544
+ }
545
+ .react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
546
+ .react-datepicker__month-text--selected:hover,
547
+ .react-datepicker__month-text--in-selecting-range:hover,
548
+ .react-datepicker__month-text--in-range:hover,
549
+ .react-datepicker__quarter-text--selected:hover,
550
+ .react-datepicker__quarter-text--in-selecting-range:hover,
551
+ .react-datepicker__quarter-text--in-range:hover,
552
+ .react-datepicker__year-text--selected:hover,
553
+ .react-datepicker__year-text--in-selecting-range:hover,
554
+ .react-datepicker__year-text--in-range:hover {
555
+ background-color: #1d5d90;
556
+ }
557
+ .react-datepicker__day--keyboard-selected,
558
+ .react-datepicker__month-text--keyboard-selected,
559
+ .react-datepicker__quarter-text--keyboard-selected,
560
+ .react-datepicker__year-text--keyboard-selected {
561
+ border-radius: 0.3rem;
562
+ background-color: #2579ba;
563
+ color: #fff;
564
+ }
565
+ .react-datepicker__day--keyboard-selected:hover,
566
+ .react-datepicker__month-text--keyboard-selected:hover,
567
+ .react-datepicker__quarter-text--keyboard-selected:hover,
568
+ .react-datepicker__year-text--keyboard-selected:hover {
569
+ background-color: #1d5d90;
570
+ }
571
+ .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
572
+ .react-datepicker__month-text--in-range,
573
+ .react-datepicker__quarter-text--in-range,
574
+ .react-datepicker__year-text--in-range),
575
+ .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
576
+ .react-datepicker__month-text--in-range,
577
+ .react-datepicker__quarter-text--in-range,
578
+ .react-datepicker__year-text--in-range),
579
+ .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
580
+ .react-datepicker__month-text--in-range,
581
+ .react-datepicker__quarter-text--in-range,
582
+ .react-datepicker__year-text--in-range),
583
+ .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
584
+ .react-datepicker__month-text--in-range,
585
+ .react-datepicker__quarter-text--in-range,
586
+ .react-datepicker__year-text--in-range) {
587
+ background-color: rgba(33, 107, 165, 0.5);
588
+ }
589
+ .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
590
+ .react-datepicker__month-text--in-selecting-range,
591
+ .react-datepicker__quarter-text--in-selecting-range,
592
+ .react-datepicker__year-text--in-selecting-range),
593
+ .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
594
+ .react-datepicker__month-text--in-selecting-range,
595
+ .react-datepicker__quarter-text--in-selecting-range,
596
+ .react-datepicker__year-text--in-selecting-range),
597
+ .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
598
+ .react-datepicker__month-text--in-selecting-range,
599
+ .react-datepicker__quarter-text--in-selecting-range,
600
+ .react-datepicker__year-text--in-selecting-range),
601
+ .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
602
+ .react-datepicker__month-text--in-selecting-range,
603
+ .react-datepicker__quarter-text--in-selecting-range,
604
+ .react-datepicker__year-text--in-selecting-range) {
605
+ background-color: #f0f0f0;
606
+ color: #000;
607
+ }
608
+ .react-datepicker__day--disabled,
609
+ .react-datepicker__month-text--disabled,
610
+ .react-datepicker__quarter-text--disabled,
611
+ .react-datepicker__year-text--disabled {
612
+ cursor: default;
613
+ color: #ccc;
614
+ }
615
+ .react-datepicker__day--disabled:hover,
616
+ .react-datepicker__month-text--disabled:hover,
617
+ .react-datepicker__quarter-text--disabled:hover,
618
+ .react-datepicker__year-text--disabled:hover {
619
+ background-color: transparent;
620
+ }
621
+
622
+ .react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
623
+ .react-datepicker__quarter-text.react-datepicker__month--selected:hover,
624
+ .react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
625
+ .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
626
+ .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
627
+ background-color: #216ba5;
628
+ }
629
+ .react-datepicker__month-text:hover,
630
+ .react-datepicker__quarter-text:hover {
631
+ background-color: #f0f0f0;
632
+ }
633
+
634
+ .react-datepicker__input-container {
635
+ position: relative;
636
+ display: inline-block;
637
+ width: 100%;
638
+ }
639
+
640
+ .react-datepicker__year-read-view,
641
+ .react-datepicker__month-read-view,
642
+ .react-datepicker__month-year-read-view {
643
+ border: 1px solid transparent;
644
+ border-radius: 0.3rem;
645
+ position: relative;
646
+ }
647
+ .react-datepicker__year-read-view:hover,
648
+ .react-datepicker__month-read-view:hover,
649
+ .react-datepicker__month-year-read-view:hover {
650
+ cursor: pointer;
651
+ }
652
+ .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
653
+ .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
654
+ .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
655
+ .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
656
+ .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
657
+ .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
658
+ border-top-color: #b3b3b3;
659
+ }
660
+ .react-datepicker__year-read-view--down-arrow,
661
+ .react-datepicker__month-read-view--down-arrow,
662
+ .react-datepicker__month-year-read-view--down-arrow {
663
+ transform: rotate(135deg);
664
+ right: -16px;
665
+ top: 0;
666
+ }
667
+
668
+ .react-datepicker__year-dropdown,
669
+ .react-datepicker__month-dropdown,
670
+ .react-datepicker__month-year-dropdown {
671
+ background-color: #f0f0f0;
672
+ position: absolute;
673
+ width: 50%;
674
+ left: 25%;
675
+ top: 30px;
676
+ z-index: 1;
677
+ text-align: center;
678
+ border-radius: 0.3rem;
679
+ border: 1px solid #aeaeae;
680
+ }
681
+ .react-datepicker__year-dropdown:hover,
682
+ .react-datepicker__month-dropdown:hover,
683
+ .react-datepicker__month-year-dropdown:hover {
684
+ cursor: pointer;
685
+ }
686
+ .react-datepicker__year-dropdown--scrollable,
687
+ .react-datepicker__month-dropdown--scrollable,
688
+ .react-datepicker__month-year-dropdown--scrollable {
689
+ height: 150px;
690
+ overflow-y: scroll;
691
+ }
692
+
693
+ .react-datepicker__year-option,
694
+ .react-datepicker__month-option,
695
+ .react-datepicker__month-year-option {
696
+ line-height: 20px;
697
+ width: 100%;
698
+ display: block;
699
+ margin-left: auto;
700
+ margin-right: auto;
701
+ }
702
+ .react-datepicker__year-option:first-of-type,
703
+ .react-datepicker__month-option:first-of-type,
704
+ .react-datepicker__month-year-option:first-of-type {
705
+ border-top-left-radius: 0.3rem;
706
+ border-top-right-radius: 0.3rem;
707
+ }
708
+ .react-datepicker__year-option:last-of-type,
709
+ .react-datepicker__month-option:last-of-type,
710
+ .react-datepicker__month-year-option:last-of-type {
711
+ -webkit-user-select: none;
712
+ -moz-user-select: none;
713
+ user-select: none;
714
+ border-bottom-left-radius: 0.3rem;
715
+ border-bottom-right-radius: 0.3rem;
716
+ }
717
+ .react-datepicker__year-option:hover,
718
+ .react-datepicker__month-option:hover,
719
+ .react-datepicker__month-year-option:hover {
720
+ background-color: #ccc;
721
+ }
722
+ .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
723
+ .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
724
+ .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
725
+ border-bottom-color: #b3b3b3;
726
+ }
727
+ .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
728
+ .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
729
+ .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
730
+ border-top-color: #b3b3b3;
731
+ }
732
+ .react-datepicker__year-option--selected,
733
+ .react-datepicker__month-option--selected,
734
+ .react-datepicker__month-year-option--selected {
735
+ position: absolute;
736
+ left: 15px;
737
+ }
738
+
739
+ .react-datepicker__close-icon {
740
+ cursor: pointer;
741
+ background-color: transparent;
742
+ border: 0;
743
+ outline: 0;
744
+ padding: 0 6px 0 0;
745
+ position: absolute;
746
+ top: 0;
747
+ right: 0;
748
+ height: 100%;
749
+ display: table-cell;
750
+ vertical-align: middle;
751
+ }
752
+ .react-datepicker__close-icon::after {
753
+ cursor: pointer;
754
+ background-color: #216ba5;
755
+ color: #fff;
756
+ border-radius: 50%;
757
+ height: 16px;
758
+ width: 16px;
759
+ padding: 2px;
760
+ font-size: 12px;
761
+ line-height: 1;
762
+ text-align: center;
763
+ display: table-cell;
764
+ vertical-align: middle;
765
+ content: "×";
766
+ }
767
+
768
+ .react-datepicker__today-button {
769
+ background: #f0f0f0;
770
+ border-top: 1px solid #aeaeae;
771
+ cursor: pointer;
772
+ text-align: center;
773
+ font-weight: bold;
774
+ padding: 5px 0;
775
+ clear: left;
776
+ }
777
+
778
+ .react-datepicker__portal {
779
+ position: fixed;
780
+ width: 100vw;
781
+ height: 100vh;
782
+ background-color: rgba(0, 0, 0, 0.8);
783
+ left: 0;
784
+ top: 0;
785
+ justify-content: center;
786
+ align-items: center;
787
+ display: flex;
788
+ z-index: 2147483647;
789
+ }
790
+ .react-datepicker__portal .react-datepicker__day-name,
791
+ .react-datepicker__portal .react-datepicker__day,
792
+ .react-datepicker__portal .react-datepicker__time-name {
793
+ width: 3rem;
794
+ line-height: 3rem;
795
+ }
796
+ @media (max-width: 400px), (max-height: 550px) {
797
+ .react-datepicker__portal .react-datepicker__day-name,
798
+ .react-datepicker__portal .react-datepicker__day,
799
+ .react-datepicker__portal .react-datepicker__time-name {
800
+ width: 2rem;
801
+ line-height: 2rem;
802
+ }
803
+ }
804
+ .react-datepicker__portal .react-datepicker__current-month,
805
+ .react-datepicker__portal .react-datepicker-time__header {
806
+ font-size: 1.44rem;
807
+ }
808
+
809
+ .react-datepicker {
810
+ --bs-datepicker-font-family: var(--bs-font-sans-serif);
811
+ --bs-datepicker-border: 0px;
812
+ --bs-datepicker-box-shadow: var(--bs-box-shadow);
813
+ --bs-datepicker-font-size: var(--bs-ref-spacer-3);
814
+ --bs-datepicker-header-gap: var(--bs-ref-spacer-3);
815
+ --bs-datepicker-header-padding: var(--bs-ref-spacer-3) var(--bs-ref-spacer-4);
816
+ --bs-datepicker-header-background-color: var(--bs-secondary-soft);
817
+ --bs-datepicker-header-border: 0;
818
+ --bs-datepicker-header-font-size: var(--bs-ref-fs-6);
819
+ --bs-datepicker-day-names-margin: 0;
820
+ --bs-datepicker-day-names-font-size: var(--bs-ref-spacer-3);
821
+ --bs-datepicker-day-name-weight: var(--bs-ref-fw-bold);
822
+ --bs-datepicker-day-name-margin: 0;
823
+ --bs-datepicker-day-name-size: 20px;
824
+ --bs-datepicker-day-name-color: var(--bs-gray-500);
825
+ --bs-datepicker-month-gap: var(--bs-ref-fs-small);
826
+ --bs-datepicker-month-padding: var(--bs-ref-spacer-3) var(--bs-ref-spacer-4) var(--bs-ref-spacer-4);
827
+ --bs-datepicker-month-margin: 0;
828
+ --bs-datepicker-week-gap: 1.875rem;
829
+ --bs-datepicker-day-margin: 0;
830
+ --bs-datepicker-day-font-size: var(--bs-ref-fs-small);
831
+ --bs-datepicker-day-size: 20px;
832
+ --bs-datepicker-day-radius: 100%;
833
+ --bs-datepicker-day-bg-hover: var(--bs-body);
834
+ --bs-datepicker-day-color-hover: var(--bs-info-100);
835
+ --bs-datepicker-day-selected-color: var(--bs-white);
836
+ --bs-datepicker-day-selected-bg: var(--bs-secondary-500);
837
+ --bs-datepicker-day-in-range-color: var(--bs-dark);
838
+ --bs-datepicker-day-in-range-bg: var(--bs-secondary-100);
839
+ --bs-datepicker-day-outside-month-color: var(--bs-gray-400);
840
+ --bs-datepicker-day-today-font-weight: var(--bs-ref-fw-normal);
841
+ --bs-datepicker-day-today-box-shadow: 0 0 0 2px inset var(--bs-secondary);
842
+ --bs-datepicker-time-container-margin: 0;
843
+ --bs-datepicker-time-container-align: center;
844
+ --bs-datepicker-time-input-width: 50%;
845
+ --bs-datepicker-time-input-margin: 0;
846
+ --bs-datepicker-time-input-align: center;
847
+ --bs-datepicker-time-input-padding: var(--bs-ref-spacer-3);
848
+ --bs-datepicker-time-input-gap: var(--bs-ref-spacer-2);
849
+ --bs-datepicker-time-input-label-weight: var(--bs-ref-fw-bold);
850
+ --bs-datepicker-time-input-label-color: var(--bs-gray-700);
851
+ --bs-datepicker-time-input-label-size: var(--bs-ref-fs-small);
852
+ font-family: var(--bs-datepicker-font-family);
853
+ font-size: var(--bs-datepicker-font-size);
854
+ border: var(--bs-datepicker-border);
855
+ box-shadow: var(--bs-datepicker-box-shadow);
856
+ /* Start time selector */
857
+ /* End time selector */
858
+ }
859
+ .react-datepicker .react-datepicker__header {
860
+ display: flex;
861
+ flex-direction: column;
862
+ gap: var(--bs-datepicker-header-gap);
863
+ padding: var(--bs-datepicker-header-padding);
864
+ font-size: var(--bs-datepicker-header-font-size);
865
+ background-color: var(--bs-datepicker-header-background-color);
866
+ border: var(--bs-datepicker-header-border);
867
+ }
868
+ .react-datepicker .react-datepicker__header .react-datepicker__day-names {
869
+ display: flex;
870
+ justify-content: space-between;
871
+ margin: var(--bs-datepicker-day-names-margin);
872
+ font-size: var(--bs-datepicker-day-names-font-size);
873
+ }
874
+ .react-datepicker .react-datepicker__header .react-datepicker__day-name {
875
+ width: var(--bs-datepicker-day-name-size);
876
+ height: var(--bs-datepicker-day-name-size);
877
+ margin: var(--bs-datepicker-day-name-margin);
878
+ font-weight: var(--bs-datepicker-day-name-weight);
879
+ line-height: var(--bs-datepicker-day-name-size);
880
+ color: var(--bs-datepicker-day-name-color);
881
+ }
882
+ .react-datepicker .react-datepicker__month {
883
+ display: flex;
884
+ flex-direction: column;
885
+ gap: var(--bs-datepicker-month-gap);
886
+ padding: var(--bs-datepicker-month-padding);
887
+ margin: var(--bs-datepicker-month-margin);
888
+ }
889
+ .react-datepicker .react-datepicker__month .react-datepicker__week {
890
+ display: flex;
891
+ gap: var(--bs-datepicker-week-gap);
892
+ }
893
+ .react-datepicker .react-datepicker__month .react-datepicker__day {
894
+ width: var(--bs-datepicker-day-size);
895
+ height: var(--bs-datepicker-day-size);
896
+ margin: var(--bs-datepicker-day-margin);
897
+ font-size: var(--bs-datepicker-day-font-size);
898
+ line-height: var(--bs-datepicker-day-size);
899
+ }
900
+ .react-datepicker .react-datepicker__day:not(.react-datepicker__day--selected,
901
+ .react-datepicker__month-text--selected,
902
+ .react-datepicker__quarter-text--selected,
903
+ .react-datepicker__year-text--selected):hover,
904
+ .react-datepicker .react-datepicker__month-text:not(.react-datepicker__day--selected,
905
+ .react-datepicker__month-text--selected,
906
+ .react-datepicker__quarter-text--selected,
907
+ .react-datepicker__year-text--selected):hover,
908
+ .react-datepicker .react-datepicker__quarter-text:not(.react-datepicker__day--selected,
909
+ .react-datepicker__month-text--selected,
910
+ .react-datepicker__quarter-text--selected,
911
+ .react-datepicker__year-text--selected):hover,
912
+ .react-datepicker .react-datepicker__year-text:not(.react-datepicker__day--selected,
913
+ .react-datepicker__month-text--selected,
914
+ .react-datepicker__quarter-text--selected,
915
+ .react-datepicker__year-text--selected):hover {
916
+ color: var(--bs-datepicker-day-bg-hover);
917
+ background-color: var(--bs-datepicker-day-color-hover);
918
+ border-radius: var(--bs-datepicker-day-radius);
919
+ }
920
+ .react-datepicker .react-datepicker__day--selected,
921
+ .react-datepicker .react-datepicker__month--selected,
922
+ .react-datepicker .react-datepicker__quarter--selected,
923
+ .react-datepicker .react-datepicker__year--selected {
924
+ color: var(--bs-datepicker-day-selected-color);
925
+ background-color: var(--bs-datepicker-day-selected-bg);
926
+ border-radius: var(--bs-datepicker-day-radius);
927
+ }
928
+ .react-datepicker .react-datepicker__day--selected.react-datepicker__day--in-range.react-datepicker__day--range-start, .react-datepicker .react-datepicker__day--selected.react-datepicker__day--in-selecting-range.react-datepicker__day--selecting-range-start {
929
+ color: var(--bs-datepicker-day-selected-color);
930
+ background-color: var(--bs-datepicker-day-selected-bg);
931
+ }
932
+ .react-datepicker .react-datepicker__day.react-datepicker__day--in-range.react-datepicker__day--range-end, .react-datepicker .react-datepicker__day.react-datepicker__day--in-selecting-range.react-datepicker__day--selecting-range-end {
933
+ color: var(--bs-datepicker-day-selected-color);
934
+ background-color: var(--bs-datepicker-day-selected-bg);
935
+ }
936
+ .react-datepicker .react-datepicker__day--in-range,
937
+ .react-datepicker .react-datepicker__month-text--in-range,
938
+ .react-datepicker .react-datepicker__quarter-text--in-range,
939
+ .react-datepicker .react-datepicker__year-text--in-range,
940
+ .react-datepicker .react-datepicker__day--in-selecting-range,
941
+ .react-datepicker .react-datepicker__month-text--in-selecting-range,
942
+ .react-datepicker .react-datepicker__quarter-text--in-selecting-range,
943
+ .react-datepicker .react-datepicker__year-text--in-selecting-range,
944
+ .react-datepicker .react-datepicker__day--keyboard-selected,
945
+ .react-datepicker .react-datepicker__month-text--keyboard-selected,
946
+ .react-datepicker .react-datepicker__quarter-text--keyboard-selected,
947
+ .react-datepicker .react-datepicker__year-text--keyboard-selected {
948
+ color: var(--bs-datepicker-day-in-range-color);
949
+ background-color: var(--bs-datepicker-day-in-range-bg);
950
+ border-radius: var(--bs-datepicker-day-radius);
951
+ }
952
+ .react-datepicker .react-datepicker__day--outside-month {
953
+ color: var(--bs-datepicker-day-outside-month-color);
954
+ }
955
+ .react-datepicker .react-datepicker__input-time-container {
956
+ width: 100%;
957
+ margin: var(--bs-datepicker-time-container-margin);
958
+ text-align: var(--bs-datepicker-time-container-align);
959
+ border-top: var(--bs-border-width) solid var(--bs-light);
960
+ }
961
+ .react-datepicker .react-datepicker__input-time-container .react-datepicker-time__caption {
962
+ display: none;
963
+ }
964
+ .react-datepicker .react-datepicker__input-time-container .react-datepicker-time__input-container {
965
+ width: 100%;
966
+ }
967
+ .react-datepicker .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
968
+ width: var(--bs-datepicker-time-input-width);
969
+ margin: var(--bs-datepicker-time-input-margin);
970
+ text-align: var(--bs-datepicker-time-input-align);
971
+ outline: 0;
972
+ }
973
+ .react-datepicker .react-datepicker__day--today {
974
+ font-weight: var(--bs-datepicker-day-today-font-weight);
975
+ border-radius: var(--bs-datepicker-day-radius);
976
+ box-shadow: var(--bs-datepicker-day-today-box-shadow);
977
+ }
978
+ .react-datepicker .d-datepicker-time {
979
+ gap: var(--bs-datepicker-time-input-gap);
980
+ padding: var(--bs-datepicker-time-input-padding);
981
+ }
982
+ .react-datepicker .d-datepicker-time .d-datepicker-time-label {
983
+ font-size: var(--bs-datepicker-time-input-label-size);
984
+ font-weight: var(--bs-datepicker-time-input-label-weight);
985
+ color: var(--bs-datepicker-time-input-label-color);
986
+ }
987
+ .react-datepicker .d-datepicker-header {
988
+ font-size: var(--bs-ref-fs-6);
989
+ }
990
+
991
+ .d-datepicker-time {
992
+ --bs-datepicker-time-input: 100%;
993
+ --bs-datepicker-webkit-time-color: var(--bs-black);
994
+ --bs-datepicker-webkit-time-align: left;
995
+ --bs-datepicker-webkit-edit-text-padding: 2px;
996
+ --bs-datepicker-webkit-edit-ampm-padding: 0 4px;
997
+ --bs-datepicker-webkit-edit-ampm-color: var(--bs-secondary-900);
998
+ --bs-datepicker-webkit-edit-ampm-bg: var(--bs-secondary-100);
999
+ --bs-datepicker-webkit-edit-ampm-radius: 4px;
1000
+ --bs-datepicker-calendar-picker-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-clock' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z'/%3E%3Cpath d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z'/%3E%3C/svg%3E");
1001
+ }
1002
+ .d-datepicker-time .d-input {
1003
+ width: var(--bs-datepicker-time-input);
1004
+ }
1005
+ .d-datepicker-time input[type=time]::-webkit-datetime-edit {
1006
+ color: var(--bs-datepicker-webkit-time-color);
1007
+ text-align: var(--bs-datepicker-webkit-time-align);
1008
+ }
1009
+ .d-datepicker-time input[type=time]::-webkit-datetime-edit-text {
1010
+ padding-inline: var(--bs-datepicker-webkit-edit-text-padding);
1011
+ }
1012
+ .d-datepicker-time input[type=time]::-webkit-datetime-edit-ampm-field {
1013
+ padding: var(--bs-datepicker-webkit-edit-ampm-padding);
1014
+ color: var(--bs-datepicker-webkit-edit-ampm-color);
1015
+ background-color: var(--bs-datepicker-webkit-edit-ampm-bg);
1016
+ border-radius: var(--bs-datepicker-webkit-edit-ampm-radius);
1017
+ }
1018
+ .d-datepicker-time input[type=time]::-webkit-calendar-picker-indicator {
1019
+ background-image: var(--bs-datepicker-calendar-picker-icon);
1020
+ }
1021
+
1022
+ .react-datepicker.d-month-picker {
1023
+ --bs-monthpicker-header-padding: var(--bs-ref-spacer-3) var(--bs-ref-spacer-2) 0;
1024
+ --bs-monthpicker-font-weight: var(--bs-ref-fw-normal);
1025
+ --bs-monthpicker-header-color: var(--bs-white);
1026
+ --bs-monthpicker-header-bg: var(--bs-dark);
1027
+ --bs-monthpicker-month-gap: 0;
1028
+ --bs-monthpicker-month-padding: var(--bs-ref-spacer-2) var(--bs-ref-spacer-4) var(--bs-ref-spacer-3);
1029
+ --bs-monthpicker-month-color: var(--bs-white);
1030
+ --bs-monthpicker-month-bg: var(--bs-dark);
1031
+ --bs-monthpicker-month-today-color: var(--bs-white);
1032
+ --bs-monthpicker-month-selected-bg: var(--bs-gray-500);
1033
+ --bs-monthpicker-month-selected-box-shadow: 0 0 0 1px inset var(--bs-gray-100);
1034
+ --bs-monthpicker-month-hover-bg: var(--bs-gray-700);
1035
+ --bs-monthpicker-month-wrapper-gap: var(--bs-ref-spacer-2);
1036
+ --bs-monthpicker-month-wrapper-font-size: var(--bs-ref-fs-small);
1037
+ --bs-monthpicker-single-month-width: 46px;
1038
+ --bs-monthpicker-single-month-padding: var(--bs-ref-spacer-2);
1039
+ --bs-monthpicker-single-month-margin: 0;
1040
+ --bs-monthpicker-single-month-text-transform: capitalize;
1041
+ --bs-monthpicker-single-month-radius: var(--bs-ref-spacer-4);
1042
+ --bs-monthpicker-single-month-after-display: inline;
1043
+ --bs-monthpicker-single-month-after-content: ".";
1044
+ --bs-datepicker-triangle-color: var(--bs-dark);
1045
+ font-family: var(--bs-datepicker-font-family);
1046
+ border: var(--bs-datepicker-border);
1047
+ box-shadow: var(--bs-datepicker-box-shadow);
1048
+ }
1049
+ .react-datepicker.d-month-picker .react-datepicker__header {
1050
+ padding: var(--bs-monthpicker-header-padding);
1051
+ font-weight: var(--bs-monthpicker-font-weight);
1052
+ color: var(--bs-monthpicker-header-color);
1053
+ background-color: var(--bs-monthpicker-header-bg);
1054
+ }
1055
+ .react-datepicker.d-month-picker .react-datepicker__month.react-datepicker__monthPicker,
1056
+ .react-datepicker.d-month-picker .react-datepicker__header.react-datepicker-year-header {
1057
+ gap: var(--bs-monthpicker-month-gap);
1058
+ padding: var(--bs-monthpicker-month-padding);
1059
+ color: var(--bs-monthpicker-month-color);
1060
+ background-color: var(--bs-monthpicker-month-bg);
1061
+ }
1062
+ .react-datepicker.d-month-picker .react-datepicker__month--selected,
1063
+ .react-datepicker.d-month-picker .react-datepicker__month-text--in-range,
1064
+ .react-datepicker.d-month-picker .react-datepicker__month-text--in-selecting-range,
1065
+ .react-datepicker.d-month-picker .react-datepicker__month-text--keyboard-selected {
1066
+ color: var(--bs-monthpicker-month-today-color);
1067
+ background-color: var(--bs-monthpicker-month-selected-bg);
1068
+ box-shadow: var(--bs-monthpicker-month-selected-box-shadow);
1069
+ }
1070
+ .react-datepicker.d-month-picker .react-datepicker__month-text:hover {
1071
+ background-color: var(--bs-monthpicker-month-hover-bg);
1072
+ }
1073
+ .react-datepicker.d-month-picker .react-datepicker__month-wrapper {
1074
+ display: flex;
1075
+ gap: var(--bs-monthpicker-month-wrapper-gap);
1076
+ font-size: var(--bs-monthpicker-month-wrapper-font-size);
1077
+ }
1078
+ .react-datepicker.d-month-picker .react-datepicker__month-wrapper .react-datepicker__month-text {
1079
+ width: var(--bs-monthpicker-single-month-width);
1080
+ padding: var(--bs-monthpicker-single-month-padding);
1081
+ margin: var(--bs-monthpicker-single-month-margin);
1082
+ text-transform: var(--bs-monthpicker-single-month-text-transform);
1083
+ border-radius: var(--bs-monthpicker-single-month-radius);
1084
+ }
1085
+ .react-datepicker.d-month-picker .react-datepicker__month-wrapper .react-datepicker__month-text::after {
1086
+ display: var(--bs-monthpicker-single-month-after-display);
1087
+ content: var(--bs-monthpicker-single-month-after-content);
1088
+ }
1089
+ .react-datepicker.d-month-picker .react-datepicker__triangle::after, .react-datepicker.d-month-picker .react-datepicker__triangle::before {
1090
+ top: 0;
1091
+ border-bottom-color: var(--bs-datepicker-triangle-color);
1092
+ }
1093
+
1094
+ .d-tabs {
1095
+ --bs-tabs-nav-gap: 1.5rem;
1096
+ --bs-tabs-nav-padding-x: 1.5rem;
1097
+ --bs-tabs-nav-padding-y: 1rem;
1098
+ --bs-tabs-link-border-height: 2px;
1099
+ --bs-tabs-link-line-height: 1.5rem;
1100
+ --bs-tabs-link-border-border-radius: 50rem;
1101
+ --bs-tabs-link-border-active-color: var(--bs-secondary);
1102
+ --bs-tabs-link-border-active-font-weight: var(--bs-ref-fw-bold);
1103
+ --bs-tabs-link-border-active-bg: var(--bs-secondary);
1104
+ display: flex;
1105
+ flex-direction: column;
1106
+ }
1107
+ .d-tabs .nav {
1108
+ gap: var(--bs-tabs-nav-gap);
1109
+ padding: var(--bs-tabs-nav-padding-y) var(--bs-tabs-nav-padding-x);
1110
+ }
1111
+ .d-tabs .nav-link {
1112
+ position: relative;
1113
+ line-height: var(--bs-tabs-link-line-height);
1114
+ }
1115
+ .d-tabs .nav-link.active {
1116
+ font-weight: var(--bs-tabs-link-border-active-font-weight);
1117
+ color: var(--bs-tabs-link-border-active-color);
1118
+ }
1119
+ .d-tabs .nav-link.active::before {
1120
+ background: var(--bs-tabs-link-border-active-bg);
1121
+ }
1122
+ .d-tabs .nav-link::before {
1123
+ position: absolute;
1124
+ right: 0;
1125
+ bottom: 0;
1126
+ left: 0;
1127
+ height: var(--bs-tabs-link-border-height);
1128
+ content: " ";
1129
+ border-radius: var(--bs-tabs-link-border-border-radius);
1130
+ }
1131
+ .d-tabs.d-tabs-vertical {
1132
+ flex-direction: row;
1133
+ }
1134
+ .d-tabs.d-tabs-vertical .nav {
1135
+ flex-direction: column;
1136
+ align-items: center;
1137
+ }
1138
+ .d-tabs.d-tabs-vertical .tab-content {
1139
+ flex: 1;
1140
+ }
1141
+
1142
+ .d-popover {
1143
+ position: relative;
1144
+ width: 100%;
1145
+ }
1146
+ .d-popover .d-popover-content {
1147
+ width: 100%;
1148
+ }
1149
+ .d-popover .d-popover-content:focus-visible {
1150
+ outline: 0;
1151
+ }
1152
+
1153
+ .d-box-file {
1154
+ --bs-box-file-gap: var(--bs-ref-spacer-3);
1155
+ --bs-box-file-border: 1px dashed var(--bs-gray-700);
1156
+ --bs-box-file-border-radius: var(--bs-border-radius);
1157
+ --bs-box-file-padding: var(--bs-ref-spacer-5);
1158
+ --bs-box-file-content-max-width: 220px;
1159
+ --bs-box-file-icon-size: var(--bs-ref-spacer-8);
1160
+ --bs-box-file-icon-color: var(--bs-secondary-300);
1161
+ --bs-box-file-hover-border: 1px dashed var(--bs-secondary-700);
1162
+ --bs-box-file-hover-bg: var(--bs-secondary-100);
1163
+ --bs-box-file-selected-border: 1px dashed var(--bs-secondary-700);
1164
+ --bs-box-file-selected-bg: var(--bs-white);
1165
+ display: flex;
1166
+ flex-direction: column;
1167
+ gap: var(--bs-box-file-gap);
1168
+ width: 100%;
1169
+ cursor: pointer;
1170
+ border: var(--bs-box-file-border);
1171
+ border-radius: var(--bs-box-file-border-radius);
1172
+ }
1173
+ .d-box-file:hover {
1174
+ background: var(--bs-box-file-hover-bg);
1175
+ border: var(--bs-box-file-hover-border);
1176
+ }
1177
+ .d-box-file.d-box-file-selected {
1178
+ background: var(--bs-box-file-selected-bg);
1179
+ border: var(--bs-box-file-selected-border);
1180
+ }
1181
+ .d-box-file .d-icon {
1182
+ --bs-icon-size: var(--bs-box-file-icon-size);
1183
+ --bs-icon-color: var(--bs-box-file-icon-color);
1184
+ }
1185
+ .d-box-file .d-box-file-dropzone {
1186
+ display: flex;
1187
+ flex-direction: column;
1188
+ gap: var(--bs-box-file-gap);
1189
+ align-items: center;
1190
+ width: 100%;
1191
+ padding: var(--bs-box-file-padding);
1192
+ }
1193
+ .d-box-file .d-box-file-dropzone:not(:last-child) {
1194
+ padding-bottom: 0;
1195
+ }
1196
+ .d-box-file .d-box-content {
1197
+ max-width: var(--bs-box-file-content-max-width);
1198
+ }
1199
+ .d-box-file .d-box-files {
1200
+ display: flex;
1201
+ flex-direction: column;
1202
+ gap: var(--bs-box-file-gap);
1203
+ padding: 0 var(--bs-box-file-padding) var(--bs-box-file-padding);
1204
+ }
1205
+ .d-box-file .d-box-files-text {
1206
+ word-break: break-word;
1207
+ }
1208
+
1209
+ .splide__container {
1210
+ box-sizing: border-box;
1211
+ position: relative;
1212
+ }
1213
+
1214
+ .splide__list {
1215
+ backface-visibility: hidden;
1216
+ display: flex;
1217
+ height: 100%;
1218
+ margin: 0 !important;
1219
+ padding: 0 !important;
1220
+ }
1221
+
1222
+ .splide.is-initialized:not(.is-active) .splide__list {
1223
+ display: block;
1224
+ }
1225
+
1226
+ .splide__pagination {
1227
+ align-items: center;
1228
+ display: flex;
1229
+ flex-wrap: wrap;
1230
+ justify-content: center;
1231
+ margin: 0;
1232
+ pointer-events: none;
1233
+ }
1234
+
1235
+ .splide__pagination li {
1236
+ display: inline-block;
1237
+ line-height: 1;
1238
+ list-style-type: none;
1239
+ margin: 0;
1240
+ pointer-events: auto;
1241
+ }
1242
+
1243
+ .splide:not(.is-overflow) .splide__pagination {
1244
+ display: none;
1245
+ }
1246
+
1247
+ .splide__progress__bar {
1248
+ width: 0;
1249
+ }
1250
+
1251
+ .splide {
1252
+ position: relative;
1253
+ visibility: hidden;
1254
+ }
1255
+
1256
+ .splide.is-initialized, .splide.is-rendered {
1257
+ visibility: visible;
1258
+ }
1259
+
1260
+ .splide__slide {
1261
+ backface-visibility: hidden;
1262
+ box-sizing: border-box;
1263
+ flex-shrink: 0;
1264
+ list-style-type: none !important;
1265
+ margin: 0;
1266
+ position: relative;
1267
+ }
1268
+
1269
+ .splide__slide img {
1270
+ vertical-align: bottom;
1271
+ }
1272
+
1273
+ .splide__spinner {
1274
+ animation: splide-loading 1s infinite linear;
1275
+ border: 2px solid #999;
1276
+ border-left-color: transparent;
1277
+ border-radius: 50%;
1278
+ bottom: 0;
1279
+ contain: strict;
1280
+ display: inline-block;
1281
+ height: 20px;
1282
+ left: 0;
1283
+ margin: auto;
1284
+ position: absolute;
1285
+ right: 0;
1286
+ top: 0;
1287
+ width: 20px;
1288
+ }
1289
+
1290
+ .splide__sr {
1291
+ border: 0;
1292
+ clip: rect(0 0 0 0);
1293
+ height: 1px;
1294
+ margin: -1px;
1295
+ overflow: hidden;
1296
+ padding: 0;
1297
+ position: absolute;
1298
+ width: 1px;
1299
+ }
1300
+
1301
+ .splide__toggle__pause {
1302
+ display: none;
1303
+ }
1304
+
1305
+ .splide__toggle.is-active .splide__toggle__play {
1306
+ display: none;
1307
+ }
1308
+
1309
+ .splide__toggle.is-active .splide__toggle__pause {
1310
+ display: inline;
1311
+ }
1312
+
1313
+ .splide__track {
1314
+ overflow: hidden;
1315
+ position: relative;
1316
+ z-index: 0;
1317
+ }
1318
+
1319
+ @keyframes splide-loading {
1320
+ 0% {
1321
+ transform: rotateZ(0);
1322
+ }
1323
+ 100% {
1324
+ transform: rotateZ(360deg);
1325
+ }
1326
+ }
1327
+ .splide__track--draggable {
1328
+ -webkit-touch-callout: none;
1329
+ -webkit-user-select: none;
1330
+ -moz-user-select: none;
1331
+ user-select: none;
1332
+ }
1333
+
1334
+ .splide__track--fade > .splide__list > .splide__slide {
1335
+ margin: 0 !important;
1336
+ opacity: 0;
1337
+ z-index: 0;
1338
+ }
1339
+
1340
+ .splide__track--fade > .splide__list > .splide__slide.is-active {
1341
+ opacity: 1;
1342
+ z-index: 1;
1343
+ }
1344
+
1345
+ .splide--rtl {
1346
+ direction: rtl;
1347
+ }
1348
+
1349
+ .splide__track--ttb > .splide__list {
1350
+ display: block;
1351
+ }
1352
+
1353
+ .splide__arrow {
1354
+ background: #ccc;
1355
+ border: 0;
1356
+ cursor: pointer;
1357
+ padding: 0;
1358
+ position: absolute;
1359
+ top: 50%;
1360
+ transform: translateY(-50%);
1361
+ z-index: 1;
1362
+ opacity: 0.7;
1363
+ align-items: center;
1364
+ border-radius: 50%;
1365
+ display: flex;
1366
+ justify-content: center;
1367
+ height: 2em;
1368
+ width: 2em;
1369
+ }
1370
+
1371
+ .splide__arrow svg {
1372
+ fill: #000;
1373
+ height: 1.2em;
1374
+ width: 1.2em;
1375
+ }
1376
+
1377
+ .splide__arrow:hover:not(:disabled) {
1378
+ opacity: 0.9;
1379
+ }
1380
+
1381
+ .splide__arrow:disabled {
1382
+ opacity: 0.3;
1383
+ }
1384
+
1385
+ .splide__arrow:focus-visible {
1386
+ outline: #0bf 3px solid;
1387
+ outline-offset: 3px;
1388
+ }
1389
+
1390
+ .splide__arrow--prev {
1391
+ left: 1em;
1392
+ }
1393
+
1394
+ .splide__arrow--prev svg {
1395
+ transform: scaleX(-1);
1396
+ }
1397
+
1398
+ .splide__arrow--next {
1399
+ right: 1em;
1400
+ }
1401
+
1402
+ .splide.is-focus-in .splide__arrow:focus {
1403
+ outline: #0bf 3px solid;
1404
+ outline-offset: 3px;
1405
+ }
1406
+
1407
+ .splide__pagination {
1408
+ bottom: 0.5em;
1409
+ left: 0;
1410
+ padding: 0 1em;
1411
+ position: absolute;
1412
+ right: 0;
1413
+ z-index: 1;
1414
+ }
1415
+
1416
+ .splide__pagination__page {
1417
+ background: #ccc;
1418
+ border: 0;
1419
+ border-radius: 50%;
1420
+ display: inline-block;
1421
+ height: 8px;
1422
+ margin: 3px;
1423
+ padding: 0;
1424
+ position: relative;
1425
+ transition: transform 0.2s linear;
1426
+ width: 8px;
1427
+ opacity: 0.7;
1428
+ }
1429
+
1430
+ .splide__pagination__page.is-active {
1431
+ background: #fff;
1432
+ z-index: 1;
1433
+ transform: scale(1.4);
1434
+ }
1435
+
1436
+ .splide__pagination__page:hover {
1437
+ cursor: pointer;
1438
+ opacity: 0.9;
1439
+ }
1440
+
1441
+ .splide__pagination__page:focus-visible {
1442
+ outline: #0bf 3px solid;
1443
+ outline-offset: 3px;
1444
+ }
1445
+
1446
+ .splide.is-focus-in .splide__pagination__page:focus {
1447
+ outline: #0bf 3px solid;
1448
+ outline-offset: 3px;
1449
+ }
1450
+
1451
+ .splide__progress__bar {
1452
+ background: #ccc;
1453
+ height: 1rem;
1454
+ }
1455
+
1456
+ .splide__slide {
1457
+ -webkit-tap-highlight-color: transparent;
1458
+ }
1459
+
1460
+ .splide__slide:focus {
1461
+ outline: 0;
1462
+ }
1463
+
1464
+ .splide__slide:focus-visible {
1465
+ /* IE does not support outline-offset */
1466
+ }
1467
+
1468
+ @supports (outline-offset: -3px) {
1469
+ .splide__slide:focus-visible {
1470
+ outline: #0bf 3px solid;
1471
+ outline-offset: -3px;
1472
+ }
1473
+ }
1474
+ @media screen and (-ms-high-contrast: none) {
1475
+ .splide__slide:focus-visible {
1476
+ border: #0bf 3px solid;
1477
+ }
1478
+ }
1479
+ .splide.is-focus-in .splide__slide:focus {
1480
+ /* IE does not support outline-offset */
1481
+ }
1482
+
1483
+ @supports (outline-offset: -3px) {
1484
+ .splide.is-focus-in .splide__slide:focus {
1485
+ outline: #0bf 3px solid;
1486
+ outline-offset: -3px;
1487
+ }
1488
+ }
1489
+ @media screen and (-ms-high-contrast: none) {
1490
+ .splide.is-focus-in .splide__slide:focus {
1491
+ border: #0bf 3px solid;
1492
+ }
1493
+ }
1494
+ @media screen and (-ms-high-contrast: none) {
1495
+ .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
1496
+ border-color: #0bf;
1497
+ }
1498
+ }
1499
+ .splide__toggle {
1500
+ cursor: pointer;
1501
+ }
1502
+
1503
+ .splide__toggle:focus-visible {
1504
+ outline: #0bf 3px solid;
1505
+ outline-offset: 3px;
1506
+ }
1507
+
1508
+ .splide.is-focus-in .splide__toggle:focus {
1509
+ outline: #0bf 3px solid;
1510
+ outline-offset: 3px;
1511
+ }
1512
+
1513
+ .splide__track--nav > .splide__list > .splide__slide {
1514
+ border: 3px solid transparent;
1515
+ cursor: pointer;
1516
+ }
1517
+
1518
+ .splide__track--nav > .splide__list > .splide__slide.is-active {
1519
+ border: 3px solid #000;
1520
+ }
1521
+
1522
+ .splide__arrows--rtl .splide__arrow--prev {
1523
+ left: auto;
1524
+ right: 1em;
1525
+ }
1526
+
1527
+ .splide__arrows--rtl .splide__arrow--prev svg {
1528
+ transform: scaleX(1);
1529
+ }
1530
+
1531
+ .splide__arrows--rtl .splide__arrow--next {
1532
+ left: 1em;
1533
+ right: auto;
1534
+ }
1535
+
1536
+ .splide__arrows--rtl .splide__arrow--next svg {
1537
+ transform: scaleX(-1);
1538
+ }
1539
+
1540
+ .splide__arrows--ttb .splide__arrow {
1541
+ left: 50%;
1542
+ transform: translate(-50%, 0);
1543
+ }
1544
+
1545
+ .splide__arrows--ttb .splide__arrow--prev {
1546
+ top: 1em;
1547
+ }
1548
+
1549
+ .splide__arrows--ttb .splide__arrow--prev svg {
1550
+ transform: rotateZ(-90deg);
1551
+ }
1552
+
1553
+ .splide__arrows--ttb .splide__arrow--next {
1554
+ bottom: 1em;
1555
+ top: auto;
1556
+ }
1557
+
1558
+ .splide__arrows--ttb .splide__arrow--next svg {
1559
+ transform: rotateZ(90deg);
1560
+ }
1561
+
1562
+ .splide__pagination--ttb {
1563
+ bottom: 0;
1564
+ display: flex;
1565
+ flex-direction: column;
1566
+ left: auto;
1567
+ padding: 1em 0;
1568
+ right: 0.5em;
1569
+ top: 0;
1570
+ }
1571
+
1572
+ .d-carousel {
1573
+ --bs-carousel-arrow-space: calc(var(--bs-ref-spacer-3) * -1);
1574
+ --bs-carousel-pagination-bottom: calc(var(--bs-ref-spacer-3) * -1);
1575
+ --bs-carousel-pagination-page-bg: var(--bs-secondary-100);
1576
+ --bs-carousel-pagination-active-page-bg: var(--bs-secondary);
1577
+ --bs-carousel-focus-outline-color: var(--bs-focus-ring-color);
1578
+ }
1579
+ .d-carousel .d-carousel-arrows .d-carousel-arrow.d-carousel-arrow-prev {
1580
+ left: var(--bs-carousel-arrow-space);
1581
+ }
1582
+ .d-carousel .d-carousel-arrows .d-carousel-arrow.d-carousel-arrow-next {
1583
+ right: var(--bs-carousel-arrow-space);
1584
+ }
1585
+ .d-carousel .d-carousel-pagination {
1586
+ bottom: var(--bs-carousel-pagination-bottom);
1587
+ }
1588
+ .d-carousel .d-carousel-pagination .d-carousel-pagination-page {
1589
+ background-color: var(--bs-carousel-pagination-page-bg);
1590
+ }
1591
+ .d-carousel .d-carousel-pagination .d-carousel-pagination-page.is-active {
1592
+ background-color: var(--bs-carousel-pagination-active-page-bg);
1593
+ }
1594
+ .d-carousel.splide.is-focus-in .d-carousel-arrow:focus, .d-carousel.splide.is-focus-in .d-carousel-pagination-page:focus {
1595
+ outline-color: var(--bs-carousel-focus-outline-color);
1596
+ }
1597
+ .d-stepper-desktop {
1598
+ /* Icon container */
1599
+ --bs-step-icon-container-color: var(--bs-secondary);
1600
+ --bs-step-icon-container-background-color: var(--bs-white);
1601
+ --bs-step-icon-container-size: 34px;
1602
+ --bs-step-icon-container-border-width: 1px;
1603
+ --bs-step-icon-container-border-color: var(--bs-secondary);
1604
+ --bs-step-icon-container-border-radius: 100%;
1605
+ --bs-step-icon-container-z-index: 3;
1606
+ /* Base step */
1607
+ --bs-step-label-height: 3rem;
1608
+ --bs-step-icon-size: 1.125rem;
1609
+ --bs-step-gap: .5rem;
1610
+ --bs-step-z-index: 2;
1611
+ /* Checked step */
1612
+ --bs-step-check-text-color: var(--bs-white);
1613
+ --bs-step-check-background-color: var(--bs-success);
1614
+ --bs-step-check-border-color: var(--bs-success);
1615
+ /* Current step */
1616
+ --bs-step-current-text-color: var(--bs-white);
1617
+ --bs-step-current-background-color: var(--bs-secondary);
1618
+ /* Step line */
1619
+ --bs-step-line-stroke: 1px;
1620
+ --bs-step-line-color: var(--bs-secondary);
1621
+ /* Step label */
1622
+ --bs-step-label-padding: var(--bs-ref-spacer-4);
1623
+ --bs-step-vertical-label-padding: var(--bs-ref-spacer-3);
1624
+ position: relative;
1625
+ display: flex;
1626
+ }
1627
+ .d-stepper-desktop .d-step {
1628
+ display: flex;
1629
+ flex: 1 1 0;
1630
+ flex-direction: column;
1631
+ gap: var(--bs-step-gap);
1632
+ }
1633
+ .d-stepper-desktop .d-step .d-step-value {
1634
+ position: relative;
1635
+ display: flex;
1636
+ justify-content: center;
1637
+ }
1638
+ .d-stepper-desktop .d-step .d-step-icon-container {
1639
+ position: relative;
1640
+ z-index: var(--bs-step-icon-container-z-index);
1641
+ display: flex;
1642
+ align-items: center;
1643
+ justify-content: center;
1644
+ width: var(--bs-step-icon-container-size);
1645
+ height: var(--bs-step-icon-container-size);
1646
+ color: var(--bs-step-icon-container-color);
1647
+ background-color: var(--bs-step-icon-container-background-color);
1648
+ border: var(--bs-step-icon-container-border-width) solid var(--bs-step-icon-container-border-color);
1649
+ border-radius: var(--bs-step-icon-container-border-radius);
1650
+ }
1651
+ .d-stepper-desktop .d-step .d-step-check {
1652
+ color: var(--bs-step-check-text-color);
1653
+ background-color: var(--bs-step-check-background-color);
1654
+ border-color: var(--bs-step-check-border-color);
1655
+ }
1656
+ .d-stepper-desktop .d-step .d-step-current {
1657
+ color: var(--bs-step-current-text-color);
1658
+ background-color: var(--bs-step-current-background-color);
1659
+ }
1660
+ .d-stepper-desktop .d-step .d-step-value::after {
1661
+ position: absolute;
1662
+ top: 50%;
1663
+ z-index: var(--bs-step-z-index);
1664
+ width: 100%;
1665
+ height: var(--bs-step-line-stroke);
1666
+ content: "";
1667
+ background-color: var(--bs-step-line-color);
1668
+ }
1669
+ .d-stepper-desktop .d-step:first-child .d-step-value::after {
1670
+ left: 50%;
1671
+ z-index: var(--bs-step-z-index);
1672
+ width: 50%;
1673
+ }
1674
+ .d-stepper-desktop .d-step:last-child .d-step-value::after {
1675
+ right: 50%;
1676
+ z-index: var(--bs-step-z-index);
1677
+ width: 50%;
1678
+ }
1679
+ .d-stepper-desktop .d-step .d-step-label {
1680
+ padding-right: var(--bs-step-label-padding);
1681
+ padding-left: var(--bs-step-label-padding);
1682
+ text-align: center;
1683
+ }
1684
+ .d-stepper-desktop.is-vertical {
1685
+ flex-direction: column;
1686
+ }
1687
+ .d-stepper-desktop.is-vertical .d-step {
1688
+ flex-direction: row;
1689
+ align-items: center;
1690
+ }
1691
+ .d-stepper-desktop.is-vertical .d-step .d-step-value {
1692
+ align-items: center;
1693
+ height: 100%;
1694
+ }
1695
+ .d-stepper-desktop.is-vertical .d-step .d-step-label {
1696
+ display: flex;
1697
+ flex-grow: 1;
1698
+ align-items: center;
1699
+ min-height: var(--bs-step-label-height);
1700
+ padding: var(--bs-step-vertical-label-padding);
1701
+ text-align: left;
1702
+ }
1703
+ .d-stepper-desktop.is-vertical .d-step .d-step-value::after {
1704
+ position: absolute;
1705
+ top: 0;
1706
+ left: calc(50% - var(--bs-step-line-stroke));
1707
+ z-index: var(--bs-step-z-index);
1708
+ width: 0;
1709
+ height: 100%;
1710
+ content: "";
1711
+ border: var(--bs-step-icon-container-border-width) solid var(--bs-step-icon-container-border-color);
1712
+ }
1713
+ .d-stepper-desktop.is-vertical .d-step:first-child .d-step-value::after {
1714
+ top: 50%;
1715
+ z-index: var(--bs-step-z-index);
1716
+ width: 0;
1717
+ height: 50%;
1718
+ }
1719
+ .d-stepper-desktop.is-vertical .d-step:last-child .d-step-value::after {
1720
+ z-index: var(--bs-step-z-index);
1721
+ width: 0;
1722
+ height: 50%;
1723
+ }
1724
+ .d-stepper-desktop .d-step-icon {
1725
+ display: flex;
1726
+ font-size: var(--bs-step-icon-size);
1727
+ }
1728
+
1729
+ .d-stepper {
1730
+ /* Container */
1731
+ --bs-step-container-gap: var(--bs-ref-spacer-3);
1732
+ /* Outter circle */
1733
+ --bs-step-progress-outter-size: 62px;
1734
+ --bs-step-progress-outter-z-index: 1;
1735
+ --bs-step-progress-outter-fill-background-color: var(--bs-secondary-500);
1736
+ --bs-step-progress-outter-background-color: var(--bs-gray-300);
1737
+ /* Inner circle */
1738
+ --bs-step-progress-inner-size: 50px;
1739
+ --bs-step-progress-inner-z-index: 2;
1740
+ --bs-step-progress-inner-background-color: var(--bs-white);
1741
+ /* Current step */
1742
+ --bs-step-current-step-z-index: 3;
1743
+ --bs-step-current-step-font-weight: var(--bs-ref-fw-bold);
1744
+ --bs-step-current-step-color: var(--bs-gray-700);
1745
+ /* Info circle */
1746
+ --bs-step-info-max-width: 12rem;
1747
+ --bs-step-info-label-font-size: var(--bs-ref-fs-6);
1748
+ --bs-step-info-description-font-size: var(--bs-ref-fs-small);
1749
+ --bs-step-info-description-color: var(--bs-gray-500);
1750
+ display: flex;
1751
+ gap: var(--bs-step-container-gap);
1752
+ align-items: center;
1753
+ justify-content: center;
1754
+ }
1755
+ .d-stepper .d-step-bar {
1756
+ position: relative;
1757
+ z-index: var(--bs-step-progress-outter-z-index);
1758
+ display: flex;
1759
+ align-items: center;
1760
+ justify-content: center;
1761
+ width: var(--bs-step-progress-outter-size);
1762
+ height: var(--bs-step-progress-outter-size);
1763
+ border-radius: var(--bs-step-progress-outter-size);
1764
+ }
1765
+ .d-stepper .d-step-bar::after {
1766
+ position: absolute;
1767
+ z-index: var(--bs-step-progress-inner-z-index);
1768
+ width: var(--bs-step-progress-inner-size);
1769
+ height: var(--bs-step-progress-inner-size);
1770
+ content: "";
1771
+ background-color: var(--bs-step-progress-inner-background-color);
1772
+ border-radius: var(--bs-step-progress-inner-size);
1773
+ }
1774
+ .d-stepper .d-step-number {
1775
+ z-index: var(--bs-step-current-step-z-index);
1776
+ font-weight: var(--bs-step-current-step-font-weight);
1777
+ color: var(--bs-step-current-step-color);
1778
+ }
1779
+ .d-stepper .d-step-info {
1780
+ display: flex;
1781
+ flex-direction: column;
1782
+ max-width: var(--bs-step-info-max-width);
1783
+ }
1784
+ .d-stepper .d-step-label {
1785
+ font-size: var(--bs-step-info-label-font-size);
1786
+ }
1787
+ .d-stepper .d-step-description {
1788
+ font-size: var(--bs-step-info-description-font-size);
1789
+ color: var(--bs-step-info-description-color);
1790
+ }
1791
+
1792
+ .pagination {
1793
+ --bs-pagination-page-item-size: 2.125rem;
1794
+ --bs-pagination-page-link-bg: transparent;
1795
+ --bs-pagination-page-border-radius: 50%;
1796
+ --bs-pagination-arrow-font-size: var(--bs-ref-fs-small);
1797
+ --bs-pagination-arrow-padding-y: var(--bs-ref-spacer-1);
1798
+ --bs-pagination-arrow-padding-x: var(--bs-ref-spacer-2);
1799
+ --bs-pagination-arrow-border-radius: var(--bs-border-radius);
1800
+ --bs-pagination-arrow-color: var(--bs-secondary);
1801
+ --bs-pagination-focus-arrow-bg: var(--bs-secondary-100);
1802
+ --bs-pagination-arrow-prev-icon-bg-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%234848b7" class="bi bi-chevron-left" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/></svg>');
1803
+ --bs-pagination-disabled-arrow-prev-icon-bg-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23a1a1b5" class="bi bi-chevron-left" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/></svg>');
1804
+ --bs-pagination-arrow-next-icon-bg-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%234848b7" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/></svg>');
1805
+ --bs-pagination-disabled-arrow-next-icon-bg-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23a1a1b5" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/></svg>');
1806
+ margin: 0;
1807
+ }
1808
+ .pagination .page-item {
1809
+ min-width: var(--bs-pagination-page-item-size);
1810
+ min-height: var(--bs-pagination-page-item-size);
1811
+ }
1812
+ .pagination .page-item:not(.active, :hover) .page-link {
1813
+ background-color: var(--bs-pagination-page-link-bg);
1814
+ }
1815
+ .pagination .arrow .page-link {
1816
+ min-width: -moz-fit-content;
1817
+ min-width: fit-content;
1818
+ padding: var(--bs-pagination-arrow-padding-y) var(--bs-pagination-arrow-padding-x);
1819
+ font-size: var(--bs-pagination-arrow-font-size);
1820
+ border-radius: var(--bs-pagination-arrow-border-radius);
1821
+ }
1822
+ .pagination .arrow .page-link:focus {
1823
+ background-color: var(--bs-pagination-focus-arrow-bg);
1824
+ }
1825
+ .pagination .arrow .page-link::after, .pagination .arrow .page-link::before {
1826
+ position: relative;
1827
+ display: flex;
1828
+ align-items: center;
1829
+ justify-content: center;
1830
+ background-repeat: no-repeat;
1831
+ background-size: var(--bs-pagination-arrow-font-size);
1832
+ }
1833
+ .pagination .arrow:is(.arrow-prev, .arrow-next):not(.disabled) .page-link {
1834
+ color: var(--bs-pagination-arrow-color);
1835
+ }
1836
+ .pagination .arrow.arrow-prev .page-link::before {
1837
+ min-width: var(--bs-pagination-arrow-font-size);
1838
+ min-height: var(--bs-pagination-arrow-font-size);
1839
+ margin-right: var(--bs-ref-spacer-1);
1840
+ content: "";
1841
+ background-image: var(--bs-pagination-arrow-prev-icon-bg-image);
1842
+ background-position: center left;
1843
+ }
1844
+ .pagination .arrow.arrow-next .page-link::after {
1845
+ width: var(--bs-pagination-arrow-font-size);
1846
+ height: var(--bs-pagination-arrow-font-size);
1847
+ margin-left: var(--bs-ref-spacer-1);
1848
+ content: "";
1849
+ background-image: var(--bs-pagination-arrow-next-icon-bg-image);
1850
+ background-position: center right;
1851
+ }
1852
+ .pagination .arrow:is(.arrow-next, .arrow-prev).no-label .page-link > span {
1853
+ display: none;
1854
+ }
1855
+ .pagination .arrow-prev.disabled .page-link::before {
1856
+ background-image: var(--bs-pagination-disabled-arrow-prev-icon-bg-image);
1857
+ }
1858
+ .pagination .arrow-next.disabled .page-link::after {
1859
+ background-image: var(--bs-pagination-disabled-arrow-next-icon-bg-image);
1860
+ }
1861
+ .pagination .page-link {
1862
+ display: flex;
1863
+ align-items: center;
1864
+ justify-content: center;
1865
+ width: 100%;
1866
+ height: 100%;
1867
+ padding: 0;
1868
+ border-radius: var(--bs-pagination-page-border-radius);
1869
+ }
1870
+
1871
+ .d-card-account {
1872
+ --bs-card-border-width: 0px;
1873
+ --bs-card-spacer-y: var(--bs-ref-spacer-3);
1874
+ --bs-card-spacer-x: var(--bs-ref-spacer-3);
1875
+ --bs-card-color: var(--bs-body-color);
1876
+ --bs-card-body-gap: 1rem;
1877
+ }
1878
+ .d-card-account .card-body {
1879
+ display: flex;
1880
+ flex-direction: column;
1881
+ gap: var(--bs-card-body-gap);
1882
+ }
1883
+
1884
+ .operation-group:not(:last-child) {
1885
+ border-bottom: 1px solid var(--bs-gray-300);
1886
+ }
1887
+
1888
+ .permission-item {
1889
+ padding: 8px 0;
1890
+ }
1891
+ .permission-item .form-switch-box {
1892
+ width: auto;
1893
+ }
1894
+ .permission-item .label {
1895
+ font-size: 0.875rem;
1896
+ }
1897
+ .permission-item:hover {
1898
+ background: #f7f7ff;
1899
+ }
1900
+ .permission-item:not(:last-child) {
1901
+ border-bottom: 1px solid var(--bs-gray-300);
1902
+ }
1903
+
1904
+ @media screen and (min-width: 768px) {
1905
+ .permission-item {
1906
+ padding: 8px 10px;
1907
+ }
1908
+ .permission-item .label {
1909
+ font-size: 1rem;
1910
+ }
1911
+ }
1912
+ @media screen and (min-width: 992px) {
1913
+ .operation-group {
1914
+ border-top: 1px solid var(--bs-gray-300);
1915
+ }
1916
+ .operation-group:not(:last-child) {
1917
+ border-bottom: none;
1918
+ }
1919
+ }