@bee-design/ui/lib/Collapse/style/index.css

Bee Design React UI Library.

.bee-icon-hover.bee-collapse-item-icon-hover::before{width:16px;height:16px}.bee-icon-hover.bee-collapse-item-icon-hover:hover::before{background-color:var(--bee-color-fill-2)}.bee-collapse{overflow:hidden;border-radius:var(--bee-border-radius-medium);border:1px solid var(--bee-color-neutral-3);line-height:1.5715}.bee-collapse-rtl{direction:rtl}.bee-collapse-item{border-bottom:1px solid var(--bee-color-neutral-3);box-sizing:border-box}.bee-collapse-item-active>.bee-collapse-item-header{background-color:var(--bee-color-bg-2);border-color:var(--bee-color-neutral-3);transition:border-color 0s ease 0s}.bee-collapse-item-active>.bee-collapse-item-header .bee-collapse-item-header-title{font-weight:500}.bee-collapse-item-header{display:flex;align-items:center;justify-content:space-between;position:relative;box-sizing:border-box;padding-top:8px;padding-bottom:8px;background-color:var(--bee-color-bg-2);border-bottom:1px solid transparent;color:var(--bee-color-text-1);cursor:pointer;font-size:14px;overflow:hidden;line-height:24px;transition:border-color 0s ease .19s}.bee-collapse-item-header[data-active-region=header]{cursor:unset}.bee-collapse-item-header[data-active-region=header]>.bee-collapse-item-header-title,.bee-collapse-item-header[data-active-region=header]>.bee-icon-hover{cursor:pointer}.bee-collapse-item-header[data-active-region=icon]{cursor:unset}.bee-collapse-item-header[data-active-region=icon]>.bee-icon-hover{cursor:pointer}.bee-collapse-item-header:focus-visible{box-shadow:inset 0 0 0 2px var(--bee-color-primary-light-3)}.bee-collapse-item-header-left{padding-left:32px;padding-right:13px}.bee-collapse-item-header-right{padding-left:13px;padding-right:32px}.bee-collapse-item-header-disabled{cursor:not-allowed;color:var(--bee-color-text-4);background-color:var(--bee-color-bg-2)}.bee-collapse-item-header-disabled .bee-collapse-item-header-icon{color:var(--bee-color-text-4)}.bee-collapse-item-header-title{display:inline}.bee-collapse-item-header-extra{float:right}.bee-collapse-item .bee-collapse-item-icon-hover{position:absolute;top:50%;transform:translateY(-50%);left:13px;text-align:center}.bee-collapse-item .bee-collapse-item-icon-hover-right{right:13px;left:unset}.bee-collapse-item .bee-collapse-item-icon-hover-right>.bee-collapse-item-header-icon-down{transform:rotate(-90deg)}.bee-collapse-item-header-icon{color:var(--bee-color-neutral-7);font-size:14px;transition:transform .2s cubic-bezier(.34,.69,.1,1);vertical-align:middle;position:relative;display:block}.bee-collapse-item-header-icon-down{transform:rotate(90deg)}.bee-collapse-item-content{display:none;overflow:hidden;position:relative;color:var(--bee-color-text-1);background-color:var(--bee-color-fill-1);font-size:14px;transition:height .2s cubic-bezier(.34,.69,.1,1)}.bee-collapse-item-content-expanded{display:block;height:auto}.bee-collapse-item-content-box{padding:8px 13px 8px 34px}.bee-collapse-item.bee-collapse-item-disabled>.bee-collapse-item-content{color:var(--bee-color-text-1)}.bee-collapse-item-no-icon>.bee-collapse-item-header{padding-left:13px;padding-right:13px}.bee-collapse-item:last-of-type{border-bottom:none}.bee-collapse.bee-collapse-borderless{border:none}.bee-collapse::after{display:table;content:'';clear:both}