@brizy/ui
Version:
React elements in Brizy style
1 lines • 35.7 kB
CSS
.brz-ui-image-preview,.brz-ui-modal{pointer-events:none}.brz-ui-image-preview.zoom-appear,.brz-ui-image-preview.zoom-enter,.brz-ui-modal.zoom-appear,.brz-ui-modal.zoom-enter{transform:none;opacity:0;animation-duration:.3s;user-select:none}.brz-ui-image-preview-mask,.brz-ui-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;height:100%;background-color:rgba(0,0,0,.45)}.brz-ui-image-preview-mask-hidden,.brz-ui-modal-mask-hidden{display:none}.brz-ui-image-preview-wrap,.brz-ui-modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;outline:0;-webkit-overflow-scrolling:touch}.brz-ui-picker-panel{display:inline-flex;flex-direction:column;text-align:center;background:var(--color-white,#fff);border:1px solid #f0f0f0;border-radius:3px;outline:0}.brz-ui-picker-panel-focused{border-color:var(--color-blue,#3dbfe8)}.brz-ui-picker-date-panel,.brz-ui-picker-decade-panel,.brz-ui-picker-month-panel,.brz-ui-picker-quarter-panel,.brz-ui-picker-time-panel,.brz-ui-picker-week-panel,.brz-ui-picker-year-panel{display:flex;flex-direction:column;width:280px}.brz-ui-picker-header{display:flex;padding:0 8px;color:var(--color-dark,#212733);border-bottom:1px solid #f0f0f0}.brz-ui-picker-header>*{flex:none}.brz-ui-picker-header button{padding:0;color:rgba(0,0,0,.25);line-height:40px;background:0 0;border:0;cursor:pointer;transition:color .3s}.brz-ui-picker-header>button{min-width:1.6em;font-size:14px}.brz-ui-picker-header>button:hover{color:var(--color-dark,#212733)}.brz-ui-picker-header-view{flex:auto;font-weight:500;line-height:40px}.brz-ui-picker-header-view button{color:inherit}.brz-ui-picker-header-view button:not(:first-child){margin-left:8px}.brz-ui-picker-header-view button:hover{color:var(--color-blue,#3dbfe8)}.brz-ui-picker-next-icon,.brz-ui-picker-prev-icon,.brz-ui-picker-super-next-icon,.brz-ui-picker-super-prev-icon{position:relative;display:inline-block;width:7px;height:7px}.brz-ui-picker-next-icon::before,.brz-ui-picker-prev-icon::before,.brz-ui-picker-super-next-icon::before,.brz-ui-picker-super-prev-icon::before{position:absolute;top:0;left:0;display:inline-block;width:7px;height:7px;border:0 solid currentColor;border-width:1.5px 0 0 1.5px;content:''}.brz-ui-picker-super-next-icon::after,.brz-ui-picker-super-prev-icon::after{position:absolute;top:4px;left:4px;display:inline-block;width:7px;height:7px;border:0 solid currentColor;border-width:1.5px 0 0 1.5px;content:''}.brz-ui-picker-prev-icon,.brz-ui-picker-super-prev-icon{transform:rotate(-45deg)}.brz-ui-picker-next-icon,.brz-ui-picker-super-next-icon{transform:rotate(135deg)}.brz-ui-picker-content{width:100%;table-layout:fixed;border-collapse:collapse}.brz-ui-picker-content td,.brz-ui-picker-content th{position:relative;min-width:24px;font-weight:400}.brz-ui-picker-content th{height:30px;color:var(--color-dark,#212733);line-height:30px}.brz-ui-picker-cell{padding:3px 0;color:rgba(0,0,0,.25);cursor:pointer}.brz-ui-picker-cell-in-view{color:var(--color-dark,#212733)}.brz-ui-picker-cell-disabled{cursor:not-allowed;pointer-events:none}.brz-ui-picker-cell::before{position:absolute;top:50%;right:0;left:0;z-index:1;height:24px;transform:translateY(-50%);content:''}.brz-ui-picker-cell:hover:not(.brz-ui-picker-cell-in-view) .brz-ui-picker-cell-inner,.brz-ui-picker-cell:hover:not(.brz-ui-picker-cell-selected):not(.brz-ui-picker-cell-range-start):not(.brz-ui-picker-cell-range-end):not(.brz-ui-picker-cell-range-hover-start):not( .brz-ui-picker-cell-range-hover-end) .brz-ui-picker-cell-inner{background:#f5f5f5}.brz-ui-picker-cell-in-view.brz-ui-picker-cell-today .brz-ui-picker-cell-inner::before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:1px solid var(--color-blue,#3dbfe8);border-radius:3px;content:''}.brz-ui-picker-cell-in-view.brz-ui-picker-cell-in-range{position:relative}.brz-ui-picker-cell-in-view.brz-ui-picker-cell-in-range::before{background:var(--color-primary-1,#f0feff)}.brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-end .brz-ui-picker-cell-inner,.brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-start .brz-ui-picker-cell-inner,.brz-ui-picker-cell-in-view.brz-ui-picker-cell-selected .brz-ui-picker-cell-inner{color:var(--color-white,#fff);background:var(--color-blue,#3dbfe8)}.brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-end:not(.brz-ui-picker-cell-range-end-single)::before,.brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-start:not(.brz-ui-picker-cell-range-start-single)::before{background:var(--color-primary-1,#f0feff)}.brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-start::before{left:50%}.brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-end::before{right:50%}.brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-hover-end.brz-ui-picker-cell-range-end-single::after,.brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-hover-end:not(.brz-ui-picker-cell-in-range):not(.brz-ui-picker-cell-range-start):not(.brz-ui-picker-cell-range-end)::after,.brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-hover-start.brz-ui-picker-cell-range-start-single::after,.brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-hover-start:not(.brz-ui-picker-cell-in-range):not(.brz-ui-picker-cell-range-start):not(.brz-ui-picker-cell-range-end)::after,.brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-hover:not(.brz-ui-picker-cell-in-range)::after{position:absolute;top:50%;z-index:0;height:24px;border-top:1px dashed var(--color-primary-lighten-20,#98ddf3);border-bottom:1px dashed var(--color-primary-lighten-20,#98ddf3);transform:translateY(-50%);content:''}.brz-ui-picker-cell-range-hover-end::after,.brz-ui-picker-cell-range-hover-start::after,.brz-ui-picker-cell-range-hover::after{right:0;left:2px}.brz-ui-picker-cell-in-view.brz-ui-picker-cell-in-range.brz-ui-picker-cell-range-hover::before,.brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-end.brz-ui-picker-cell-range-hover::before,.brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-end:not(.brz-ui-picker-cell-range-end-single).brz-ui-picker-cell-range-hover-end::before,.brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-start.brz-ui-picker-cell-range-hover::before,.brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-start:not(.brz-ui-picker-cell-range-start-single).brz-ui-picker-cell-range-hover-start::before,.brz-ui-picker-panel>:not(.brz-ui-picker-date-panel) .brz-ui-picker-cell-in-view.brz-ui-picker-cell-in-range.brz-ui-picker-cell-range-hover-end::before,.brz-ui-picker-panel>:not(.brz-ui-picker-date-panel) .brz-ui-picker-cell-in-view.brz-ui-picker-cell-in-range.brz-ui-picker-cell-range-hover-start::before{background:var(--color-primary-lighten-35,#e1f5fb)}.brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-start:not(.brz-ui-picker-cell-range-start-single):not(.brz-ui-picker-cell-range-end) .brz-ui-picker-cell-inner{border-radius:3px 0 0 3px}.brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-end:not(.brz-ui-picker-cell-range-end-single):not(.brz-ui-picker-cell-range-start) .brz-ui-picker-cell-inner{border-radius:0 3px 3px 0}.brz-ui-picker-date-panel .brz-ui-picker-cell-in-view.brz-ui-picker-cell-in-range.brz-ui-picker-cell-range-hover-end .brz-ui-picker-cell-inner::after,.brz-ui-picker-date-panel .brz-ui-picker-cell-in-view.brz-ui-picker-cell-in-range.brz-ui-picker-cell-range-hover-start .brz-ui-picker-cell-inner::after{position:absolute;top:0;bottom:0;z-index:-1;background:var(--color-primary-lighten-35,#e1f5fb);content:''}.brz-ui-picker-date-panel .brz-ui-picker-cell-in-view.brz-ui-picker-cell-in-range.brz-ui-picker-cell-range-hover-start .brz-ui-picker-cell-inner::after{right:-7px;left:0}.brz-ui-picker-date-panel .brz-ui-picker-cell-in-view.brz-ui-picker-cell-in-range.brz-ui-picker-cell-range-hover-end .brz-ui-picker-cell-inner::after{right:0;left:-7px}.brz-ui-picker-cell-range-hover.brz-ui-picker-cell-range-start::after{right:50%}.brz-ui-picker-cell-range-hover.brz-ui-picker-cell-range-end::after{left:50%}.brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-hover-edge-start:not(.brz-ui-picker-cell-range-hover-edge-start-near-range)::after,.brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-hover-start::after,tr>.brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-hover-end:first-child::after,tr>.brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-hover:first-child::after{left:6px;border-left:1px dashed var(--color-primary-lighten-20,#98ddf3);border-top-left-radius:3px;border-bottom-left-radius:3px}.brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-hover-edge-end:not(.brz-ui-picker-cell-range-hover-edge-end-near-range)::after,.brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-hover-end::after,tr>.brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-hover-start:last-child::after,tr>.brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-hover:last-child::after{right:6px;border-right:1px dashed var(--color-primary-lighten-20,#98ddf3);border-top-right-radius:3px;border-bottom-right-radius:3px}.brz-ui-picker-cell-disabled .brz-ui-picker-cell-inner{color:rgba(0,0,0,.25);background:0 0}.brz-ui-picker-cell-disabled::before{background:#f5f5f5}.brz-ui-picker-cell-disabled.brz-ui-picker-cell-today .brz-ui-picker-cell-inner::before{border-color:rgba(0,0,0,.25)}.brz-ui-picker-decade-panel .brz-ui-picker-content,.brz-ui-picker-month-panel .brz-ui-picker-content,.brz-ui-picker-quarter-panel .brz-ui-picker-content,.brz-ui-picker-year-panel .brz-ui-picker-content{height:264px}.brz-ui-picker-decade-panel .brz-ui-picker-cell-inner,.brz-ui-picker-month-panel .brz-ui-picker-cell-inner,.brz-ui-picker-quarter-panel .brz-ui-picker-cell-inner,.brz-ui-picker-year-panel .brz-ui-picker-cell-inner{padding:0 8px}.brz-ui-picker-decade-panel .brz-ui-picker-cell-disabled .brz-ui-picker-cell-inner,.brz-ui-picker-month-panel .brz-ui-picker-cell-disabled .brz-ui-picker-cell-inner,.brz-ui-picker-quarter-panel .brz-ui-picker-cell-disabled .brz-ui-picker-cell-inner,.brz-ui-picker-year-panel .brz-ui-picker-cell-disabled .brz-ui-picker-cell-inner{background:#f5f5f5}.brz-ui-picker-quarter-panel .brz-ui-picker-content{height:56px}.brz-ui-picker-footer{width:min-content;min-width:100%;line-height:38px;text-align:center;border-bottom:1px solid transparent}.brz-ui-picker-panel .brz-ui-picker-footer{border-top:1px solid #f0f0f0}.brz-ui-picker-footer-extra{padding:0 12px;line-height:38px;text-align:left}.brz-ui-picker-footer-extra:not(:last-child){border-bottom:1px solid #f0f0f0}.brz-ui-picker-now{text-align:left}.brz-ui-picker-today-btn,.brz-ui-picker-today-btn:hover{color:var(--color-blue,#3dbfe8)}.brz-ui-picker-today-btn:active{color:var(--link-active-color,#2999c2)}.brz-ui-picker-today-btn.brz-ui-picker-today-btn-disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.brz-ui-picker-decade-panel .brz-ui-picker-cell-inner{padding:0 4px}.brz-ui-picker-decade-panel .brz-ui-picker-cell::before{display:none}.brz-ui-picker-month-panel .brz-ui-picker-body,.brz-ui-picker-quarter-panel .brz-ui-picker-body,.brz-ui-picker-year-panel .brz-ui-picker-body{padding:0 8px}.brz-ui-picker-month-panel .brz-ui-picker-cell-inner,.brz-ui-picker-quarter-panel .brz-ui-picker-cell-inner,.brz-ui-picker-year-panel .brz-ui-picker-cell-inner{width:60px}.brz-ui-picker-month-panel .brz-ui-picker-cell-range-hover-start::after,.brz-ui-picker-quarter-panel .brz-ui-picker-cell-range-hover-start::after,.brz-ui-picker-year-panel .brz-ui-picker-cell-range-hover-start::after{left:14px;border-left:1px dashed var(--color-primary-lighten-20,#98ddf3);border-radius:3px 0 0 3px}.brz-ui-picker-month-panel .brz-ui-picker-cell-range-hover-end::after,.brz-ui-picker-panel-rtl .brz-ui-picker-month-panel .brz-ui-picker-cell-range-hover-start::after,.brz-ui-picker-panel-rtl .brz-ui-picker-quarter-panel .brz-ui-picker-cell-range-hover-start::after,.brz-ui-picker-panel-rtl .brz-ui-picker-year-panel .brz-ui-picker-cell-range-hover-start::after,.brz-ui-picker-quarter-panel .brz-ui-picker-cell-range-hover-end::after,.brz-ui-picker-year-panel .brz-ui-picker-cell-range-hover-end::after{right:14px;border-right:1px dashed var(--color-primary-lighten-20,#98ddf3);border-radius:0 3px 3px 0}.brz-ui-picker-panel-rtl .brz-ui-picker-month-panel .brz-ui-picker-cell-range-hover-end::after,.brz-ui-picker-panel-rtl .brz-ui-picker-quarter-panel .brz-ui-picker-cell-range-hover-end::after,.brz-ui-picker-panel-rtl .brz-ui-picker-year-panel .brz-ui-picker-cell-range-hover-end::after{left:14px;border-left:1px dashed var(--color-primary-lighten-20,#98ddf3);border-radius:3px 0 0 3px}.brz-ui-picker-week-panel .brz-ui-picker-body{padding:8px 12px}.brz-ui-picker-week-panel .brz-ui-picker-cell .brz-ui-picker-cell-inner,.brz-ui-picker-week-panel .brz-ui-picker-cell-selected .brz-ui-picker-cell-inner,.brz-ui-picker-week-panel .brz-ui-picker-cell:hover .brz-ui-picker-cell-inner{background:0 0}.brz-ui-picker-week-panel-row td{transition:background .3s}.brz-ui-picker-week-panel-row:hover td{background:#f5f5f5}.brz-ui-picker-week-panel-row-selected td,.brz-ui-picker-week-panel-row-selected:hover td{background:var(--color-blue,#3dbfe8)}.brz-ui-picker-week-panel-row-selected td.brz-ui-picker-cell-week,.brz-ui-picker-week-panel-row-selected:hover td.brz-ui-picker-cell-week{color:var(--white-fade-50,#ffffff80)}.brz-ui-picker-week-panel-row-selected td.brz-ui-picker-cell-today .brz-ui-picker-cell-inner::before,.brz-ui-picker-week-panel-row-selected:hover td.brz-ui-picker-cell-today .brz-ui-picker-cell-inner::before{border-color:var(--color-white,#fff)}.brz-ui-picker-week-panel-row-selected td .brz-ui-picker-cell-inner,.brz-ui-picker-week-panel-row-selected:hover td .brz-ui-picker-cell-inner{color:var(--color-white,#fff)}.brz-ui-picker-date-panel .brz-ui-picker-body{padding:8px 12px}.brz-ui-picker-date-panel .brz-ui-picker-content{width:252px}.brz-ui-picker-date-panel .brz-ui-picker-content th{width:36px}.brz-ui-picker-datetime-panel{display:flex}.brz-ui-picker-datetime-panel .brz-ui-picker-time-panel{border-left:1px solid #f0f0f0}.brz-ui-picker-datetime-panel .brz-ui-picker-date-panel,.brz-ui-picker-datetime-panel .brz-ui-picker-time-panel{transition:opacity .3s}.brz-ui-picker-datetime-panel-active .brz-ui-picker-date-panel,.brz-ui-picker-datetime-panel-active .brz-ui-picker-time-panel{opacity:.3}.brz-ui-picker-datetime-panel-active .brz-ui-picker-date-panel-active,.brz-ui-picker-datetime-panel-active .brz-ui-picker-time-panel-active{opacity:1}.brz-ui-picker-time-panel{width:auto;min-width:auto}.brz-ui-picker-time-panel .brz-ui-picker-content{display:flex;flex:auto;height:224px}.brz-ui-picker-time-panel-column{flex:1 0 auto;width:56px;margin:0;padding:0;text-align:left;list-style:none;transition:background .3s}.brz-ui-picker-time-panel-column::after{display:block;height:196px;content:''}.brz-ui-picker-datetime-panel .brz-ui-picker-time-panel-column::after{height:198px}.brz-ui-picker-time-panel-column:not(:first-child){border-left:1px solid #f0f0f0}.brz-ui-picker-time-panel-column-active{background:var(--color-primary-1-fade-20,#f0feff33)}.brz-ui-picker-time-panel-column:hover{overflow-y:auto}.brz-ui-picker-time-panel-column>li{margin:0;padding:0}.brz-ui-picker-time-panel-column>li.brz-ui-picker-time-panel-cell .brz-ui-picker-time-panel-cell-inner{display:block;width:100%;height:28px;margin:0;padding:0 0 0 14px;color:var(--color-dark,#212733);line-height:28px;border-radius:0;cursor:pointer;transition:background .3s}.brz-ui-picker-time-panel-column>li.brz-ui-picker-time-panel-cell .brz-ui-picker-time-panel-cell-inner:hover{background:#f5f5f5}.brz-ui-picker-time-panel-column>li.brz-ui-picker-time-panel-cell-selected .brz-ui-picker-time-panel-cell-inner{background:var(--color-primary-1,#f0feff)}.brz-ui-picker-time-panel-column>li.brz-ui-picker-time-panel-cell-disabled .brz-ui-picker-time-panel-cell-inner{color:rgba(0,0,0,.25);background:0 0;cursor:not-allowed}_:-ms-fullscreen .brz-ui-picker-range-wrapper .brz-ui-picker-month-panel .brz-ui-picker-cell,:root .brz-ui-picker-range-wrapper .brz-ui-picker-month-panel .brz-ui-picker-cell,_:-ms-fullscreen .brz-ui-picker-range-wrapper .brz-ui-picker-year-panel .brz-ui-picker-cell,:root .brz-ui-picker-range-wrapper .brz-ui-picker-year-panel .brz-ui-picker-cell{padding:21px 0}.brz-ui-picker{box-sizing:border-box;margin:0;padding:6.5px 14px;color:var(--color-dark,#212733);font-size:14px;font-variant:proportional-nums;line-height:1.7;list-style:none;font-feature-settings:'tnum';position:relative;display:inline-flex;align-items:center;background:var(--color-white,#fff);border:1px solid var(--color-gray-light,#d5d9db);border-radius:3px;transition:border .3s,box-shadow .3s}.brz-ui-picker-focused,.brz-ui-picker:hover{border-color:var(--brz-ui-global-input-border-color,var(--brz-ui-input-border-color,var(--color-gray-light,#d5d9db)));border-right-width:1px}.brz-ui-picker-focused{border-color:#0d0c0c;border-right-width:1px;outline:0;box-shadow:0 0 0 2px var(--color-primary-fade-20,#3dbfe833)}.brz-ui-picker.brz-ui-picker-disabled{background:var(--brz-ui-global-input-background,var(--brz-ui-input-background,var(--color-white,#fff)));border-color:var(--color-gray-light,#d5d9db);cursor:not-allowed}.brz-ui-picker.brz-ui-picker-disabled .brz-ui-picker-suffix{color:rgba(0,0,0,.25)}.brz-ui-picker.brz-ui-picker-borderless{background-color:transparent;border-color:transparent;box-shadow:none}.brz-ui-picker-input{position:relative;display:inline-flex;align-items:center;width:100%}.brz-ui-picker-input>input{position:relative;display:inline-block;width:100%;padding:0;color:var(--brz-ui-global-input-color,var(--brz-ui-input-color,var(--color-dark,#212733)));font-size:14px;line-height:1.7;background-color:var(--brz-ui-global-input-background,var(--brz-ui-input-background,var(--color-white,#fff)));border:1px solid var(--brz-ui-global-input-border-color,var(--brz-ui-input-border-color,var(--color-gray-light,#d5d9db)));border-radius:3px;transition:.3s;flex:auto;min-width:1px;height:auto;background:0 0;border:0}.brz-ui-picker-input>input::-moz-placeholder{opacity:1}.brz-ui-picker-input>input::placeholder{color:var(--color-gray-mid,#a1a8ad)}.brz-ui-picker-input>input:placeholder-shown{text-overflow:ellipsis}.brz-ui-picker-input>input:hover{border-color:var(--brz-ui-global-input-border-color,var(--brz-ui-input-border-color,var(--color-gray-light,#d5d9db)));border-right-width:1px}.brz-ui-picker-input>input-focused,.brz-ui-picker-input>input:focus{border-color:#0d0c0c;border-right-width:1px;outline:0;box-shadow:0 0 0 2px var(--color-primary-fade-20,#3dbfe833)}.brz-ui-picker-input>input-disabled{color:var(--brz-ui-global-input-color,var(--brz-ui-input-color,var(--color-dark,#212733)));background-color:var(--brz-ui-global-input-background,var(--brz-ui-input-background,var(--color-white,#fff)));cursor:not-allowed;opacity:1}.brz-ui-picker-input>input-disabled:hover{border-color:var(--brz-ui-global-input-border-color,var(--brz-ui-input-border-color,var(--color-gray-light,#d5d9db)));border-right-width:1px}.brz-ui-picker-input>input[disabled]{color:var(--brz-ui-global-input-color,var(--brz-ui-input-color,var(--color-dark,#212733)));background-color:var(--brz-ui-global-input-background,var(--brz-ui-input-background,var(--color-white,#fff)));cursor:not-allowed;opacity:1}.brz-ui-picker-input>input[disabled]:hover{border-color:var(--brz-ui-global-input-border-color,var(--brz-ui-input-border-color,var(--color-gray-light,#d5d9db)));border-right-width:1px}.brz-ui-picker-input>input-borderless,.brz-ui-picker-input>input-borderless-disabled,.brz-ui-picker-input>input-borderless-focused,.brz-ui-picker-input>input-borderless:focus,.brz-ui-picker-input>input-borderless:hover,.brz-ui-picker-input>input-borderless[disabled]{background-color:transparent;border:none;box-shadow:none}textarea.brz-ui-picker-input>input{max-width:100%;height:auto;min-height:38px;line-height:1.7;vertical-align:bottom;transition:.3s,height}.brz-ui-picker-input>input-lg{padding:14px 25px;font-size:16px}.brz-ui-picker-input>input-sm{padding:5.5px 10px}.brz-ui-picker-input>input:focus{box-shadow:none}.brz-ui-picker-input>input[disabled]{background:0 0}.brz-ui-picker-input:hover .brz-ui-picker-clear{opacity:1}.brz-ui-picker-input-placeholder>input{color:var(--color-gray-mid,#a1a8ad)}.brz-ui-picker-large{padding:9.5px 25px}.brz-ui-picker-large .brz-ui-picker-input>input{font-size:16px}.brz-ui-picker-small{padding:2.5px 10px}.brz-ui-picker-suffix{align-self:center;margin-left:4px;color:rgba(0,0,0,.25);line-height:1;pointer-events:none}.brz-ui-picker-suffix>*{vertical-align:top}.brz-ui-picker-clear{position:absolute;top:50%;right:0;color:rgba(0,0,0,.25);line-height:1;background:var(--color-white,#fff);transform:translateY(-50%);cursor:pointer;opacity:0;transition:opacity .3s,color .3s}.brz-ui-picker-clear>*{vertical-align:top}.brz-ui-picker-clear:hover{color:var(--color-gray,#777f86)}.brz-ui-picker-separator{position:relative;display:inline-block;width:1em;height:16px;color:rgba(0,0,0,.25);font-size:16px;vertical-align:top;cursor:default}.brz-ui-picker-focused .brz-ui-picker-separator{color:var(--color-gray,#777f86)}.brz-ui-picker-disabled .brz-ui-picker-range-separator .brz-ui-picker-separator{cursor:not-allowed}.brz-ui-picker-range{position:relative;display:inline-flex}.brz-ui-picker-range .brz-ui-picker-clear{right:14px}.brz-ui-picker-range:hover .brz-ui-picker-clear{opacity:1}.brz-ui-picker-range .brz-ui-picker-active-bar{bottom:-1px;height:2px;margin-left:14px;background:var(--color-blue,#3dbfe8);opacity:0;transition:.3s ease-out;pointer-events:none}.brz-ui-picker-range.brz-ui-picker-focused .brz-ui-picker-active-bar{opacity:1}.brz-ui-picker-range-separator{align-items:center;padding:0 8px;line-height:1}.brz-ui-picker-range.brz-ui-picker-small .brz-ui-picker-clear{right:10px}.brz-ui-picker-dropdown{box-sizing:border-box;margin:0;padding:0;color:var(--color-dark,#212733);font-size:14px;font-variant:proportional-nums;line-height:1.7;list-style:none;font-feature-settings:'tnum';position:absolute;z-index:1050}.brz-ui-picker-dropdown-hidden{display:none}.brz-ui-picker-dropdown-placement-bottomLeft .brz-ui-picker-range-arrow{top:1.66666667px;display:block;transform:rotate(-45deg)}.brz-ui-picker-dropdown-placement-topLeft .brz-ui-picker-range-arrow{bottom:1.66666667px;display:block;transform:rotate(135deg)}.brz-ui-picker-dropdown-range{padding:6.66666667px 0}.brz-ui-picker-dropdown-range-hidden{display:none}.brz-ui-picker-dropdown .brz-ui-picker-panel>.brz-ui-picker-time-panel{padding-top:4px}.brz-ui-picker-ranges{margin-bottom:0;padding:4px 12px;overflow:hidden;line-height:34px;text-align:left;list-style:none}.brz-ui-picker-ranges>li{display:inline-block}.brz-ui-picker-ranges .brz-ui-picker-preset>.brz-ui-tag-blue{color:var(--color-blue,#3dbfe8);background:var(--color-primary-1,#f0feff);border-color:#262424;cursor:pointer}.brz-ui-picker-ranges .brz-ui-picker-ok{float:right;margin-left:8px}.brz-ui-picker-range-wrapper{display:flex}.brz-ui-picker-range-arrow{position:absolute;z-index:1;display:none;width:10px;height:10px;margin-left:21px;box-shadow:2px -2px 6px rgba(0,0,0,.06);transition:left .3s ease-out}.brz-ui-picker-range-arrow::after{position:absolute;top:1px;right:1px;width:10px;height:10px;border:5px solid #f0f0f0;border-color:var(--color-white,#fff) var(--color-white,#fff) transparent transparent;content:''}.brz-ui-picker-panel-container{overflow:hidden;vertical-align:top;background:var(--color-white,#fff);border-radius:3px;box-shadow:0 3px 8px 2px rgba(0,0,0,.09);transition:margin .3s}.brz-ui-picker-panel-container .brz-ui-picker-panels{display:inline-flex;flex-wrap:nowrap;direction:ltr}.brz-ui-picker-panel-container .brz-ui-picker-panel{vertical-align:top;background:0 0;border-width:0 0 1px;border-radius:0}.brz-ui-picker-panel-container .brz-ui-picker-panel-focused{border-color:#f0f0f0}.brz-ui-picker-rtl{direction:rtl}.brz-ui-picker-rtl .brz-ui-picker-suffix{margin-right:4px;margin-left:0}.brz-ui-picker-rtl .brz-ui-picker-clear{right:auto;left:0}.brz-ui-picker-rtl .brz-ui-picker-separator{transform:rotate(180deg)}.brz-ui-picker-panel-rtl .brz-ui-picker-header-view button:not(:first-child){margin-right:8px;margin-left:0}.brz-ui-picker-rtl.brz-ui-picker-range .brz-ui-picker-clear{right:auto;left:14px}.brz-ui-picker-rtl.brz-ui-picker-range .brz-ui-picker-active-bar{margin-right:14px;margin-left:0}.brz-ui-picker-dropdown-rtl .brz-ui-picker-ranges{text-align:right}.brz-ui-picker-dropdown-rtl .brz-ui-picker-ranges .brz-ui-picker-ok{float:left;margin-right:8px;margin-left:0}.brz-ui-picker-panel-rtl{direction:rtl}.brz-ui-picker-panel-rtl .brz-ui-picker-prev-icon,.brz-ui-picker-panel-rtl .brz-ui-picker-super-prev-icon{transform:rotate(135deg)}.brz-ui-picker-panel-rtl .brz-ui-picker-next-icon,.brz-ui-picker-panel-rtl .brz-ui-picker-super-next-icon{transform:rotate(-45deg)}.brz-ui-picker-cell .brz-ui-picker-cell-inner{position:relative;z-index:2;display:inline-block;min-width:24px;height:24px;line-height:24px;border-radius:3px;transition:background .3s,border .3s}.brz-ui-picker-panel-rtl .brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-start::before{right:50%;left:0}.brz-ui-picker-panel-rtl .brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-end::before{right:0;left:50%}.brz-ui-picker-panel-rtl .brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-start.brz-ui-picker-cell-range-end::before{right:50%;left:50%}.brz-ui-picker-panel-rtl .brz-ui-picker-date-panel .brz-ui-picker-cell-in-view.brz-ui-picker-cell-in-range.brz-ui-picker-cell-range-hover-start .brz-ui-picker-cell-inner::after{right:0;left:-7px}.brz-ui-picker-panel-rtl .brz-ui-picker-date-panel .brz-ui-picker-cell-in-view.brz-ui-picker-cell-in-range.brz-ui-picker-cell-range-hover-end .brz-ui-picker-cell-inner::after{right:-7px;left:0}.brz-ui-picker-panel-rtl .brz-ui-picker-cell-range-hover.brz-ui-picker-cell-range-start::after{right:0;left:50%}.brz-ui-picker-panel-rtl .brz-ui-picker-cell-range-hover.brz-ui-picker-cell-range-end::after{right:50%;left:0}.brz-ui-picker-panel-rtl .brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-start:not(.brz-ui-picker-cell-range-start-single):not(.brz-ui-picker-cell-range-end) .brz-ui-picker-cell-inner{border-radius:0 3px 3px 0}.brz-ui-picker-panel-rtl .brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-end:not(.brz-ui-picker-cell-range-end-single):not(.brz-ui-picker-cell-range-start) .brz-ui-picker-cell-inner{border-radius:3px 0 0 3px}.brz-ui-picker-panel-rtl .brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-hover-edge-start:not(.brz-ui-picker-cell-range-hover-edge-start-near-range)::after,.brz-ui-picker-panel-rtl .brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-hover-start::after,.brz-ui-picker-panel-rtl tr>.brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-hover-end:first-child::after,.brz-ui-picker-panel-rtl tr>.brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-hover:first-child::after{right:6px;left:0;border-right:1px dashed var(--color-primary-lighten-20,#98ddf3);border-left:none;border-radius:0 3px 3px 0}.brz-ui-picker-panel-rtl .brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-hover-edge-end:not(.brz-ui-picker-cell-range-hover-edge-end-near-range)::after,.brz-ui-picker-panel-rtl .brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-hover-end::after,.brz-ui-picker-panel-rtl tr>.brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-hover-start:last-child::after,.brz-ui-picker-panel-rtl tr>.brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-hover:last-child::after{right:0;left:6px;border-right:none;border-left:1px dashed var(--color-primary-lighten-20,#98ddf3);border-radius:3px 0 0 3px}.brz-ui-picker-panel-rtl .brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-hover-start.brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-hover-end::after,.brz-ui-picker-panel-rtl tr>.brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-hover-start:last-child::after{right:6px;border-right:1px dashed var(--color-primary-lighten-20,#98ddf3);border-top-right-radius:3px;border-bottom-right-radius:3px}.brz-ui-picker-panel-rtl tr>.brz-ui-picker-cell-in-view.brz-ui-picker-cell-range-hover-end:first-child::after{left:6px;border-left:1px dashed var(--color-primary-lighten-20,#98ddf3);border-top-left-radius:3px;border-bottom-left-radius:3px}.brz-ui-picker-dropdown-rtl .brz-ui-picker-footer-extra{direction:rtl;text-align:right}.brz-ui-picker-panel-rtl .brz-ui-picker-time-panel{direction:ltr}.brz-ui-animated--fadeInDown{animation-name:brz-ui-fadeInDown}.brz-ui-animated--fadeInUp{animation-name:brz-ui-fadeInUp}.brz-ui-animated--fadeIn{animation-name:brz-ui-fadeIn}.brz-ui-animated--fadeInLeft{animation-name:brz-ui-fadeInLeft}@keyframes brz-ui-fadeInDown{from{opacity:0;transform:translate3d(0,-10px,0)}to{opacity:1;transform:none}}@keyframes brz-ui-fadeInUp{from{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}@keyframes brz-ui-fadeIn{from{opacity:0}to{opacity:1}}@keyframes brz-ui-fadeInLeft{from{opacity:0;transform:translate3d(-10px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}.brz-ui-animated--spin{animation-name:brz-ui-spin;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes brz-ui-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.brz-ui-animated--pulsate{animation-name:brz-ui-pulsate}@keyframes brz-ui-pulsate{0%{transform:scale(.1,.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2,1.2);opacity:0}}.brz-ui-animated--sk-bounce{animation-name:brz-ui-sk-bounce}@keyframes brz-ui-sk-bounce{0%,100%{transform:scale(0)}50%{transform:scale(1)}}.brz-ui-animated{animation-duration:.15s;animation-fill-mode:both}.brz-ui-icon__svg svg{fill:var(--brz-ui-global-icon-color,var(--brz-ui-icon-color,var(--color-gray,#777f86)));color:var(--brz-ui-global-icon-color,var(--brz-ui-icon-color,var(--color-gray,#777f86)));font-size:var(--brz-ui-icon-size, 16px);transition:.3s ease-in-out}.brz-ui-icon__svg:hover svg{fill:var(--brz-ui-global-icon-hover-color,var(--brz-ui-icon-hover-color,var(--brz-ui-global-icon-color,var(--brz-ui-icon-color,var(--color-gray,#777f86)))));color:var(--brz-ui-global-icon-hover-color,var(--brz-ui-icon-hover-color,var(--brz-ui-global-icon-color,var(--brz-ui-icon-color,var(--color-gray,#777f86)))))}.brz-ui-icon__svg--inherit.anticon,.brz-ui-icon__svg--inherit.anticon svg{color:inherit}.brz-ui-icon__img{mask:var(--brz-ui-icon-image-source,none);background:var(--brz-ui-global-icon-color,var(--brz-ui-icon-color,var(--color-gray,#777f86)));background-repeat:no-repeat;mask-repeat:no-repeat;mask-size:var(--brz-ui-icon-size,16px);width:var(--brz-ui-icon-size,16px);height:var(--brz-ui-icon-size,16px);transition:background .3s ease-in-out}.brz-ui-icon__img:hover{background:var(--brz-ui-global-icon-hover-color,var(--brz-ui-icon-hover-color,var(--brz-ui-global-icon-color,var(--brz-ui-icon-color,var(--color-gray,#777f86)))))}.brz-ui-icon__img .brz-ui-icon__svg--inherit{background:inherit}.brz-ui-datepicker.brz-ui-picker{width:100%;height:48px;padding:6.5px 16px 6.5px 25px;background-color:var(--brz-ui-global-input-background,var(--brz-ui-input-background,var(--color-white,#fff)));border-color:var(--color-gray-light,#d5d9db);box-shadow:none;cursor:pointer}.brz-ui-datepicker.brz-ui-picker.brz-ui-datepicker__disabled{cursor:not-allowed;background-color:var(--color-white,#fff)}.brz-ui-datepicker.brz-ui-picker.brz-ui-datepicker__disabled .brz-ui-picker-input{opacity:.5;pointer-events:none}.brz-ui-datepicker.brz-ui-picker.brz-ui-picker{height:48px;padding:14px 25px}.brz-ui-datepicker.brz-ui-picker.brz-ui-picker input{font-size:15px}.brz-ui-datepicker.brz-ui-picker.brz-ui-picker-middle{height:38px;padding:11px 14px}.brz-ui-datepicker.brz-ui-picker.brz-ui-picker-middle input{font-size:12px}.brz-ui-datepicker.brz-ui-picker .brz-ui-picker-input{align-items:center;height:0}.brz-ui-datepicker.brz-ui-picker .brz-ui-picker-input>input::placeholder{font-weight:400}.brz-ui-datepicker.brz-ui-picker .brz-ui-picker-input>input{height:16px;margin-top:3px;font-weight:600;cursor:pointer;color:var(--brz-ui-global-input-color,var(--brz-ui-input-color,var(--color-dark,#212733)))}.brz-ui-datepicker.brz-ui-picker .brz-ui-picker-input>input:-moz-placeholder,.brz-ui-datepicker.brz-ui-picker .brz-ui-picker-input>input:-ms-input-placeholder,.brz-ui-datepicker.brz-ui-picker .brz-ui-picker-input>input::-moz-placeholder,.brz-ui-datepicker.brz-ui-picker .brz-ui-picker-input>input::-webkit-input-placeholder,.brz-ui-datepicker.brz-ui-picker .brz-ui-picker-input>input::placeholder{color:var(--color-dark-fade-40,#21273366);font-weight:400}.brz-ui-datepicker.brz-ui-picker .brz-ui-picker-input .brz-ui-picker-suffix{margin:0;margin-inline-start:4px}.brz-ui-datepicker.brz-ui-picker .brz-ui-picker-suffix .anticon{font-size:24px}.brz-ui-datepicker.brz-ui-picker .brz-ui-picker-clear{visibility:hidden}.brz-ui-datepicker.brz-ui-picker:not(.brz-ui-datepicker__disabled):hover .brz-ui-picker-suffix .anticon{color:var(--color-dark,#212733)}.brz-ui-datepicker.brz-ui-picker:not(.brz-ui-datepicker__disabled):hover .brz-ui-icon__svg svg{color:var(--color-gray-darkest,#3a404d)}.brz-ui-picker-header-view button{font-weight:600}.brz-ui-datepicker__wrapper{position:relative}.brz-ui-datepicker__wrapper .brz-ui-datepicker.brz-ui-picker{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;opacity:0;pointer-events:none;padding:0}.brz-ui-datepicker__wrapper .brz-ui-picker .brz-ui-picker-input{pointer-events:none;user-select:none;visibility:hidden}.brz-ui-picker-ranges .brz-ui-picker-ok button{min-width:auto;line-height:14px}.brz-ui-popover-calendar{opacity:0;height:0;padding:0}.brz-ui-popover-calendar .brz-ui-picker,.brz-ui-popover-calendar .brz-ui-popover:after{height:0;opacity:0;padding:0}.brz-ui-popover-calendar .brz-ui-picker-suffix,.brz-ui-popover-calendar .brz-ui-popover-content,.brz-ui-popover-calendar .brz-ui-popover-inner,.brz-ui-popover-calendar .brz-ui-popover-inner-content{height:0;padding:0;box-shadow:none}.brz-ui-popover-calendar .brz-ui-popover-arrow{height:0;opacity:0}.brz-ui-picker-time-panel-column{overflow-y:scroll;border-right:2px solid var(--color-white,#fff);padding-bottom:0}.brz-ui-picker-time-panel-column::-webkit-scrollbar{width:5px}.brz-ui-picker-time-panel-column::-webkit-scrollbar-track{background:0 0}.brz-ui-picker-time-panel-column::-webkit-scrollbar-thumb{background:rgba(212,212,212,.5);border-radius:2.5px}.brz-ui-picker-time-panel-column::-webkit-scrollbar-thumb:hover{background:rgba(212,212,212,.5)}.brz-ui-picker-time-panel .brz-ui-picker-header-view{font-weight:600}.brz-ui-popover-calendar-show .brz-ui-picker-time-panel-column.brz-ui-picker-time-panel-column{transition:1s ease-in}.brz-ui-popover-calendar-show .brz-ui-picker-time-panel-column.brz-ui-picker-time-panel-column::-webkit-scrollbar{width:5px}.brz-ui-popover-calendar-show .brz-ui-picker-time-panel-column.brz-ui-picker-time-panel-column::-webkit-scrollbar-track{background:0 0}.brz-ui-popover-calendar-show .brz-ui-picker-time-panel-column.brz-ui-picker-time-panel-column::-webkit-scrollbar-thumb{background:rgba(119,103,103,.5);border-radius:2.5px}.brz-ui-popover-calendar-show .brz-ui-picker-time-panel-column.brz-ui-picker-time-panel-column::-webkit-scrollbar-thumb:hover{background:rgba(212,212,212,.5)}.brz-ui-picker-calendar-date{opacity:0;cursor:pointer;max-width:100px;margin-right:-100px;position:relative;z-index:50}.brz-ui-picker-dropdown.slide-up-leave.slide-up-leave-active{animation-duration:.3s;animation-name:antFadeOut;animation-play-state:running}.brz-ui-picker-dropdown.slide-up-enter.slide-up-enter-active{animation-name:antFadeIn;animation-play-state:running}.brz-ui-picker-footer>.brz-ui-picker-footer-extra{padding:0}