{"version":3,"sources":["_accordion.scss"],"names":[],"mappings":"AAAA;;EAEE;;AAEF;EACE,cAAc;EACd,6BAA6B;EAC7B,8BAA8B;EAC9B,sEAAsE;;EAEtE;IACE,iBAAiB;IACjB,qBAAqB;IACrB,eAAe;;IAEf;MACE,2CAA2C;IAC7C;;IAEA;MACE,mCAAmC;IACrC;;IAEA,cAAc;IACd;MACE,aAAa;IACf;;IAEA;MACE,aAAa;IACf;;IAEA;MACE,qBAAqB;IACvB;;IAEA,QAAQ;IACR;MACE,cAAc;MACd,WAAW;MACX,YAAY;MACZ,qDAAqD;MACrD,YAAY;MACZ,yBAAyB;MACzB,qCAAqC;MACrC,iCAAiC;MACjC,0BAA0B;MAC1B,4BAA4B;MAC5B,WAAW;;MAEX;QACE,uCAAuC;MACzC;IACF;;IAEA;MACE,aAAa;;MAEb;QACE,4CAA4C;MAC9C;IACF;;IAEA,aAAa;IACb;MACE,WAAW;MACX,gBAAgB;;MAEhB,QAAQ;MACR;QACE,4CAA4C;QAC5C,4CAA4C;MAC9C;;MAEA;QACE,WAAW;QACX;UACE,QAAQ;UACR;YACE,oDAAoD;UACtD;QACF;MACF;IACF;EACF;;EAEA,MAAM;EACN;IACE;MACE,mCAAmC;;MAEnC;QACE;UACE,0CAA0C;QAC5C;MACF;;MAEA;QACE,oBAAoB;MACtB;IACF;EACF;AACF;;AAEA;EACE;IACE;MACE,iBAAiB;;MAEjB;QACE,WAAW;QACX,gCAAgC;MAClC;IACF;EACF;AACF","file":"_accordion.scss","sourcesContent":["/**\n * Accordion (<details>)\n */\n\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: var(--spacing);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n  summary {\n    line-height: 1rem;\n    list-style-type: none;\n    cursor: pointer;\n\n    &:not([role]) {\n      color: var(--accordion-close-summary-color);\n    }\n\n    @if $enable-transitions {\n      transition: color var(--transition);\n    }\n\n    // Reset marker\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &::marker {\n      display: none;\n    }\n\n    &::-moz-list-bullet {\n      list-style-type: none;\n    }\n\n    // Marker\n    &::after {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      margin-inline-start: calc(var(--spacing, 1rem) * 0.5);\n      float: right;\n      transform: rotate(-90deg);\n      background-image: var(--icon-chevron);\n      background-position: right center;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n      content: \"\";\n\n      @if $enable-transitions {\n        transition: transform var(--transition);\n      }\n    }\n\n    &:focus {\n      outline: none;\n\n      &:not([role=\"button\"]) {\n        color: var(--accordion-active-summary-color);\n      }\n    }\n\n    // Type button\n    &[role=\"button\"] {\n      width: 100%;\n      text-align: left;\n\n      // Marker\n      &::after {\n        height: calc(1rem * var(--line-height, 1.5));\n        background-image: var(--icon-chevron-button);\n      }\n\n      @if $enable-classes {\n        // .contrast\n        &:not(.outline).contrast {\n          // Marker\n          &::after {\n            background-image: var(--icon-chevron-button-inverse);\n          }\n        }\n      }\n    }\n  }\n\n  // Open\n  &[open] {\n    > summary {\n      margin-bottom: calc(var(--spacing));\n\n      &:not([role]) {\n        &:not(:focus) {\n          color: var(--accordion-open-summary-color);\n        }\n      }\n\n      &::after {\n        transform: rotate(0);\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  details {\n    summary {\n      text-align: right;\n\n      &::after {\n        float: left;\n        background-position: left center;\n      }\n    }\n  }\n}\n"]}