@react-beauty/interfaces/dist/index.css

@react-beauty user interface collection

.react-beauty-el-avatar-initial{text-transform:uppercase;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--components-avatar-color-background-color);color:var(--components-avatar-color-color);font-family:var(--font-primary);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-rounded);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-beauty-el-avatar-initial[data-size="2xl"]{width:var(--components-avatar-size-2xl);height:var(--components-avatar-size-2xl)}.react-beauty-el-avatar-initial[data-size=xl]{width:var(--components-avatar-size-xl);height:var(--components-avatar-size-xl)}.react-beauty-el-avatar-initial[data-size=lg]{width:var(--components-avatar-size-lg);height:var(--components-avatar-size-lg)}.react-beauty-el-avatar-initial[data-size=md]{width:var(--components-avatar-size-md);height:var(--components-avatar-size-md)}.react-beauty-el-avatar-initial[data-size=sm]{width:var(--components-avatar-size-sm);height:var(--components-avatar-size-sm)}.react-beauty-el-avatar-initial[data-size=xs]{width:var(--components-avatar-size-xs);height:var(--components-avatar-size-xs)}.react-beauty-el-avatar-initial[data-size="2xl"]{font-size:var(--components-avatar-font-2xl);line-height:var(--components-avatar-line-height-2xl)}.react-beauty-el-avatar-initial[data-size=xl]{font-size:var(--components-avatar-font-xl);line-height:var(--components-avatar-line-height-xl)}.react-beauty-el-avatar-initial[data-size=lg]{font-size:var(--components-avatar-font-lg);line-height:var(--components-avatar-line-height-lg)}.react-beauty-el-avatar-initial[data-size=md]{font-size:var(--components-avatar-font-md);line-height:var(--components-avatar-line-height-md)}.react-beauty-el-avatar-initial[data-size=sm]{font-size:var(--components-avatar-font-sm);line-height:var(--components-avatar-line-height-sm)}.react-beauty-el-avatar-initial[data-size=xs]{font-size:var(--components-avatar-font-xs);line-height:var(--components-avatar-line-height-xs)}.react-beauty-el-avatar-picture{text-transform:uppercase;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--components-avatar-color-background-color);color:var(--components-avatar-color-color);font-family:var(--font-primary);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-rounded);object-fit:cover}.react-beauty-el-avatar-picture[data-size="2xl"]{width:var(--components-avatar-size-2xl);height:var(--components-avatar-size-2xl)}.react-beauty-el-avatar-picture[data-size=xl]{width:var(--components-avatar-size-xl);height:var(--components-avatar-size-xl)}.react-beauty-el-avatar-picture[data-size=lg]{width:var(--components-avatar-size-lg);height:var(--components-avatar-size-lg)}.react-beauty-el-avatar-picture[data-size=md]{width:var(--components-avatar-size-md);height:var(--components-avatar-size-md)}.react-beauty-el-avatar-picture[data-size=sm]{width:var(--components-avatar-size-sm);height:var(--components-avatar-size-sm)}.react-beauty-el-avatar-picture[data-size=xs]{width:var(--components-avatar-size-xs);height:var(--components-avatar-size-xs)}.react-beauty-el-avatar-picture[data-size="2xl"]{font-size:var(--components-avatar-font-2xl);line-height:var(--components-avatar-line-height-2xl)}.react-beauty-el-avatar-picture[data-size=xl]{font-size:var(--components-avatar-font-xl);line-height:var(--components-avatar-line-height-xl)}.react-beauty-el-avatar-picture[data-size=lg]{font-size:var(--components-avatar-font-lg);line-height:var(--components-avatar-line-height-lg)}.react-beauty-el-avatar-picture[data-size=md]{font-size:var(--components-avatar-font-md);line-height:var(--components-avatar-line-height-md)}.react-beauty-el-avatar-picture[data-size=sm]{font-size:var(--components-avatar-font-sm);line-height:var(--components-avatar-line-height-sm)}.react-beauty-el-avatar-picture[data-size=xs]{font-size:var(--components-avatar-font-xs);line-height:var(--components-avatar-line-height-xs)}.react-beauty-el-icon[data-size="2xs"]{width:var(--components-icon-size-placeholder-2xs);height:var(--components-icon-size-placeholder-2xs)}.react-beauty-el-icon[data-size=xs]{width:var(--components-icon-size-placeholder-xs);height:var(--components-icon-size-placeholder-xs)}.react-beauty-el-icon[data-size=md]{width:var(--components-icon-size-placeholder-md);height:var(--components-icon-size-placeholder-md)}.react-beauty-el-icon[data-size=lg]{width:var(--components-icon-size-placeholder-lg);height:var(--components-icon-size-placeholder-lg)}.react-beauty-el-alert-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.react-beauty-el-alert-title{font-weight:var(--components-alert-font-weight-title);font-size:var(--components-alert-font-size);line-height:var(--components-alert-line-height)}.react-beauty-el-alert-description{font-weight:var(--components-alert-font-weight-description);font-size:var(--components-alert-font-size);line-height:var(--components-alert-line-height);width:100%;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.react-beauty-el-alert-button{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:end;justify-content:end;color:inherit}.react-beauty-el-alert-button button{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:unset;border:none;border-radius:var(--components-alert-border-radius);color:inherit;-webkit-transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out}.react-beauty-el-alert-button button:hover{background-color:var(--components-alert-colors-dismiss-hover);cursor:pointer}.react-beauty-el-alert-button button:active{-webkit-transform:scale(.85);-moz-transform:scale(.85);-ms-transform:scale(.85);transform:scale(.85)}.react-beauty-el-alert-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:400px;padding:var(--components-alert-padding);background-color:var(--components-alert-colors-default);border-radius:var(--components-alert-border-radius);gap:var(--components-alert-gap);font-weight:var(--components-alert-font-weight-description);font-size:var(--components-alert-font-size);line-height:var(--components-alert-line-height)}.react-beauty-el-alert-container[data-intent=info]{color:var(--components-alert-colors-info)}.react-beauty-el-alert-container[data-intent=info][data-type=colourful]{background-color:var(--components-alert-colors-info-bg)}.react-beauty-el-alert-container[data-intent=info][data-type=outline]{outline-color:var(--components-alert-colors-info)}.react-beauty-el-alert-container[data-intent=success]{color:var(--components-alert-colors-success)}.react-beauty-el-alert-container[data-intent=success][data-type=colourful]{background-color:var(--components-alert-colors-success-bg)}.react-beauty-el-alert-container[data-intent=success][data-type=outline]{outline-color:var(--components-alert-colors-success)}.react-beauty-el-alert-container[data-intent=warning]{color:var(--components-alert-colors-warning)}.react-beauty-el-alert-container[data-intent=warning][data-type=colourful]{background-color:var(--components-alert-colors-warning-bg)}.react-beauty-el-alert-container[data-intent=warning][data-type=outline]{outline-color:var(--components-alert-colors-warning)}.react-beauty-el-alert-container[data-intent=danger]{color:var(--components-alert-colors-danger)}.react-beauty-el-alert-container[data-intent=danger][data-type=colourful]{background-color:var(--components-alert-colors-danger-bg)}.react-beauty-el-alert-container[data-intent=danger][data-type=outline]{outline-color:var(--components-alert-colors-danger)}.react-beauty-el-alert-container[data-type=outline]{outline:solid;outline-width:1px}.react-beauty-el-button{outline:none;border:none;background-color:unset;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center;gap:var(--space-1);-webkit-transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out}.react-beauty-el-button:hover{cursor:pointer}.react-beauty-el-button:active{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}.react-beauty-el-button[disabled]{cursor:not-allowed;opacity:32%}.react-beauty-el-button[data-is-full-width]{width:100%}.react-beauty-el-button[data-size=xs]{border-radius:var(--components-button-border-radius-xs);padding:var(--components-button-padding-xs-y) var(--components-button-padding-xs-x);font-size:var(--components-button-font-size-xs);font-weight:var(--components-button-font-weight);line-height:var(--components-button-line-height-xs)}.react-beauty-el-button[data-size=xs][data-is-only-icon=true]{padding:var(--components-button-padding-xs-icon)}.react-beauty-el-button[data-size=sm]{border-radius:var(--components-button-border-radius-sm);padding:var(--components-button-padding-sm-y) var(--components-button-padding-sm-x);font-size:var(--components-button-font-size-sm);font-weight:var(--components-button-font-weight);line-height:var(--components-button-line-height-sm)}.react-beauty-el-button[data-size=sm][data-is-only-icon=true]{padding:var(--components-button-padding-sm-icon)}.react-beauty-el-button[data-size=md]{border-radius:var(--components-button-border-radius-md);padding:var(--components-button-padding-md-y) var(--components-button-padding-md-x);font-size:var(--components-button-font-size-md);font-weight:var(--components-button-font-weight);line-height:var(--components-button-line-height-md)}.react-beauty-el-button[data-size=md][data-is-only-icon=true]{padding:var(--components-button-padding-md-icon)}.react-beauty-el-button[data-size=lg]{border-radius:var(--components-button-border-radius-lg);padding:var(--components-button-padding-lg-y) var(--components-button-padding-lg-x);font-size:var(--components-button-font-size-lg);font-weight:var(--components-button-font-weight);line-height:var(--components-button-line-height-lg)}.react-beauty-el-button[data-size=lg][data-is-only-icon=true]{padding:var(--components-button-padding-lg-icon)}.react-beauty-el-button[data-size=xl]{border-radius:var(--components-button-border-radius-xl);padding:var(--components-button-padding-xl-y) var(--components-button-padding-xl-x);font-size:var(--components-button-font-size-xl);font-weight:var(--components-button-font-weight);line-height:var(--components-button-line-height-xl)}.react-beauty-el-button[data-size=xl][data-is-only-icon=true]{padding:var(--components-button-padding-xl-icon)}.react-beauty-el-button[data-variant=fill]{background-color:var(--components-button-colors-fill-default-bg);color:var(--components-button-colors-fill-default-color)}.react-beauty-el-button[data-variant=fill]:hover{background-color:color-mix(in srgb,var(--colors-main-picollo),var(--colors-main-bulma) 10%)}.react-beauty-el-button[data-variant=fill]:focus-visible{box-shadow:0 0 0 4px var(--components-button-colors-fill-focus-bs)}.react-beauty-el-button[data-variant=outline]{outline:solid;outline-color:var(--components-button-colors-outline-default-outline);outline-width:1px;color:var(--components-button-colors-outline-default-color);background-color:transparent}.react-beauty-el-button[data-variant=outline]:hover{background-color:var(--components-button-colors-outline-hover-bg)}.react-beauty-el-button[data-variant=outline]:focus-visible{box-shadow:0 0 0 4px var(--components-button-colors-outline-focus-bs)}.react-beauty-el-button[data-variant=ghost]{background-color:transparent;color:var(--components-button-colors-ghost-default-color)}.react-beauty-el-button[data-variant=ghost]:hover{color:var(--components-button-colors-ghost-hover-color);background-color:var(--components-button-colors-ghost-hover-bg)}.react-beauty-el-button[data-variant=ghost]:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--colors-main-picollo) 20%,transparent)}.react-beauty-el-tag{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--components-tag-gap);background-color:var(--components-tag-colors-bg);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:var(--components-tag-colors-color);font-size:var(--components-tag-font-size);font-weight:var(--components-tag-font-weight-medium);line-height:var(--components-tag-line-height);border-radius:var(--components-tag-border-radius)}.react-beauty-el-tag[data-is-uppercase=true]{text-transform:uppercase}.react-beauty-el-tag[data-has-bold-text=true]{font-weight:var(--components-tag-font-weight-bold)}.react-beauty-el-tag[data-size=sm]{padding-top:var(--components-tag-padding-sm-y);padding-bottom:var(--components-tag-padding-sm-y);padding-right:var(--components-tag-padding-sm-x);padding-left:var(--components-tag-padding-sm-x)}.react-beauty-el-tag[data-size=sm][data-has-suffix-icon=true]{padding-right:var(--components-tag-padding-sm-r-icon)}.react-beauty-el-tag[data-size=sm][data-has-prefix-icon=true]{padding-left:var(--components-tag-padding-sm-l-icon)}.react-beauty-el-tag[data-size=md]{padding-top:var(--components-tag-padding-md-y);padding-bottom:var(--components-tag-padding-md-y);padding-right:var(--components-tag-padding-md-x);padding-left:var(--components-tag-padding-md-x)}.react-beauty-el-tag[data-size=md][data-has-suffix-icon=true]{padding-right:var(--components-tag-padding-md-r-icon)}.react-beauty-el-tag[data-size=md][data-has-prefix-icon=true]{padding-left:var(--components-tag-padding-md-l-icon)}.react-beauty-el-empty-state-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--components-empty-state-gap);-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:var(--components-empty-state-padding-y) var(--components-empty-state-padding-x)}.react-beauty-el-empty-state-title{font-size:var(--components-empty-state-font-size-title);font-weight:var(--components-empty-state-font-weight-title);line-height:var(--components-empty-state-line-height-title);color:var(--components-empty-state-colors-default);text-align:center}.react-beauty-el-empty-state-description{font-size:var(--components-empty-state-font-size-description);line-height:var(--components-empty-state-line-height-description);font-weight:var(--components-empty-state-font-weight-description);color:var(--components-empty-state-colors-default);text-align:center}.react-beauty-el-empty-state-icon{position:relative;height:100%;text-align:center}.react-beauty-el-empty-state-icon>svg[data-is-primary]{width:var(--components-empty-state-size-icon-primary);height:var(--components-empty-state-size-icon-primary);color:var(--components-empty-state-colors-default)}.react-beauty-el-empty-state-icon>svg[data-is-secondary]{position:absolute;z-index:2;top:var(--space-2);right:var(--space-2);color:var(--components-empty-state-colors-icon-secondary-color);background-color:var(--components-empty-state-colors-icon-secondary-bg);border-radius:var(--components-empty-state-border-radius)}.react-beauty-el-menu-item-lead-element{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.react-beauty-el-menu-item-trail-element{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:end;justify-content:end;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.react-beauty-el-menu-item-label{font-size:var(--components-menu-item-font-size-label);line-height:var(--components-menu-item-line-height-label);font-weight:var(--components-menu-item-font-weight)}.react-beauty-el-menu-item-description{font-size:var(--components-menu-item-font-size-description);line-height:var(--components-menu-item-line-height-description);font-weight:var(--components-menu-item-font-weight);color:var(--components-menu-item-colors-description-color);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.react-beauty-el-menu-item-link-button{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--components-menu-item-gap);-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:start;justify-content:start;width:100%;padding-left:var(--components-menu-item-padding-l);padding-right:var(--components-menu-item-padding-r);padding-top:var(--components-menu-item-padding-t);padding-bottom:var(--components-menu-item-padding-b);border-radius:var(--components-menu-item-border-radius);color:var(--components-menu-item-colors-default-color);-webkit-transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;outline:none;border:none;text-align:left}.react-beauty-el-menu-item-link-button:hover{cursor:pointer;background-color:var(--colors-main-hales)}.react-beauty-el-menu-item-link-button:focus-visible{outline:solid;outline-width:4px;outline-color:var(--components-menu-item-colors-focus-outline)}.react-beauty-el-menu-item-link-button:active{-webkit-transform:scale(.975);-moz-transform:scale(.975);-ms-transform:scale(.975);transform:scale(.975)}.react-beauty-el-menu-item-link-button[data-disabled=true]{cursor:not-allowed;opacity:32%}.react-beauty-el-menu-item-link-anchor{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--components-menu-item-gap);-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:start;justify-content:start;width:100%;padding-left:var(--components-menu-item-padding-l);padding-right:var(--components-menu-item-padding-r);padding-top:var(--components-menu-item-padding-t);padding-bottom:var(--components-menu-item-padding-b);border-radius:var(--components-menu-item-border-radius);color:var(--components-menu-item-colors-default-color);-webkit-transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out}.react-beauty-el-menu-item-link-anchor:hover{cursor:pointer;background-color:var(--colors-main-hales)}.react-beauty-el-menu-item-link-anchor:focus-visible{outline:solid;outline-width:4px;outline-color:var(--components-menu-item-colors-focus-outline)}.react-beauty-el-menu-item-link-anchor:active{-webkit-transform:scale(.975);-moz-transform:scale(.975);-ms-transform:scale(.975);transform:scale(.975)}.react-beauty-el-menu-item-link-anchor[data-disabled=true]{cursor:not-allowed;opacity:32%}.react-beauty-el-menu-item-container{max-width:var(--components-menu-item-max-width);list-style:none}.react-beauty-el-menu-label-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%}.react-beauty-el-menu-label-container>a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--components-menu-item-gap);-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:start;justify-content:start;width:100%;padding-left:var(--components-menu-item-padding-l);padding-right:var(--components-menu-item-padding-r);padding-top:var(--components-menu-item-padding-t);padding-bottom:var(--components-menu-item-padding-b);border-radius:var(--components-menu-item-border-radius);color:var(--components-menu-item-colors-default-color);-webkit-transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out}.react-beauty-el-menu-label-container>a:hover{cursor:pointer;background-color:var(--colors-main-hales)}.react-beauty-el-menu-label-container>a:focus-visible{outline:solid;outline-width:4px;outline-color:var(--components-menu-item-colors-focus-outline)}.react-beauty-el-menu-label-container>a:active{-webkit-transform:scale(.975);-moz-transform:scale(.975);-ms-transform:scale(.975);transform:scale(.975)}.react-beauty-el-menu-label-container>a[data-disabled=true]{cursor:not-allowed;opacity:32%}.react-beauty-pagination-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;gap:var(--components-pagination-gap)}.react-beauty-pagination-container[data-disabled=true]{opacity:var(--components-pagination-disabled-opacity-container);pointer-events:none}.react-beauty-pagination-item{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:var(--components-pagination-item-size-md);height:var(--components-pagination-item-size-md);font-size:var(--components-pagination-font-size-md);line-height:var(--components-pagination-font-line-height-md);font-weight:var(--components-pagination-font-weight);border-radius:var(--components-pagination-border-radius);background-color:transparent;color:var(--components-pagination-colors-text);border:none;cursor:pointer;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.react-beauty-pagination-item[data-size=sm]{width:var(--components-pagination-item-size-sm);height:var(--components-pagination-item-size-sm);font-size:var(--components-pagination-font-size-sm);line-height:var(--components-pagination-font-line-height-sm)}.react-beauty-pagination-item:hover:not([data-active=true]){background-color:var(--components-pagination-colors-hover)}.react-beauty-pagination-item:focus-visible{outline:2px solid var(--components-pagination-colors-focus-outline);outline-offset:1px}.react-beauty-pagination-item[data-active=true]{background-color:var(--components-pagination-colors-active-background);color:var(--components-pagination-colors-active-text)}.react-beauty-pagination-item:disabled{cursor:not-allowed;opacity:var(--components-pagination-disabled-opacity-item)}.react-beauty-pagination-nav-item.react-beauty-pagination-item:disabled{opacity:var(--components-pagination-disabled-opacity-nav-item)}.react-beauty-el-accordion-container{background-color:var(--components-accordion-colors-default-bg);border-radius:var(--components-accordion-border-radius);width:100%;box-shadow:var(--components-accordion-shadow-default);-webkit-transition:box-shadow var(--components-accordion-transition-duration) var(--components-accordion-transition-timing);transition:box-shadow var(--components-accordion-transition-duration) var(--components-accordion-transition-timing)}.react-beauty-el-accordion-container[data-expanded=true]{box-shadow:var(--components-accordion-shadow-expanded)}.react-beauty-el-accordion-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;background-color:var(--components-accordion-colors-default-bg);color:var(--components-accordion-colors-default-color);gap:var(--components-accordion-header-gap);padding:var(--components-accordion-padding-t) var(--components-accordion-padding-r) var(--components-accordion-padding-b) var(--components-accordion-padding-l);-webkit-box-pack:justify;-ms-flex-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;border-radius:var(--components-accordion-border-radius);cursor:pointer;-webkit-transition:background-color var(--components-accordion-transition-duration) var(--components-accordion-transition-timing);transition:background-color var(--components-accordion-transition-duration) var(--components-accordion-transition-timing)}.react-beauty-el-accordion-header:hover{background-color:color-mix(in srgb,var(--components-accordion-colors-default-bg),var(--components-accordion-colors-default-color) 5%)}.react-beauty-el-accordion-header:focus-visible{outline:solid;outline-width:4px;outline-color:var(--components-accordion-colors-focus-outline)}.react-beauty-el-accordion-title{font-size:var(--components-accordion-font-size);line-height:var(--components-accordion-line-height);font-weight:var(--components-accordion-font-weight-title)}.react-beauty-el-accordion-content{overflow:hidden;height:auto;-webkit-transition:max-height var(--components-accordion-transition-content),opacity var(--components-accordion-transition-content),padding var(--components-accordion-transition-content);transition:max-height var(--components-accordion-transition-content),opacity var(--components-accordion-transition-content),padding var(--components-accordion-transition-content);background-color:var(--components-accordion-colors-content-bg);border-bottom-left-radius:var(--components-accordion-border-radius);border-bottom-right-radius:var(--components-accordion-border-radius);max-height:0;color:var(--components-accordion-colors-default-color);transform-origin:top}.react-beauty-el-accordion-content[data-expanded=true]{visibility:visible;opacity:1;max-height:1000px;padding:var(--components-accordion-content-padding)}.react-beauty-el-accordion-content[data-expanded=false]{opacity:0;max-height:0;padding:0 var(--components-accordion-padding-l);visibility:hidden}.react-beauty-el-accordion-lead-element{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.react-beauty-el-accordion-trail-element{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto;-webkit-transition:-webkit-transform var(--components-accordion-transition-duration) ease;transition:transform var(--components-accordion-transition-duration) ease}.react-beauty-el-accordion-trail-element[data-expanded=true]{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.react-beauty-el-breadcrumb-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:var(--components-breadcrumb-max-width, 100%);width:100%;font-family:var(--font-primary);padding:var(--components-breadcrumb-padding-y) var(--components-breadcrumb-padding-x)}.react-beauty-el-breadcrumb-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--components-breadcrumb-gap);list-style:none;width:100%;margin:0;padding:0}.react-beauty-el-breadcrumb-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--components-breadcrumb-gap);font-size:var(--components-breadcrumb-font-size);line-height:var(--components-breadcrumb-line-height);color:var(--components-breadcrumb-colors-default);font-weight:var(--components-breadcrumb-font-weight-default);max-width:200px;min-width:0}.react-beauty-el-breadcrumb-item[data-is-active=true]{color:var(--components-breadcrumb-colors-active);font-weight:var(--components-breadcrumb-font-weight-active)}.react-beauty-el-breadcrumb-link{-webkit-text-decoration:none;text-decoration:none;color:inherit;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out;outline:none;max-width:100%;display:inline-block;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-is-active=true] .react-beauty-el-breadcrumb-link{white-space:normal;overflow:visible;text-overflow:clip}.react-beauty-el-breadcrumb-link:hover{color:var(--components-breadcrumb-colors-hover)}.react-beauty-el-breadcrumb-link:focus-within{outline:solid;outline-width:2px;outline-color:var(--components-breadcrumb-colors-focus-outline);border-radius:var(--components-breadcrumb-border-radius);z-index:1;position:relative}.react-beauty-el-breadcrumb-divider{color:var(--components-breadcrumb-colors-divider);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.react-beauty-el-tooltip-container{position:relative;display:inline-block}.react-beauty-el-tooltip-content{position:absolute;z-index:var(--components-tooltip-z-index, 1000);background-color:var(--colors-main-gohan);color:var(--colors-main-bulma);border-radius:var(--components-tooltip-border-radius, 8px);padding:var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-xs);max-width:var(--components-tooltip-max-width, 280px);box-shadow:var(--components-tooltip-shadow, 1px 1px 2px rgba(0, 0, 0, .2));text-align:center;white-space:nowrap;opacity:1}.react-beauty-el-tooltip-content[data-placement=top-left]{bottom:150%;left:20%;-webkit-transform:translateX(-75%);-moz-transform:translateX(-75%);-ms-transform:translateX(-75%);transform:translate(-75%)}.react-beauty-el-tooltip-content[data-placement=top-left]:before{content:"";position:absolute;top:100%;right:20%;margin-left:calc(var(--components-tooltip-pointer-size, 6px) * -1);border-width:var(--components-tooltip-pointer-size, 6px);border-style:solid;border-color:var(--colors-main-gohan) transparent transparent transparent}.react-beauty-el-tooltip-content[data-placement=top-center]{bottom:150%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%)}.react-beauty-el-tooltip-content[data-placement=top-center]:before{content:"";position:absolute;top:100%;left:50%;margin-left:calc(var(--components-tooltip-pointer-size, 6px) * -1);border-width:var(--components-tooltip-pointer-size, 6px);border-style:solid;border-color:var(--colors-main-gohan) transparent transparent transparent}.react-beauty-el-tooltip-content[data-placement=top-right]{bottom:150%;right:20%;-webkit-transform:translateX(75%);-moz-transform:translateX(75%);-ms-transform:translateX(75%);transform:translate(75%)}.react-beauty-el-tooltip-content[data-placement=top-right]:before{content:"";position:absolute;top:100%;left:20%;margin-left:calc(var(--components-tooltip-pointer-size, 6px) * -1);border-width:var(--components-tooltip-pointer-size, 6px);border-style:solid;border-color:var(--colors-main-gohan) transparent transparent transparent}.react-beauty-el-tooltip-content[data-placement=right-top]{left:115%;top:-50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.react-beauty-el-tooltip-content[data-placement=right-top]:before{content:"";position:absolute;top:75%;right:100%;margin-top:calc(var(--components-tooltip-pointer-size, 6px) * -1);border-width:var(--components-tooltip-pointer-size, 6px);border-style:solid;border-color:transparent var(--colors-main-gohan) transparent transparent}.react-beauty-el-tooltip-content[data-placement=right-center]{left:115%;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.react-beauty-el-tooltip-content[data-placement=right-center]:before{content:"";position:absolute;top:50%;right:100%;margin-top:calc(var(--components-tooltip-pointer-size, 6px) * -1);border-width:var(--components-tooltip-pointer-size, 6px);border-style:solid;border-color:transparent var(--colors-main-gohan) transparent transparent}.react-beauty-el-tooltip-content[data-placement=right-bottom]{left:115%;top:150%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.react-beauty-el-tooltip-content[data-placement=right-bottom]:before{content:"";position:absolute;top:25%;right:100%;margin-top:calc(var(--components-tooltip-pointer-size, 6px) * -1);border-width:var(--components-tooltip-pointer-size, 6px);border-style:solid;border-color:transparent var(--colors-main-gohan) transparent transparent}.react-beauty-el-tooltip-content[data-placement=left-top]{right:115%;top:-50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.react-beauty-el-tooltip-content[data-placement=left-top]:before{content:"";position:absolute;top:75%;left:100%;margin-top:calc(var(--components-tooltip-pointer-size, 6px) * -1);border-width:var(--components-tooltip-pointer-size, 6px);border-style:solid;border-color:transparent transparent transparent var(--colors-main-gohan)}.react-beauty-el-tooltip-content[data-placement=left-center]{right:115%;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.react-beauty-el-tooltip-content[data-placement=left-center]:before{content:"";position:absolute;top:50%;left:100%;margin-top:calc(var(--components-tooltip-pointer-size, 6px) * -1);border-width:var(--components-tooltip-pointer-size, 6px);border-style:solid;border-color:transparent transparent transparent var(--colors-main-gohan)}.react-beauty-el-tooltip-content[data-placement=left-bottom]{right:115%;top:150%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.react-beauty-el-tooltip-content[data-placement=left-bottom]:before{content:"";position:absolute;top:25%;left:100%;margin-top:calc(var(--components-tooltip-pointer-size, 6px) * -1);border-width:var(--components-tooltip-pointer-size, 6px);border-style:solid;border-color:transparent transparent transparent var(--colors-main-gohan)}.react-beauty-el-tooltip-content[data-placement=bottom-left]{top:150%;left:20%;-webkit-transform:translateX(-75%);-moz-transform:translateX(-75%);-ms-transform:translateX(-75%);transform:translate(-75%)}.react-beauty-el-tooltip-content[data-placement=bottom-left]:before{content:"";position:absolute;bottom:100%;right:20%;margin-left:calc(var(--components-tooltip-pointer-size, 6px) * -1);border-width:var(--components-tooltip-pointer-size, 6px);border-style:solid;border-color:transparent transparent var(--colors-main-gohan) transparent}.react-beauty-el-tooltip-content[data-placement=bottom-center]{top:150%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%)}.react-beauty-el-tooltip-content[data-placement=bottom-center]:before{content:"";position:absolute;bottom:100%;left:50%;margin-left:calc(var(--components-tooltip-pointer-size, 6px) * -1);border-width:var(--components-tooltip-pointer-size, 6px);border-style:solid;border-color:transparent transparent var(--colors-main-gohan) transparent}.react-beauty-el-tooltip-content[data-placement=bottom-right]{top:150%;right:20%;-webkit-transform:translateX(75%);-moz-transform:translateX(75%);-ms-transform:translateX(75%);transform:translate(75%)}.react-beauty-el-tooltip-content[data-placement=bottom-right]:before{content:"";position:absolute;bottom:100%;left:20%;margin-left:calc(var(--components-tooltip-pointer-size, 6px) * -1);border-width:var(--components-tooltip-pointer-size, 6px);border-style:solid;border-color:transparent transparent var(--colors-main-gohan) transparent}.react-beauty-el-tooltip-content[data-pointer=false]:before{display:none}.react-beauty-el-tooltip-content[data-shadow=false]{box-shadow:none}.react-beauty-el-tooltip-trigger{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.react-beauty-el-text-input-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;gap:var(--components-text-input-gap);width:100%}.react-beauty-el-text-input-label{font-size:var(--components-text-input-font-size-label);line-height:var(--components-text-input-line-height-label);font-weight:var(--components-text-input-font-weight-label);color:var(--components-text-input-colors-label)}.react-beauty-el-text-input-wrapper{position:relative;width:100%;background-color:var(--components-text-input-colors-background-rest);padding:var(--space-1) var(--space-2);outline:solid;outline-width:1px;outline-color:var(--components-text-input-colors-background-outline);border-radius:var(--components-text-input-border-radius)}.react-beauty-el-text-input-wrapper[data-error=true]{outline-color:var(--components-text-input-colors-border-error)}.react-beauty-el-text-input-wrapper[data-is-focused=true]{outline-color:var(--components-text-input-colors-border-focus);box-shadow:0 0 0 4px color-mix(in srgb,var(--components-text-input-colors-border-focus),transparent)}.react-beauty-el-text-input-wrapper[data-disabled=true]{opacity:.32}.react-beauty-el-text-input{width:100%;font-size:var(--components-text-input-font-size-input);line-height:var(--components-text-input-line-height-input);font-weight:var(--components-text-input-font-weight-input);color:var(--components-text-input-colors-input-text);border:none;background:none}.react-beauty-el-text-input:hover:not(:disabled){border-color:var(--components-text-input-colors-border-hover)}.react-beauty-el-text-input:focus-within{outline:none}.react-beauty-el-text-input:disabled{cursor:not-allowed}.react-beauty-el-text-input[data-has-lead-element=true]{padding-left:25px}.react-beauty-el-text-input[data-has-trail-element=true]{padding-right:25px}.react-beauty-el-text-input::-webkit-input-placeholder{color:var(--components-text-input-colors-placeholder)}.react-beauty-el-text-input::-moz-placeholder{color:var(--components-text-input-colors-placeholder)}.react-beauty-el-text-input:-ms-input-placeholder{color:var(--components-text-input-colors-placeholder)}.react-beauty-el-text-input::placeholder{color:var(--components-text-input-colors-placeholder)}.react-beauty-el-text-input-helper-text{font-size:var(--components-text-input-font-size-helper);line-height:var(--components-text-input-line-height-helper);color:var(--components-text-input-colors-helper-text-normal);padding:var(--space-none) var(--space-3)}.react-beauty-el-text-input-helper-text[data-error=true]{color:var(--components-text-input-colors-helper-text-error)}.react-beauty-el-text-input-lead-element{position:absolute;left:5px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;color:inherit}.react-beauty-el-text-input-trail-element{position:absolute;right:5px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;color:inherit}.react-beauty-el-text-area-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;gap:var(--components-text-area-gap);width:100%}.react-beauty-el-text-area-label{font-size:var(--components-text-area-font-size-label);line-height:var(--components-text-area-line-height-label);font-weight:var(--components-text-area-font-weight-label);color:var(--components-text-area-colors-label)}.react-beauty-el-text-area-wrapper{position:relative;width:100%;background-color:var(--components-text-area-colors-background-rest);padding:var(--space-1) var(--space-2);outline:solid;outline-width:1px;outline-color:var(--components-text-area-colors-background-outline);border-radius:var(--components-text-area-border-radius)}.react-beauty-el-text-area-wrapper[data-error=true]{outline-color:var(--components-text-area-colors-border-error)}.react-beauty-el-text-area-wrapper[data-is-focused=true]{outline-color:var(--components-text-area-colors-border-focus);box-shadow:0 0 0 4px color-mix(in srgb,var(--components-text-area-colors-border-focus),transparent)}.react-beauty-el-text-area-wrapper[data-disabled=true]{opacity:.32}.react-beauty-el-text-area{width:100%;min-height:100px;resize:vertical;font-size:var(--components-text-area-font-size-input);line-height:var(--components-text-area-line-height-input);font-weight:var(--components-text-area-font-weight-input);color:var(--components-text-area-colors-input-text);border:none;background:none;font-family:inherit}.react-beauty-el-text-area:hover:not(:disabled){border-color:var(--components-text-area-colors-border-hover)}.react-beauty-el-text-area:focus-within{outline:none}.react-beauty-el-text-area:disabled{cursor:not-allowed}.react-beauty-el-text-area::-webkit-input-placeholder{color:var(--components-text-area-colors-placeholder)}.react-beauty-el-text-area::-moz-placeholder{color:var(--components-text-area-colors-placeholder)}.react-beauty-el-text-area:-ms-input-placeholder{color:var(--components-text-area-colors-placeholder)}.react-beauty-el-text-area::placeholder{color:var(--components-text-area-colors-placeholder)}.react-beauty-el-text-area-helper-text{font-size:var(--components-text-area-font-size-helper);line-height:var(--components-text-area-line-height-helper);color:var(--components-text-area-colors-helper-text-normal);padding:var(--space-none) var(--space-3);margin:0}.react-beauty-el-text-area-helper-text[data-error=true]{color:var(--components-text-area-colors-helper-text-error)}.react-beauty-el-switch-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--components-switch-gap);position:relative;width:100%}.react-beauty-el-switch-label{font-size:var(--components-switch-font-size-label);line-height:var(--components-switch-line-height-label);font-weight:var(--components-switch-font-weight-label);color:var(--components-switch-colors-label);cursor:pointer}.react-beauty-el-switch-label[data-disabled=true]{opacity:.32;cursor:not-allowed}.react-beauty-el-switch-track{position:relative;width:var(--components-switch-width);height:var(--components-switch-height);background-color:var(--components-switch-colors-track-unchecked);border-radius:var(--components-switch-border-radius);-webkit-transition:background-color var(--components-switch-transition-duration) var(--components-switch-transition-timing);transition:background-color var(--components-switch-transition-duration) var(--components-switch-transition-timing)}.react-beauty-el-switch-track[data-checked=true]{background-color:var(--components-switch-colors-track-checked)}.react-beauty-el-switch-track[data-disabled=true]{opacity:.32;cursor:not-allowed}.react-beauty-el-switch-track[data-checked=false][data-disabled=true]{background-color:var(--components-switch-colors-track-disabled)}.react-beauty-el-switch-thumb{position:absolute;top:var(--components-switch-thumb-margin);left:var(--components-switch-thumb-margin);width:var(--components-switch-thumb-size);height:var(--components-switch-thumb-size);background-color:var(--components-switch-colors-thumb-unchecked);border-radius:50%;-webkit-transition:-webkit-transform var(--components-switch-transition-duration) var(--components-switch-transition-timing);transition:transform var(--components-switch-transition-duration) var(--components-switch-transition-timing)}[data-checked=true] .react-beauty-el-switch-thumb{-webkit-transform:translateX(calc(var(--components-switch-width) - var(--components-switch-thumb-size) - 2 * var(--components-switch-thumb-margin)));-moz-transform:translateX(calc(var(--components-switch-width) - var(--components-switch-thumb-size) - 2 * var(--components-switch-thumb-margin)));-ms-transform:translateX(calc(var(--components-switch-width) - var(--components-switch-thumb-size) - 2 * var(--components-switch-thumb-margin)));transform:translate(calc(var(--components-switch-width) - var(--components-switch-thumb-size) - 2 * var(--components-switch-thumb-margin)));background-color:var(--components-switch-colors-thumb-checked)}.react-beauty-el-switch-input{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;z-index:1;margin:0;cursor:pointer}.react-beauty-el-switch-input:focus-visible+.react-beauty-el-switch-track{outline:2px solid var(--components-switch-colors-focus-ring);outline-offset:2px}.react-beauty-el-switch-input:disabled{cursor:not-allowed}.react-beauty-el-switch-helper-text{font-size:var(--components-switch-font-size-helper);line-height:var(--components-switch-line-height-helper);color:var(--components-switch-colors-helper-text-normal);padding:var(--space-none) var(--space-3);-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:calc(var(--components-switch-gap) / 2)}.react-beauty-el-switch-helper-text[data-error=true]{color:var(--components-switch-colors-helper-text-error)}.react-beauty-el-switch-helper-text[data-disabled=true]{opacity:.32}.react-beauty-el-switch-wrapper{position:relative;display:inline-block}.react-beauty-el-switch-wrapper[data-disabled=true]{cursor:not-allowed}.react-beauty-el-radio-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--components-radio-gap);position:relative;width:100%}.react-beauty-el-radio-label{font-size:var(--components-radio-font-size-label);line-height:var(--components-radio-line-height-label);font-weight:var(--components-radio-font-weight-label);color:var(--components-radio-colors-label);cursor:pointer;margin-left:8px}.react-beauty-el-radio-label[data-disabled=true]{opacity:.32;cursor:not-allowed}.react-beauty-el-radio-circle{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:var(--components-radio-size);height:var(--components-radio-size);border-radius:50%;border:1px solid var(--colors-main-beerus);-webkit-transition:border-color var(--components-radio-transition-duration) var(--components-radio-transition-timing);transition:border-color var(--components-radio-transition-duration) var(--components-radio-transition-timing);background-color:var(--components-radio-colors-background-unchecked)}.react-beauty-el-radio-circle:after{content:"";position:absolute;width:calc(var(--components-radio-size) / 2);height:calc(var(--components-radio-size) / 2);border-radius:50%;background-color:var(--components-radio-colors-dot);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform var(--components-radio-transition-duration) var(--components-radio-transition-timing);transition:transform var(--components-radio-transition-duration) var(--components-radio-transition-timing)}[data-checked=true] .react-beauty-el-radio-circle{border-color:var(--components-radio-colors-border-checked)}[data-checked=true] .react-beauty-el-radio-circle:after{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.react-beauty-el-radio-circle[data-disab