// @import "../mixins/mixins";
// @import "../config/variables";

// @include b(collapse) {
//   border-top: 1px solid $--collapse-border-color;
//   border-bottom: 1px solid $--collapse-border-color;
// }
// @include b(collapse-item) {
//   @include e(header) {
//     height: $--collapse-header-height;
//     line-height: $--collapse-header-height;
//     background-color: $--collapse-header-fill;
//     color: $--collapse-header-color;
//     cursor: pointer;
//     border-bottom: 1px solid $--collapse-border-color;
//     font-size: $--collapse-header-size;
//     font-weight: 500;
//     transition: border-bottom-color .3s;
//     outline: none;
//     @include e(arrow) {
//       margin-right: 8px;
//       transition: transform .3s;
//       float: right;
//       line-height: 48px;
//       font-weight: 300;
//       @include when(active) {
//         transform: rotate(90deg);
//       }
//     }
//     &.focusing:focus:not(:hover){
//       color: $--color-primary;
//     }
//     @include when(active) {
//       border-bottom-color: transparent;
//     }
//   }

//   @include e(wrap) {
//     will-change: height;
//     background-color: $--collapse-content-fill;
//     overflow: hidden;
//     box-sizing: border-box;
//     border-bottom: 1px solid $--collapse-border-color;
//   }

//   @include e(content) {
//     padding-bottom: 25px;
//     font-size: $--collapse-content-size;
//     color: $--collapse-content-color;
//     line-height: 1.769230769230769;
//   }

//   &:last-child {
//     margin-bottom: -1px;
//   }
// }