@diplodoc/transform 4.32.2 → 4.32.4

package/README.md

@@ -36,7 +36,7 @@ Use it in your code to work with text during program execution. For example, to
 
 The package provides the `transform()` function:
 
-- Input data: [Settings](settings.md) and a string with YFM.
+- Input data: [Settings](https://diplodoc.com/docs/en/tools/transform/settings) and a string with YFM.
 - Returned value: An object with the `result` and `logs` fields.
 
 ### Result field
@@ -44,7 +44,7 @@ The package provides the `transform()` function:
 `result`: Resulting object, contains the fields:
 
 - `html`: A line with HTML.
-- `meta`: [Metadata](../../syntax/meta.md#meta) from the transmitted content.
+- `meta`: Metadata from the transmitted content.
 - `title`: The document title. Returned if `extractTitle = true` or `needTitle = true`.
 - `headings`: A list of document headers.
 

package/dist/css/print.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/scss/home/runner/work/transform/transform/src/scss/print/code.scss", "../../src/scss/%3Cinput%20css%20klFoQm%3E", "../../src/scss/home/runner/work/transform/transform/src/scss/print/common.scss", "../../src/scss/home/runner/work/transform/transform/src/scss/print/cut.scss", "../../src/scss/home/runner/work/transform/transform/src/scss/print/note.scss", "../../src/scss/home/runner/work/transform/transform/src/scss/print/table.scss", "../../src/scss/home/runner/work/transform/transform/src/scss/print/tabs.scss", "../../src/scss/home/runner/work/transform/transform/src/scss/print/term.scss"],
+  "sources": ["../../src/scss/home/runner/work/transform/transform/src/scss/print/code.scss", "../../src/scss/%3Cinput%20css%20JLgAnl%3E", "../../src/scss/home/runner/work/transform/transform/src/scss/print/common.scss", "../../src/scss/home/runner/work/transform/transform/src/scss/print/cut.scss", "../../src/scss/home/runner/work/transform/transform/src/scss/print/note.scss", "../../src/scss/home/runner/work/transform/transform/src/scss/print/table.scss", "../../src/scss/home/runner/work/transform/transform/src/scss/print/tabs.scss", "../../src/scss/home/runner/work/transform/transform/src/scss/print/term.scss"],
   "sourcesContent": ["@media print {\n    .yfm {\n        .yfm-clipboard {\n            & > pre > code {\n                white-space: pre-wrap;\n            }\n        }\n    }\n}", "@media print {\n  .yfm .yfm-clipboard > pre > code {\n    white-space: pre-wrap;\n  }\n}\n@media print {\n  .yfm .yfm-page__delimeter {\n    display: none;\n  }\n  .yfm h1[data-original-article], .yfm h2[data-original-article] {\n    page-break-before: always;\n  }\n}\n@media print {\n  .yfm .yfm-cut-title {\n    padding-left: 0;\n  }\n  .yfm .yfm-cut-title:before {\n    display: none;\n  }\n  .yfm .yfm-cut-content {\n    height: auto;\n    display: block;\n    padding: 5px 0 15px 30px;\n  }\n}\n.yfm:not(.yfm_no-list-reset) .yfm-cut-content ol {\n  counter-reset: cut-list;\n}\n.yfm:not(.yfm_no-list-reset) .yfm-cut-content ol > li {\n  counter-increment: cut-list;\n}\n.yfm:not(.yfm_no-list-reset) .yfm-cut-content ol > li::before {\n  content: counters(cut-list, \".\") \". \";\n}\n\n@media print {\n  .yfm .yfm-note {\n    page-break-inside: avoid;\n  }\n}\n.yfm .yfm-table-container {\n  position: relative;\n}\n.yfm .yfm-table-container > table {\n  overflow: initial;\n  position: absolute;\n  top: 0;\n  left: 0;\n  max-width: initial;\n  transform-origin: top left;\n}\n.yfm .yfm-table-container > table thead {\n  display: table-row-group;\n}\n.yfm .yfm-table-container > table th, .yfm .yfm-table-container > table td {\n  page-break-inside: avoid;\n  white-space: pre-wrap;\n  text-overflow: initial;\n}\n\n@media print {\n  .yfm .yfm-tab-list {\n    display: none;\n  }\n  .yfm .yfm-tab-panel {\n    visibility: visible;\n    height: auto;\n    display: block;\n  }\n  .yfm .yfm-tab-panel:before {\n    content: attr(data-title);\n    margin-bottom: -1px;\n    margin-right: 20px;\n    border-bottom: 2px solid transparent;\n    line-height: 33px;\n    font-weight: 700;\n    outline: 0;\n    cursor: pointer;\n  }\n}\n@media print {\n  .yfm .yfm-term_title {\n    color: currentColor;\n    border-bottom: none;\n  }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvdHJhbnNmb3JtL3RyYW5zZm9ybS9zcmMvc2NzcyIsInNvdXJjZXMiOlsicHJpbnQvY29kZS5zY3NzIiwicHJpbnQvY29tbW9uLnNjc3MiLCJwcmludC9jdXQuc2NzcyIsInByaW50L25vdGUuc2NzcyIsInByaW50L3RhYmxlLnNjc3MiLCJwcmludC90YWJzLnNjc3MiLCJwcmludC90ZXJtLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFHWTtJQUNJOzs7QUNKaEI7RUFFUTtJQUNJOztFQUlBO0lBQ0k7OztBQ1JoQjtFQUdZO0lBQ0k7O0VBRUE7SUFDSTs7RUFJUjtJQUNJO0lBQ0E7SUFDQTs7O0FBT1o7RUFDSTs7QUFFQTtFQUNJOztBQUVBO0VBQ0k7OztBQzVCaEI7RUFFUTtJQUNJOzs7QUNGUjtFQUNJOztBQUVBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0k7O0FBR0o7RUFDSTtFQUNBO0VBQ0E7OztBQ25CaEI7RUFHWTtJQUNJOztFQUdKO0lBQ0k7SUFDQTtJQUNBOztFQUdKO0lBQ0k7SUFDQTtJQUNBO0lBQ0E7SUFDQTtJQUNBO0lBQ0E7SUFDQTs7O0FDckJoQjtFQUdZO0lBQ0k7SUFDQSIsInNvdXJjZXNDb250ZW50IjpbIkBtZWRpYSBwcmludCB7XG4gICAgLnlmbSB7XG4gICAgICAgIC55Zm0tY2xpcGJvYXJkIHtcbiAgICAgICAgICAgICYgPiBwcmUgPiBjb2RlIHtcbiAgICAgICAgICAgICAgICB3aGl0ZS1zcGFjZTogcHJlLXdyYXA7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG59IiwiQG1lZGlhIHByaW50IHtcbiAgICAueWZtIHtcbiAgICAgICAgLnlmbS1wYWdlX19kZWxpbWV0ZXIge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuXG4gICAgICAgIGgxLCBoMiB7XG4gICAgICAgICAgICAmW2RhdGEtb3JpZ2luYWwtYXJ0aWNsZV0ge1xuICAgICAgICAgICAgICAgIHBhZ2UtYnJlYWstYmVmb3JlOiBhbHdheXM7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG59IiwiQG1lZGlhIHByaW50IHtcbiAgICAueWZtIHtcbiAgICAgICAgLnlmbS1jdXQge1xuICAgICAgICAgICAgJi10aXRsZSB7XG4gICAgICAgICAgICAgICAgcGFkZGluZy1sZWZ0OiAwO1xuXG4gICAgICAgICAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJi1jb250ZW50IHtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IGF1dG87XG4gICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICAgICAgcGFkZGluZzogNXB4IDAgMTVweCAzMHB4O1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxufVxuXG4ueWZtLWN1dC1jb250ZW50IHtcbiAgICAueWZtOm5vdCgueWZtX25vLWxpc3QtcmVzZXQpICYgb2wge1xuICAgICAgICBjb3VudGVyLXJlc2V0OiBjdXQtbGlzdDtcblxuICAgICAgICAmID4gbGkge1xuICAgICAgICAgICAgY291bnRlci1pbmNyZW1lbnQ6IGN1dC1saXN0O1xuXG4gICAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIGNvbnRlbnQ6IGNvdW50ZXJzKGN1dC1saXN0LCAnLicpICcuICc7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCJAbWVkaWEgcHJpbnQge1xuICAgIC55Zm0ge1xuICAgICAgICAueWZtLW5vdGUge1xuICAgICAgICAgICAgcGFnZS1icmVhay1pbnNpZGU6IGF2b2lkO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiLnlmbSB7XG4gICAgLnlmbS10YWJsZS1jb250YWluZXIge1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAgICAgJiA+IHRhYmxlIHtcbiAgICAgICAgICAgIG92ZXJmbG93OiBpbml0aWFsO1xuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgIG1heC13aWR0aDogaW5pdGlhbDtcbiAgICAgICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IHRvcCBsZWZ0O1xuXG4gICAgICAgICAgICB0aGVhZCB7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogdGFibGUtcm93LWdyb3VwO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICB0aCwgdGQge1xuICAgICAgICAgICAgICAgIHBhZ2UtYnJlYWstaW5zaWRlOiBhdm9pZDtcbiAgICAgICAgICAgICAgICB3aGl0ZS1zcGFjZTogcHJlLXdyYXA7XG4gICAgICAgICAgICAgICAgdGV4dC1vdmVyZmxvdzogaW5pdGlhbDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbn0iLCJAbWVkaWEgcHJpbnQge1xuICAgIC55Zm0ge1xuICAgICAgICAueWZtLXRhYiB7XG4gICAgICAgICAgICAmLWxpc3Qge1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICYtcGFuZWwge1xuICAgICAgICAgICAgICAgIHZpc2liaWxpdHk6IHZpc2libGU7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiBhdXRvO1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmLXBhbmVsOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgY29udGVudDogYXR0cihkYXRhLXRpdGxlKTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAtMXB4O1xuICAgICAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMjBweDtcbiAgICAgICAgICAgICAgICBib3JkZXItYm90dG9tOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDMzcHg7XG4gICAgICAgICAgICAgICAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgICAgICAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIkBtZWRpYSBwcmludCB7XG4gICAgLnlmbSB7XG4gICAgICAgIC55Zm0tdGVybSB7XG4gICAgICAgICAgICAmX3RpdGxlIHtcbiAgICAgICAgICAgICAgICBjb2xvcjogY3VycmVudENvbG9yO1xuICAgICAgICAgICAgICAgIGJvcmRlci1ib3R0b206IG5vbmU7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG59Il19 */", "@media print {\n    .yfm {\n        .yfm-page__delimeter {\n            display: none;\n        }\n\n        h1, h2 {\n            &[data-original-article] {\n                page-break-before: always;\n            }\n        }\n    }\n}", "@media print {\n    .yfm {\n        .yfm-cut {\n            &-title {\n                padding-left: 0;\n\n                &:before {\n                    display: none;\n                }\n            }\n\n            &-content {\n                height: auto;\n                display: block;\n                padding: 5px 0 15px 30px;\n            }\n        }\n    }\n}\n\n.yfm-cut-content {\n    .yfm:not(.yfm_no-list-reset) & ol {\n        counter-reset: cut-list;\n\n        & > li {\n            counter-increment: cut-list;\n\n            &::before {\n                content: counters(cut-list, '.') '. ';\n            }\n        }\n    }\n}\n", "@media print {\n    .yfm {\n        .yfm-note {\n            page-break-inside: avoid;\n        }\n    }\n}\n", ".yfm {\n    .yfm-table-container {\n        position: relative;\n\n        & > table {\n            overflow: initial;\n            position: absolute;\n            top: 0;\n            left: 0;\n            max-width: initial;\n            transform-origin: top left;\n\n            thead {\n                display: table-row-group;\n            }\n\n            th, td {\n                page-break-inside: avoid;\n                white-space: pre-wrap;\n                text-overflow: initial;\n            }\n        }\n    }\n}", "@media print {\n    .yfm {\n        .yfm-tab {\n            &-list {\n                display: none;\n            }\n\n            &-panel {\n                visibility: visible;\n                height: auto;\n                display: block;\n            }\n\n            &-panel:before {\n                content: attr(data-title);\n                margin-bottom: -1px;\n                margin-right: 20px;\n                border-bottom: 2px solid transparent;\n                line-height: 33px;\n                font-weight: 700;\n                outline: 0;\n                cursor: pointer;\n            }\n        }\n    }\n}\n", "@media print {\n    .yfm {\n        .yfm-term {\n            &_title {\n                color: currentColor;\n                border-bottom: none;\n            }\n        }\n    }\n}"],
   "mappings": ";AAAA,OAAA;AAGY,GAAA,IAAA,CAAA,cAAA,EAAA,IAAA,EAAA;AACI,iBAAA;ACDd;AACF;ACJA,OAAA;AAEQ,GFCI,IEDJ,CAAA;AACI,aAAA;ADKV;ACDU,GFJA,IEIA,EAAA,CAAA;EAAA,CFJA,IEIA,EAAA,CAAA;AACI,uBAAA;ADGd;AACF;AEZA,OAAA;AAGY,GHAA,IGAA,CAAA;AACI,kBAAA;AFYd;AEVc,GHHJ,IGGI,CAHJ,aAGI;AACI,aAAA;AFYlB;AERU,GHRA,IGQA,CAAA;AACI,YAAA;AACA,aAAA;AACA,aAAA,IAAA,EAAA,KAAA;AFUd;AACF;AEJI,CHlBQ,GGkBR,KAAA,CAAA,mBAAA,CAVQ,gBAUR;AACI,iBAAA;AFMR;AEJQ,CHrBI,GGqBJ,KAAA,CAHJ,mBAGI,CAbI,gBAaJ,GAAA,EAAA;AACI,qBAAA;AFMZ;AEJY,CHxBA,GGwBA,KAAA,CANR,mBAMQ,CAhBA,gBAgBA,GAAA,EAAA,EAAA;AACI,WAAA,SAAA,QAAA,EAAA,KAAA;AFMhB;AGlCA,OAAA;AAEQ,GJCI,IIDJ,CAAA;AACI,uBAAA;AHoCV;AACF;AIvCI,CLEQ,IKFR,CAAA;AACI,YAAA;AJyCR;AIvCQ,CLDI,IKCJ,CAHJ,oBAGI,EAAA;AACI,YAAA;AAAA,YAAA;AACA,YAAA;AACA,OAAA;AACA,QAAA;AACA,aAAA;AAAA,aAAA;AACA,oBAAA,IAAA;AJyCZ;AIvCY,CLTA,IKSA,CAXR,oBAWQ,EAAA,MAAA;AACI,WAAA;AJyChB;AItCY,CLbA,IKaA,CAfR,oBAeQ,EAAA,MAAA;AAAA,CLbA,IKaA,CAfR,oBAeQ,EAAA,MAAA;AACI,qBAAA;AACA,eAAA;AACA,iBAAA;AJwChB;AK3DA,OAAA;AAGY,GNAA,IMAA,CAAA;AACI,aAAA;AL4Dd;AKzDU,GNJA,IMIA,CAAA;AACI,gBAAA;AACA,YAAA;AACA,aAAA;AL2Dd;AKxDU,GNVA,IMUA,CANA,aAMA;AACI,aAAA,KAAA;AACA,mBAAA;AACA,kBAAA;AACA,mBAAA,IAAA,MAAA;AACA,iBAAA;AACA,iBAAA;AACA,aAAA;AACA,YAAA;AL0Dd;AACF;AMhFA,OAAA;AAGY,GPAA,IOAA,CAAA;AACI,WAAA;AACA,mBAAA;ANgFd;AACF;",
   "names": []

package/dist/css/yfm.css

@@ -909,6 +909,192 @@
   margin-bottom: 15px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.07);
 }
