@brizy/ui/lib/Radio/style/index.css

React elements in Brizy style

.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-radio-group{box-sizing:border-box;margin:0;padding:0;color:var(--color-dark,#212733);font-variant:proportional-nums;line-height:1.7;list-style:none;font-feature-settings:'tnum';display:inline-block;font-size:0;line-height:unset}.brz-ui-radio-group .brz-ui-badge-count{z-index:1}.brz-ui-radio-group>.brz-ui-badge:not(:first-child)>.brz-ui-radio-button-wrapper{border-left:none}.brz-ui-radio-wrapper{box-sizing:border-box;margin:0 8px 0 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:inline-block;white-space:nowrap;cursor:pointer}.brz-ui-radio{box-sizing:border-box;margin:0;padding:0;color:var(--color-dark,#212733);font-size:14px;font-variant:proportional-nums;list-style:none;font-feature-settings:'tnum';position:relative;top:0;display:inline-block;line-height:1;white-space:nowrap;vertical-align:sub;outline:0;cursor:pointer}.brz-ui-radio-input:focus+.brz-ui-radio-inner,.brz-ui-radio-wrapper:hover .brz-ui-radio,.brz-ui-radio:hover .brz-ui-radio-inner{border-color:var(--color-blue,#3dbfe8)}.brz-ui-radio-input:focus+.brz-ui-radio-inner{box-shadow:0 0 0 3px var(--color-primary-fade-8,#3dbfe814)}.brz-ui-radio-checked::after{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid var(--color-blue,#3dbfe8);border-radius:50%;visibility:hidden;animation:.36s ease-in-out both antRadioEffect;content:''}.brz-ui-radio-wrapper:hover .brz-ui-radio::after,.brz-ui-radio:hover::after{visibility:visible}.brz-ui-radio-inner{position:relative;top:0;left:0;display:block;width:16px;height:16px;background-color:transparent;border-color:var(--color-gray-light,#d5d9db);border-style:solid;border-width:1px;border-radius:100px;transition:.3s}.brz-ui-radio-inner::after{position:absolute;top:3px;left:3px;display:table;width:8px;height:8px;background-color:var(--color-blue,#3dbfe8);border-top:0;border-left:0;border-radius:8px;transform:scale(0);opacity:0;transition:.3s cubic-bezier(.78, .14, .15, .86);content:' '}.brz-ui-radio-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:pointer;opacity:0}.brz-ui-radio-checked .brz-ui-radio-inner{border-color:var(--color-blue,#3dbfe8)}.brz-ui-radio-checked .brz-ui-radio-inner::after{transform:scale(1);opacity:1;transition:.3s cubic-bezier(.78, .14, .15, .86)}.brz-ui-radio-disabled .brz-ui-radio-inner{background-color:var(--brz-ui-global-input-background,var(--brz-ui-input-background,var(--color-white,#fff)));border-color:var(--color-gray-light,#d5d9db)!important;cursor:not-allowed}.brz-ui-radio-disabled .brz-ui-radio-inner::after{background-color:rgba(0,0,0,.2)}.brz-ui-radio-disabled .brz-ui-radio-input{cursor:not-allowed}.brz-ui-radio-disabled+span{color:rgba(0,0,0,.25);cursor:not-allowed}span.brz-ui-radio+*{padding-right:8px;padding-left:8px}.brz-ui-radio-button-wrapper{position:relative;display:inline-block;height:38px;margin:0;padding:0 15px;color:var(--color-dark,#212733);font-size:14px;line-height:36px;background:0 0;border:1px solid var(--color-gray-light,#d5d9db);border-top-width:1.02px;border-left-width:0;cursor:pointer;transition:color .3s,background .3s,border-color .3s,box-shadow .3s}.brz-ui-radio-button-wrapper a{color:var(--color-dark,#212733)}.brz-ui-radio-button-wrapper>.brz-ui-radio-button{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%}.brz-ui-radio-group-large .brz-ui-radio-button-wrapper{height:48px;font-size:16px;line-height:46px}.brz-ui-radio-group-small .brz-ui-radio-button-wrapper{height:30px;padding:0 3px;line-height:28px}.brz-ui-radio-button-wrapper:not(:first-child)::before{position:absolute;top:-1px;left:-1px;display:block;box-sizing:content-box;width:1px;height:100%;padding:1px 0;background-color:var(--color-gray-light,#d5d9db);transition:background-color .3s;content:''}.brz-ui-radio-button-wrapper:first-child{border-left:1px solid var(--color-gray-light,#d5d9db)}.brz-ui-radio-button-wrapper:first-child:last-child{border-radius:3px}.brz-ui-radio-button-wrapper:hover{position:relative;color:var(--color-blue,#3dbfe8)}.brz-ui-radio-button-wrapper:focus-within{box-shadow:0 0 0 3px var(--color-primary-fade-8,#3dbfe814)}.brz-ui-radio-button-wrapper .brz-ui-radio-inner,.brz-ui-radio-button-wrapper input[type=checkbox],.brz-ui-radio-button-wrapper input[type=radio]{width:0;height:0;opacity:0;pointer-events:none}.brz-ui-radio-button-wrapper-checked:not(.brz-ui-radio-button-wrapper-disabled){z-index:1;color:var(--color-blue,#3dbfe8);background:0 0;border-color:var(--color-blue,#3dbfe8)}.brz-ui-radio-button-wrapper-checked:not(.brz-ui-radio-button-wrapper-disabled)::before{background-color:var(--color-blue,#3dbfe8)}.brz-ui-radio-button-wrapper-checked:not(.brz-ui-radio-button-wrapper-disabled):first-child{border-color:var(--color-blue,#3dbfe8)}.brz-ui-radio-button-wrapper-checked:not(.brz-ui-radio-button-wrapper-disabled):hover{color:var(--color-blue,#3dbfe8);border-color:var(--color-blue,#3dbfe8)}.brz-ui-radio-button-wrapper-checked:not(.brz-ui-radio-button-wrapper-disabled):hover::before{background-color:var(--color-blue,#3dbfe8)}.brz-ui-radio-button-wrapper-checked:not(.brz-ui-radio-button-wrapper-disabled):active{color:var(--color-primary-7,#2999c2);border-color:var(--color-primary-7,#2999c2)}.brz-ui-radio-button-wrapper-checked:not(.brz-ui-radio-button-wrapper-disabled):active::before{background-color:var(--color-primary-7,#2999c2)}.brz-ui-radio-button-wrapper-checked:not(.brz-ui-radio-button-wrapper-disabled):focus-within{box-shadow:0 0 0 3px var(--color-primary-fade-8,#3dbfe814)}.brz-ui-radio-group-solid .brz-ui-radio-button-wrapper-checked:not(.brz-ui-radio-button-wrapper-disabled),.brz-ui-radio-group-solid .brz-ui-radio-button-wrapper-checked:not(.brz-ui-radio-button-wrapper-disabled):hover{color:var(--color-white,#fff);background:var(--color-blue,#3dbfe8);border-color:var(--color-blue,#3dbfe8)}.brz-ui-radio-group-solid .brz-ui-radio-button-wrapper-checked:not(.brz-ui-radio-button-wrapper-disabled):active{color:var(--color-white,#fff);background:var(--color-primary-7,#2999c2);border-color:var(--color-primary-7,#2999c2)}.brz-ui-radio-group-solid .brz-ui-radio-button-wrapper-checked:not(.brz-ui-radio-button-wrapper-disabled):focus-within{box-shadow:0 0 0 3px var(--color-primary-fade-8,#3dbfe814)}.brz-ui-radio-button-wrapper-disabled{color:rgba(0,0,0,.25);background-color: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-radio-button-wrapper-disabled:first-child,.brz-ui-radio-button-wrapper-disabled:hover{color:rgba(0,0,0,.25);background-color:var(--brz-ui-global-input-background,var(--brz-ui-input-background,var(--color-white,#fff)));border-color:var(--color-gray-light,#d5d9db)}.brz-ui-radio-button-wrapper-disabled:first-child{border-left-color:var(--color-gray-light,#d5d9db)}.brz-ui-radio-button-wrapper-disabled.brz-ui-radio-button-wrapper-checked{color:rgba(0,0,0,.25);background-color:#e6e6e6;border-color:var(--color-gray-light,#d5d9db);box-shadow:none}@keyframes antRadioEffect{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.6);opacity:0}}@supports (-moz-appearance:meterbar) and (background-blend-mode:difference,normal){.brz-ui-radio{vertical-align:text-bottom}}.brz-ui-radio-group.brz-ui-radio-group-rtl{direction:rtl}.brz-ui-radio-wrapper.brz-ui-radio-wrapper-rtl{margin-right:0;margin-left:8px;direction:rtl}.brz-ui-radio-button-wrapper.brz-ui-radio-button-wrapper-rtl{border-right-width:0;border-left-width:1px}.brz-ui-radio-button-wrapper.brz-ui-radio-button-wrapper-rtl.brz-ui-radio-button-wrapper:not(:first-child)::before{right:-1px;left:0}.brz-ui-radio-button-wrapper.brz-ui-radio-button-wrapper-rtl.brz-ui-radio-button-wrapper:first-child{border-right:1px solid var(--color-gray-light,#d5d9db);border-radius:0 3px 3px 0}.brz-ui-radio-button-wrapper-checked:not([class*=' brz-ui-radio-button-wrapper-disabled']).brz-ui-radio-button-wrapper:first-child{border-right-color:var(--color-blue,#3dbfe8)}.brz-ui-radio-button-wrapper.brz-ui-radio-button-wrapper-rtl.brz-ui-radio-button-wrapper:last-child{border-radius:3px 0 0 3px}.brz-ui-radio-button-wrapper.brz-ui-radio-button-wrapper-rtl.brz-ui-radio-button-wrapper-disabled:first-child{border-right-color:var(--color-gray-light,#d5d9db)}.brz-ui-radio-group-solid .brz-ui-radio-button-wrapper-checked:not(.brz-ui-radio-button-wrapper-disabled),.brz-ui-radio-group-solid .brz-ui-radio-button-wrapper:hover:not(.brz-ui-radio-button-wrapper-disabled){color:var(--color-white,#fff);background-color:var(--primary-blue,#212733)}.brz-ui-radio-group-solid .brz-ui-radio-button-wrapper-checked:not(.brz-ui-radio-button-wrapper-disabled){border-color:var(--color-gray-light,#d5d9db)}.brz-ui-radio-group-solid .brz-ui-radio-button-wrapper-checked:not(.brz-ui-radio-button-wrapper-disabled):first-child,.brz-ui-radio-group-solid .brz-ui-radio-button-wrapper-checked:not(.brz-ui-radio-button-wrapper-disabled):hover{z-index:auto;border-right-color:transparent}.brz-ui-radio-group-solid .brz-ui-radio-button-wrapper-checked:not(.brz-ui-radio-button-wrapper-disabled):active:not(.brz-ui-radio-button-wrapper-disabled){color:var(--color-white,#fff);border-color:var(--color-gray-light,#d5d9db)}.brz-ui-radio-group-solid .brz-ui-radio-button-wrapper-checked:not(.brz-ui-radio-button-wrapper-disabled):before{background-color:transparent}.brz-ui-radio-button-wrapper,.brz-ui-radio-button-wrapper-checked:not(.brz-ui-radio-group-solid),.brz-ui-radio-inner{background-color:var(--color-white,#fff)}.brz-ui-radio-button-wrapper:not(:first-child) :before{inset-inline-start:-1px}.brz-ui-radio-button-wrapper:first-child{border-left-width:0;border-radius:0;border-inline-start-width:1px;border-start-start-radius:8px;border-end-start-radius:8px;border-inline-start-color:var(--color-gray-light,#d5d9db)}.brz-ui-radio-button-wrapper:last-child{border-radius:0;border-inline-end-width:1px;border-inline-end-color:var(--color-gray-light,#d5d9db);border-start-end-radius:8px;border-end-end-radius:8px}.brz-ui-radio-button-wrapper:last-child:before{inset-inline-start:-1px}.brz-ui-radio-button-wrapper-checked:first-child,.brz-ui-radio-button-wrapper-checked:last-child{border-inline-end-width:1px;border-style:solid;border-color:var(--active-color,#3dbfe8)}.brz-ui-radio-group-solid .brz-ui-radio-button-wrapper-checked:not(.brz-ui-radio-button-wrapper-disabled):hover{border-color:var(--primary-blue,#212733)}.brz-ui-radio-wrapper{display:flex;align-items:center}.brz-ui-radio-group{display:flex}