@brizy/ui
Version:
React elements in Brizy style
1 lines • 32.3 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-input-affix-wrapper{position:relative;display:inline-block;width:100%;min-width:0;padding:11px 14px;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)));background-image:none;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;display:inline-flex}.brz-ui-input-affix-wrapper::-moz-placeholder{opacity:1}.brz-ui-input-affix-wrapper::placeholder{color:var(--color-gray-mid,#a1a8ad)}.brz-ui-input-affix-wrapper:placeholder-shown{text-overflow:ellipsis}.brz-ui-input-affix-wrapper: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-input-rtl .brz-ui-input-affix-wrapper:hover{border-right-width:0;border-left-width:1px}.brz-ui-input-affix-wrapper-focused,.brz-ui-input-affix-wrapper:focus{border-color:#0d0c0c;border-right-width:1px;outline:0;box-shadow:0 0 0 2px var(--color-primary-fade-20,#3dbfe833)}.brz-ui-input-rtl .brz-ui-input-affix-wrapper-focused,.brz-ui-input-rtl .brz-ui-input-affix-wrapper:focus{border-right-width:0;border-left-width:1px}.brz-ui-input-affix-wrapper-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-input-affix-wrapper-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-input-affix-wrapper[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-input-affix-wrapper[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-input-affix-wrapper-borderless,.brz-ui-input-affix-wrapper-borderless-disabled,.brz-ui-input-affix-wrapper-borderless-focused,.brz-ui-input-affix-wrapper-borderless:focus,.brz-ui-input-affix-wrapper-borderless:hover,.brz-ui-input-affix-wrapper-borderless[disabled]{background-color:transparent;border:none;box-shadow:none}textarea.brz-ui-input-affix-wrapper{max-width:100%;height:auto;min-height:38px;line-height:1.7;vertical-align:bottom;transition:.3s,height}.brz-ui-input-affix-wrapper-lg{padding:14px 25px;font-size:16px}.brz-ui-input-affix-wrapper-sm{padding:5.5px 10px}.brz-ui-input-affix-wrapper-rtl{direction:rtl}.brz-ui-input-affix-wrapper-disabled .brz-ui-input[disabled]{background:0 0}.brz-ui-input-affix-wrapper>input.brz-ui-input{padding:0;border:none;outline:0}.brz-ui-input-affix-wrapper>input.brz-ui-input:focus{box-shadow:none}.brz-ui-input-affix-wrapper::before{width:0;visibility:hidden;content:'\a0'}.brz-ui-input-prefix,.brz-ui-input-suffix{display:flex;flex:none;align-items:center}.brz-ui-input-prefix{margin-right:4px}.brz-ui-input-suffix{margin-left:4px}.brz-ui-input-clear-icon{color:rgba(0,0,0,.25);font-size:13px;cursor:pointer;transition:color .3s;margin:0 4px;vertical-align:-1px}.brz-ui-input-clear-icon:hover{color:var(--color-gray,#777f86)}.brz-ui-input-clear-icon:active{color:var(--color-dark,#212733)}.brz-ui-input-clear-icon+i{margin-left:6px}.brz-ui-input-clear-icon-hidden{visibility:hidden}.brz-ui-input-clear-icon:last-child{margin-right:0}.brz-ui-input-affix-wrapper-textarea-with-clear-btn{padding:0;border:0}.brz-ui-input-textarea-clear-icon{color:rgba(0,0,0,.25);font-size:13px;cursor:pointer;transition:color .3s;position:absolute;top:0;right:0;z-index:1;margin:8px 8px 0 0}.brz-ui-input-textarea-clear-icon:hover{color:var(--color-gray,#777f86)}.brz-ui-input-textarea-clear-icon:active{color:var(--color-dark,#212733)}.brz-ui-input-textarea-clear-icon+i{margin-left:6px}.brz-ui-input-textarea-clear-icon-hidden{visibility:hidden}.brz-ui-input{box-sizing:border-box;margin:0;padding:11px 14px;color:var(--color-dark,#212733);font-variant:proportional-nums;list-style:none;font-feature-settings:'tnum';position:relative;display:inline-block;width:100%;min-width: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)));background-image:none;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}.brz-ui-input::-moz-placeholder{opacity:1}.brz-ui-input::placeholder{color:var(--color-gray-mid,#a1a8ad)}.brz-ui-input:placeholder-shown{text-overflow:ellipsis}.brz-ui-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-input-rtl .brz-ui-input:hover{border-right-width:0;border-left-width:1px}.brz-ui-input-focused,.brz-ui-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-input-rtl .brz-ui-input-focused,.brz-ui-input-rtl .brz-ui-input:focus{border-right-width:0;border-left-width:1px}.brz-ui-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-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-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-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-input-borderless,.brz-ui-input-borderless-disabled,.brz-ui-input-borderless-focused,.brz-ui-input-borderless:focus,.brz-ui-input-borderless:hover,.brz-ui-input-borderless[disabled]{background-color:transparent;border:none;box-shadow:none}textarea.brz-ui-input{max-width:100%;height:auto;min-height:38px;line-height:1.7;vertical-align:bottom;transition:.3s,height}.brz-ui-input-lg{padding:14px 25px;font-size:16px}.brz-ui-input-sm{padding:5.5px 10px}.brz-ui-input-rtl{direction:rtl}.brz-ui-input-group{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:relative;display:table;width:100%;border-collapse:separate;border-spacing:0}.brz-ui-input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.brz-ui-input-group>[class*=col-]{padding-right:8px}.brz-ui-input-group>[class*=col-]:last-child{padding-right:0}.brz-ui-input-group-addon,.brz-ui-input-group-wrap,.brz-ui-input-group>.brz-ui-input{display:table-cell}.brz-ui-input-group-addon:not(:first-child):not(:last-child),.brz-ui-input-group-wrap:not(:first-child):not(:last-child),.brz-ui-input-group>.brz-ui-input:not(:first-child):not(:last-child){border-radius:0}.brz-ui-input-group-addon,.brz-ui-input-group-wrap{width:1px;white-space:nowrap;vertical-align:middle}.brz-ui-input-group-wrap>*{display:block}.brz-ui-input-group .brz-ui-input{float:left;width:100%;margin-bottom:0;text-align:inherit}.brz-ui-input-group .brz-ui-input:focus,.brz-ui-input-group .brz-ui-input:hover{z-index:1;border-right-width:1px}.brz-ui-input-group-addon{position:relative;padding:0 14px;color:var(--brz-ui-global-input-color,var(--brz-ui-input-color,var(--color-dark,#212733)));font-weight:400;font-size:14px;text-align:center;background-color:#fafafa;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}.brz-ui-input-group-addon .brz-ui-select{margin:-12px -14px}.brz-ui-input-group-addon .brz-ui-select.brz-ui-select-single:not(.brz-ui-select-customize-input) .brz-ui-select-selector{background-color:inherit;border:1px solid transparent;box-shadow:none}.brz-ui-input-group-addon .brz-ui-select-focused .brz-ui-select-selector,.brz-ui-input-group-addon .brz-ui-select-open .brz-ui-select-selector{color:var(--color-blue,#3dbfe8)}.brz-ui-input-group-addon>i:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;content:''}.brz-ui-input-group-addon:first-child,.brz-ui-input-group-addon:first-child .brz-ui-select .brz-ui-select-selector,.brz-ui-input-group>.brz-ui-input:first-child,.brz-ui-input-group>.brz-ui-input:first-child .brz-ui-select .brz-ui-select-selector{border-top-right-radius:0;border-bottom-right-radius:0}.brz-ui-input-group>.brz-ui-input-affix-wrapper:not(:first-child) .brz-ui-input{border-top-left-radius:0;border-bottom-left-radius:0}.brz-ui-input-group>.brz-ui-input-affix-wrapper:not(:last-child) .brz-ui-input{border-top-right-radius:0;border-bottom-right-radius:0}.brz-ui-input-group-addon:first-child{border-right:0}.brz-ui-input-group-addon:last-child{border-left:0}.brz-ui-input-group-addon:last-child,.brz-ui-input-group-addon:last-child .brz-ui-select .brz-ui-select-selector,.brz-ui-input-group>.brz-ui-input:last-child,.brz-ui-input-group>.brz-ui-input:last-child .brz-ui-select .brz-ui-select-selector{border-top-left-radius:0;border-bottom-left-radius:0}.brz-ui-input-group-lg .brz-ui-input,.brz-ui-input-group-lg>.brz-ui-input-group-addon{padding:14px 25px;font-size:16px}.brz-ui-input-group-sm .brz-ui-input,.brz-ui-input-group-sm>.brz-ui-input-group-addon{padding:5.5px 10px}.brz-ui-input-group-lg .brz-ui-select-single .brz-ui-select-selector{height:48px}.brz-ui-input-group-sm .brz-ui-select-single .brz-ui-select-selector{height:30px}.brz-ui-input-group .brz-ui-input-affix-wrapper:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.brz-ui-input-group .brz-ui-input-affix-wrapper:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.brz-ui-input-group.brz-ui-input-group-compact{display:block}.brz-ui-input-group.brz-ui-input-group-compact::before{display:table;content:''}.brz-ui-input-group.brz-ui-input-group-compact::after{display:table;clear:both;content:''}.brz-ui-input-group.brz-ui-input-group-compact-addon:not(:first-child):not(:last-child),.brz-ui-input-group.brz-ui-input-group-compact-wrap:not(:first-child):not(:last-child),.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-input:not(:first-child):not(:last-child){border-right-width:1px}.brz-ui-input-group.brz-ui-input-group-compact-addon:not(:first-child):not(:last-child):focus,.brz-ui-input-group.brz-ui-input-group-compact-addon:not(:first-child):not(:last-child):hover,.brz-ui-input-group.brz-ui-input-group-compact-wrap:not(:first-child):not(:last-child):focus,.brz-ui-input-group.brz-ui-input-group-compact-wrap:not(:first-child):not(:last-child):hover,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-input:not(:first-child):not(:last-child):focus,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-input:not(:first-child):not(:last-child):hover{z-index:1}.brz-ui-input-group.brz-ui-input-group-compact>*{display:inline-block;float:none;vertical-align:top;border-radius:0}.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-input-affix-wrapper,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-picker-range{display:inline-flex}.brz-ui-input-group.brz-ui-input-group-compact>:not(:last-child){margin-right:-1px;border-right-width:1px}.brz-ui-input-group.brz-ui-input-group-compact .brz-ui-input{float:none}.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-calendar-picker .brz-ui-input,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-cascader-picker .brz-ui-input,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-input-group-wrapper .brz-ui-input,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-mention-wrapper .brz-ui-mention-editor,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-select-auto-complete .brz-ui-input,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-select>.brz-ui-select-selector,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-time-picker .brz-ui-time-picker-input{border-right-width:1px;border-radius:0}.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-calendar-picker .brz-ui-input:focus,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-calendar-picker .brz-ui-input:hover,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-cascader-picker .brz-ui-input:focus,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-cascader-picker .brz-ui-input:hover,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-input-group-wrapper .brz-ui-input:focus,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-input-group-wrapper .brz-ui-input:hover,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-mention-wrapper .brz-ui-mention-editor:focus,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-mention-wrapper .brz-ui-mention-editor:hover,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-select-auto-complete .brz-ui-input:focus,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-select-auto-complete .brz-ui-input:hover,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-select-focused,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-select>.brz-ui-select-arrow,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-select>.brz-ui-select-selector:focus,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-select>.brz-ui-select-selector:hover,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-time-picker .brz-ui-time-picker-input:focus,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-time-picker .brz-ui-time-picker-input:hover{z-index:1}.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-calendar-picker:first-child .brz-ui-input,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-cascader-picker:first-child .brz-ui-input,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-mention-wrapper:first-child .brz-ui-mention-editor,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-select-auto-complete:first-child .brz-ui-input,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-select:first-child>.brz-ui-select-selector,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-time-picker:first-child .brz-ui-time-picker-input,.brz-ui-input-group.brz-ui-input-group-compact>:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px}.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-calendar-picker:last-child .brz-ui-input,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-cascader-picker-focused:last-child .brz-ui-input,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-cascader-picker:last-child .brz-ui-input,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-mention-wrapper:last-child .brz-ui-mention-editor,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-select-auto-complete:last-child .brz-ui-input,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-select:last-child>.brz-ui-select-selector,.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-time-picker:last-child .brz-ui-time-picker-input,.brz-ui-input-group.brz-ui-input-group-compact>:last-child{border-right-width:1px;border-top-right-radius:3px;border-bottom-right-radius:3px}.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-select-auto-complete .brz-ui-input{vertical-align:top}.brz-ui-input-group-rtl .brz-ui-input-group-addon:first-child,.brz-ui-input-group>.brz-ui-input-rtl:first-child{border-radius:0 3px 3px 0}.brz-ui-input-group-rtl .brz-ui-input-group-addon:first-child{border-right:1px solid var(--brz-ui-global-input-border-color,var(--brz-ui-input-border-color,var(--color-gray-light,#d5d9db)));border-left:0}.brz-ui-input-group-rtl .brz-ui-input-group-addon:last-child{border-right:0;border-left:1px solid var(--brz-ui-global-input-border-color,var(--brz-ui-input-border-color,var(--color-gray-light,#d5d9db)))}.brz-ui-input-group-rtl.brz-ui-input-group .brz-ui-input-affix-wrapper:not(:first-child),.brz-ui-input-group-rtl.brz-ui-input-group-addon:last-child,.brz-ui-input-group-rtl.brz-ui-input-group>.brz-ui-input:last-child{border-radius:3px 0 0 3px}.brz-ui-input-group-rtl.brz-ui-input-group .brz-ui-input-affix-wrapper:not(:last-child){border-radius:0 3px 3px 0}.brz-ui-input-group-rtl.brz-ui-input-group.brz-ui-input-group-compact>:not(:last-child){margin-right:0;margin-left:-1px;border-left-width:1px}.brz-ui-input-group-rtl.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-calendar-picker:first-child .brz-ui-input,.brz-ui-input-group-rtl.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-cascader-picker:first-child .brz-ui-input,.brz-ui-input-group-rtl.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-mention-wrapper:first-child .brz-ui-mention-editor,.brz-ui-input-group-rtl.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-select-auto-complete:first-child .brz-ui-input,.brz-ui-input-group-rtl.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-select:first-child>.brz-ui-select-selector,.brz-ui-input-group-rtl.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-time-picker:first-child .brz-ui-time-picker-input,.brz-ui-input-group-rtl.brz-ui-input-group.brz-ui-input-group-compact>:first-child{border-radius:0 3px 3px 0}.brz-ui-input-group-rtl.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-calendar-picker:last-child .brz-ui-input,.brz-ui-input-group-rtl.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-cascader-picker-focused:last-child .brz-ui-input,.brz-ui-input-group-rtl.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-cascader-picker:last-child .brz-ui-input,.brz-ui-input-group-rtl.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-mention-wrapper:last-child .brz-ui-mention-editor,.brz-ui-input-group-rtl.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-select-auto-complete:last-child .brz-ui-input,.brz-ui-input-group-rtl.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-select:last-child>.brz-ui-select-selector,.brz-ui-input-group-rtl.brz-ui-input-group.brz-ui-input-group-compact>.brz-ui-time-picker:last-child .brz-ui-time-picker-input,.brz-ui-input-group-rtl.brz-ui-input-group.brz-ui-input-group-compact>:last-child{border-left-width:1px;border-radius:3px 0 0 3px}.brz-ui-input-group-wrapper{display:inline-block;width:100%;text-align:start;vertical-align:top}.brz-ui-input-password-icon{color:var(--color-gray,#777f86);cursor:pointer;transition:.3s}.brz-ui-input-password-icon:hover{color:rgba(0,0,0,.85)}.brz-ui-input[type=color]{height:38px}.brz-ui-input[type=color].brz-ui-input-lg{height:48px}.brz-ui-input[type=color].brz-ui-input-sm{height:30px;padding-top:3px;padding-bottom:3px}.brz-ui-input-textarea-show-count::after{display:block;color:#d9d9d9;text-align:right;content:attr(data-count)}.brz-ui-input-search-icon{padding:0 12px;margin-left:.5em;color:var(--color-gray,#777f86);cursor:pointer;transition:.3s}.brz-ui-input-search-icon::before{transform:translateX(-13px);position:absolute;top:0;bottom:0;display:block;border-left:1px solid var(--brz-ui-global-input-border-color,var(--brz-ui-input-border-color,var(--color-gray-light,#d5d9db)));transition:.3s;content:''}.brz-ui-input-search-icon::after{width:38px;position:absolute;top:0;right:0;bottom:0;content:''}.brz-ui-input-affix-wrapper-lg .brz-ui-input-search-icon{padding:0 16px}.brz-ui-input-affix-wrapper-lg .brz-ui-input-search-icon::before{transform:translateX(-17px)}.brz-ui-input-affix-wrapper-lg .brz-ui-input-search-icon::after{width:48px}.brz-ui-input-affix-wrapper-sm .brz-ui-input-search-icon{padding:0 8.5px}.brz-ui-input-affix-wrapper-sm .brz-ui-input-search-icon::before{transform:translateX(-9.5px)}.brz-ui-input-affix-wrapper-sm .brz-ui-input-search-icon::after{width:30px}.brz-ui-input-search-icon:hover{color:rgba(0,0,0,.85)}.brz-ui-input-search:not(.brz-ui-input-search-enter-button){padding-right:0}.brz-ui-input-search-enter-button input{border-right:0}.brz-ui-input-search-enter-button input:focus,.brz-ui-input-search-enter-button input:hover{border-color:var(--brz-ui-global-input-border-color,var(--brz-ui-input-border-color,var(--color-gray-light,#d5d9db)))}.brz-ui-input-search-enter-button.brz-ui-input-affix-wrapper{border-right:0}.brz-ui-input-search-enter-button input+.brz-ui-input-group-addon,.brz-ui-input-search-enter-button+.brz-ui-input-group-addon{padding:0;border:0}.brz-ui-input-search-enter-button input+.brz-ui-input-group-addon .brz-ui-input-search-button,.brz-ui-input-search-enter-button+.brz-ui-input-group-addon .brz-ui-input-search-button{border-top-left-radius:0;border-bottom-left-radius:0}.brz-ui-input-group-rtl,.brz-ui-input-group-wrapper-rtl{direction:rtl}.brz-ui-input-affix-wrapper.brz-ui-input-affix-wrapper-rtl>input.brz-ui-input{border:none;outline:0}.brz-ui-input-affix-wrapper-rtl .brz-ui-input-prefix{margin:0 0 0 4px}.brz-ui-input-affix-wrapper-rtl .brz-ui-input-suffix{margin:0 4px 0 0}.brz-ui-input-affix-wrapper-rtl .brz-ui-input-clear-icon:last-child{margin-right:4px;margin-left:0}.brz-ui-input-affix-wrapper-rtl .brz-ui-input-textarea-clear-icon{right:auto;left:0;margin:8px 0 0 8px}.brz-ui-input-search-rtl{direction:rtl}.brz-ui-input-search-rtl .brz-ui-input-search-icon{margin-right:.5em;margin-left:0}.brz-ui-input-search-rtl .brz-ui-input-search-icon::before{border-left:none}.brz-ui-input-search-rtl .brz-ui-input-search-icon::after{right:auto;left:0;border-right:1px solid var(--brz-ui-global-input-border-color,var(--brz-ui-input-border-color,var(--color-gray-light,#d5d9db)));transition:.3s}.brz-ui-input-search-rtl.brz-ui-input-search:not(.brz-ui-input-search-enter-button){padding-right:14px;padding-left:0}.brz-ui-input-search-rtl.brz-ui-input-search-enter-button input{border-right:1px solid var(--brz-ui-global-input-border-color,var(--brz-ui-input-border-color,var(--color-gray-light,#d5d9db)));border-left:0}.brz-ui-input-search-rtl.brz-ui-input-search-enter-button input:focus,.brz-ui-input-search-rtl.brz-ui-input-search-enter-button input:hover{border-color:var(--brz-ui-global-input-border-color,var(--brz-ui-input-border-color,var(--color-gray-light,#d5d9db)))}.brz-ui-input-search-rtl.brz-ui-input-search-enter-button.brz-ui-input-affix-wrapper{border-right:1px solid var(--brz-ui-global-input-border-color,var(--brz-ui-input-border-color,var(--color-gray-light,#d5d9db)));border-left:0}.brz-ui-input-search-rtl.brz-ui-input-search-enter-button.brz-ui-input-affix-wrapper:focus,.brz-ui-input-search-rtl.brz-ui-input-search-enter-button.brz-ui-input-affix-wrapper:hover{border-color:var(--brz-ui-global-input-border-color,var(--brz-ui-input-border-color,var(--color-gray-light,#d5d9db)))}.brz-ui-input-search-rtl.brz-ui-input-search-enter-button input+.brz-ui-input-group-addon,.brz-ui-input-search-rtl.brz-ui-input-search-enter-button+.brz-ui-input-group-addon{padding:0;border:0}.brz-ui-input-search-rtl.brz-ui-input-search-enter-button input+.brz-ui-input-group-addon .brz-ui-input-search-button,.brz-ui-input-search-rtl.brz-ui-input-search-enter-button+.brz-ui-input-group-addon .brz-ui-input-search-button{width:100%;border-radius:3px 0 0 3px}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.brz-ui-input{height:38px}.brz-ui-input-lg{height:48px}.brz-ui-input-sm{height:30px}.brz-ui-input-affix-wrapper>input.brz-ui-input{height:auto}}@font-face{font-family:Nunito;src:url("./../../../../dist/fonts/Nunito-Light.eot");src:local("Nunito Light"),local("Nunito-Light"),url("./../../../../dist/fonts/Nunito-Light.eot?#iefix") format("embedded-opentype"),url("./../../../../dist/fonts/Nunito-Light.woff2") format("woff2"),url("./../../../../dist/fonts/Nunito-Light.woff") format("woff"),url("./../../../../dist/fonts/Nunito-Light.ttf") format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Nunito;src:url("./../../../../dist/fonts/Nunito-ExtraLight.eot");src:local("Nunito ExtraLight"),local("Nunito-ExtraLight"),url("./../../../../dist/fonts/Nunito-ExtraLight.eot?#iefix") format("embedded-opentype"),url("./../../../../dist/fonts/Nunito-ExtraLight.woff2") format("woff2"),url("./../../../../dist/fonts/Nunito-ExtraLight.woff") format("woff"),url("./../../../../dist/fonts/Nunito-ExtraLight.ttf") format("truetype");font-weight:200;font-style:normal}@font-face{font-family:Nunito;src:url("./../../../../dist/fonts/Nunito-BlackItalic.eot");src:local("Nunito Black Italic"),local("Nunito-BlackItalic"),url("./../../../../dist/fonts/Nunito-BlackItalic.eot?#iefix") format("embedded-opentype"),url("./../../../../dist/fonts/Nunito-BlackItalic.woff2") format("woff2"),url("./../../../../dist/fonts/Nunito-BlackItalic.woff") format("woff"),url("./../../../../dist/fonts/Nunito-BlackItalic.ttf") format("truetype");font-weight:900;font-style:italic}@font-face{font-family:Nunito;src:url("./../../../../dist/fonts/Nunito-SemiBold.eot");src:local("Nunito SemiBold"),local("Nunito-SemiBold"),url("./../../../../dist/fonts/Nunito-SemiBold.eot?#iefix") format("embedded-opentype"),url("./../../../../dist/fonts/Nunito-SemiBold.woff2") format("woff2"),url("./../../../../dist/fonts/Nunito-SemiBold.woff") format("woff"),url("./../../../../dist/fonts/Nunito-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Nunito;src:url("./../../../../dist/fonts/Nunito-ExtraLightItalic.eot");src:local("Nunito ExtraLight Italic"),local("Nunito-ExtraLightItalic"),url("./../../../../dist/fonts/Nunito-ExtraLightItalic.eot?#iefix") format("embedded-opentype"),url("./../../../../dist/fonts/Nunito-ExtraLightItalic.woff2") format("woff2"),url("./../../../../dist/fonts/Nunito-ExtraLightItalic.woff") format("woff"),url("./../../../../dist/fonts/Nunito-ExtraLightItalic.ttf") format("truetype");font-weight:200;font-style:italic}@font-face{font-family:Nunito;src:url("./../../../../dist/fonts/Nunito-Regular.eot");src:local("Nunito Regular"),local("Nunito-Regular"),url("./../../../../dist/fonts/Nunito-Regular.eot?#iefix") format("embedded-opentype"),url("./../../../../dist/fonts/Nunito-Regular.woff2") format("woff2"),url("./../../../../dist/fonts/Nunito-Regular.woff") format("woff"),url("./../../../../dist/fonts/Nunito-Regular.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Nunito;src:url("./../../../../dist/fonts/Nunito-Black.eot");src:local("Nunito Black"),local("Nunito-Black"),url("./../../../../dist/fonts/Nunito-Black.eot?#iefix") format("embedded-opentype"),url("./../../../../dist/fonts/Nunito-Black.woff2") format("woff2"),url("./../../../../dist/fonts/Nunito-Black.woff") format("woff"),url("./../../../../dist/fonts/Nunito-Black.ttf") format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Nunito;src:url("./../../../../dist/fonts/Nunito-Italic.eot");src:local("Nunito Italic"),local("Nunito-Italic"),url("./../../../../dist/fonts/Nunito-Italic.eot?#iefix") format("embedded-opentype"),url("./../../../../dist/fonts/Nunito-Italic.woff2") format("woff2"),url("./../../../../dist/fonts/Nunito-Italic.woff") format("woff"),url("./../../../../dist/fonts/Nunito-Italic.ttf") format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Nunito;src:url("./../../../../dist/fonts/Nunito-ExtraBold.eot");src:local("Nunito ExtraBold"),local("Nunito-ExtraBold"),url("./../../../../dist/fonts/Nunito-ExtraBold.eot?#iefix") format("embedded-opentype"),url("./../../../../dist/fonts/Nunito-ExtraBold.woff2") format("woff2"),url("./../../../../dist/fonts/Nunito-ExtraBold.woff") format("woff"),url("./../../../../dist/fonts/Nunito-ExtraBold.ttf") format("truetype");font-weight:800;font-style:normal}@font-face{font-family:Nunito;src:url("./../../../../dist/fonts/Nunito-SemiBoldItalic.eot");src:local("Nunito SemiBold Italic"),local("Nunito-SemiBoldItalic"),url("./../../../../dist/fonts/Nunito-SemiBoldItalic.eot?#iefix") format("embedded-opentype"),url("./../../../../dist/fonts/Nunito-SemiBoldItalic.woff2") format("woff2"),url("./../../../../dist/fonts/Nunito-SemiBoldItalic.woff") format("woff"),url("./../../../../dist/fonts/Nunito-SemiBoldItalic.ttf") format("truetype");font-weight:600;font-style:italic}@font-face{font-family:Nunito;src:url("./../../../../dist/fonts/Nunito-LightItalic.eot");src:local("Nunito Light Italic"),local("Nunito-LightItalic"),url("./../../../../dist/fonts/Nunito-LightItalic.eot?#iefix") format("embedded-opentype"),url("./../../../../dist/fonts/Nunito-LightItalic.woff2") format("woff2"),url("./../../../../dist/fonts/Nunito-LightItalic.woff") format("woff"),url("./../../../../dist/fonts/Nunito-LightItalic.ttf") format("truetype");font-weight:300;font-style:italic}@font-face{font-family:Nunito;src:url("./../../../../dist/fonts/Nunito-ExtraBoldItalic.eot");src:local("Nunito ExtraBold Italic"),local("Nunito-ExtraBoldItalic"),url("./../../../../dist/fonts/Nunito-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"),url("./../../../../dist/fonts/Nunito-ExtraBoldItalic.woff2") format("woff2"),url("./../../../../dist/fonts/Nunito-ExtraBoldItalic.woff") format("woff"),url("./../../../../dist/fonts/Nunito-ExtraBoldItalic.ttf") format("truetype");font-weight:800;font-style:italic}@font-face{font-family:Nunito;src:url("./../../../../dist/fonts/Nunito-BoldItalic.eot");src:local("Nunito Bold Italic"),local("Nunito-BoldItalic"),url("./../../../../dist/fonts/Nunito-BoldItalic.eot?#iefix") format("embedded-opentype"),url("./../../../../dist/fonts/Nunito-BoldItalic.woff2") format("woff2"),url("./../../../../dist/fonts/Nunito-BoldItalic.woff") format("woff"),url("./../../../../dist/fonts/Nunito-BoldItalic.ttf") format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Nunito;src:url("./../../../../dist/fonts/Nunito-Bold.eot");src:local("Nunito Bold"),local("Nunito-Bold"),url("./../../../../dist/fonts/Nunito-Bold.eot?#iefix") format("embedded-opentype"),url("./../../../../dist/fonts/Nunito-Bold.woff2") format("woff2"),url("./../../../../dist/fonts/Nunito-Bold.woff") format("woff"),url("./../../../../dist/fonts/Nunito-Bold.ttf") format("truetype");font-weight:700;font-style:normal}input.brz-ui-toolbar__input.brz-ui-toolbar__input{font-family:Nunito,"Open Sans",Arial,sans-serif;font-size:13px;font-style:normal;font-weight:400;letter-spacing:0;background:#383e48;color:var(--color-white,#fff);flex:1 1 auto;text-indent:5px;padding:0 2px;height:30px;max-width:100%;width:100%;border-radius:4px;border:0;outline:0;box-shadow:none;text-shadow:none;text-align:start}input.brz-ui-toolbar__input.brz-ui-toolbar__input--small{height:28px;font-size:12px}input.brz-ui-toolbar__input.brz-ui-toolbar__input--light{background:var(--color-gray-lightest,#f1f1f1);font-weight:600;color:var(--color-gray,#777f86)}input.brz-ui-toolbar__input.brz-ui-toolbar__input--light::-webkit-input-placeholder{color:var(--color-blue,#3dbfe8)}input.brz-ui-toolbar__input.brz-ui-toolbar__input--light:-moz-placeholder{color:var(--color-blue,#3dbfe8)}input.brz-ui-toolbar__input.brz-ui-toolbar__input--light::placeholder{color:var(--color-blue,#3dbfe8)}.brz-ui-input.brz-ui-toolbar__input:focus{box-shadow:none}