+.yfm-tab {
+  margin-bottom: -1px;
+  margin-right: 20px;
+  border-bottom: 2px solid transparent;
+  padding: 6px 0 7px;
+  font-weight: 700;
+  outline: none;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  white-space: break-spaces;
+}
+.yfm-tab:last-child {
+  margin-right: 0;
+}
+.yfm-tab:hover,
+.yfm-tab:active {
+  color: #004080;
+}
+.yfm-tab.active {
+  border-bottom-color: #027bf3;
+}
+.yfm-tab:focus {
+  outline: 2px solid #4d90fe;
+  border-radius: 2px;
+}
+.yfm-tab:focus:not(:focus-visible) {
+  outline: 0;
+}
+.yfm-tab-panel {
+  position: relative;
+  visibility: hidden;
+  overflow: hidden;
+  height: 0;
+}
+.yfm-tab-panel:first-child {
+  margin-top: 0 !important;
+}
+.yfm-tab-panel:last-child {
+  margin-bottom: 0 !important;
+}
+.yfm-tab-panel.active {
+  visibility: visible;
+  overflow: visible;
+  height: auto;
+}
+.yfm-tabs-dropdown {
+  position: relative;
+  width: 90%;
+  margin-bottom: 0;
+  --yfm-tabs-dropdown-color: #F2F2F2;
+  --yfm-tabs-dropdown-text-color: #A8A8A8;
+  --yfm-tabs-dropdown-color-border: #CCC;
+}
+.yfm-tabs-dropdown .yfm-tabs-dropdown-select {
+  padding: 10px 30px 10px 10px;
+  background: var(--g-color-base-background);
+  border: 1px solid var(--yfm-tabs-dropdown-color-border);
+  color: var(--yfm-tabs-dropdown-text-color);
+  border-radius: 5px;
+  position: relative;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  margin-bottom: 10px;
+  max-width: 500px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  z-index: 10;
+}
+.yfm-tabs-dropdown .yfm-tabs-dropdown-select.filled {
+  color: inherit;
+}
+.yfm-tabs-dropdown .yfm-tabs-dropdown-select:after {
+  content: "";
+  position: absolute;
+  display: block;
+  right: 10px;
+  top: 25%;
+  transform: rotate(90deg);
+  transition: transform 0.2s;
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Im0zIDYgNSA1IDUtNSIvPjwvc3ZnPg==);
+  width: 20px;
+  height: 20px;
+}
+.yfm-tabs-dropdown .yfm-tabs-dropdown-select.active + .yfm-tabs-dropdown-menu {
+  transform: scaleY(1);
+}
+.yfm-tabs-dropdown .yfm-tabs-dropdown-select.active:after {
+  transform: rotate(0);
+}
+.yfm-tabs-dropdown > .yfm-tabs-dropdown-menu {
+  width: 100%;
+  max-width: 500px;
+  max-height: 500px;
+  overflow-y: scroll;
+  padding: 10px 0;
+  position: absolute;
+  z-index: 10;
+  display: flex;
+  flex-direction: column;
+  border: 1px solid var(--yfm-tabs-dropdown-color-border);
+  border-radius: 5px;
+  background-color: var(--g-color-base-background);
+  transform: scaleY(0);
+  list-style: none;
+  z-index: 100;
+  transition: transform 125ms;
+  transform-origin: top center;
+}
+.yfm-tabs-dropdown > .yfm-tabs-dropdown-menu > li {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  cursor: pointer;
+  background-color: var(--g-color-base-background);
+}
+.yfm-tabs-dropdown > .yfm-tabs-dropdown-menu > li:hover {
+  background-color: var(--g-color-base-simple-hover);
+  color: inherit;
+}
+.yfm-tabs-dropdown > .yfm-tabs-dropdown-menu > li.yfm-tab {
+  padding: 5px 0 5px 10px;
+  border-radius: 0;
+  border-bottom: 0;
+  border-bottom: initial;
+  margin: 0;
+  font-weight: 500;
+}
+.yfm-tabs-dropdown > .yfm-tabs-dropdown-menu > li.yfm-tab.active {
+  background-color: var(--g-color-base-selection);
+}
+.yfm-tabs-dropdown > .yfm-tabs-dropdown-menu > li.yfm-tab:hover {
+  color: inherit;
+}
+.yfm-tabs-dropdown > .yfm-tab-panel.active {
+  border: 1px solid #F2F2F2;
+  transform: translateY(-30px);
+  border-radius: 12px;
+  padding: 40px 12px 16px;
+}
+.yfm-tabs-dropdown > .yfm-tabs {
+  width: 100%;
+}
+.yfm-tabs-accordion {
+  max-width: 80%;
+}
+.yfm-tabs-accordion > .yfm-tab:first-of-type {
+  border-top-color: transparent;
+}
+.yfm-tabs-accordion .yfm-tab {
+  padding: 8px 0 12px 6px;
+  position: relative;
+  border-top: 1px solid #E5E5E5;
+  font-weight: 500;
+  scroll-margin-top: 20px;
+}
+.yfm-tabs-accordion .yfm-tab:after {
+  content: "";
+  position: absolute;
+  display: block;
+  right: 10px;
+  top: 25%;
+  transform: rotate(-180deg);
+  transition: transform 0.3s, background-color 0.2s;
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Im0zIDYgNSA1IDUtNSIvPjwvc3ZnPg==);
+  width: 20px;
+  height: 20px;
+  border-radius: 6px;
+  padding: 6px;
+}
+.yfm-tabs-accordion .yfm-tab.active {
+  border-bottom-color: transparent !important;
+  font-weight: 700;
+}
+.yfm-tabs-accordion .yfm-tab.active:after {
+  transform: rotate(0);
+}
+.yfm-tabs-accordion .yfm-tab:hover {
+  color: #3f5799;
+}
+.yfm-tabs-accordion .yfm-tab-panel.active {
+  margin: 10px 0 25px 6px;
+}
 .yfm-tabs-vertical > .yfm-tab-list {
   flex-direction: column;
   border-bottom: 0;
@@ -967,50 +1153,4 @@
   border-bottom: 0 !important;
   border-bottom: initial !important;
 }
-.yfm-tab {
-  margin-bottom: -1px;
-  margin-right: 20px;
-  border-bottom: 2px solid transparent;
-  padding: 6px 0 7px;
-  font-weight: 700;
-  outline: none;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  user-select: none;
-  white-space: break-spaces;
-}
-.yfm-tab:last-child {
-  margin-right: 0;
-}
-.yfm-tab:hover,
-.yfm-tab:active {
-  color: #004080;
-}
-.yfm-tab.active {
-  border-bottom-color: #027bf3;
-}
-.yfm-tab:focus {
-  outline: 2px solid #4d90fe;
-  border-radius: 2px;
-}
-.yfm-tab:focus:not(:focus-visible) {
-  outline: 0;
-}
-.yfm-tab-panel {
-  position: relative;
-  visibility: hidden;
-  overflow: hidden;
-  height: 0;
-}
-.yfm-tab-panel:first-child {
-  margin-top: 0 !important;
-}
-.yfm-tab-panel:last-child {
-  margin-bottom: 0 !important;
-}
-.yfm-tab-panel.active {
-  visibility: visible;
-  height: auto;
-}
 /*# sourceMappingURL=yfm.css.map */