npm - survey-analytics - Versions diffs - 2.5.13 → 3.0.0-beta.0 - Mend

survey-analytics 2.5.13 → 3.0.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (216) hide show

package/survey.analytics.tabulator.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"survey.analytics.tabulator.css","mappings":";;;;;;;;AAAA;EACE;EACA;EACA;EACA;EACA;ACCF;ADAE;EANF;IAOI;ECGF;AACF;;ADDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACIF;ADHE;EATF;IAUI;IACA;ECMF;AACF;ADJE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACMJ;ADJI;EAfF;IAgBI;IACA;ECOJ;AACF;;ACiCA;EACE,sCA7De;EA8Df,uEAhEY;ADkCd;ACgCE;EACE;EACA;EACA;AD9BJ;ACiCE;EACE;EAvDF;EACA;EACA;EACA;EACA;EACA;EACA,6CACE;EAEF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADuBF;ACrBE;EACE;EACA,qBAjDW;EAkDX;ADuBJ;ACrBE;EACE;ADuBJ;ACYE;EA9BA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADqBF;ACnBE;EACE,wCAzES;EA0ET;ADqBJ;;ACGA;EACE,yBAzFgB;ADyFlB;;ACGA;EACE;EACA;EACA;EACA;ADAF;;ACGA;EACE;ADAF;ACCE;EACE;EACA;EACA;EACA;EACA;ADCJ;ACEE;EACE;EACA;EACA;ADAJ;ACGE;EACE;ADDJ;;ACKA;EACE;EACA;EACA,sCAnHe;EAoHf;EACA;EACA;EACA;EACA;EACA;EACA;ADFF;;ACKA;EACE;EACA;EACA;ADFF;;ACKA;EACE;ADFF;;ACKA;EACE,qBAvJU;EAwJV,cAxJU;ADsJZ;ACGE;EACE,yBApJQ;EAqJR,sCAjJiB;ADgJrB;;ACKA;EACE,wCAnKW;EAoKX,iCApKW;ADkKb;ACGE;EACE,4CAtKS;EAuKT,sCA1JiB;ADyJrB;;ACKA;EACE;EACA;EACA;EACA;ADFF;ACGE;EACE,gDA1KQ;ADyKZ;ACII;EACE,qCA7KY;AD2KlB;ACKE;EACE;EACA;ADHJ;;ACOA;EACE;EACA;ADJF;ACKE;EACE;EACA;EACA;ADHJ;ACKE;EACE;EACA;EACA;ADHJ;ACKE;EACE;EACA;ADHJ;ACII;EACE,gCA/MO;AD6Mb;ACII;EACE,gCAlNO;ADgNb;;ACOA;;EAEE;EACA;EACA;EACA,4CACE;EAEF;EACA;EACA;EACA;ADNF;;ACSA;EACE;ADNF;;ACSA;EACE;EACA;EAEA;EACA,4DACE;EAEF,sCACE;EAEF;EACA;EACA;EACA;ADXF;ACYE;EACE;ADVJ;;ACeA;EACE;EACA;ADZF;;ACeA;EACE;ADZF;;ACeA;EACE;ADZF;;ACeA;EACE;ADZF;;ACeA;EACE,yBAtQgB;AD0PlB;;ACeA;EACE,yBA1QgB;AD8PlB;;ACeA;EACE;ADZF;;ACeA;EACE;EACA;ADZF;;ACeA;EACE;EACA;EACA;ADZF;;ACeA;EACE;ADZF;;AA5QA;EACE;EACA,yBCPgB;EDQhB;EACA;EACA;EACA;EACA;AA+QF;AA7QE;EACE;EACA;EACA;AA+QJ;AA5QE;EACE;EACA;AA8QJ;AA3QE;EACE;EACA;EACA;EACA;AA6QJ;;AAzQA;EACE;AA4QF;AA3QE;EACE;AA6QJ;;AAzQA;EACE;EACA;EACA;EACA;AA4QF;;AAzQA;EACE;AA4QF;AA3QE;EACE;AA6QJ;;AAzQE;EACE;AA4QJ;;AAtQE;EACE;EACA;EACA;EACA,cCxEQ;EDyER;EACA;EACA;AAyQJ;AAvQI;EACE;AAyQN;AAtQI;EACE;AAwQN;AApQE;ECpEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ED6DE;EACA;AA+QJ;AA5QE;EC1EA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDmEE;EACA;EACA;AAuRJ;AApRE;EAvGA;EACA;EACA;EAEA;EACA;EACA,qCACE;EAEF;EACA;EACA;EACA;EACA;EA4FE;EACA;AAgSJ;AA7RE;EA7GA;EACA;EACA;EAEA;EACA;EACA,qCACE;EAEF;EACA;EACA;EACA;EACA;EAkGE;EACA;AAySJ;AAtSE;EACE;EACA;AAwSJ;AArSE;EACE;EACA,yBCxHe;AD+ZnB;AArSI;EACE;EACA;EACA;AAuSN;AApSI;EACE;EACA;AAsSN;AAnSI;EACE;AAqSN;AAlSI;EACE;AAoSN;AAjSI;EACE;AAmSN;AAhSI;;EAEE;AAkSN;AA/RI;EACE;AAiSN;AA9RI;EACE;AAgSN;AA7RI;EACE;EACA,yBChKa;AD+bnB;AA5RI;EACE,yBC3JY;ADyblB;AA3RI;EACE,yBCxKa;ADqcnB;AA1RI;EACE;AA4RN;AAzRI;EACE;AA2RN;AAxRI;EACE;EACA;EACA,yBCjLS;AD2cf;AAvRI;EACE,sCC3LO;ADodb","sources":["webpack://SurveyAnalyticsTabulator/./src/utils/utils.scss","webpack://SurveyAnalyticsTabulator/./src/tables/tabulator.scss","webpack://SurveyAnalyticsTabulator/./src/tables/table.scss"],"sourcesContent":[".sa-commercial {\n box-sizing: border-box;\n padding: var(--sjs2-spacing-static-x150, 12px) var(--sjs2-spacing-static-x600, 48px);\n justify-content: center;\n width: 100%;\n background: var(--sjs2-color-bg-brand-primary, #19B394);\n @media screen and (max-width: 600px) {\n padding: var(--sjs2-spacing-static-x100, 8px) var(--sjs2-spacing-static-x300, 24px);\n }\n}\n.sa-commercial__text {\n text-decoration: none;\n color: var(--sjs2-color-fg-static-main-primary, #FFF);\n text-align: center;\n font-family: var(--sjs2-font-family-semantic-default, \"Segoe UI\", SegoeUI, Arial, sans-serif);\n font-size: var(--sjs2-font-size-semantic-default, 16px);\n font-style: normal;\n font-weight: 600;\n line-height: var(--sjs2-line-height-semantic-default, 24px);\n @media screen and (max-width: 600px) {\n font-size: var(--sjs2-font-size-semantic-small, 12px);\n line-height: var(--sjs2-line-height-semantic-small, 16px);\n }\n\n a {\n color: var(--sjs2-color-fg-static-main-primary, #FFF);\n text-align: center;\n font-family: var(--sjs2-font-family-semantic-default, \"Segoe UI\", SegoeUI, Arial, sans-serif);\n font-size: var(--sjs2-font-size-semantic-default, 16px);\n font-style: normal;\n font-weight: 600;\n line-height: var(--sjs2-line-height-semantic-default, 24px);\n text-decoration-line: underline;\n text-decoration-style: solid;\n text-decoration-skip-ink: auto;\n text-decoration-thickness: 5%;\n text-underline-offset: 10%;\n text-underline-position: from-font;\n\n @media screen and (max-width: 600px) {\n font-size: var(--sjs2-font-size-semantic-small, 12px);\n line-height: var(--sjs2-line-height-semantic-small, 16px);\n }\n }\n}","@use \"./table.scss\" as ;\r\n\r\n@mixin doubleArrow() {\r\n display: inline-block;\r\n background: transparent;\r\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23a0a0a0;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A\"),\r\n url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23a0a0a0;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A\");\r\n background-repeat: no-repeat, no-repeat;\r\n background-size: 9px 100%;\r\n background-position:\r\n left 0,\r\n left 5px;\r\n height: 20px;\r\n width: 10px;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-indent: -9999px;\r\n}\r\n\r\n.sa-tabulator__header {\r\n padding: 20px 13px;\r\n background-color: $background-gray;\r\n overflow: auto;\r\n display: flex;\r\n flex-direction: row;\r\n gap: 10px;\r\n flex-wrap: wrap;\r\n\r\n &:after {\r\n content: \"\";\r\n clear: both;\r\n display: block;\r\n }\r\n\r\n .sa-table__header-space {\r\n display: flex;\r\n flex-grow: 1;\r\n }\r\n\r\n .sa-table__entries {\r\n float: none;\r\n line-height: 34px;\r\n display: flex;\r\n flex-grow: 1;\r\n }\r\n}\r\n\r\n.sa-tabulator__downloads-bar {\r\n float: left;\r\n .sa-table__btn {\r\n margin-left: 10px;\r\n }\r\n}\r\n\r\n.sa-tabulator__pagination-container {\r\n float: right;\r\n margin-top: 8px;\r\n min-width: 200px;\r\n text-align: right;\r\n}\r\n\r\n.sa-tabulator__filter-container {\r\n margin-bottom: 20px;\r\n input {\r\n box-sizing: border-box;\r\n }\r\n}\r\n.tabulator-col.tabulator-moving {\r\n .sa-table__filter.sa-table__filter {\r\n pointer-events: none;\r\n }\r\n}\r\n\r\n//redefine tabulator's styles\r\n.sa-tabulator {\r\n .tabulator-page {\r\n margin-right: 15px;\r\n padding: 1px;\r\n vertical-align: middle;\r\n color: $text-gray;\r\n cursor: pointer;\r\n outline: none;\r\n border: none;\r\n\r\n &:last-child {\r\n margin-right: 0;\r\n }\r\n\r\n &:disabled {\r\n cursor: default;\r\n }\r\n }\r\n\r\n .tabulator-page[aria-label~=\"Prev\"] {\r\n @include arrow();\r\n transform: rotate(90deg);\r\n margin-right: 20px;\r\n }\r\n\r\n .tabulator-page[aria-label~=\"Next\"] {\r\n @include arrow();\r\n transform: rotate(270deg);\r\n margin-left: 20px;\r\n margin-right: 0;\r\n }\r\n\r\n .tabulator-page[aria-label~=\"First\"] {\r\n @include doubleArrow();\r\n transform: rotate(90deg);\r\n margin-right: 10px;\r\n }\r\n\r\n .tabulator-page[aria-label~=\"Last\"] {\r\n @include doubleArrow();\r\n transform: rotate(270deg);\r\n margin-left: 10px;\r\n }\r\n\r\n .tabulator-page.active {\r\n font-weight: bold;\r\n border-bottom: 1px solid $text-gray;\r\n }\r\n\r\n .tabulator {\r\n border: 1px solid #ddd;\r\n background-color: $background-color;\r\n\r\n .tabulator-row .tabulator-cell {\r\n padding: 20px;\r\n border-top: 1px solid #ddd;\r\n border-right: 1px solid #ddd;\r\n }\r\n\r\n .tabulator-header .tabulator-col {\r\n padding: 13px 20px;\r\n border-right: 1px solid #ddd;\r\n }\r\n\r\n .tabulator-header .tabulator-col .tabulator-col-content {\r\n padding: 0;\r\n }\r\n\r\n .tabulator-header {\r\n border-bottom: none;\r\n }\r\n\r\n .tabulator-header .tabulator-col.tabulator-sortable:hover {\r\n background-color: white;\r\n }\r\n\r\n .tabulator-header,\r\n .tabulator-header .tabulator-col {\r\n background-color: white;\r\n }\r\n\r\n .tabulator-header .tabulator-col:first-child {\r\n pointer-events: none;\r\n }\r\n\r\n .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {\r\n display: none;\r\n }\r\n\r\n .tabulator-row.tabulator-selectable:hover {\r\n cursor: default;\r\n background-color: $background-color;\r\n }\r\n\r\n .tabulator-row.tabulator-selectable.sa-table__detail-row:hover {\r\n background-color: $detail-color;\r\n }\r\n\r\n .tabulator-row.tabulator-row-even {\r\n background-color: $background-color;\r\n }\r\n\r\n .tabulator-header .tabulator-col .tabulator-col-content {\r\n border-top: none;\r\n }\r\n\r\n .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {\r\n padding-right: 0;\r\n }\r\n\r\n .tabulator-tableholder::-webkit-scrollbar {\r\n height: 10px;\r\n width: 10px;\r\n background-color: $scroll-color;\r\n }\r\n\r\n .tabulator-tableholder::-webkit-scrollbar-thumb {\r\n background: $main-color;\r\n }\r\n }\r\n}\r\n","@use \"../globals\" as ;\n@forward \"../globals\";\n@use \"../utils/utils.scss\" as *;\n\n$main-color: var(--main-color, #1ab394);\n$background-color: #ffffff;\n\n$text-gray: #a0a0a0;\n$background-gray: #9b9b9b;\n$border-color: #d4d4d4;\n$scroll-color: #e2e2e2;\n$svg-color: var(--svg-color, rgba(#9f9f9f, 0.4));\n$svg-hover-color: var(--svg-hover-color, #9f9f9f);\n$dark-gray: #9b9b9b;\n$background-gray: #f7f7f7;\n\n$text-color: var(--text-color, #404040);\n$text-color-inverse: var(--text-color-inverse, #fff);\n$detail-color: $background-gray;\n\n$font-family: var(--font-family, \"Segoe UI\", SegoeUI, Arial, sans-serif);\n$font-family-secondary: var(--font-family-secondary, Raleway, Arial, sans-serif);\n$root-font-size: var(--root-font-size, 14px);\n\n@mixin arrow() {\n display: inline-block;\n background: transparent;\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23a0a0a0;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat, repeat;\n background-size: 9px 100%;\n height: 10px;\n width: 10px;\n white-space: nowrap;\n overflow: hidden;\n text-indent: -9999px;\n}\n\n@mixin dropdown() {\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n background: transparent;\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat, repeat;\n background-position:\n right 0.7em top 50%,\n 0 0;\n background-size: 0.57em 100%;\n height: 34px;\n border-radius: 2px;\n border: solid 1px $border-color;\n box-sizing: border-box;\n font-family: inherit;\n font-size: inherit;\n padding: 0.25em 2em 0.25em 0.87em;\n\n &:focus {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%231AB394;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E \");\n border-color: $border-color;\n outline: none;\n }\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin input() {\n height: 34px;\n border: none;\n border-bottom: 0.06em solid $border-color;\n box-sizing: border-box;\n font-family: inherit;\n font-size: inherit;\n padding: 0.25em 1.5em 0.25em 0.87em;\n background: transparent;\n\n &:focus {\n border-color: $main-color;\n outline: none;\n }\n}\n\n.sa-table {\n font-size: $root-font-size;\n font-family: $font-family;\n\n button {\n cursor: pointer;\n background-color: inherit;\n outline: none;\n }\n\n select {\n line-height: initial;\n @include dropdown();\n }\n\n input {\n @include input();\n }\n}\n\n.sa-table__detail-row.sa-table__detail-row.sa-table__detail-row.sa-table__detail-row {\n background-color: $detail-color;\n}\n\n.sa-table__detail-table.sa-table__detail-table {\n width: 100%;\n border-collapse: collapse;\n border-right: 1px solid $border-color;\n border-bottom: none;\n}\n\n.sa-table__detail {\n border-top: 1px solid $border-color;\n td {\n box-sizing: border-box;\n padding: 20px;\n border-left: none;\n border-right: none;\n white-space: initial;\n }\n\n td:first-child {\n width: 267px;\n border-left: none;\n font-weight: bold;\n }\n\n td:nth-child(2) {\n width: 208px;\n }\n}\n\n.sa-table__btn {\n height: 34px;\n width: 154px;\n font-size: $root-font-size;\n font-weight: bold;\n background-color: transparent;\n box-sizing: border-box;\n border: solid 2px;\n border-radius: 17px;\n padding: 0;\n outline: none;\n}\n\na.sa-table__btn {\n display: inline-block;\n text-align: center;\n padding-top: 5px;\n}\n\n.sa-table__btn--small {\n width: 99px;\n}\n\n.sa-table__btn--gray {\n border-color: $text-gray;\n color: $text-gray;\n &:hover {\n background-color: $dark-gray;\n color: $text-color-inverse;\n }\n}\n\n.sa-table__btn--green {\n border-color: $main-color;\n color: $main-color;\n &:hover {\n background-color: $main-color;\n color: $text-color-inverse;\n }\n}\n\n.sa-table__svg-button {\n width: 15px;\n height: 15px;\n padding: 0;\n border: none;\n use {\n fill: $svg-color;\n }\n &:hover {\n use {\n fill: $svg-hover-color;\n }\n }\n svg {\n width: 15px;\n height: 15px;\n }\n}\n\n.sa-table__action-container {\n margin-bottom: 10px;\n white-space: normal;\n .sa-table__svg-button {\n float: right;\n margin: 0 0 13px 13px;\n pointer-events: all;\n }\n &:after {\n content: \"\";\n display: table;\n clear: both;\n }\n .sa-table__drag-button {\n float: left;\n cursor: move;\n use {\n fill: $main-color;\n }\n &:hover use {\n fill: $main-color;\n }\n }\n}\n\n.sa-table__global-filter.sa-table__global-filter,\n.sa-table__filter.sa-table__filter {\n background: transparent;\n background-image: url(\"data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:%239F9E9E;} %3C/style%3E%3Cpath class='st0' d='M13.56,11.44L11.3,9.18C11.74,8.38,12,7.47,12,6.5C12,3.47,9.53,1,6.5,1S1,3.47,1,6.5C1,9.53,3.47,12,6.5,12 c0.97,0,1.88-0.26,2.68-0.7l2.26,2.26c0.29,0.29,0.66,0.43,1.04,0.44c0.39,0.01,0.78-0.14,1.08-0.44c0.3-0.3,0.44-0.69,0.44-1.08 C13.99,12.1,13.85,11.72,13.56,11.44z M4,6.5C4,5.12,5.12,4,6.5,4S9,5.12,9,6.5S7.88,9,6.5,9S4,7.88,4,6.5z'/%3E%3C/svg%3E\");\n background-repeat: no-repeat, repeat;\n background-position:\n left 0.7em top 50%,\n 0 0;\n background-size: 1em 100%;\n padding-left: 35px;\n border: solid 1px $border-color;\n pointer-events: all;\n}\n\n.sa-table__filter.sa-table__filter {\n width: 100%;\n}\n\n.sa-table__show-column.sa-table__show-column {\n background: transparent;\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:rgba(159, 159, 159, 0.5);%7D .st1%7Bfill:rgba(159, 159, 159, 0.5);%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M8,2.03C3.63,2.03,0,8,0,8s3.63,6.03,8,6.03s8-6,8-6S12.37,2.03,8,2.03z M8,12c-2.58,0-5.13-2.81-6-4 c1.07-1.47,3.61-4,6-4c2.58,0,5.13,2.81,6,4C12.93,9.47,10.39,12,8,12z'/%3E%3Ccircle class='st1' cx='8' cy='8' r='3'/%3E%3C/g%3E%3C/svg%3E\"),\n url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat, no-repeat;\n background-position:\n left 0.7em top 50%,\n right 0.7em top 50%;\n background-size:\n 1em 100%,\n 0.57em 100%;\n padding-left: 35px;\n border: solid 1px $border-color;\n pointer-events: all;\n margin-left: 20px;\n &:focus {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:rgba(159, 159, 159, 0.5);%7D .st1%7Bfill:rgba(159, 159, 159, 0.5);%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M8,2.03C3.63,2.03,0,8,0,8s3.63,6.03,8,6.03s8-6,8-6S12.37,2.03,8,2.03z M8,12c-2.58,0-5.13-2.81-6-4 c1.07-1.47,3.61-4,6-4c2.58,0,5.13,2.81,6,4C12.93,9.47,10.39,12,8,12z'/%3E%3Ccircle class='st1' cx='8' cy='8' r='3'/%3E%3C/g%3E%3C/svg%3E\"),\n url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%231AB394;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E \") !important;\n }\n}\n\n.sa-table__entries {\n float: right;\n white-space: nowrap;\n}\n\n.sa-table__entries-label {\n font-weight: bold;\n}\n\n.sa-table__entries-label--right {\n margin-right: 5px;\n}\n\n.sa-table__entries-label--left {\n margin-left: 5px;\n}\n\n.sa-table__detail-row {\n background-color: $detail-color;\n}\n\n.sa-table__detail-table {\n background-color: $detail-color;\n}\n\n.sa-table input.sa-table__row-extension {\n height: auto;\n}\n\n.sa-table__row-extension + .sa-table__row-extension {\n margin-left: 10px;\n vertical-align: middle;\n}\n\n.sa-table__header-extensions {\n float: left;\n margin-left: 10px;\n width: calc(100% - 540px);\n}\n\n.sa-table__header-extension + .sa-table__header-extension {\n margin-left: 10px;\n}\n"],"names":[],"sourceRoot":""}
1	+ {"version":3,"file":"survey.analytics.tabulator.css","mappings":";;;;;;;;AAIA;EACE;EACA;EACA;EACA;EACA;ACHF;ADIE;EANF;IAOI;ECDF;AACF;;ADGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACAF;ADCE;EATF;IAUI;IACA;ECEF;AACF;ADAE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACEJ;ADAI;EAfF;IAgBI;IACA;ECGJ;AACF;;ADEA;;EAEE;EACA;EACA;EACA;EEpBA;EACA;EACA;EACA;ADsBF;;ADAA;EACE;EACA;EACA;ACGF;;ADAA;;EAEE;EACA;ACGF;;ADAA;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;ACEF;ADAE;EACE;EACA;EACA;EACA;ACEJ;;ADEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACCF;;ADEA;EACE;ACCF;;ADEA;EACE;ACCF;;ADEA;EACE;EACA;EACA;EACA;EACA;ACCF;ADCE;EACE;ACCJ;;ADGA;EACE;EACA;ACAF;;ADGA;EACE;ACAF;;ADGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EE/GA;EACA;EACA;EACA;ADgHF;;ADCA;;EAEE;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;ACHF;ADKI;EA9BJ;;IA+BM;IACA;ECDJ;AACF;ADGI;;EACE;EACA;EACA;ACAN;ADGI;;EACE;EACA;EACA;EACA;ACAN;ADGI;;EACE;ACAN;ADGI;;EACE;EACA;ACAN;;ADIA;EACE;EACA;ACDF;;ADKA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;ACHF;;ADMA;EACE;EACA;EACA;EACA;EACA;EACA;ACHF;;ADMA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EErNA;EACA;EACA;EACA;ADmNF;ADGE;;EACE;ACAJ;ADEI;;EACE;EACA;EACA;ACCN;ADEI;;EACE;EACA;EACA;ACCN;;ADIA;;;;EAIE;EACA;ACDF;;ADIA;EACE;EACA;EACA;ACDF;ADGE;EACE;ACDJ;;ADKA;EACE;EACA;EACA;EAEA;EACA;EACA;ACHF;ADKE;EACE;EACA;EACA;ACHJ;ADME;EACE;ACJJ;;ADQA;EACE;EACA;EE3QA;EACA;EACA;EACA;ADuQF;;ADMA;EACE;EACA;EACA;EE1RA;EACA;EACA;EACA;ADwRF;;ADIA;EACE;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EEtTA;EACA;EACA;EACA;ADsTF;;ADEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACCF;ADCE;EACE;EACA;EACA;ACCJ;;ADGA;EACE;ACAF;;ADGA;EACE;EACA;EACA;EACA;ACAF;;ADGA;EACE;EACA;EACA;EACA;EACA;ACAF;ADEE;EACE;ACAJ;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;EACA;EACA;ACDF;;ADIA;EACE;EACA;EACA;ACDF;ADGE;EACE;ACDJ;;ADKA;EACE;EACA;EACA;EACA;EEvYA;EACA;EACA;EACA;ADsYF;ADEE;EACE;ACAJ;;ADIA;EACE;IACE;IACA;ECDF;EDIA;IACE;ECFF;EDKA;IACE;IACA;ECHF;AACF;AE1WA;EDvDE;EACA;EACA;EACA;ADoaF;AE7WE;EACE;EACA;EACA;AF+WJ;AE5WE;EACE;EAtDF;EACA;EACA;EACA;EACA;EACA;EACA,6CACE;EAEF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFmaF;AEjaE;EACE;EACA,qBAlDW;EAmDX;AFmaJ;AEjaE;EACE;AFmaJ;AEjYE;EA7BA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFiaF;AE/ZE;EACE,wCA1ES;EA2ET;AFiaJ;;AE1YA;EACE;AF6YF;;AE1YA;EACE;EACA;EACA;EACA;AF6YF;;AE1YA;EACE;AF6YF;AE3YE;EACE;EACA;EACA;EACA;EAEA;EAEA;EDzFF;EACA;EACA;EACA;ADqeF;AE3YE;EACE;EACA;EACA;EACA;AF6YJ;;AErYA;EDzGE;EACA;EACA;EACA;ECwGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AF2YF;;AExYA;EACE;EACA;EACA;AF2YF;;AExYA;EACE;AF2YF;;AExYA;EACE,qBA5JU;EA6JV,cA7JU;AFwiBZ;AE1YE;EACE,yBAzJQ;EA0JR,sCAtJiB;AFkiBrB;;AExYA;EACE,wCAxKW;EAyKX,iCAzKW;AFojBb;AE1YE;EACE,4CA3KS;EA4KT,sCA/JiB;AF2iBrB;;AExYA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AF2YF;AEzYE;EACE;EACA;AF2YJ;AEzYE;EACE;EACA;EACA;AF2YJ;AEzYE;EACE;EACA;EACA;AF2YJ;AExYE;EACE;AF0YJ;;AEtYA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AFyYF;;AEtYA;EACE;EACA;ED1LA;EACA;EACA;EACA;ADokBF;;AExYA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AF2YF;AEzYE;EACE;EACA;AF2YJ;;AEvYA;EACE;EACA;EACA;EACA;AF0YF;AExYE;EACE;EACA;EACA;AF0YJ;AEvYE;EACE;AFyYJ;;AErYA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ED/OA;EACA;EACA;EACA;ADwnBF;AExYE;EACE;EACA;EACA;AF0YJ;;AEtYA;EACE;EACA;EACA;EACA;EACA;AFyYF;;AE1XA;EACE;EACA;EACA;AF6XF;AE3XE;EACE;AF6XJ;AE3XE;EACE;EACA;EACA;AF6XJ;AE3XE;EACE;EACA;EACA;AF6XJ;;AEzXA;;EAEE;EACA;EACA;EACA,4CACE;EAEF;EACA;EACA;EACA;AF0XF;;AEvXA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;ED5TA;EACA;EACA;EACA;ADsrBF;;AExXA;EACE;AF2XF;;AEnWA;EAGE;EACA;EACA;EACA;AFoWF;;AEjWA;EACE;EDpWA;EACA;EACA;EACA;ADysBF;;AEnWA;EACE;AFsWF;;AEnWA;EACE;AFsWF;;AEnWA;EACE;AFsWF;;AEnWA;EACE;AFsWF;;AEnWA;EACE;AFsWF;;AEnWA;EACE;EACA;EACA;EACA;EACA;AFsWF;;AE/VA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AFiWF;AE/VE;EACE;EACA;AFiWJ;AE9VE;EACE;EACA;EACA;EACA;EACA;EACA;AFgWJ;AE7VE;EACE;AF+VJ;;AE3VA;EACE;EACA;AF8VF;AE5VE;EACE;EACA;AF8VJ;AE3VE;EACE;AF6VJ;;AAxxBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AA2xBF;;AAxxBA;EAEE;AA0xBF;;AAvxBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;AAyxBF;;AAtxBA;EACE;EACA;EACA;EACA;EACA;EACA;AAyxBF;AA5wBE;EACE;EACA;EACA;EACA;AA8wBJ;;AA1wBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AA6wBF;;AAzwBE;EACE;EACA;EACA;EACA;EAEA;EACA;EC5DF;EACA;EACA;EACA;ADw0BF;;AAzwBA;EACE;AA4wBF;;AAlwBA;EAKE;EACA;AAiwBF;;AA9vBA;EACE;AAiwBF;AAhwBE;EACE;AAkwBJ;;AA9vBE;EACE;AAiwBJ;;AA3vBE;EAKE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA0vBJ;AAxvBI;EACE;EACA;AA0vBN;AAvvBI;EACE;EACA;EACA;EACA;AAyvBN;AAtvBI;EACE;EACA;AAwvBN;AApvBE;EACE;EACA;AAsvBJ;AApvBI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;ECpJJ;EACA;EACA;EACA;AD04BF;AArvBM;EACE;EACA;AAuvBR;AAlvBE;EE7KA;EACA;EACA;EACA;EAGA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EFiKE;AA+vBJ;AA5vBE;EElLA;EACA;EACA;EACA;EAGA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EFsKE;AAywBJ;AAtwBE;EAzMA;EACA;EAEA;EACA;EAIA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EA2LE;AAmxBJ;AAhxBE;EA9MA;EACA;EAEA;EACA;EAIA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAgME;AA6xBJ;AA1xBE;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EChMF;EACA;EACA;EACA;AD29BF;AA1xBI;EACE;EACA;AA4xBN;AAxxBE;EACE;EACA;AA0xBJ;AAxxBI;EACE;AA0xBN;AAvxBI;EACE;EACA;EACA;EAEA;EC9NJ;EACA;EACA;EACA;ADu/BF;AAzxBM;EACE;AA2xBR;AAxxBM;EACE;AA0xBR;AAtxBI;EACE;AAwxBN;AArxBI;EACE;AAuxBN;AApxBI;EACE;AAsxBN;AAnxBI;EACE;AAqxBN;AAlxBI;;EAEE;AAoxBN;AAjxBI;EACE;AAmxBN;AAhxBI;EACE;AAkxBN;AA/wBI;EACE;AAixBN;AA9wBI;EACE;AAgxBN;AA7wBI;EACE;EACA;AA+wBN;AA5wBI;EACE;AA8wBN;AA3wBI;EACE;AA6wBN;AA1wBI;EACE;AA4wBN;AAxwBM;EACE;EACA;EACA;AA0wBR;AAvwBM;EACE;EACA;EACA;AAywBR;AAtwBM;EACE;AAwwBR;AArwBM;EACE;AAuwBR;;;;AGtlCA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AACF;AAEA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AAAF;AAGA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AADF;AAIA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AAFF;AAKA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AAHF;AAMA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AAJF;AAOA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AALF;AAQA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AANF;AASA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AAPF;AAUA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AARF;AAWA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AATF;AAYA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AAVF;AAaA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AAXF;AAcA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AAZF;AAeA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AAbF;AAgBA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AAdF;AAiBA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AAfF;AAkBA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AAhBF;AAmBA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AAjBF;AAoBA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AAlBF;AAqBA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AAnBF;AAsBA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AApBF;AAuBA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AArBF;AAwBA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;AAtBF;AAyBA;EACE;AAvBF","sources":["webpack://SurveyAnalyticsCore/./src/utils/utils.scss","webpack://SurveyAnalyticsTabulator/./src/tables/tabulator.scss","webpack://SurveyAnalyticsCore/./src/typography-mixins.scss","webpack://SurveyAnalyticsTabulator/./src/tables/table.scss","webpack://SurveyAnalytics/./src/entries/fonts.scss"],"sourcesContent":["@use \"../globals\" as ;\n@forward \"../globals\";\n@use \"../typography-mixins.scss\" as ;\n\n.sa-commercial {\n box-sizing: border-box;\n padding: var(--sjs2-spacing-static-x150, 12px) var(--sjs2-spacing-static-x600, 48px);\n justify-content: center;\n width: 100%;\n background: var(--sjs2-color-bg-brand-primary, #19B394);\n @media screen and (max-width: 600px) {\n padding: var(--sjs2-spacing-static-x100, 8px) var(--sjs2-spacing-static-x300, 24px);\n }\n}\n.sa-commercial__text {\n text-decoration: none;\n color: var(--sjs2-color-fg-static-main-primary, #FFF);\n text-align: center;\n font-family: var(--sjs2-font-family-semantic-default, \"Segoe UI\", SegoeUI, Arial, sans-serif);\n font-size: var(--sjs2-font-size-semantic-default, 16px);\n font-style: normal;\n font-weight: 600;\n line-height: var(--sjs2-line-height-semantic-default, 24px);\n @media screen and (max-width: 600px) {\n font-size: var(--sjs2-font-size-semantic-small, 12px);\n line-height: var(--sjs2-line-height-semantic-small, 16px);\n }\n\n a {\n color: var(--sjs2-color-fg-static-main-primary, #FFF);\n text-align: center;\n font-family: var(--sjs2-font-family-semantic-default, \"Segoe UI\", SegoeUI, Arial, sans-serif);\n font-size: var(--sjs2-font-size-semantic-default, 16px);\n font-style: normal;\n font-weight: 600;\n line-height: var(--sjs2-line-height-semantic-default, 24px);\n text-decoration-line: underline;\n text-decoration-style: solid;\n text-decoration-skip-ink: auto;\n text-decoration-thickness: 5%;\n text-underline-offset: 10%;\n text-underline-position: from-font;\n\n @media screen and (max-width: 600px) {\n font-size: var(--sjs2-font-size-semantic-small, 12px);\n line-height: var(--sjs2-line-height-semantic-small, 16px);\n }\n }\n}\n\n// Dropdown\n.sa-dropdown,\n.sa-action-dropdown {\n position: relative;\n cursor: pointer;\n user-select: none;\n color: var(--sjs2-color-fg-basic-primary, #1C1B20);\n\n @include sjs2--typography--default-strong;\n}\n\n.sa-dropdown {\n display: flex;\n flex-grow: 1;\n flex-direction: row;\n}\n\n.sa-action-dropdown:hover,\n.sa-action-dropdown.sa-action-dropdown--opened {\n border-radius: var(--sjs2-radius-control-action, 8px);\n background: var(--sjs2-color-bg-positive-tertiary-dim, rgba(25, 179, 148, 0.10));\n}\n\n.sa-dropdown-header {\n display: flex;\n padding: var(--sjs2-layout-control-formbox-medium-vertical, 4px) var(--sjs2-layout-control-formbox-medium-horizontal, 4px);\n flex-grow: 1;\n align-items: flex-start;\n gap: var(--sjs2-layout-control-formbox-medium-gap, 4px);\n align-self: stretch;\n\n border-radius: var(--sjs2-radius-semantic-form, 8px);\n margin: var(--sjs2-border-width-x100, 1px);\n outline: var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-control-formbox-default-border, #D4D4D4);\n background: var(--sjs2-color-control-formbox-default-bg, rgba(28, 27, 32, 0.05));\n\n &:focus {\n border-radius: var(--sjs2-radius-semantic-form, 8px);\n background: var(--sjs2-color-control-formbox-focused-bg, #F5F5F5);\n box-shadow: var(--sjs2-border-offset-x-form-focused, 0) var(--sjs2-border-offset-y-form-focused, 0) var(--sjs2-border-blur-form-focused, 0) var(--sjs2-border-spread-form-focused, 2px) var(--sjs2-color-control-formbox-focused-border, #19B394) inset;\n outline: none;\n }\n}\n\n.sa-dropdown-action {\n display: flex;\n padding: var(--sjs2-layout-control-action-small-box-vertical, 8px) var(--sjs2-layout-control-action-small-box-horizontal, 8px);\n justify-content: center;\n align-items: center;\n align-self: stretch;\n border-radius: var(--sjs2-radius-semantic-form-item, 4px);\n background: var(--sjs2-color-bg-neutral-tertiary, rgba(28, 27, 32, 0.00));\n}\n\n.sa-dropdown-action:hover {\n background: var(--sjs2-color-bg-neutral-tertiary-dim, rgba(28, 27, 32, 0.05));\n}\n\n.sa-dropdown--opened .sa-dropdown-arrow {\n background: var(--sjs2-color-bg-neutral-tertiary-dim, rgba(28, 27, 32, 0.05));\n}\n\n.sa-dropdown-action svg {\n display: flex;\n width: var(--sjs2-size-icon-medium, 24px);\n height: var(--sjs2-size-icon-medium, 24px);\n justify-content: center;\n align-items: center;\n\n use {\n fill: var(--sjs2-color-fg-basic-primary-alt, rgba(66, 65, 70, 1));\n }\n}\n\n.sa-dropdown-container {\n display: inline-flex;\n flex-grow: 1;\n}\n\n.sa-action-dropdown-container {\n display: inline-flex;\n}\n\n.sa-dropdown__title {\n padding: var(--sjs2-spacing-x150, 12px) var(--sjs2-size-x000, 0.001px) var(--sjs2-spacing-x150, 12px) var(--sjs2-size-x150, 12px);\n display: flex;\n flex-shrink: 0;\n margin-inline-end: var(--sjs2-spacing-static-x100, 8px);\n overflow: hidden;\n color: var(--sjs2-color-fg-basic-secondary, rgba(28, 27, 32, 0.60));\n text-overflow: ellipsis;\n\n @include sjs2--typography--default;\n}\n\n.sa-dropdown-list,\n.sa-action-dropdown-list {\n position: absolute;\n // top: 100%;\n // left: 0;\n // right: 0;\n min-width: 150px;\n max-height: 50vh;\n max-width: 80vw;\n overflow-x: hidden;\n overflow-y: auto;\n border: var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-border-basic-secondary, #D4D4D4);\n border-top: none;\n border-radius: var(--sjs2-radius-container-drop, 16px);\n background: var(--sjs2-color-utility-sheet, #FFF);\n display: none;\n z-index: 1000;\n margin: 0;\n list-style: none;\n transition: all 0.3s;\n margin-top: 8px;\n padding: var(--sjs2-layout-container-drop-vertical, 8px) var(--sjs2-layout-container-drop-horizontal, 8px);\n box-sizing: border-box;\n\n /* sjs2/shadow/large /\n box-shadow: var(--sjs2-shadow-size-large-offset-x, 0) var(--sjs2-shadow-size-large-offset-y, 6px) var(--sjs2-shadow-size-large-blur, 12px) var(--sjs2-shadow-size-large-spread, 4px) var(--sjs2-shadow-color-large, rgba(0, 76, 68, 0.10));\n\n -webkit-font-smoothing: antialiased;\n -webkit-tap-highlight-color: transparent;\n\n @-moz-document url-prefix() {\n scrollbar-width: thin;\n scrollbar-color: #00000026 transparent;\n }\n\n &::-webkit-scrollbar {\n width: 12px;\n height: 12px;\n background-color: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n border: 4px solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n border-radius: 1024px;\n background-color: #00000026;\n }\n\n &::-webkit-scrollbar-track {\n background: transparent;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n border: 2px solid rgba(0, 0, 0, 0);\n background-color: #00000026;\n }\n}\n\n.sa-dropdown-list.sa-dropdown--opened {\n display: block;\n top: 100%;\n}\n\n\n.sa-action-dropdown-list.sa-action-dropdown--opened {\n display: block;\n top: 100%;\n border-radius: var(--sjs2-radius-container-drop, 16px);\n border: var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-border-basic-secondary, #D4D4D4);\n background: var(--sjs2-color-utility-sheet, #FFF);\n \n / sjs2/border-effect/floating/default /\n box-shadow: var(--sjs2-border-offset-x-floating-default, 0) var(--sjs2-border-offset-y-floating-default, 6px) var(--sjs2-border-blur-floating-default, 12px) var(--sjs2-border-spread-floating-default, 4px) var(--sjs2-color-utility-shadow-floating-default, rgba(0, 76, 68, 0.20));\n}\n\n.sa-action-dropdown-list.sa-action-dropdown--up.sa-action-dropdown--opened {\n top: auto;\n bottom: 100%;\n margin-top: 0;\n margin-bottom: 8px;\n border-top: var(--sjs2-border-width-x100, 1px) solid var(--sjs2-color-border-basic-secondary, #d4d4d4);\n border-bottom: none;\n}\n\n.sa-dropdown-item,\n.sa-action-dropdown-item {\n width: max-content;\n min-width: calc(100% - 2 var(--sjs2-size-x200, 16px));\n max-width: calc(100% - 2 * var(--sjs2-size-x200, 16px));\n padding: var(--sjs2-spacing-x150, 12px) var(--sjs2-size-x200, 16px);\n cursor: pointer;\n transition: all 0.3s;\n display: flex;\n align-items: center;\n gap: var(--sjs2-spacing-x150, 12px);\n border-radius: var(--sjs2-radius-control-drop-item, 8px);\n color: var(--sjs2-color-fg-basic-primary, #1C1B20);\n background: var(--sjs2-color-bg-brand-tertiary, rgba(25, 179, 148, 0.00));\n\n @include sjs2--typography--default;\n\n &:hover {\n background-color: var(--sjs2-color-bg-brand-tertiary-dim, rgba(25, 179, 148, 0.10));\n\n .sa-action-dropdown-icon {\n border-radius: var(--sjs2-radius-control-checkbox, 4px);\n background: var(--sjs2-color-control-check-false-hovered-bg, rgba(28, 27, 32, 0.10));\n box-shadow: var(--sjs2-border-offset-x-form-hovered, 0) var(--sjs2-border-offset-y-form-hovered, 0) var(--sjs2-border-blur-form-hovered, 0) var(--sjs2-border-spread-form-hovered, 1px) var(--sjs2-color-control-check-false-hovered-border, #D4D4D4) inset;\n }\n\n &.sa-action-dropdown-item--selected .sa-action-dropdown-icon {\n border-radius: var(--sjs2-radius-control-checkbox, 4px);\n background: var(--sjs2-color-control-check-true-hovered-bg, #15987E);\n box-shadow: var(--sjs2-border-offset-x-form-hovered, 0) var(--sjs2-border-offset-y-form-hovered, 0) var(--sjs2-border-blur-form-hovered, 0) var(--sjs2-border-spread-form-hovered, 1px) var(--sjs2-color-control-check-true-hovered-border, #15987E) inset;\n }\n }\n}\n\n.sa-action-dropdown-item:focus,\n.sa-action-dropdown-item--focused,\n.sa-dropdown-item:focus,\n.sa-dropdown-item--focused {\n border-radius: var(--sjs2-radius-control-drop-item, 8px);\n background: var(--sjs2-color-bg-brand-tertiary-dim, rgba(25, 179, 148, 0.10));\n}\n\n.sa-action-dropdown-item--selected .sa-action-dropdown-icon {\n border-radius: var(--sjs2-radius-control-checkbox, 4px);\n background: var(--sjs2-color-control-check-true-default-bg, #19B394);\n box-shadow: var(--sjs2-border-offset-x-form-default, 0) var(--sjs2-border-offset-y-form-default, 0) var(--sjs2-border-blur-form-default, 0) var(--sjs2-border-spread-form-default, 1px) var(--sjs2-color-control-check-true-default-border, #19B394) inset;\n\n svg {\n display: block;\n }\n}\n\n.sa-action-dropdown-icon {\n width: var(--sjs2-size-icon-medium, 24px);\n height: var(--sjs2-size-icon-medium, 24px);\n min-width: var(--sjs2-size-icon-medium, 24px);\n\n border-radius: var(--sjs2-radius-control-checkbox, 4px);\n background: var(--sjs2-color-control-check-false-default-bg, #F5F5F5);\n box-shadow: var(--sjs2-border-offset-x-form-default, 0) var(--sjs2-border-offset-y-form-default, 0) var(--sjs2-border-blur-form-default, 0) var(--sjs2-border-spread-form-default, 1px) var(--sjs2-color-control-check-false-default-border, #D4D4D4) inset;\n\n svg {\n display: none;\n width: var(--sjs2-size-icon-medium, 24px);\n height: var(--sjs2-size-icon-medium, 24px);\n }\n\n use {\n fill: var(--sjs2-color-control-check-true-default-icon, #FFF);\n }\n}\n\n.sa-dropdown-item.sa-dropdown-item--selected {\n background-color: var(--sjs2-color-bg-brand-primary, #19B394);\n color: var(--sjs2-color-fg-static-main-primary, #FFF);\n\n @include sjs2--typography--default-strong;\n}\n\n.sa-dropdown-placeholder {\n overflow: hidden;\n color: var(--sjs2-color-control-input-default-placeholder, rgba(28, 27, 32, 0.60));\n text-overflow: ellipsis;\n\n @include sjs2--typography--default;\n}\n\n.sa-dropdown-icon {\n width: var(--sa-icon-size);\n height: var(--sa-icon-size);\n flex-shrink: 0;\n}\n\n.sa-dropdown-header-icon {\n width: var(--sa-icon-size);\n height: var(--sa-icon-size);\n margin-right: 8px;\n}\n\n.sa-dropdown-header-content {\n display: flex;\n padding: var(--sjs2-layout-control-input-medium-content-vertical, 8px) var(--sjs2-layout-control-input-medium-content-horizontal, 12px);\n align-items: flex-start;\n flex: 1 0 0;\n}\n\n.sa-dropdown-header-text {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: var(--sjs2-color-control-input-default-value, #1C1B20);\n\n @include sjs2--typography--default;\n}\n\n.sa-action-dropdown-header {\n display: flex;\n padding: var(--sjs2-layout-control-action-small-box-vertical, 8px) var(--sjs2-layout-control-action-small-box-horizontal, 8px);\n justify-content: center;\n align-items: center;\n gap: var(--sjs2-layout-control-action-small-box-gap, 0);\n border-radius: var(--sjs2-radius-control-action, 8px);\n background: var(--sjs2-color-bg-positive-tertiary, rgba(25, 179, 148, 0.00));\n\n &:focus-visible {\n border-radius: var(--sjs2-radius-control-action, 8px);\n outline: var(--sjs2-border-width-a11y, 4px) solid var(--sjs2-color-utility-a11y, rgba(102, 180, 252, 0.60));\n background: var(--sjs2-color-bg-positive-tertiary, rgba(25, 179, 148, 0.00));\n }\n}\n\n.sa-action-dropdown-title {\n padding: var(--sjs2-layout-control-action-small-label-vertical, 0) var(--sjs2-layout-control-action-small-label-horizontal, 6px);\n}\n\n.sa-action-dropdown-arrow {\n display: flex;\n padding: var(--sjs2-layout-control-action-small-addon-vertical, 4px) var(--sjs2-layout-control-action-small-addon-horizontal, 4px);\n justify-content: center;\n align-items: center;\n}\n\n.sa-action-dropdown-arrow svg {\n display: flex;\n width: 16px;\n height: 16px;\n justify-content: center;\n align-items: center;\n\n use {\n fill: var(--sjs2-color-project-accent-600, rgba(25, 179, 148, 1));\n }\n}\n\n.sa-action-dropdown-header {\n display: flex;\n min-width: var(--sjs2-size-semantic-small, 40px);\n padding: var(--sjs2-layout-control-action-small-box-vertical, 8px) var(--sjs2-layout-control-action-small-box-horizontal, 8px);\n justify-content: center;\n align-items: center;\n gap: var(--sjs2-layout-control-action-small-box-gap, 0);\n}\n\n.sa-button {\n outline: none;\n user-select: none;\n cursor: pointer;\n display: flex;\n flex-shrink: 0;\n min-width: var(--sjs2-size-semantic-small, 40px);\n padding: var(--sjs2-layout-control-action-small-box-vertical, 8px) var(--sjs2-layout-control-action-small-box-horizontal, 8px);\n justify-content: center;\n align-items: center;\n gap: var(--sjs2-layout-control-action-small-box-gap, 0);\n}\n\n.sa-button-text {\n display: flex;\n flex: 1 0 auto;\n padding: var(--sjs2-layout-control-action-small-label-vertical, 0) var(--sjs2-layout-control-action-small-label-horizontal, 6px);\n justify-content: center;\n align-items: center;\n}\n\n.sa-button-brand-secondary {\n border-radius: var(--sjs2-radius-control-button, 8px);\n background: var(--sjs2-color-bg-brand-secondary, rgba(25, 179, 148, 0.10));\n color: var(--sjs2-color-fg-brand-primary, #19B394);\n\n &:hover {\n background: var(--sjs2-color-bg-brand-secondary-dim, rgba(25, 179, 148, 0.15));\n }\n}\n\n.sa-button-brand-tertiary {\n border-radius: 8px;\n background: var(--sjs2-color-bg-brand-tertiary, rgba(25, 179, 148, 0.00));\n color: var(--sjs2-color-fg-brand-primary, #19B394);\n text-align: center;\n\n @include sjs2--typography--default-strong;\n\n &:hover {\n background: var(--sjs2-color-bg-brand-tertiary-dim, rgba(25, 179, 148, 0.10));\n }\n}\n\n@media screen and (max-width: 600px) {\n .sa-dropdown {\n width: 100%;\n flex-direction: column;\n }\n\n .sa-dropdown-container {\n width: 100%;\n }\n\n .sa-dropdown-list.sa-dropdown--opened {\n min-width: calc(100% - var(--sjs2-layout-container-drop-horizontal, 8px) * 2);\n max-width: calc(100% - var(--sjs2-layout-container-drop-horizontal, 8px) * 2);\n }\n}","@use \"./table.scss\" as ;\r\n@use \"../typography-mixins.scss\" as ;\r\n\r\n@mixin doubleArrow() {\r\n display: inline-block;\r\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23a0a0a0;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A\"),\r\n url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23a0a0a0;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A\");\r\n background-repeat: no-repeat, no-repeat;\r\n background-size: 9px 100%;\r\n // background-position: left 0, left 5px;\r\n // height: 20px;\r\n // width: 10px;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-indent: -9999px;\r\n\r\n width: 24px;\r\n height: 24px;\r\n flex-shrink: 0;\r\n box-sizing: content-box;\r\n background-position: center -3px, center 3px;\r\n}\r\n\r\n.sa-tabulator__wrapper {\r\n display: flex;\r\n padding: var(--sjs2-spacing-x300, 24px);\r\n flex-direction: column;\r\n align-items: center;\r\n gap: var(--sjs2-spacing-x300, 24px);\r\n align-self: stretch;\r\n background: var(--sjs2-color-utility-surface-dashboard, rgba(28, 27, 32, 0.05));\r\n}\r\n\r\n.sa-tabulator__table-container {\r\n // overflow-y: auto;\r\n width: 100%;\r\n}\r\n\r\n.sa-tabulator__container {\r\n max-width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n flex: 1 0 0;\r\n border-radius: var(--sjs2-radius-container-panel, 16px);\r\n background: var(--sjs2-color-bg-basic-primary, #FFF);\r\n\r\n /* sjs2/border-effect/surface/default /\r\n box-shadow: var(--sjs2-border-offset-x-surface-default, 0) var(--sjs2-border-offset-y-surface-default, 0) var(--sjs2-border-blur-surface-default, 0) var(--sjs2-border-spread-surface-default, 1px) var(--sjs2-color-utility-shadow-surface-default, rgba(17, 16, 20, 0.10));\r\n}\r\n\r\n.sa-tabulator__header {\r\n display: flex;\r\n padding: var(--sjs2-spacing-x300, 24px);\r\n align-items: flex-start;\r\n flex: 1 0 0;\r\n align-self: stretch;\r\n border-bottom: var(--sjs2-border-width-default, 1px) solid var(--sjs2-color-border-basic-secondary, #D4D4D4);\r\n\r\n // &:after {\r\n // content: \"\";\r\n // clear: both;\r\n // display: block;\r\n // }\r\n\r\n // .sa-table__footer-space {\r\n // display: flex;\r\n // flex-grow: 1;\r\n // }\r\n\r\n .sa-table__entries {\r\n float: none;\r\n line-height: 34px;\r\n display: flex;\r\n flex-grow: 1;\r\n }\r\n}\r\n\r\n.sa-tabulator__footer {\r\n display: flex;\r\n padding: var(--sjs2-spacing-x200, 16px) var(--sjs2-spacing-x300, 24px);\r\n justify-content: space-between;\r\n align-items: center;\r\n flex: 1 0 0;\r\n align-self: stretch;\r\n border-top: var(--sjs2-border-width-default, 1px) solid var(--sjs2-color-border-basic-secondary, #D4D4D4);\r\n}\r\n\r\n.sa-tabulator__header {\r\n .sa-table__btn {\r\n display: flex;\r\n min-width: var(--sjs2-size-semantic-small, 40px);\r\n justify-content: center;\r\n align-items: center;\r\n\r\n color: var(--sjs2-color-fg-brand-primary, #19B394);\r\n text-align: center;\r\n\r\n @include sjs2--typography--default-strong;\r\n }\r\n}\r\n\r\n.tabulator-headers {\r\n border-bottom: var(--sjs2-border-width-default, 1px) dashed var(--sjs2-color-border-basic-secondary, #D4D4D4);\r\n}\r\n\r\n.sa-tabulator__downloads-bar {\r\n // float: left;\r\n // .sa-table__btn {\r\n // margin-left: 10px;\r\n // }\r\n}\r\n\r\n.sa-tabulator__pagination-container {\r\n // float: right;\r\n // margin-top: 8px;\r\n // min-width: 200px;\r\n // text-align: right;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.sa-tabulator__filter-container {\r\n margin-bottom: 20px;\r\n input {\r\n box-sizing: border-box;\r\n }\r\n}\r\n.tabulator-col.tabulator-moving {\r\n .sa-table__filter.sa-table__filter {\r\n pointer-events: none;\r\n }\r\n}\r\n\r\n//redefine tabulator's styles\r\n.sa-tabulator {\r\n .tabulator-page {\r\n // margin-right: 15px;\r\n // padding: 1px;\r\n // vertical-align: middle;\r\n // color: $text-gray;\r\n cursor: pointer;\r\n outline: none;\r\n border: none;\r\n display: flex;\r\n padding: var(--sjs2-layout-control-action-small-box-vertical, 8px) var(--sjs2-layout-control-action-small-box-horizontal, 8px);\r\n justify-content: center;\r\n align-items: center;\r\n gap: var(--sjs2-layout-control-action-small-box-gap, 0);\r\n background: transparent;\r\n\r\n &:hover {\r\n border-radius: var(--sjs2-radius-control-action-icon, 8px);\r\n background: var(--sjs2-color-bg-brand-tertiary-dim, rgba(25, 179, 148, 0.10));\r\n }\r\n\r\n &:focus-visible {\r\n border-radius: var(--sjs2-radius-control-action, 8px);\r\n border: unset;\r\n outline: var(--sjs2-border-width-a11y, 4px) solid var(--sjs2-color-utility-a11y, rgba(102, 180, 252, 0.60));\r\n background: var(--sjs2-color-bg-brand-tertiary, rgba(25, 179, 148, 0.00));\r\n }\r\n\r\n &:disabled {\r\n cursor: default;\r\n opacity: var(--sjs2-opacity-disabled, 0.25);\r\n }\r\n }\r\n\r\n .tabulator-pages {\r\n display: flex;\r\n align-items: center;\r\n\r\n .tabulator-page {\r\n display: flex;\r\n min-width: var(--sjs2-size-semantic-small, 40px);\r\n padding: var(--sjs2-layout-control-action-small-box-vertical, 8px) var(--sjs2-layout-control-action-small-box-horizontal, 8px);\r\n justify-content: center;\r\n align-items: center;\r\n gap: var(--sjs2-layout-control-action-small-box-gap, 0);\r\n border-radius: var(--_ctr-survey-action-button-corner-radius, 8px);\r\n background: var(--sjs2-color-bg-brand-tertiary, rgba(25, 179, 148, 0.00));\r\n\r\n color: var(--sjs2-color-fg-basic-tertiary, rgba(28, 27, 32, 0.40));\r\n text-align: center;\r\n\r\n @include sjs2--typography--default-strong;\r\n\r\n &:hover {\r\n border-radius: var(--_ctr-survey-action-button-corner-radius, 8px);\r\n background: var(--sjs2-color-bg-brand-tertiary-dim, rgba(25, 179, 148, 0.10));\r\n }\r\n }\r\n }\r\n\r\n .tabulator-page[aria-label~=\"Prev\"] {\r\n @include arrow();\r\n transform: rotate(90deg);\r\n }\r\n\r\n .tabulator-page[aria-label~=\"Next\"] {\r\n @include arrow();\r\n transform: rotate(270deg);\r\n }\r\n\r\n .tabulator-page[aria-label~=\"First\"] {\r\n @include doubleArrow();\r\n transform: rotate(90deg);\r\n }\r\n\r\n .tabulator-page[aria-label~=\"Last\"] {\r\n @include doubleArrow();\r\n transform: rotate(270deg);\r\n }\r\n\r\n .tabulator-page.active {\r\n display: flex;\r\n min-width: var(--sjs2-size-semantic-small, 40px);\r\n padding: var(--sjs2-layout-control-action-small-box-vertical, 8px) var(--sjs2-layout-control-action-small-box-horizontal, 8px);\r\n justify-content: center;\r\n align-items: center;\r\n gap: var(--sjs2-layout-control-action-small-box-gap, 0);\r\n\r\n border-radius: var(--_ctr-survey-action-button-corner-radius, 8px);\r\n border: var(--sjs2-border-width-default, 1px) solid var(--sjs2-color-border-basic-secondary, #D4D4D4);\r\n background: var(--sjs2-color-bg-positive-tertiary, rgba(25, 179, 148, 0.00));\r\n\r\n color: var(--sjs2-color-fg-basic-primary, #1C1B20);\r\n text-align: center;\r\n\r\n @include sjs2--typography--default-strong;\r\n\r\n &:hover {\r\n cursor: default;\r\n background-color: transparent;\r\n }\r\n }\r\n\r\n .tabulator {\r\n border: none;\r\n background-color: transparent;\r\n\r\n .tabulator-table {\r\n background-color: transparent;\r\n }\r\n\r\n .tabulator-row .tabulator-cell {\r\n padding: var(--sjs2-spacing-x200, 16px) var(--sjs2-spacing-x300, 24px);\r\n border-top: var(--sjs2-border-width-default, 1px) dashed var(--sjs2-color-border-basic-secondary, #D4D4D4);\r\n border-right: var(--sjs2-border-width-default, 1px) dashed var(--sjs2-color-border-basic-secondary, #D4D4D4);\r\n\r\n color: var(--sjs2-color-fg-basic-primary, #1C1B20);\r\n @include sjs2--typography--default;\r\n\r\n &.sa-tabulator-cell__action-details {\r\n padding: var(--sjs2-spacing-x100, 8px);\r\n }\r\n\r\n &.sa-tabulator-cell__action-select {\r\n padding: var(--sjs2-spacing-x200, 16px);\r\n }\r\n }\r\n\r\n .tabulator-header .tabulator-col {\r\n border-right: var(--sjs2-border-width-default, 1px) dashed var(--sjs2-color-border-basic-secondary, #D4D4D4);\r\n }\r\n\r\n .tabulator-header .tabulator-col .tabulator-col-content {\r\n padding: 0;\r\n }\r\n\r\n .tabulator-header {\r\n border-bottom: none;\r\n }\r\n\r\n .tabulator-header .tabulator-col.tabulator-sortable:hover {\r\n background-color: transparent;\r\n }\r\n\r\n .tabulator-header,\r\n .tabulator-header .tabulator-col {\r\n background-color: transparent;\r\n }\r\n\r\n .tabulator-col.tabulator-moving {\r\n border: var(--sjs2-border-width-default, 1px) dashed var(--sjs2-color-border-basic-secondary, #D4D4D4);\r\n }\r\n\r\n .tabulator-header .tabulator-col:first-child {\r\n pointer-events: none;\r\n }\r\n\r\n .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {\r\n display: none;\r\n }\r\n\r\n .tabulator-row {\r\n background: var(--sjs2-color-bg-basic-primary, #FFF);\r\n }\r\n\r\n .tabulator-row.tabulator-selectable:hover {\r\n cursor: default;\r\n background: var(--sjs2-color-bg-basic-primary-dim, rgba(28, 27, 32, 0.05));\r\n }\r\n\r\n .tabulator-row.tabulator-selectable.sa-table__detail-row:hover {\r\n background: var(--sjs2-color-bg-basic-secondary, rgba(28, 27, 32, 0.05));\r\n }\r\n\r\n .tabulator-header .tabulator-col .tabulator-col-content {\r\n border-top: none;\r\n }\r\n\r\n .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {\r\n padding-right: 0;\r\n }\r\n\r\n .tabulator-tableholder {\r\n &::-webkit-scrollbar {\r\n width: 8px;\r\n height: 8px;\r\n background-color: transparent;\r\n }\r\n\r\n &::-webkit-scrollbar-thumb {\r\n background-clip: padding-box;\r\n border-radius: var(--ctr-scrollbar-corner-radius, 1024px);\r\n background: var(--sjs2-color-utility-scrollbar, rgba(17, 16, 20, 0.15));\r\n }\r\n\r\n &::-webkit-scrollbar-track {\r\n background: transparent;\r\n }\r\n\r\n &::-webkit-scrollbar-corner {\r\n background: transparent;\r\n }\r\n }\r\n }\r\n}\r\n","@mixin sjs2--typography--large {\n font-family: var(--sjs2-typography-font-family-text);\n font-weight: var(--sjs2-typography-font-weight-basic);\n font-size: var(--sjs2-typography-font-size-large);\n line-height: var(--sjs2-typography-line-height-large);\n}\n\n@mixin sjs2--typography--large-strong {\n font-family: var(--sjs2-typography-font-family-text);\n font-weight: var(--sjs2-typography-font-weight-strong);\n font-size: var(--sjs2-typography-font-size-large);\n line-height: var(--sjs2-typography-line-height-large);\n}\n\n@mixin sjs2--typography--medium {\n font-family: var(--sjs2-typography-font-family-text);\n font-weight: var(--sjs2-typography-font-weight-basic);\n font-size: var(--sjs2-typography-font-size-medium);\n line-height: var(--sjs2-typography-line-height-medium);\n}\n\n@mixin sjs2--typography--medium-strong {\n font-family: var(--sjs2-typography-font-family-text);\n font-weight: var(--sjs2-typography-font-weight-strong);\n font-size: var(--sjs2-typography-font-size-medium);\n line-height: var(--sjs2-typography-line-height-medium);\n}\n\n@mixin sjs2--typography--default {\n font-family: var(--sjs2-typography-font-family-text);\n font-weight: var(--sjs2-typography-font-weight-basic);\n font-size: var(--sjs2-typography-font-size-default);\n line-height: var(--sjs2-typography-line-height-default);\n}\n\n@mixin sjs2--typography--default-strong {\n font-family: var(--sjs2-typography-font-family-text);\n font-weight: var(--sjs2-typography-font-weight-strong);\n font-size: var(--sjs2-typography-font-size-default);\n line-height: var(--sjs2-typography-line-height-default);\n}\n\n@mixin sjs2--typography--default-code {\n font-family: var(--sjs2-typography-font-family-code);\n font-weight: var(--sjs2-typography-font-weight-basic);\n font-size: var(--sjs2-typography-font-size-default);\n line-height: var(--sjs2-typography-line-height-default);\n}\n\n@mixin sjs2--typography--small {\n font-family: var(--sjs2-typography-font-family-text);\n font-weight: var(--sjs2-typography-font-weight-basic);\n font-size: var(--sjs2-typography-font-size-small);\n line-height: var(--sjs2-typography-line-height-small);\n}\n\n@mixin sjs2--typography--small-strong {\n font-family: var(--sjs2-typography-font-family-text);\n font-weight: var(--sjs2-typography-font-weight-strong);\n font-size: var(--sjs2-typography-font-size-small);\n line-height: var(--sjs2-typography-line-height-small);\n}\n","@use \"../globals\" as ;\n@forward \"../globals\";\n@use \"../utils/utils.scss\" as ;\n@use \"../typography-mixins.scss\" as ;\n\n$main-color: var(--main-color, #1ab394);\n$background-color: #ffffff;\n\n$text-gray: #a0a0a0;\n$background-gray: #9b9b9b;\n$border-color: #d4d4d4;\n$scroll-color: #e2e2e2;\n$svg-color: var(--svg-color, rgba(#9f9f9f, 0.4));\n$svg-hover-color: var(--svg-hover-color, #9f9f9f);\n$dark-gray: #9b9b9b;\n$background-gray: #f7f7f7;\n\n$text-color: var(--text-color, #404040);\n$text-color-inverse: var(--text-color-inverse, #fff);\n$detail-color: $background-gray;\n\n@mixin arrow() {\n display: inline-block;\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23a0a0a0;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat, repeat;\n background-size: 9px 100%;\n // height: 10px;\n // width: 10px;\n white-space: nowrap;\n overflow: hidden;\n text-indent: -9999px;\n\n width: 24px;\n height: 24px;\n flex-shrink: 0;\n box-sizing: content-box;\n background-position: center 0, center 5px;\n}\n\n@mixin dropdown() {\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n background: transparent;\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat, repeat;\n background-position:\n right 0.7em top 50%,\n 0 0;\n background-size: 0.57em 100%;\n height: 34px;\n border-radius: 2px;\n border: solid 1px $border-color;\n box-sizing: border-box;\n font-family: inherit;\n font-size: inherit;\n padding: 0.25em 2em 0.25em 0.87em;\n\n &:focus {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%231AB394;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E \");\n border-color: $border-color;\n outline: none;\n }\n &::-ms-expand {\n display: none;\n }\n}\n\n@mixin input() {\n height: 34px;\n border: none;\n border-bottom: 0.06em solid $border-color;\n box-sizing: border-box;\n font-family: inherit;\n font-size: inherit;\n padding: 0.25em 1.5em 0.25em 0.87em;\n background: transparent;\n\n &:focus {\n border-color: $main-color;\n outline: none;\n }\n}\n\n.sa-table {\n @include sjs2--typography--default;\n\n button {\n cursor: pointer;\n background-color: inherit;\n outline: none;\n }\n\n select {\n line-height: initial;\n @include dropdown();\n }\n\n input {\n @include input();\n }\n}\n\n.sa-table__detail-row.sa-table__detail-row.sa-table__detail-row.sa-table__detail-row {\n background: var(--sjs2-color-bg-basic-secondary, rgba(28, 27, 32, 0.05));\n}\n\n.sa-table__detail-table.sa-table__detail-table {\n width: 100%;\n border-collapse: collapse;\n border-right: 1px solid $border-color;\n border-bottom: none;\n}\n\n.sa-table__detail {\n border-top: var(--sjs2-border-width-default, 1px) dashed var(--sjs2-color-border-basic-secondary, #D4D4D4);\n\n td {\n box-sizing: border-box;\n border-left: none;\n border-right: none;\n white-space: initial;\n\n padding: var(--sjs2-spacing-x200, 16px) var(--sjs2-spacing-x300, 24px);\n\n color: var(--sjs2-color-fg-basic-primary, #1C1B20);\n @include sjs2--typography--default-strong;\n }\n\n td:first-child {\n display: flex;\n padding: var(--sjs2-spacing-x100, 8px);\n align-items: flex-start;\n align-self: stretch;\n }\n\n // td:nth-child(2) {\n // width: 208px;\n // }\n}\n\n.sa-table__btn {\n @include sjs2--typography--default-strong;\n height: 34px;\n width: 154px;\n background-color: transparent;\n box-sizing: border-box;\n border: solid 2px;\n border-radius: 17px;\n padding: 0;\n outline: none;\n}\n\na.sa-table__btn {\n display: inline-block;\n text-align: center;\n padding-top: 5px;\n}\n\n.sa-table__btn--small {\n width: 99px;\n}\n\n.sa-table__btn--gray {\n border-color: $text-gray;\n color: $text-gray;\n &:hover {\n background-color: $dark-gray;\n color: $text-color-inverse;\n }\n}\n\n.sa-table__btn--green {\n border-color: $main-color;\n color: $main-color;\n &:hover {\n background-color: $main-color;\n color: $text-color-inverse;\n }\n}\n\n.sa-table__svg-button {\n display: flex;\n padding: var(--sjs2-layout-control-action-small-box-vertical, 8px) var(--sjs2-layout-control-action-small-box-horizontal, 8px);\n justify-content: center;\n align-items: center;\n gap: var(--sjs2-layout-control-action-small-box-gap, 0);\n border: none;\n box-sizing: content-box;\n \n &:hover {\n border-radius: var(--sjs2-radius-control-action-icon, 8px);\n background: var(--sjs2-color-bg-brand-tertiary-dim, rgba(25, 179, 148, 0.10));\n }\n &:focus-visible {\n border-radius: var(--sjs2-radius-control-action-icon, 8px);\n outline: var(--sjs2-border-width-a11y, 4px) solid var(--sjs2-color-utility-a11y, rgba(102, 180, 252, 0.60));\n background: var(--sjs2-color-bg-brand-tertiary, rgba(25, 179, 148, 0.00));\n }\n svg {\n width: 24px;\n height: 24px;\n flex-shrink: 0;\n }\n\n use {\n fill: var(--sjs2-color-fg-brand-primary, #19B394);\n }\n}\n\n.sa-tabulator-column-header {\n display: flex;\n padding: var(--sjs2-spacing-x200, 16px) var(--sjs2-spacing-x300, 24px) var(--sjs2-spacing-x150, 12px) var(--sjs2-spacing-x300, 24px);\n flex-direction: column;\n align-items: flex-start;\n gap: var(--sjs2-spacing-x100, 8px);\n flex: 1 0 0;\n background: var(--sjs2-color-bg-basic-primary, #FFF);\n}\n\n.sa-tabulator-column-title-text {\n color: var(--sjs2-color-fg-basic-primary, #1C1B20);\n flex: 1 0 0;\n\n @include sjs2--typography--default-strong;\n}\n\n.sa-table-filter {\n display: flex;\n padding: var(--sjs2-layout-control-formbox-small-vertical, 4px) var(--sjs2-layout-control-formbox-small-horizontal, 4px);\n align-items: flex-start;\n gap: var(--sjs2-layout-control-formbox-small-gap, 4px);\n align-self: stretch;\n border-radius: var(--sjs2-radius-semantic-form, 8px);\n background: var(--sjs2-color-control-formbox-default-bg, #F5F5F5);\n box-shadow: var(--sjs2-border-offset-x-form-default, 0) var(--sjs2-border-offset-y-form-default, 0) var(--sjs2-border-blur-form-default, 0) var(--sjs2-border-spread-form-default, 1px) var(--sjs2-color-control-formbox-default-border, #D4D4D4) inset;\n\n &:focus-within {\n background: var(--sjs2-color-control-formbox-focused-bg, #F5F5F5);\n box-shadow: var(--sjs2-border-offset-x-form-focused, 0) var(--sjs2-border-offset-y-form-focused, 0) var(--sjs2-border-blur-form-focused, 0) var(--sjs2-border-spread-form-focused, 2px) var(--sjs2-color-control-formbox-focused-border, #19B394) inset;\n }\n}\n\n.sa-table-filter_icon {\n display: flex;\n padding: var(--sjs2-layout-control-input-small-icon-vertical, 4px) var(--sjs2-layout-control-input-small-icon-right, 0) var(--sjs2-layout-control-input-small-icon-vertical, 4px) var(--sjs2-layout-control-input-small-icon-left, 4px);\n justify-content: center;\n align-items: center;\n\n svg {\n width: 24px;\n height: 24px;\n flex-shrink: 0;\n }\n\n use {\n fill: var(--sjs2-color-control-input-default-icon, rgba(28, 27, 32, 0.40));\n }\n}\n\n.sa-table-filter_input.sa-table-filter_input {\n display: flex;\n padding: var(--sjs2-layout-control-input-small-content-vertical, 4px) var(--sjs2-layout-control-input-small-content-horizontal, 8px);\n align-items: flex-start;\n flex: 1 0 0;\n border: none;\n overflow: hidden;\n color: var(--sjs2-color-control-input-default-value, #1C1B20);\n text-overflow: ellipsis;\n\n @include sjs2--typography--default;\n\n &::placeholder {\n overflow: hidden;\n color: var(--sjs2-color-control-input-default-placeholder, rgba(28, 27, 32, 0.60));\n text-overflow: ellipsis;\n }\n}\n\n.sa-table__filter-container {\n display: flex;\n padding: var(--sjs2-spacing-x100, 8px) 0;\n flex-direction: column;\n align-items: flex-start;\n align-self: stretch;\n\n // display: flex;\n // margin: var(--sjs2-spacing-x100, 8px) 0;\n // flex-direction: column;\n // align-items: flex-start;\n // align-self: stretch;\n\n // padding: var(--sjs2-layout-control-formbox-small-vertical, 4px) var(--sjs2-layout-control-formbox-small-horizontal, 4px);\n // gap: var(--sjs2-layout-control-formbox-small-gap, 4px);\n // border-radius: var(--sjs2-radius-semantic-form, 8px);\n // background: var(--sjs2-color-control-formbox-default-bg, rgba(28, 27, 32, 0.05));\n // box-shadow: var(--sjs2-border-offset-x-form-default, 0) var(--sjs2-border-offset-y-form-default, 0) var(--sjs2-border-blur-form-default, 0) var(--sjs2-border-spread-form-default, 1px) var(--sjs2-color-control-formbox-default-border, #D4D4D4) inset;\n}\n\n.sa-table__action-container {\n display: flex;\n align-items: center;\n align-self: stretch;\n\n .sa-table__svg-button {\n pointer-events: all;\n }\n &:after {\n content: \"\";\n display: table;\n clear: both;\n }\n .sa-table__drag-button {\n float: left;\n cursor: move;\n margin-inline-end: auto;\n }\n}\n\n.sa-table__global-filter.sa-table__global-filter,\n.sa-table__filter.sa-table__filter {\n background: transparent;\n background-image: url(\"data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:%239F9E9E;} %3C/style%3E%3Cpath class='st0' d='M13.56,11.44L11.3,9.18C11.74,8.38,12,7.47,12,6.5C12,3.47,9.53,1,6.5,1S1,3.47,1,6.5C1,9.53,3.47,12,6.5,12 c0.97,0,1.88-0.26,2.68-0.7l2.26,2.26c0.29,0.29,0.66,0.43,1.04,0.44c0.39,0.01,0.78-0.14,1.08-0.44c0.3-0.3,0.44-0.69,0.44-1.08 C13.99,12.1,13.85,11.72,13.56,11.44z M4,6.5C4,5.12,5.12,4,6.5,4S9,5.12,9,6.5S7.88,9,6.5,9S4,7.88,4,6.5z'/%3E%3C/svg%3E\");\n background-repeat: no-repeat, repeat;\n background-position:\n left 0.7em top 50%,\n 0 0;\n background-size: 1em 100%;\n padding-left: 35px;\n border: solid 1px $border-color;\n pointer-events: all;\n}\n\n.sa-table__filter.sa-table__filter {\n width: 100%;\n min-width: 195px;\n border: none;\n border-radius: var(--dsb-table-view-column-search-corner-radius, 6px);\n outline: var(--dsb-table-view-column-search-border-width, 0px) solid var(--dsb-table-view-column-search-border-color, #DCDCDC);\n background: var(--dsb-table-view-column-search-background-color, #F4F4F4);\n padding: var(--dsb-table-view-column-search-padding-top, 8px) var(--dsb-table-view-column-search-padding-right, 16px) var(--dsb-table-view-column-search-padding-bottom, 8px) var(--dsb-table-view-column-search-padding-left, 16px);\n margin-inline-end: var(--dsb-table-view-header-toolbar-gap, 16px);\n\n overflow: hidden;\n color: var(--dsb-table-view-column-search-text-color, rgba(0, 0, 0, 0.50));\n text-overflow: ellipsis;\n\n @include sjs2--typography--default;\n}\n\n.sa-table__filter.sa-table__filter:focus {\n outline: var(--dsb-table-view-column-search-border-width-focused, 2px) solid var(--dsb-table-view-column-search-border-color-focused, #19B394);\n}\n\n// .sa-table__show-column.sa-table__show-column {\n// background: transparent;\n// background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:rgba(159, 159, 159, 0.5);%7D .st1%7Bfill:rgba(159, 159, 159, 0.5);%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M8,2.03C3.63,2.03,0,8,0,8s3.63,6.03,8,6.03s8-6,8-6S12.37,2.03,8,2.03z M8,12c-2.58,0-5.13-2.81-6-4 c1.07-1.47,3.61-4,6-4c2.58,0,5.13,2.81,6,4C12.93,9.47,10.39,12,8,12z'/%3E%3Ccircle class='st1' cx='8' cy='8' r='3'/%3E%3C/g%3E%3C/svg%3E\"),\n// url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A\");\n// background-repeat: no-repeat, no-repeat;\n// background-position:\n// left 0.7em top 50%,\n// right 0.7em top 50%;\n// background-size:\n// 1em 100%,\n// 0.57em 100%;\n// padding-left: 35px;\n// border: solid 1px $border-color;\n// pointer-events: all;\n// margin-left: 20px;\n// &:focus {\n// background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:rgba(159, 159, 159, 0.5);%7D .st1%7Bfill:rgba(159, 159, 159, 0.5);%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M8,2.03C3.63,2.03,0,8,0,8s3.63,6.03,8,6.03s8-6,8-6S12.37,2.03,8,2.03z M8,12c-2.58,0-5.13-2.81-6-4 c1.07-1.47,3.61-4,6-4c2.58,0,5.13,2.81,6,4C12.93,9.47,10.39,12,8,12z'/%3E%3Ccircle class='st1' cx='8' cy='8' r='3'/%3E%3C/g%3E%3C/svg%3E\"),\n// url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%231AB394;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E \") !important;\n// }\n// }\n\n.sa-table__entries {\n // float: right;\n // white-space: nowrap;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: var(--sjs2-spacing-x100, 8px);\n}\n\n.sa-table__entries-label {\n color: var(--sjs2-color-fg-basic-primary, #1C1B20);\n\n @include sjs2--typography--default;\n}\n\n.sa-table__entries-value .sa-action-dropdown-list {\n bottom: 48px;\n}\n\n.sa-table__detail-row {\n background: var(--sjs2-color-bg-basic-secondary, rgba(28, 27, 32, 0.05));\n}\n\n.sa-table input.sa-table__row-extension {\n height: auto;\n}\n\n.sa-table__row-extension + .sa-table__row-extension {\n vertical-align: middle;\n}\n\n.sa-table__row-extension {\n margin: auto;\n}\n\n.sa-table__header-extensions {\n display: flex;\n align-items: center;\n gap: 12px;\n flex: 1 0 0;\n flex-wrap: wrap;\n}\n\n// .sa-table__header-extension {\n// flex: 1 0 auto;\n// }\n\n.sa-checkbox.sa-checkbox {\n display: flex;\n width: var(--sjs2-size-x300, 24px);\n height: var(--sjs2-size-x300, 24px);\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border: none;\n outline: none;\n padding: 0;\n\n border-radius: var(--sjs2-radius-control-checkbox, 4px);\n background: var(--sjs2-color-control-check-false-default-bg, #F5F5F5);\n box-shadow: var(--sjs2-border-offset-x-form-default, 0) var(--sjs2-border-offset-y-form-default, 0) var(--sjs2-border-blur-form-default, 0) var(--sjs2-border-spread-form-default, 1px) var(--sjs2-color-control-check-false-default-border, #D4D4D4) inset;\n\n &:hover {\n background: var(--sjs2-color-control-check-false-hovered-bg, rgba(28, 27, 32, 0.10));\n box-shadow: var(--sjs2-border-offset-x-form-hovered, 0) var(--sjs2-border-offset-y-form-hovered, 0) var(--sjs2-border-blur-form-hovered, 0) var(--sjs2-border-spread-form-hovered, 1px) var(--sjs2-color-control-check-false-hovered-border, #D4D4D4) inset;\n }\n\n svg {\n display: none;\n width: var(--sjs2-size-x200, 16px);\n height: var(--sjs2-size-x200, 16px);;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n }\n\n use {\n fill: var(--sjs2-color-control-check-true-default-icon, #FFF);\n }\n}\n\n.sa-checkbox--checked.sa-checkbox--checked {\n background: var(--sjs2-color-control-check-true-default-bg, #19B394);\n box-shadow: var(--sjs2-border-offset-x-form-default, 0) var(--sjs2-border-offset-y-form-default, 0) var(--sjs2-border-blur-form-default, 0) var(--sjs2-border-spread-form-default, 1px) var(--sjs2-color-control-check-true-default-border, #19B394) inset;\n\n &:hover {\n background: var(--sjs2-color-control-check-true-hovered-bg, #15987E);\n box-shadow: var(--sjs2-border-offset-x-form-hovered, 0) var(--sjs2-border-offset-y-form-hovered, 0) var(--sjs2-border-blur-form-hovered, 0) var(--sjs2-border-spread-form-hovered, 1px) var(--sjs2-color-control-check-true-hovered-border, #15987E) inset;\n }\n\n svg {\n display: flex;\n }\n}","/* cyrillic-ext /\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n\n/ cyrillic /\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n\n/ greek-ext /\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');\n unicode-range: U+1F00-1FFF;\n}\n\n/ greek /\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');\n unicode-range: U+0370-03FF;\n}\n\n/ hebrew /\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');\n unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;\n}\n\n/ vietnamese /\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n\n/ latin-ext /\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\n/ latin /\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\n/ cyrillic-ext /\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n\n/ cyrillic /\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n\n/ greek-ext /\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');\n unicode-range: U+1F00-1FFF;\n}\n\n/ greek /\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');\n unicode-range: U+0370-03FF;\n}\n\n/ hebrew /\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');\n unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;\n}\n\n/ vietnamese /\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n\n/ latin-ext /\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\n/ latin /\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 600;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\n/ cyrillic-ext /\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n\n/ cyrillic /\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n\n/ greek-ext /\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');\n unicode-range: U+1F00-1FFF;\n}\n\n/ greek /\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');\n unicode-range: U+0370-03FF;\n}\n\n/ hebrew /\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');\n unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;\n}\n\n/ vietnamese /\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n\n/ latin-ext /\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\n/ latin */\n@font-face {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 700;\n font-stretch: 100%;\n src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\n:root {\n --sjs-font-family: \"Open Sans\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}"],"names":[],"sourceRoot":""}