:root{--dt-row-selected: 13, 110, 253;--dt-row-selected-text: 255, 255, 255;--dt-row-selected-link: 228, 228, 228;--dt-row-stripe: 0, 0, 0;--dt-row-hover: 0, 0, 0;--dt-column-ordering: 0, 0, 0;--dt-header-align-items: center;--dt-header-vertical-align: middle;--dt-html-background: white}:root.dark{--dt-html-background: rgb(33, 37, 41)}table.dataTable tbody td.dt-control{text-align:center;cursor:pointer}table.dataTable tbody td.dt-control:before{display:inline-block;box-sizing:border-box;content:"";border-top:5px solid transparent;border-left:10px solid rgba(0, 0, 0, 0.5);border-bottom:5px solid transparent;border-right:0px solid transparent}table.dataTable tbody tr.dt-hasChild td.dt-control:before{border-top:10px solid rgba(0, 0, 0, 0.5);border-left:5px solid transparent;border-bottom:0px solid transparent;border-right:5px solid transparent}table.dataTable tfoot:empty{display:none}html.dark table.dataTable td.dt-control:before,:root[data-bs-theme=dark] table.dataTable td.dt-control:before,:root[data-theme=dark] table.dataTable td.dt-control:before{border-left-color:rgba(255, 255, 255, 0.5)}html.dark table.dataTable tr.dt-hasChild td.dt-control:before,:root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before,:root[data-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before{border-top-color:rgba(255, 255, 255, 0.5);border-left-color:transparent}div.dt-scroll{width:100%}div.dt-scroll-body thead tr,div.dt-scroll-body tfoot tr{height:0}div.dt-scroll-body thead tr th,div.dt-scroll-body thead tr td,div.dt-scroll-body tfoot tr th,div.dt-scroll-body tfoot tr td{height:0 !important;padding-top:0px !important;padding-bottom:0px !important;border-top-width:0px !important;border-bottom-width:0px !important}div.dt-scroll-body thead tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr td div.dt-scroll-sizing,div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body tfoot tr td div.dt-scroll-sizing{height:0 !important;overflow:hidden !important}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead>tr>th.dt-orderable-asc .dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-asc .dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-asc .dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-asc .dt-column-order:before{position:absolute;display:block;bottom:50%;content:"▲";content:"▲"/""}table.dataTable thead>tr>th.dt-orderable-desc .dt-column-order:after,table.dataTable thead>tr>th.dt-ordering-desc .dt-column-order:after,table.dataTable thead>tr>td.dt-orderable-desc .dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-desc .dt-column-order:after{position:absolute;display:block;top:50%;content:"▼";content:"▼"/""}table.dataTable thead>tr>th.dt-orderable-asc .dt-column-order,table.dataTable thead>tr>th.dt-orderable-desc .dt-column-order,table.dataTable thead>tr>th.dt-ordering-asc .dt-column-order,table.dataTable thead>tr>th.dt-ordering-desc .dt-column-order,table.dataTable thead>tr>td.dt-orderable-asc .dt-column-order,table.dataTable thead>tr>td.dt-orderable-desc .dt-column-order,table.dataTable thead>tr>td.dt-ordering-asc .dt-column-order,table.dataTable thead>tr>td.dt-ordering-desc .dt-column-order{position:relative;width:12px;height:20px}table.dataTable thead>tr>th.dt-orderable-asc .dt-column-order:before,table.dataTable thead>tr>th.dt-orderable-asc .dt-column-order:after,table.dataTable thead>tr>th.dt-orderable-desc .dt-column-order:before,table.dataTable thead>tr>th.dt-orderable-desc .dt-column-order:after,table.dataTable thead>tr>th.dt-ordering-asc .dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-asc .dt-column-order:after,table.dataTable thead>tr>th.dt-ordering-desc .dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-desc .dt-column-order:after,table.dataTable thead>tr>td.dt-orderable-asc .dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-asc .dt-column-order:after,table.dataTable thead>tr>td.dt-orderable-desc .dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-desc .dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-asc .dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-asc .dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-desc .dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-desc .dt-column-order:after{left:0;opacity:.125;line-height:9px;font-size:.8em}table.dataTable thead>tr>th.dt-orderable-asc,table.dataTable thead>tr>th.dt-orderable-desc,table.dataTable thead>tr>td.dt-orderable-asc,table.dataTable thead>tr>td.dt-orderable-desc{cursor:pointer}table.dataTable thead>tr>th.dt-orderable-asc:hover,table.dataTable thead>tr>th.dt-orderable-desc:hover,table.dataTable thead>tr>td.dt-orderable-asc:hover,table.dataTable thead>tr>td.dt-orderable-desc:hover{outline:2px solid rgba(0, 0, 0, 0.05);outline-offset:-2px}table.dataTable thead>tr>th.dt-ordering-asc .dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-desc .dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-asc .dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-desc .dt-column-order:after{opacity:.6}table.dataTable thead>tr>th.dt-orderable-none:not(.dt-ordering-asc,.dt-ordering-desc) .dt-column-order:empty,table.dataTable thead>tr>th.sorting_desc_disabled .dt-column-order:after,table.dataTable thead>tr>th.sorting_asc_disabled .dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-none:not(.dt-ordering-asc,.dt-ordering-desc) .dt-column-order:empty,table.dataTable thead>tr>td.sorting_desc_disabled .dt-column-order:after,table.dataTable thead>tr>td.sorting_asc_disabled .dt-column-order:before{display:none}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead>tr>th div.dt-column-header,table.dataTable thead>tr>th div.dt-column-footer,table.dataTable thead>tr>td div.dt-column-header,table.dataTable thead>tr>td div.dt-column-footer,table.dataTable tfoot>tr>th div.dt-column-header,table.dataTable tfoot>tr>th div.dt-column-footer,table.dataTable tfoot>tr>td div.dt-column-header,table.dataTable tfoot>tr>td div.dt-column-footer{display:flex;justify-content:space-between;align-items:var(--dt-header-align-items);gap:4px}table.dataTable thead>tr>th div.dt-column-header .dt-column-title,table.dataTable thead>tr>th div.dt-column-footer .dt-column-title,table.dataTable thead>tr>td div.dt-column-header .dt-column-title,table.dataTable thead>tr>td div.dt-column-footer .dt-column-title,table.dataTable tfoot>tr>th div.dt-column-header .dt-column-title,table.dataTable tfoot>tr>th div.dt-column-footer .dt-column-title,table.dataTable tfoot>tr>td div.dt-column-header .dt-column-title,table.dataTable tfoot>tr>td div.dt-column-footer .dt-column-title{flex-grow:1}table.dataTable thead>tr>th div.dt-column-header .dt-column-title:empty,table.dataTable thead>tr>th div.dt-column-footer .dt-column-title:empty,table.dataTable thead>tr>td div.dt-column-header .dt-column-title:empty,table.dataTable thead>tr>td div.dt-column-footer .dt-column-title:empty,table.dataTable tfoot>tr>th div.dt-column-header .dt-column-title:empty,table.dataTable tfoot>tr>th div.dt-column-footer .dt-column-title:empty,table.dataTable tfoot>tr>td div.dt-column-header .dt-column-title:empty,table.dataTable tfoot>tr>td div.dt-column-footer .dt-column-title:empty{display:none}div.dt-scroll-body>table.dataTable>thead>tr>th,div.dt-scroll-body>table.dataTable>thead>tr>td{overflow:hidden}:root.dark table.dataTable thead>tr>th.dt-orderable-asc:hover,:root.dark table.dataTable thead>tr>th.dt-orderable-desc:hover,:root.dark table.dataTable thead>tr>td.dt-orderable-asc:hover,:root.dark table.dataTable thead>tr>td.dt-orderable-desc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>th.dt-orderable-asc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>th.dt-orderable-desc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>td.dt-orderable-asc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>td.dt-orderable-desc:hover{outline:2px solid rgba(255, 255, 255, 0.05)}div.dt-processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-22px;text-align:center;padding:2px;z-index:10}div.dt-processing>div:last-child{position:relative;width:80px;height:15px;margin:1em auto}div.dt-processing>div:last-child>div{position:absolute;top:0;width:13px;height:13px;border-radius:50%;background:rgb(13, 110, 253);background:rgb(var(--dt-row-selected));animation-timing-function:cubic-bezier(0, 1, 1, 0)}div.dt-processing>div:last-child>div:nth-child(1){left:8px;animation:datatables-loader-1 .6s infinite}div.dt-processing>div:last-child>div:nth-child(2){left:8px;animation:datatables-loader-2 .6s infinite}div.dt-processing>div:last-child>div:nth-child(3){left:32px;animation:datatables-loader-2 .6s infinite}div.dt-processing>div:last-child>div:nth-child(4){left:56px;animation:datatables-loader-3 .6s infinite}@keyframes datatables-loader-1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes datatables-loader-3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes datatables-loader-2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable th,table.dataTable td{box-sizing:border-box}table.dataTable th.dt-type-numeric,table.dataTable th.dt-type-date,table.dataTable td.dt-type-numeric,table.dataTable td.dt-type-date{text-align:right}table.dataTable th.dt-type-numeric div.dt-column-header,table.dataTable th.dt-type-numeric div.dt-column-footer,table.dataTable th.dt-type-date div.dt-column-header,table.dataTable th.dt-type-date div.dt-column-footer,table.dataTable td.dt-type-numeric div.dt-column-header,table.dataTable td.dt-type-numeric div.dt-column-footer,table.dataTable td.dt-type-date div.dt-column-header,table.dataTable td.dt-type-date div.dt-column-footer{flex-direction:row-reverse}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-left div.dt-column-header,table.dataTable th.dt-left div.dt-column-footer,table.dataTable td.dt-left div.dt-column-header,table.dataTable td.dt-left div.dt-column-footer{flex-direction:row}table.dataTable th.dt-center,table.dataTable td.dt-center{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-right div.dt-column-header,table.dataTable th.dt-right div.dt-column-footer,table.dataTable td.dt-right div.dt-column-header,table.dataTable td.dt-right div.dt-column-footer{flex-direction:row-reverse}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-justify div.dt-column-header,table.dataTable th.dt-justify div.dt-column-footer,table.dataTable td.dt-justify div.dt-column-header,table.dataTable td.dt-justify div.dt-column-footer{flex-direction:row}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable th.dt-empty,table.dataTable td.dt-empty{text-align:center;vertical-align:top}table.dataTable thead th,table.dataTable thead td,table.dataTable tfoot th,table.dataTable tfoot td{text-align:left;vertical-align:var(--dt-header-vertical-align)}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-left div.dt-column-header,table.dataTable thead th.dt-head-left div.dt-column-footer,table.dataTable thead td.dt-head-left div.dt-column-header,table.dataTable thead td.dt-head-left div.dt-column-footer,table.dataTable tfoot th.dt-head-left div.dt-column-header,table.dataTable tfoot th.dt-head-left div.dt-column-footer,table.dataTable tfoot td.dt-head-left div.dt-column-header,table.dataTable tfoot td.dt-head-left div.dt-column-footer{flex-direction:row}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-right div.dt-column-header,table.dataTable thead th.dt-head-right div.dt-column-footer,table.dataTable thead td.dt-head-right div.dt-column-header,table.dataTable thead td.dt-head-right div.dt-column-footer,table.dataTable tfoot th.dt-head-right div.dt-column-header,table.dataTable tfoot th.dt-head-right div.dt-column-footer,table.dataTable tfoot td.dt-head-right div.dt-column-header,table.dataTable tfoot td.dt-head-right div.dt-column-footer{flex-direction:row-reverse}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-justify div.dt-column-header,table.dataTable thead th.dt-head-justify div.dt-column-footer,table.dataTable thead td.dt-head-justify div.dt-column-header,table.dataTable thead td.dt-head-justify div.dt-column-footer,table.dataTable tfoot th.dt-head-justify div.dt-column-header,table.dataTable tfoot th.dt-head-justify div.dt-column-footer,table.dataTable tfoot td.dt-head-justify div.dt-column-header,table.dataTable tfoot td.dt-head-justify div.dt-column-footer{flex-direction:row}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}:root{--dt-row-hover-alpha: 0.035;--dt-row-stripe-alpha: 0.023;--dt-column-ordering-alpha: 0.019;--dt-row-selected-stripe-alpha: 0.923;--dt-row-selected-column-ordering-alpha: 0.919}table.dataTable{width:100%;margin:0 auto;border-spacing:0}table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}table.dataTable>thead>tr>th,table.dataTable>thead>tr>td{padding:10px;border-bottom:1px solid rgba(0, 0, 0, 0.3)}table.dataTable>thead>tr>th:active,table.dataTable>thead>tr>td:active{outline:none}table.dataTable>tfoot>tr>th,table.dataTable>tfoot>tr>td{border-top:1px solid rgba(0, 0, 0, 0.3);padding:10px 10px 6px 10px}table.dataTable>tbody>tr{background-color:transparent}table.dataTable>tbody>tr:first-child>*{border-top:none}table.dataTable>tbody>tr:last-child>*{border-bottom:none}table.dataTable>tbody>tr.selected>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.9);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.9);color:rgb(255, 255, 255);color:rgb(var(--dt-row-selected-text))}table.dataTable>tbody>tr.selected a{color:rgb(228, 228, 228);color:rgb(var(--dt-row-selected-link))}table.dataTable>tbody>tr>th,table.dataTable>tbody>tr>td{padding:8px 10px}table.dataTable.row-border>tbody>tr>*,table.dataTable.display>tbody>tr>*{border-top:1px solid rgba(0, 0, 0, 0.15)}table.dataTable.row-border>tbody>tr:first-child>*,table.dataTable.display>tbody>tr:first-child>*{border-top:none}table.dataTable.row-border>tbody>tr.selected+tr.selected>td,table.dataTable.display>tbody>tr.selected+tr.selected>td{border-top-color:rgba(13, 110, 253, 0.65);border-top-color:rgba(var(--dt-row-selected), 0.65)}table.dataTable.cell-border>tbody>tr>*{border-top:1px solid rgba(0, 0, 0, 0.15);border-right:1px solid rgba(0, 0, 0, 0.15)}table.dataTable.cell-border>tbody>tr>*:first-child{border-left:1px solid rgba(0, 0, 0, 0.15)}table.dataTable.cell-border>tbody>tr:first-child>*{border-top:1px solid rgba(0, 0, 0, 0.3)}table.dataTable.stripe>tbody>tr:nth-child(odd)>*,table.dataTable.display>tbody>tr:nth-child(odd)>*{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.023);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-stripe), var(--dt-row-stripe-alpha))}table.dataTable.stripe>tbody>tr:nth-child(odd).selected>*,table.dataTable.display>tbody>tr:nth-child(odd).selected>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.923);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), var(--dt-row-selected-stripe-alpha))}table.dataTable.hover>tbody>tr:hover>*,table.dataTable.display>tbody>tr:hover>*{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.035);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), var(--dt-row-hover-alpha))}table.dataTable.hover>tbody>tr.selected:hover>*,table.dataTable.display>tbody>tr.selected:hover>*{box-shadow:inset 0 0 0 9999px #0d6efd !important;box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 1) !important}table.dataTable.order-column>tbody tr>.sorting_1,table.dataTable.order-column>tbody tr>.sorting_2,table.dataTable.order-column>tbody tr>.sorting_3,table.dataTable.display>tbody tr>.sorting_1,table.dataTable.display>tbody tr>.sorting_2,table.dataTable.display>tbody tr>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.019);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), var(--dt-column-ordering-alpha))}table.dataTable.order-column>tbody tr.selected>.sorting_1,table.dataTable.order-column>tbody tr.selected>.sorting_2,table.dataTable.order-column>tbody tr.selected>.sorting_3,table.dataTable.display>tbody tr.selected>.sorting_1,table.dataTable.display>tbody tr.selected>.sorting_2,table.dataTable.display>tbody tr.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.919);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), var(--dt-row-selected-column-ordering-alpha))}table.dataTable.display>tbody>tr:nth-child(odd)>.sorting_1,table.dataTable.order-column.stripe>tbody>tr:nth-child(odd)>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.054);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha)))}table.dataTable.display>tbody>tr:nth-child(odd)>.sorting_2,table.dataTable.order-column.stripe>tbody>tr:nth-child(odd)>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.047);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) - 0.007))}table.dataTable.display>tbody>tr:nth-child(odd)>.sorting_3,table.dataTable.order-column.stripe>tbody>tr:nth-child(odd)>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.039);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) - 0.015))}table.dataTable.display>tbody>tr:nth-child(odd).selected>.sorting_1,table.dataTable.order-column.stripe>tbody>tr:nth-child(odd).selected>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.954);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha)))}table.dataTable.display>tbody>tr:nth-child(odd).selected>.sorting_2,table.dataTable.order-column.stripe>tbody>tr:nth-child(odd).selected>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.947);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha) - 0.007))}table.dataTable.display>tbody>tr:nth-child(odd).selected>.sorting_3,table.dataTable.order-column.stripe>tbody>tr:nth-child(odd).selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.939);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha) - 0.015))}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.082);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha)))}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.074);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha) - 0.007))}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.062);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha) - 0.015))}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.982);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha)))}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.974);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha) - 0.007))}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.962);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha) - 0.015))}table.dataTable.compact thead th,table.dataTable.compact thead td,table.dataTable.compact tfoot th,table.dataTable.compact tfoot td,table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}div.dt-container div.dt-layout-row{display:flex;justify-content:space-between;align-items:center;width:100%;margin:.75em 0}div.dt-container div.dt-layout-row div.dt-layout-cell{display:flex;justify-content:space-between;align-items:center}div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-start{justify-content:flex-start;margin-right:auto}div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end{justify-content:flex-end;margin-left:auto}div.dt-container div.dt-layout-row div.dt-layout-cell:empty{display:none}@media screen and (max-width: 767px){div.dt-container div.dt-layout-row:not(.dt-layout-table){display:block}div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell{display:block;text-align:center}div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell>*{margin:.5em 0}div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell.dt-layout-start{margin-right:0}div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell.dt-layout-end{margin-left:0}}div.dt-container div.dt-layout-start>*:not(:last-child){margin-right:1em}div.dt-container div.dt-layout-end>*:not(:first-child){margin-left:1em}div.dt-container div.dt-layout-full{width:100%}div.dt-container div.dt-layout-full>*:only-child{margin-left:auto;margin-right:auto}div.dt-container div.dt-layout-table>div{display:block !important}@media screen and (max-width: 767px){div.dt-container div.dt-layout-start>*:not(:last-child){margin-right:0}div.dt-container div.dt-layout-end>*:not(:first-child){margin-left:0}}div.dt-container{position:relative;clear:both}div.dt-container .dt-search input{border:1px solid #aaa;border-radius:3px;padding:5px;background-color:transparent;color:inherit;margin-left:3px}div.dt-container .dt-input{border:1px solid #aaa;border-radius:3px;padding:5px;background-color:transparent;color:inherit}div.dt-container select.dt-input{padding:4px}div.dt-container .dt-paging .dt-paging-button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;color:inherit !important;border:1px solid transparent;border-radius:2px;background:transparent}div.dt-container .dt-paging .dt-paging-button.current,div.dt-container .dt-paging .dt-paging-button.current:hover{color:inherit !important;border:1px solid rgba(0, 0, 0, 0.3);background-color:rgba(0, 0, 0, 0.05);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(229.5, 229.5, 229.5, 0.05)), color-stop(100%, rgba(0, 0, 0, 0.05)));background:-webkit-linear-gradient(top, rgba(229.5, 229.5, 229.5, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);background:-moz-linear-gradient(top, rgba(229.5, 229.5, 229.5, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);background:-ms-linear-gradient(top, rgba(229.5, 229.5, 229.5, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);background:-o-linear-gradient(top, rgba(229.5, 229.5, 229.5, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);background:linear-gradient(to bottom, rgba(229.5, 229.5, 229.5, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%)}div.dt-container .dt-paging .dt-paging-button.disabled,div.dt-container .dt-paging .dt-paging-button.disabled:hover,div.dt-container .dt-paging .dt-paging-button.disabled:active{cursor:default;color:rgba(0, 0, 0, 0.5) !important;border:1px solid transparent;background:transparent;box-shadow:none}div.dt-container .dt-paging .dt-paging-button:hover{color:white !important;border:1px solid #111;background-color:#111;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(88.4, 88.4, 88.4)), color-stop(100%, #111));background:-webkit-linear-gradient(top, rgb(88.4, 88.4, 88.4) 0%, #111 100%);background:-moz-linear-gradient(top, rgb(88.4, 88.4, 88.4) 0%, #111 100%);background:-ms-linear-gradient(top, rgb(88.4, 88.4, 88.4) 0%, #111 100%);background:-o-linear-gradient(top, rgb(88.4, 88.4, 88.4) 0%, #111 100%);background:linear-gradient(to bottom, rgb(88.4, 88.4, 88.4) 0%, #111 100%)}div.dt-container .dt-paging .dt-paging-button:active{outline:none;background-color:rgb(11.9, 11.9, 11.9);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(42.5, 42.5, 42.5)), color-stop(100%, rgb(11.9, 11.9, 11.9)));background:-webkit-linear-gradient(top, rgb(42.5, 42.5, 42.5) 0%, rgb(11.9, 11.9, 11.9) 100%);background:-moz-linear-gradient(top, rgb(42.5, 42.5, 42.5) 0%, rgb(11.9, 11.9, 11.9) 100%);background:-ms-linear-gradient(top, rgb(42.5, 42.5, 42.5) 0%, rgb(11.9, 11.9, 11.9) 100%);background:-o-linear-gradient(top, rgb(42.5, 42.5, 42.5) 0%, rgb(11.9, 11.9, 11.9) 100%);background:linear-gradient(to bottom, rgb(42.5, 42.5, 42.5) 0%, rgb(11.9, 11.9, 11.9) 100%);box-shadow:inset 0 0 3px #111}div.dt-container .dt-paging .ellipsis{padding:0 1em}div.dt-container .dt-length,div.dt-container .dt-search,div.dt-container .dt-info,div.dt-container .dt-processing,div.dt-container .dt-paging{color:inherit}div.dt-container .dataTables_scroll{clear:both}div.dt-container .dataTables_scroll div.dt-scroll-body{-webkit-overflow-scrolling:touch}div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>th,div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>td,div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>th,div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>td{vertical-align:middle}div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>th>div.dataTables_sizing,div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>td>div.dataTables_sizing,div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>th>div.dataTables_sizing,div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}div.dt-container.dt-empty-footer tbody>tr:last-child>*{border-bottom:1px solid rgba(0, 0, 0, 0.3)}div.dt-container.dt-empty-footer .dt-scroll-body{border-bottom:1px solid rgba(0, 0, 0, 0.3)}div.dt-container.dt-empty-footer .dt-scroll-body tbody>tr:last-child>*{border-bottom:none}html.dark{--dt-row-hover: 255, 255, 255;--dt-row-stripe: 255, 255, 255;--dt-column-ordering: 255, 255, 255}html.dark table.dataTable>thead>tr>th,html.dark table.dataTable>thead>tr>td{border-bottom:1px solid rgb(89, 91, 94)}html.dark table.dataTable>thead>tr>th:active,html.dark table.dataTable>thead>tr>td:active{outline:none}html.dark table.dataTable>tfoot>tr>th,html.dark table.dataTable>tfoot>tr>td{border-top:1px solid rgb(89, 91, 94)}html.dark table.dataTable.row-border>tbody>tr>*,html.dark table.dataTable.display>tbody>tr>*{border-top:1px solid rgb(64, 67, 70)}html.dark table.dataTable.row-border>tbody>tr:first-child>*,html.dark table.dataTable.display>tbody>tr:first-child>*{border-top:none}html.dark table.dataTable.row-border>tbody>tr.selected+tr.selected>td,html.dark table.dataTable.display>tbody>tr.selected+tr.selected>td{border-top-color:rgba(13, 110, 253, 0.65);border-top-color:rgba(var(--dt-row-selected), 0.65)}html.dark table.dataTable.cell-border>tbody>tr>th,html.dark table.dataTable.cell-border>tbody>tr>td{border-top:1px solid rgb(64, 67, 70);border-right:1px solid rgb(64, 67, 70)}html.dark table.dataTable.cell-border>tbody>tr>th:first-child,html.dark table.dataTable.cell-border>tbody>tr>td:first-child{border-left:1px solid rgb(64, 67, 70)}html.dark .dt-container.dt-empty-footer table.dataTable{border-bottom:1px solid rgb(89, 91, 94)}html.dark .dt-container .dt-search input,html.dark .dt-container .dt-length select{border:1px solid rgba(255, 255, 255, 0.2);background-color:var(--dt-html-background)}html.dark .dt-container .dt-paging .dt-paging-button.current,html.dark .dt-container .dt-paging .dt-paging-button.current:hover{border:1px solid rgb(89, 91, 94);background:rgba(255, 255, 255, 0.15)}html.dark .dt-container .dt-paging .dt-paging-button.disabled,html.dark .dt-container .dt-paging .dt-paging-button.disabled:hover,html.dark .dt-container .dt-paging .dt-paging-button.disabled:active{color:#666 !important}html.dark .dt-container .dt-paging .dt-paging-button:hover{border:1px solid rgb(53, 53, 53);background:rgb(53, 53, 53)}html.dark .dt-container .dt-paging .dt-paging-button:active{background:rgb(58.1, 58.1, 58.1)}*[dir=rtl] table.dataTable thead th,*[dir=rtl] table.dataTable thead td,*[dir=rtl] table.dataTable tfoot th,*[dir=rtl] table.dataTable tfoot td{text-align:right}*[dir=rtl] table.dataTable th.dt-type-numeric,*[dir=rtl] table.dataTable th.dt-type-date,*[dir=rtl] table.dataTable td.dt-type-numeric,*[dir=rtl] table.dataTable td.dt-type-date{text-align:left}*[dir=rtl] div.dt-container div.dt-layout-cell.dt-start{text-align:right}*[dir=rtl] div.dt-container div.dt-layout-cell.dt-end{text-align:left}*[dir=rtl] div.dt-container div.dt-search input{margin:0 3px 0 0}
@charset "UTF-8";
/*!
* Tabler v1.7.3 (https://tabler.io)
* Copyright 2018-2026 The Tabler Authors
* Copyright 2018-2026 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/
:root {
--tblr-blue: oklch(54.6% 0.1724 254.2deg);
--tblr-azure: oklch(66.26% 0.1358 246.81deg);
--tblr-indigo: oklch(55.66% 0.2082 268.35deg);
--tblr-purple: oklch(57.83% 0.2186 319.15deg);
--tblr-pink: oklch(58.81% 0.201 5.25deg);
--tblr-red: oklch(58.29% 0.1941 25.59deg);
--tblr-orange: oklch(68.51% 0.1954 44.57deg);
--tblr-yellow: oklch(77.02% 0.1658 71.02deg);
--tblr-lime: oklch(70.99% 0.1897 131.53deg);
--tblr-green: oklch(67.38% 0.1885 145.43deg);
--tblr-teal: oklch(64.32% 0.1338 164.7deg);
--tblr-cyan: oklch(65.52% 0.1105 212.17deg);
--tblr-black: #000;
--tblr-white: #fff;
--tblr-gray: oklch(43.86% 0 0deg);
--tblr-gray-dark: oklch(26.86% 0 0deg);
--tblr-gray-100: oklch(97.02% 0 0deg);
--tblr-gray-200: oklch(92.19% 0 0deg);
--tblr-gray-300: oklch(86.99% 0 0deg);
--tblr-gray-400: oklch(71.55% 0 0deg);
--tblr-gray-500: oklch(55.55% 0 0deg);
--tblr-gray-600: oklch(43.86% 0 0deg);
--tblr-gray-700: oklch(37.15% 0 0deg);
--tblr-gray-800: oklch(26.86% 0 0deg);
--tblr-gray-900: oklch(20.46% 0 0deg);
--tblr-primary: oklch(54.6% 0.1724 254.2deg);
--tblr-secondary: oklch(55.55% 0 0deg);
--tblr-success: oklch(67.38% 0.1885 145.43deg);
--tblr-info: oklch(66.26% 0.1358 246.81deg);
--tblr-warning: oklch(77.02% 0.1658 71.02deg);
--tblr-danger: oklch(58.29% 0.1941 25.59deg);
--tblr-light: oklch(98.51% 0 0deg);
--tblr-dark: oklch(26.86% 0 0deg);
--tblr-muted: oklch(55.55% 0 0deg);
--tblr-blue: oklch(54.6% 0.1724 254.2deg);
--tblr-azure: oklch(66.26% 0.1358 246.81deg);
--tblr-indigo: oklch(55.66% 0.2082 268.35deg);
--tblr-purple: oklch(57.83% 0.2186 319.15deg);
--tblr-pink: oklch(58.81% 0.201 5.25deg);
--tblr-red: oklch(58.29% 0.1941 25.59deg);
--tblr-orange: oklch(68.51% 0.1954 44.57deg);
--tblr-yellow: oklch(77.02% 0.1658 71.02deg);
--tblr-lime: oklch(70.99% 0.1897 131.53deg);
--tblr-green: oklch(67.38% 0.1885 145.43deg);
--tblr-teal: oklch(64.32% 0.1338 164.7deg);
--tblr-cyan: oklch(65.52% 0.1105 212.17deg);
--tblr-primary-text-emphasis: light-dark(color-mix(in oklab, var(--tblr-black) 60%, var(--tblr-primary)), color-mix(in oklab, var(--tblr-white) 40%, var(--tblr-primary)));
--tblr-secondary-text-emphasis: light-dark(color-mix(in oklab, var(--tblr-black) 60%, var(--tblr-secondary)), color-mix(in oklab, var(--tblr-white) 40%, var(--tblr-secondary)));
--tblr-success-text-emphasis: light-dark(color-mix(in oklab, var(--tblr-black) 60%, var(--tblr-success)), color-mix(in oklab, var(--tblr-white) 40%, var(--tblr-success)));
--tblr-info-text-emphasis: light-dark(color-mix(in oklab, var(--tblr-black) 60%, var(--tblr-info)), color-mix(in oklab, var(--tblr-white) 40%, var(--tblr-info)));
--tblr-warning-text-emphasis: light-dark(color-mix(in oklab, var(--tblr-black) 60%, var(--tblr-warning)), color-mix(in oklab, var(--tblr-white) 40%, var(--tblr-warning)));
--tblr-danger-text-emphasis: light-dark(color-mix(in oklab, var(--tblr-black) 60%, var(--tblr-danger)), color-mix(in oklab, var(--tblr-white) 40%, var(--tblr-danger)));
--tblr-light-text-emphasis: light-dark(oklch(37.15% 0 0deg), oklch(97.02% 0 0deg));
--tblr-dark-text-emphasis: light-dark(oklch(37.15% 0 0deg), oklch(86.99% 0 0deg));
--tblr-primary-bg-subtle: light-dark(color-mix(in oklab, var(--tblr-white) 80%, var(--tblr-primary)), color-mix(in oklab, var(--tblr-black) 80%, var(--tblr-primary)));
--tblr-secondary-bg-subtle: light-dark(color-mix(in oklab, var(--tblr-white) 80%, var(--tblr-secondary)), color-mix(in oklab, var(--tblr-black) 80%, var(--tblr-secondary)));
--tblr-success-bg-subtle: light-dark(color-mix(in oklab, var(--tblr-white) 80%, var(--tblr-success)), color-mix(in oklab, var(--tblr-black) 80%, var(--tblr-success)));
--tblr-info-bg-subtle: light-dark(color-mix(in oklab, var(--tblr-white) 80%, var(--tblr-info)), color-mix(in oklab, var(--tblr-black) 80%, var(--tblr-info)));
--tblr-warning-bg-subtle: light-dark(color-mix(in oklab, var(--tblr-white) 80%, var(--tblr-warning)), color-mix(in oklab, var(--tblr-black) 80%, var(--tblr-warning)));
--tblr-danger-bg-subtle: light-dark(color-mix(in oklab, var(--tblr-white) 80%, var(--tblr-danger)), color-mix(in oklab, var(--tblr-black) 80%, var(--tblr-danger)));
--tblr-light-bg-subtle: light-dark(color-mix(in oklab, var(--tblr-gray-100) 50%, var(--tblr-white)), oklch(26.86% 0 0deg));
--tblr-dark-bg-subtle: light-dark(oklch(71.55% 0 0deg), color-mix(in oklab, var(--tblr-gray-800) 50%, var(--tblr-black)));
--tblr-primary-border-subtle: light-dark(color-mix(in oklab, var(--tblr-white) 60%, var(--tblr-primary)), color-mix(in oklab, var(--tblr-black) 40%, var(--tblr-primary)));
--tblr-secondary-border-subtle: light-dark(color-mix(in oklab, var(--tblr-white) 60%, var(--tblr-secondary)), color-mix(in oklab, var(--tblr-black) 40%, var(--tblr-secondary)));
--tblr-success-border-subtle: light-dark(color-mix(in oklab, var(--tblr-white) 60%, var(--tblr-success)), color-mix(in oklab, var(--tblr-black) 40%, var(--tblr-success)));
--tblr-info-border-subtle: light-dark(color-mix(in oklab, var(--tblr-white) 60%, var(--tblr-info)), color-mix(in oklab, var(--tblr-black) 40%, var(--tblr-info)));
--tblr-warning-border-subtle: light-dark(color-mix(in oklab, var(--tblr-white) 60%, var(--tblr-warning)), color-mix(in oklab, var(--tblr-black) 40%, var(--tblr-warning)));
--tblr-danger-border-subtle: light-dark(color-mix(in oklab, var(--tblr-white) 60%, var(--tblr-danger)), color-mix(in oklab, var(--tblr-black) 40%, var(--tblr-danger)));
--tblr-light-border-subtle: light-dark(oklch(92.19% 0 0deg), oklch(37.15% 0 0deg));
--tblr-dark-border-subtle: light-dark(oklch(55.55% 0 0deg), oklch(26.86% 0 0deg));
--tblr-font-sans-serif: system-ui, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
--tblr-font-monospace: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
--tblr-gradient: linear-gradient(180deg, color-mix(in oklab, var(--tblr-white) 15%, transparent), color-mix(in oklab, var(--tblr-white) 0%, transparent));
--tblr-body-font-family: var(--tblr-font-sans-serif);
--tblr-body-font-size: 0.875rem;
--tblr-body-font-weight: 400;
--tblr-body-line-height: 1.4285714286;
--tblr-body-text-align: start;
--tblr-body-color: light-dark(oklch(26.86% 0 0deg), oklch(92.19% 0 0deg));
--tblr-body-bg: light-dark(oklch(98.51% 0 0deg), oklch(20.46% 0 0deg));
--tblr-emphasis-color: light-dark(oklch(37.15% 0 0deg), #fff);
--tblr-secondary-color: light-dark(color-mix(in oklab, var(--tblr-body-color) 75%, transparent), color-mix(in oklab, var(--tblr-body-color) 75%, transparent));
--tblr-secondary-bg: light-dark(oklch(92.19% 0 0deg), oklch(26.86% 0 0deg));
--tblr-tertiary-color: light-dark(color-mix(in oklab, var(--tblr-body-color) 50%, transparent), color-mix(in oklab, var(--tblr-body-color) 50%, transparent));
--tblr-tertiary-bg: light-dark(oklch(97.02% 0 0deg), oklch(23.66% 0 none));
--tblr-link-color: light-dark(oklch(54.6% 0.1724 254.2deg), rgb(47.4052909852%, 66.7127738619%, 90.5414538398%));
--tblr-link-decoration: none;
--tblr-link-hover-color: light-dark(rgb(1.1835786118%, 31.5951621282%, 60.6793151464%), rgb(57.8830881406%, 73.4266319259%, 92.771901261%));
--tblr-link-hover-decoration: underline;
--tblr-code-color: light-dark(var(--tblr-gray-600), var(--tblr-gray-400));
--tblr-highlight-color: light-dark(oklch(26.86% 0 0deg), oklch(92.19% 0 0deg));
--tblr-highlight-bg: light-dark(rgb(99.8214975272%, 92.8189925446%, 84.8431161065%), color-mix(in oklab, var(--tblr-black) 60%, var(--tblr-yellow)));
--tblr-border-width: 1px;
--tblr-border-style: solid;
--tblr-border-color: light-dark(var(--tblr-gray-200), oklch(from var(--tblr-dark) calc(l + 0.08) c h));
--tblr-border-color-translucent: light-dark(color-mix(in oklab, var(--tblr-gray-800) 11.9%, transparent), rgba(72, 110, 149, 0.14));
--tblr-border-radius: 6px;
--tblr-border-radius-sm: 4px;
--tblr-border-radius-lg: 8px;
--tblr-border-radius-xl: 1rem;
--tblr-border-radius-xxl: 2rem;
--tblr-border-radius-2xl: var(--tblr-border-radius-xxl);
--tblr-border-radius-pill: 100rem;
--tblr-box-shadow: 0px 2px 4px -1px color-mix(in oklab, var(--tblr-shadow-color) 15%, transparent), 0px 4px 6px -1px color-mix(in oklab, var(--tblr-shadow-color) 20%, transparent);
--tblr-box-shadow-sm: 0 1px 3px 0 color-mix(in oklab, var(--tblr-shadow-color) 25%, transparent), 0 1px 2px 0 color-mix(in oklab, var(--tblr-shadow-color) 15%, transparent);
--tblr-box-shadow-lg: 0px 4px 6px -2px color-mix(in oklab, var(--tblr-shadow-color) 12.5%, transparent), 0px 10px 15px -3px color-mix(in oklab, var(--tblr-shadow-color) 20%, transparent);
--tblr-box-shadow-inset: inset 0 1px 2px color-mix(in oklab, var(--tblr-shadow-color) 18.75%, transparent);
--tblr-focus-ring-width: 2px;
--tblr-focus-ring-offset: 2px;
--tblr-focus-ring-opacity: 0.5;
--tblr-focus-ring-opacity-dark: 0.75;
--tblr-focus-ring-color: light-dark(color-mix(in oklab, var(--tblr-primary) calc(var(--tblr-focus-ring-opacity) * 100%), var(--tblr-body-bg)), color-mix(in oklab, var(--tblr-primary) calc(var(--tblr-focus-ring-opacity-dark) * 100%), var(--tblr-body-bg)));
--tblr-form-valid-color: light-dark(oklch(67.38% 0.1885 145.43deg), color-mix(in oklab, var(--tblr-white) 40%, var(--tblr-green)));
--tblr-form-valid-border-color: light-dark(oklch(67.38% 0.1885 145.43deg), color-mix(in oklab, var(--tblr-white) 40%, var(--tblr-green)));
--tblr-form-invalid-color: light-dark(oklch(58.29% 0.1941 25.59deg), color-mix(in oklab, var(--tblr-white) 40%, var(--tblr-red)));
--tblr-form-invalid-border-color: light-dark(oklch(58.29% 0.1941 25.59deg), color-mix(in oklab, var(--tblr-white) 40%, var(--tblr-red)));
}
:root,
[data-bs-theme=light],
[data-theme=light] {
--tblr-heading-color: light-dark(var(--tblr-gray-900), var(--tblr-white));
}
.theme-dark,
[data-bs-theme=dark],
body[data-bs-theme=dark] [data-bs-theme=light],
body[data-theme=dark] [data-theme=light],
html[data-bs-navbar-theme=dark] .page > .navbar,
html[data-bs-navbar-theme=primary] .page > .navbar,
html[data-bs-navbar-theme=dark] .page > [class*=navbar-expand] .navbar,
html[data-bs-navbar-theme=primary] .page > [class*=navbar-expand] .navbar,
html[data-bs-navbar-theme=dark] .page > body.navbar [data-bs-theme=light],
html[data-bs-navbar-theme=primary] .page > body.navbar [data-bs-theme=light],
html[data-bs-navbar-theme=dark] .page > [class*=navbar-expand] body.navbar [data-bs-theme=light],
html[data-bs-navbar-theme=primary] .page > [class*=navbar-expand] body.navbar [data-bs-theme=light],
[data-theme=dark] {
--tblr-heading-color: inherit;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
}
}
body {
margin: 0;
font-family: var(--tblr-body-font-family);
font-size: var(--tblr-body-font-size);
font-weight: var(--tblr-body-font-weight);
line-height: var(--tblr-body-line-height);
color: var(--tblr-body-color);
text-align: var(--tblr-body-text-align);
background-color: var(--tblr-body-bg);
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr, .hr {
margin: 2rem 0;
color: inherit;
border: 0;
border-top: var(--tblr-border-width) solid;
opacity: 11.9%;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
margin-top: 0;
margin-bottom: var(--tblr-spacer);
font-weight: var(--tblr-font-weight-semibold);
line-height: 1.2;
color: var(--tblr-heading-color);
}
h1, .h1 {
font-size: 1.5rem;
}
h2, .h2 {
font-size: 1.25rem;
}
h3, .h3 {
font-size: 1rem;
}
h4, .h4 {
font-size: 0.875rem;
}
h5, .h5 {
font-size: 0.75rem;
}
h6, .h6 {
font-size: 0.625rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul {
padding-inline-start: 2rem;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 600;
}
dd {
margin-bottom: 0.5rem;
margin-inline-start: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: bolder;
}
small, .small {
font-size: 0.875em;
}
mark, .mark {
padding: 0.1875em;
color: var(--tblr-highlight-color);
background-color: var(--tblr-highlight-bg);
}
sub,
sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: color-mix(in oklab, var(--tblr-link-color) calc(var(--tblr-link-opacity, 1) * 100%), transparent);
text-decoration: none;
}
a:hover {
--tblr-link-color: var(--tblr-link-hover-color);
text-decoration: underline;
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none;
}
pre,
code,
kbd,
samp {
font-family: var(--tblr-font-monospace);
font-size: 1em;
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
font-size: 0.85714285em;
color: var(--tblr-light);
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
code {
font-size: 0.85714285em;
color: var(--tblr-code-color);
word-wrap: break-word;
}
a > code {
color: inherit;
}
kbd {
padding: 0 0.25rem;
font-size: var(--tblr-font-size-h5);
color: var(--tblr-secondary-color);
background-color: color-mix(in oklab, currentColor 12%, transparent);
border-radius: 4px;
}
kbd kbd {
padding: 0;
font-size: 1em;
}
figure {
margin: 0 0 1rem;
}
img,
svg {
vertical-align: middle;
}
table {
caption-side: bottom;
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: var(--tblr-secondary-color);
text-align: start;
}
th {
text-align: inherit;
text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
border-color: inherit;
border-style: solid;
border-width: 0;
}
label {
display: inline-block;
}
button {
border-radius: 0;
}
button:focus:not(:focus-visible) {
outline: 0;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
select {
text-transform: none;
}
[role=button] {
cursor: pointer;
}
select {
word-wrap: normal;
}
select:disabled {
opacity: 1;
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
display: none !important;
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
cursor: pointer;
}
::-moz-focus-inner {
padding: 0;
border-style: none;
}
textarea {
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
float: inline-start;
width: 100%;
padding: 0;
margin-bottom: 0.5rem;
line-height: inherit;
font-size: 1.5rem;
}
legend + * {
clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
padding: 0;
}
::-webkit-inner-spin-button {
height: auto;
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button {
cursor: pointer;
filter: grayscale(1);
}
/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
direction: ltr;
}
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
padding: 0;
}
::file-selector-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
iframe {
border: 0;
}
summary {
display: list-item;
cursor: pointer;
}
progress {
vertical-align: baseline;
}
[hidden] {
display: none !important;
}
.lead {
font-size: 0.875rem;
font-weight: var(--tblr-font-weight-normal);
}
.display-1 {
font-weight: 300;
line-height: 1.2;
font-size: 5rem;
}
.display-2 {
font-weight: 300;
line-height: 1.2;
font-size: 4.5rem;
}
.display-3 {
font-weight: 300;
line-height: 1.2;
font-size: 4rem;
}
.display-4 {
font-weight: 300;
line-height: 1.2;
font-size: 3.5rem;
}
.display-5 {
font-weight: 300;
line-height: 1.2;
font-size: 3rem;
}
.display-6 {
font-weight: 300;
line-height: 1.2;
font-size: 2rem;
}
.list-unstyled {
padding-inline-start: 0;
list-style: none;
}
.list-inline {
padding-inline-start: 0;
list-style: none;
}
.list-inline-item {
display: inline-block;
}
.list-inline-item:not(:last-child) {
margin-inline-end: 0.5rem;
}
.initialism {
font-size: 0.875em;
text-transform: uppercase;
}
.blockquote {
margin-bottom: 1rem;
font-size: 0.875rem;
}
.blockquote > :last-child {
margin-bottom: 0;
}
.blockquote-footer {
margin-top: -1rem;
margin-bottom: 1rem;
font-size: 0.875em;
color: light-dark(var(--tblr-gray-600), var(--tblr-gray-400));
}
.blockquote-footer::before {
content: "— ";
}
.img-fluid {
max-width: 100%;
height: auto;
}
.img-thumbnail {
padding: 0.25rem;
background-color: var(--tblr-body-bg);
border: var(--tblr-border-width) solid var(--tblr-border-color);
border-radius: var(--tblr-border-radius);
box-shadow: var(--tblr-box-shadow-sm);
max-width: 100%;
height: auto;
}
.figure {
display: inline-block;
}
.figure-img {
margin-bottom: 0.5rem;
line-height: 1;
}
.figure-caption {
font-size: 0.875em;
color: var(--tblr-secondary-color);
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
--tblr-gutter-x: calc(var(--tblr-page-padding) * 2);
--tblr-gutter-y: 0;
width: 100%;
padding-inline-end: calc(var(--tblr-gutter-x) * 0.5);
padding-inline-start: calc(var(--tblr-gutter-x) * 0.5);
margin-inline-end: auto;
margin-inline-start: auto;
}
@media (min-width: 576px) {
.container-sm, .container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-md, .container-sm, .container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container-lg, .container-md, .container-sm, .container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1320px;
}
}
:root {
--tblr-breakpoint-xs: 0;
--tblr-breakpoint-sm: 576px;
--tblr-breakpoint-md: 768px;
--tblr-breakpoint-lg: 992px;
--tblr-breakpoint-xl: 1200px;
--tblr-breakpoint-xxl: 1400px;
}
.row {
--tblr-gutter-x: var(--tblr-page-padding);
--tblr-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--tblr-gutter-y));
margin-inline-end: calc(-0.5 * var(--tblr-gutter-x));
margin-inline-start: calc(-0.5 * var(--tblr-gutter-x));
}
.row > * {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-inline-end: calc(var(--tblr-gutter-x) * 0.5);
padding-inline-start: calc(var(--tblr-gutter-x) * 0.5);
margin-top: var(--tblr-gutter-y);
}
.grid {
display: grid;
grid-template-rows: repeat(var(--tblr-rows, 1), 1fr);
grid-template-columns: repeat(var(--tblr-columns, 12), 1fr);
gap: var(--tblr-gap, var(--tblr-page-padding));
}
.grid .g-col-1 {
grid-column: auto/span 1;
}
.grid .g-col-2 {
grid-column: auto/span 2;
}
.grid .g-col-3 {
grid-column: auto/span 3;
}
.grid .g-col-4 {
grid-column: auto/span 4;
}
.grid .g-col-5 {
grid-column: auto/span 5;
}
.grid .g-col-6 {
grid-column: auto/span 6;
}
.grid .g-col-7 {
grid-column: auto/span 7;
}
.grid .g-col-8 {
grid-column: auto/span 8;
}
.grid .g-col-9 {
grid-column: auto/span 9;
}
.grid .g-col-10 {
grid-column: auto/span 10;
}
.grid .g-col-11 {
grid-column: auto/span 11;
}
.grid .g-col-12 {
grid-column: auto/span 12;
}
.grid .g-start-1 {
grid-column-start: 1;
}
.grid .g-start-2 {
grid-column-start: 2;
}
.grid .g-start-3 {
grid-column-start: 3;
}
.grid .g-start-4 {
grid-column-start: 4;
}
.grid .g-start-5 {
grid-column-start: 5;
}
.grid .g-start-6 {
grid-column-start: 6;
}
.grid .g-start-7 {
grid-column-start: 7;
}
.grid .g-start-8 {
grid-column-start: 8;
}
.grid .g-start-9 {
grid-column-start: 9;
}
.grid .g-start-10 {
grid-column-start: 10;
}
.grid .g-start-11 {
grid-column-start: 11;
}
@media (min-width: 576px) {
.grid .g-col-sm-1 {
grid-column: auto/span 1;
}
.grid .g-col-sm-2 {
grid-column: auto/span 2;
}
.grid .g-col-sm-3 {
grid-column: auto/span 3;
}
.grid .g-col-sm-4 {
grid-column: auto/span 4;
}
.grid .g-col-sm-5 {
grid-column: auto/span 5;
}
.grid .g-col-sm-6 {
grid-column: auto/span 6;
}
.grid .g-col-sm-7 {
grid-column: auto/span 7;
}
.grid .g-col-sm-8 {
grid-column: auto/span 8;
}
.grid .g-col-sm-9 {
grid-column: auto/span 9;
}
.grid .g-col-sm-10 {
grid-column: auto/span 10;
}
.grid .g-col-sm-11 {
grid-column: auto/span 11;
}
.grid .g-col-sm-12 {
grid-column: auto/span 12;
}
.grid .g-start-sm-1 {
grid-column-start: 1;
}
.grid .g-start-sm-2 {
grid-column-start: 2;
}
.grid .g-start-sm-3 {
grid-column-start: 3;
}
.grid .g-start-sm-4 {
grid-column-start: 4;
}
.grid .g-start-sm-5 {
grid-column-start: 5;
}
.grid .g-start-sm-6 {
grid-column-start: 6;
}
.grid .g-start-sm-7 {
grid-column-start: 7;
}
.grid .g-start-sm-8 {
grid-column-start: 8;
}
.grid .g-start-sm-9 {
grid-column-start: 9;
}
.grid .g-start-sm-10 {
grid-column-start: 10;
}
.grid .g-start-sm-11 {
grid-column-start: 11;
}
}
@media (min-width: 768px) {
.grid .g-col-md-1 {
grid-column: auto/span 1;
}
.grid .g-col-md-2 {
grid-column: auto/span 2;
}
.grid .g-col-md-3 {
grid-column: auto/span 3;
}
.grid .g-col-md-4 {
grid-column: auto/span 4;
}
.grid .g-col-md-5 {
grid-column: auto/span 5;
}
.grid .g-col-md-6 {
grid-column: auto/span 6;
}
.grid .g-col-md-7 {
grid-column: auto/span 7;
}
.grid .g-col-md-8 {
grid-column: auto/span 8;
}
.grid .g-col-md-9 {
grid-column: auto/span 9;
}
.grid .g-col-md-10 {
grid-column: auto/span 10;
}
.grid .g-col-md-11 {
grid-column: auto/span 11;
}
.grid .g-col-md-12 {
grid-column: auto/span 12;
}
.grid .g-start-md-1 {
grid-column-start: 1;
}
.grid .g-start-md-2 {
grid-column-start: 2;
}
.grid .g-start-md-3 {
grid-column-start: 3;
}
.grid .g-start-md-4 {
grid-column-start: 4;
}
.grid .g-start-md-5 {
grid-column-start: 5;
}
.grid .g-start-md-6 {
grid-column-start: 6;
}
.grid .g-start-md-7 {
grid-column-start: 7;
}
.grid .g-start-md-8 {
grid-column-start: 8;
}
.grid .g-start-md-9 {
grid-column-start: 9;
}
.grid .g-start-md-10 {
grid-column-start: 10;
}
.grid .g-start-md-11 {
grid-column-start: 11;
}
}
@media (min-width: 992px) {
.grid .g-col-lg-1 {
grid-column: auto/span 1;
}
.grid .g-col-lg-2 {
grid-column: auto/span 2;
}
.grid .g-col-lg-3 {
grid-column: auto/span 3;
}
.grid .g-col-lg-4 {
grid-column: auto/span 4;
}
.grid .g-col-lg-5 {
grid-column: auto/span 5;
}
.grid .g-col-lg-6 {
grid-column: auto/span 6;
}
.grid .g-col-lg-7 {
grid-column: auto/span 7;
}
.grid .g-col-lg-8 {
grid-column: auto/span 8;
}
.grid .g-col-lg-9 {
grid-column: auto/span 9;
}
.grid .g-col-lg-10 {
grid-column: auto/span 10;
}
.grid .g-col-lg-11 {
grid-column: auto/span 11;
}
.grid .g-col-lg-12 {
grid-column: auto/span 12;
}
.grid .g-start-lg-1 {
grid-column-start: 1;
}
.grid .g-start-lg-2 {
grid-column-start: 2;
}
.grid .g-start-lg-3 {
grid-column-start: 3;
}
.grid .g-start-lg-4 {
grid-column-start: 4;
}
.grid .g-start-lg-5 {
grid-column-start: 5;
}
.grid .g-start-lg-6 {
grid-column-start: 6;
}
.grid .g-start-lg-7 {
grid-column-start: 7;
}
.grid .g-start-lg-8 {
grid-column-start: 8;
}
.grid .g-start-lg-9 {
grid-column-start: 9;
}
.grid .g-start-lg-10 {
grid-column-start: 10;
}
.grid .g-start-lg-11 {
grid-column-start: 11;
}
}
@media (min-width: 1200px) {
.grid .g-col-xl-1 {
grid-column: auto/span 1;
}
.grid .g-col-xl-2 {
grid-column: auto/span 2;
}
.grid .g-col-xl-3 {
grid-column: auto/span 3;
}
.grid .g-col-xl-4 {
grid-column: auto/span 4;
}
.grid .g-col-xl-5 {
grid-column: auto/span 5;
}
.grid .g-col-xl-6 {
grid-column: auto/span 6;
}
.grid .g-col-xl-7 {
grid-column: auto/span 7;
}
.grid .g-col-xl-8 {
grid-column: auto/span 8;
}
.grid .g-col-xl-9 {
grid-column: auto/span 9;
}
.grid .g-col-xl-10 {
grid-column: auto/span 10;
}
.grid .g-col-xl-11 {
grid-column: auto/span 11;
}
.grid .g-col-xl-12 {
grid-column: auto/span 12;
}
.grid .g-start-xl-1 {
grid-column-start: 1;
}
.grid .g-start-xl-2 {
grid-column-start: 2;
}
.grid .g-start-xl-3 {
grid-column-start: 3;
}
.grid .g-start-xl-4 {
grid-column-start: 4;
}
.grid .g-start-xl-5 {
grid-column-start: 5;
}
.grid .g-start-xl-6 {
grid-column-start: 6;
}
.grid .g-start-xl-7 {
grid-column-start: 7;
}
.grid .g-start-xl-8 {
grid-column-start: 8;
}
.grid .g-start-xl-9 {
grid-column-start: 9;
}
.grid .g-start-xl-10 {
grid-column-start: 10;
}
.grid .g-start-xl-11 {
grid-column-start: 11;
}
}
@media (min-width: 1400px) {
.grid .g-col-xxl-1 {
grid-column: auto/span 1;
}
.grid .g-col-xxl-2 {
grid-column: auto/span 2;
}
.grid .g-col-xxl-3 {
grid-column: auto/span 3;
}
.grid .g-col-xxl-4 {
grid-column: auto/span 4;
}
.grid .g-col-xxl-5 {
grid-column: auto/span 5;
}
.grid .g-col-xxl-6 {
grid-column: auto/span 6;
}
.grid .g-col-xxl-7 {
grid-column: auto/span 7;
}
.grid .g-col-xxl-8 {
grid-column: auto/span 8;
}
.grid .g-col-xxl-9 {
grid-column: auto/span 9;
}
.grid .g-col-xxl-10 {
grid-column: auto/span 10;
}
.grid .g-col-xxl-11 {
grid-column: auto/span 11;
}
.grid .g-col-xxl-12 {
grid-column: auto/span 12;
}
.grid .g-start-xxl-1 {
grid-column-start: 1;
}
.grid .g-start-xxl-2 {
grid-column-start: 2;
}
.grid .g-start-xxl-3 {
grid-column-start: 3;
}
.grid .g-start-xxl-4 {
grid-column-start: 4;
}
.grid .g-start-xxl-5 {
grid-column-start: 5;
}
.grid .g-start-xxl-6 {
grid-column-start: 6;
}
.grid .g-start-xxl-7 {
grid-column-start: 7;
}
.grid .g-start-xxl-8 {
grid-column-start: 8;
}
.grid .g-start-xxl-9 {
grid-column-start: 9;
}
.grid .g-start-xxl-10 {
grid-column-start: 10;
}
.grid .g-start-xxl-11 {
grid-column-start: 11;
}
}
.col {
flex: 1 0 0;
}
.row-cols-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-3 > * {
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-6 > * {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
}
.col-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-3 {
flex: 0 0 auto;
width: 25%;
}
.col-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-6 {
flex: 0 0 auto;
width: 50%;
}
.col-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-9 {
flex: 0 0 auto;
width: 75%;
}
.col-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-1 {
margin-inline-start: 8.33333333%;
}
.offset-2 {
margin-inline-start: 16.66666667%;
}
.offset-3 {
margin-inline-start: 25%;
}
.offset-4 {
margin-inline-start: 33.33333333%;
}
.offset-5 {
margin-inline-start: 41.66666667%;
}
.offset-6 {
margin-inline-start: 50%;
}
.offset-7 {
margin-inline-start: 58.33333333%;
}
.offset-8 {
margin-inline-start: 66.66666667%;
}
.offset-9 {
margin-inline-start: 75%;
}
.offset-10 {
margin-inline-start: 83.33333333%;
}
.offset-11 {
margin-inline-start: 91.66666667%;
}
.g-0,
.gx-0 {
--tblr-gutter-x: 0;
}
.g-0,
.gy-0 {
--tblr-gutter-y: 0;
}
.g-1,
.gx-1 {
--tblr-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
--tblr-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
--tblr-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
--tblr-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
--tblr-gutter-x: 1rem;
}
.g-3,
.gy-3 {
--tblr-gutter-y: 1rem;
}
.g-4,
.gx-4 {
--tblr-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
--tblr-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
--tblr-gutter-x: 2rem;
}
.g-5,
.gy-5 {
--tblr-gutter-y: 2rem;
}
.g-6,
.gx-6 {
--tblr-gutter-x: 2.5rem;
}
.g-6,
.gy-6 {
--tblr-gutter-y: 2.5rem;
}
@media (min-width: 576px) {
.col-sm {
flex: 1 0 0;
}
.row-cols-sm-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-sm-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-sm-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-sm-3 > * {
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-sm-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-sm-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-sm-6 > * {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
}
.col-sm-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-sm-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-sm-3 {
flex: 0 0 auto;
width: 25%;
}
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-sm-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%;
}
.col-sm-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-sm-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-sm-9 {
flex: 0 0 auto;
width: 75%;
}
.col-sm-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-sm-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-sm-0 {
margin-inline-start: 0;
}
.offset-sm-1 {
margin-inline-start: 8.33333333%;
}
.offset-sm-2 {
margin-inline-start: 16.66666667%;
}
.offset-sm-3 {
margin-inline-start: 25%;
}
.offset-sm-4 {
margin-inline-start: 33.33333333%;
}
.offset-sm-5 {
margin-inline-start: 41.66666667%;
}
.offset-sm-6 {
margin-inline-start: 50%;
}
.offset-sm-7 {
margin-inline-start: 58.33333333%;
}
.offset-sm-8 {
margin-inline-start: 66.66666667%;
}
.offset-sm-9 {
margin-inline-start: 75%;
}
.offset-sm-10 {
margin-inline-start: 83.33333333%;
}
.offset-sm-11 {
margin-inline-start: 91.66666667%;
}
.g-sm-0,
.gx-sm-0 {
--tblr-gutter-x: 0;
}
.g-sm-0,
.gy-sm-0 {
--tblr-gutter-y: 0;
}
.g-sm-1,
.gx-sm-1 {
--tblr-gutter-x: 0.25rem;
}
.g-sm-1,
.gy-sm-1 {
--tblr-gutter-y: 0.25rem;
}
.g-sm-2,
.gx-sm-2 {
--tblr-gutter-x: 0.5rem;
}
.g-sm-2,
.gy-sm-2 {
--tblr-gutter-y: 0.5rem;
}
.g-sm-3,
.gx-sm-3 {
--tblr-gutter-x: 1rem;
}
.g-sm-3,
.gy-sm-3 {
--tblr-gutter-y: 1rem;
}
.g-sm-4,
.gx-sm-4 {
--tblr-gutter-x: 1.5rem;
}
.g-sm-4,
.gy-sm-4 {
--tblr-gutter-y: 1.5rem;
}
.g-sm-5,
.gx-sm-5 {
--tblr-gutter-x: 2rem;
}
.g-sm-5,
.gy-sm-5 {
--tblr-gutter-y: 2rem;
}
.g-sm-6,
.gx-sm-6 {
--tblr-gutter-x: 2.5rem;
}
.g-sm-6,
.gy-sm-6 {
--tblr-gutter-y: 2.5rem;
}
}
@media (min-width: 768px) {
.col-md {
flex: 1 0 0;
}
.row-cols-md-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-md-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-md-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-md-3 > * {
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-md-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-md-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-md-6 > * {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
}
.col-md-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-md-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-md-3 {
flex: 0 0 auto;
width: 25%;
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-md-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-md-6 {
flex: 0 0 auto;
width: 50%;
}
.col-md-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-md-9 {
flex: 0 0 auto;
width: 75%;
}
.col-md-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-md-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-md-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-md-0 {
margin-inline-start: 0;
}
.offset-md-1 {
margin-inline-start: 8.33333333%;
}
.offset-md-2 {
margin-inline-start: 16.66666667%;
}
.offset-md-3 {
margin-inline-start: 25%;
}
.offset-md-4 {
margin-inline-start: 33.33333333%;
}
.offset-md-5 {
margin-inline-start: 41.66666667%;
}
.offset-md-6 {
margin-inline-start: 50%;
}
.offset-md-7 {
margin-inline-start: 58.33333333%;
}
.offset-md-8 {
margin-inline-start: 66.66666667%;
}
.offset-md-9 {
margin-inline-start: 75%;
}
.offset-md-10 {
margin-inline-start: 83.33333333%;
}
.offset-md-11 {
margin-inline-start: 91.66666667%;
}
.g-md-0,
.gx-md-0 {
--tblr-gutter-x: 0;
}
.g-md-0,
.gy-md-0 {
--tblr-gutter-y: 0;
}
.g-md-1,
.gx-md-1 {
--tblr-gutter-x: 0.25rem;
}
.g-md-1,
.gy-md-1 {
--tblr-gutter-y: 0.25rem;
}
.g-md-2,
.gx-md-2 {
--tblr-gutter-x: 0.5rem;
}
.g-md-2,
.gy-md-2 {
--tblr-gutter-y: 0.5rem;
}
.g-md-3,
.gx-md-3 {
--tblr-gutter-x: 1rem;
}
.g-md-3,
.gy-md-3 {
--tblr-gutter-y: 1rem;
}
.g-md-4,
.gx-md-4 {
--tblr-gutter-x: 1.5rem;
}
.g-md-4,
.gy-md-4 {
--tblr-gutter-y: 1.5rem;
}
.g-md-5,
.gx-md-5 {
--tblr-gutter-x: 2rem;
}
.g-md-5,
.gy-md-5 {
--tblr-gutter-y: 2rem;
}
.g-md-6,
.gx-md-6 {
--tblr-gutter-x: 2.5rem;
}
.g-md-6,
.gy-md-6 {
--tblr-gutter-y: 2.5rem;
}
}
@media (min-width: 992px) {
.col-lg {
flex: 1 0 0;
}
.row-cols-lg-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-lg-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-lg-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-lg-3 > * {
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-lg-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-lg-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-lg-6 > * {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%;
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%;
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%;
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-lg-0 {
margin-inline-start: 0;
}
.offset-lg-1 {
margin-inline-start: 8.33333333%;
}
.offset-lg-2 {
margin-inline-start: 16.66666667%;
}
.offset-lg-3 {
margin-inline-start: 25%;
}
.offset-lg-4 {
margin-inline-start: 33.33333333%;
}
.offset-lg-5 {
margin-inline-start: 41.66666667%;
}
.offset-lg-6 {
margin-inline-start: 50%;
}
.offset-lg-7 {
margin-inline-start: 58.33333333%;
}
.offset-lg-8 {
margin-inline-start: 66.66666667%;
}
.offset-lg-9 {
margin-inline-start: 75%;
}
.offset-lg-10 {
margin-inline-start: 83.33333333%;
}
.offset-lg-11 {
margin-inline-start: 91.66666667%;
}
.g-lg-0,
.gx-lg-0 {
--tblr-gutter-x: 0;
}
.g-lg-0,
.gy-lg-0 {
--tblr-gutter-y: 0;
}
.g-lg-1,
.gx-lg-1 {
--tblr-gutter-x: 0.25rem;
}
.g-lg-1,
.gy-lg-1 {
--tblr-gutter-y: 0.25rem;
}
.g-lg-2,
.gx-lg-2 {
--tblr-gutter-x: 0.5rem;
}
.g-lg-2,
.gy-lg-2 {
--tblr-gutter-y: 0.5rem;
}
.g-lg-3,
.gx-lg-3 {
--tblr-gutter-x: 1rem;
}
.g-lg-3,
.gy-lg-3 {
--tblr-gutter-y: 1rem;
}
.g-lg-4,
.gx-lg-4 {
--tblr-gutter-x: 1.5rem;
}
.g-lg-4,
.gy-lg-4 {
--tblr-gutter-y: 1.5rem;
}
.g-lg-5,
.gx-lg-5 {
--tblr-gutter-x: 2rem;
}
.g-lg-5,
.gy-lg-5 {
--tblr-gutter-y: 2rem;
}
.g-lg-6,
.gx-lg-6 {
--tblr-gutter-x: 2.5rem;
}
.g-lg-6,
.gy-lg-6 {
--tblr-gutter-y: 2.5rem;
}
}
@media (min-width: 1200px) {
.col-xl {
flex: 1 0 0;
}
.row-cols-xl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-xl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xl-3 > * {
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-xl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xl-6 > * {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xl-0 {
margin-inline-start: 0;
}
.offset-xl-1 {
margin-inline-start: 8.33333333%;
}
.offset-xl-2 {
margin-inline-start: 16.66666667%;
}
.offset-xl-3 {
margin-inline-start: 25%;
}
.offset-xl-4 {
margin-inline-start: 33.33333333%;
}
.offset-xl-5 {
margin-inline-start: 41.66666667%;
}
.offset-xl-6 {
margin-inline-start: 50%;
}
.offset-xl-7 {
margin-inline-start: 58.33333333%;
}
.offset-xl-8 {
margin-inline-start: 66.66666667%;
}
.offset-xl-9 {
margin-inline-start: 75%;
}
.offset-xl-10 {
margin-inline-start: 83.33333333%;
}
.offset-xl-11 {
margin-inline-start: 91.66666667%;
}
.g-xl-0,
.gx-xl-0 {
--tblr-gutter-x: 0;
}
.g-xl-0,
.gy-xl-0 {
--tblr-gutter-y: 0;
}
.g-xl-1,
.gx-xl-1 {
--tblr-gutter-x: 0.25rem;
}
.g-xl-1,
.gy-xl-1 {
--tblr-gutter-y: 0.25rem;
}
.g-xl-2,
.gx-xl-2 {
--tblr-gutter-x: 0.5rem;
}
.g-xl-2,
.gy-xl-2 {
--tblr-gutter-y: 0.5rem;
}
.g-xl-3,
.gx-xl-3 {
--tblr-gutter-x: 1rem;
}
.g-xl-3,
.gy-xl-3 {
--tblr-gutter-y: 1rem;
}
.g-xl-4,
.gx-xl-4 {
--tblr-gutter-x: 1.5rem;
}
.g-xl-4,
.gy-xl-4 {
--tblr-gutter-y: 1.5rem;
}
.g-xl-5,
.gx-xl-5 {
--tblr-gutter-x: 2rem;
}
.g-xl-5,
.gy-xl-5 {
--tblr-gutter-y: 2rem;
}
.g-xl-6,
.gx-xl-6 {
--tblr-gutter-x: 2.5rem;
}
.g-xl-6,
.gy-xl-6 {
--tblr-gutter-y: 2.5rem;
}
}
@media (min-width: 1400px) {
.col-xxl {
flex: 1 0 0;
}
.row-cols-xxl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-xxl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xxl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xxl-3 > * {
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-xxl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xxl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xxl-6 > * {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xxl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xxl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xxl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xxl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xxl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xxl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xxl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xxl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xxl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xxl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xxl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xxl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xxl-0 {
margin-inline-start: 0;
}
.offset-xxl-1 {
margin-inline-start: 8.33333333%;
}
.offset-xxl-2 {
margin-inline-start: 16.66666667%;
}
.offset-xxl-3 {
margin-inline-start: 25%;
}
.offset-xxl-4 {
margin-inline-start: 33.33333333%;
}
.offset-xxl-5 {
margin-inline-start: 41.66666667%;
}
.offset-xxl-6 {
margin-inline-start: 50%;
}
.offset-xxl-7 {
margin-inline-start: 58.33333333%;
}
.offset-xxl-8 {
margin-inline-start: 66.66666667%;
}
.offset-xxl-9 {
margin-inline-start: 75%;
}
.offset-xxl-10 {
margin-inline-start: 83.33333333%;
}
.offset-xxl-11 {
margin-inline-start: 91.66666667%;
}
.g-xxl-0,
.gx-xxl-0 {
--tblr-gutter-x: 0;
}
.g-xxl-0,
.gy-xxl-0 {
--tblr-gutter-y: 0;
}
.g-xxl-1,
.gx-xxl-1 {
--tblr-gutter-x: 0.25rem;
}
.g-xxl-1,
.gy-xxl-1 {
--tblr-gutter-y: 0.25rem;
}
.g-xxl-2,
.gx-xxl-2 {
--tblr-gutter-x: 0.5rem;
}
.g-xxl-2,
.gy-xxl-2 {
--tblr-gutter-y: 0.5rem;
}
.g-xxl-3,
.gx-xxl-3 {
--tblr-gutter-x: 1rem;
}
.g-xxl-3,
.gy-xxl-3 {
--tblr-gutter-y: 1rem;
}
.g-xxl-4,
.gx-xxl-4 {
--tblr-gutter-x: 1.5rem;
}
.g-xxl-4,
.gy-xxl-4 {
--tblr-gutter-y: 1.5rem;
}
.g-xxl-5,
.gx-xxl-5 {
--tblr-gutter-x: 2rem;
}
.g-xxl-5,
.gy-xxl-5 {
--tblr-gutter-y: 2rem;
}
.g-xxl-6,
.gx-xxl-6 {
--tblr-gutter-x: 2.5rem;
}
.g-xxl-6,
.gy-xxl-6 {
--tblr-gutter-y: 2.5rem;
}
}
.table, .prose > table,
.markdown > table {
--tblr-table-color-type: initial;
--tblr-table-bg-type: initial;
--tblr-table-color-state: initial;
--tblr-table-bg-state: initial;
--tblr-table-color: inherit;
--tblr-table-bg: transparent;
--tblr-table-border-color: var(--tblr-border-color-translucent);
--tblr-table-accent-bg: transparent;
--tblr-table-striped-color: inherit;
--tblr-table-striped-bg: var(--tblr-bg-surface-tertiary);
--tblr-table-active-color: inherit;
--tblr-table-active-bg: var(--tblr-active-bg);
--tblr-table-hover-color: inherit;
--tblr-table-hover-bg: var(--tblr-hover-bg);
width: 100%;
margin-bottom: 1rem;
vertical-align: top;
border-color: var(--tblr-table-border-color);
}
.table > :not(caption) > * > *, .prose > table > :not(caption) > * > *,
.markdown > table > :not(caption) > * > * {
padding: 0.75rem 0.75rem;
color: var(--tblr-table-color-state, var(--tblr-table-color-type, var(--tblr-table-color)));
background-color: var(--tblr-table-bg);
border-bottom-width: var(--tblr-border-width);
box-shadow: inset 0 0 0 9999px var(--tblr-table-bg-state, var(--tblr-table-bg-type, var(--tblr-table-accent-bg)));
}
.table > tbody, .prose > table > tbody,
.markdown > table > tbody {
vertical-align: inherit;
}
.table > thead, .prose > table > thead,
.markdown > table > thead {
vertical-align: bottom;
}
.table-group-divider {
border-top: calc(var(--tblr-border-width) * 2) solid var(--tblr-border-color-translucent);
}
.caption-top {
caption-side: top;
}
.table-sm > :not(caption) > * > * {
padding: 0.25rem 0.25rem;
}
.table-bordered {
--tblr-table-border-color: var(--tblr-border-color);
}
.table-bordered > :not(caption) > * {
border-width: var(--tblr-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
border-width: 0 var(--tblr-border-width);
}
.table-borderless > :not(caption) > * > * {
border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
border-top-width: 0;
}
.table-striped > tbody > tr:nth-of-type(even):not(:is([class^=bg-], [class*=" bg-"], [class^=table-], [class*=" table-"], [class^=text-bg-], [class*=" text-bg-"], [style*=background])) > *:not(:is([class^=bg-], [class*=" bg-"], [class^=table-], [class*=" table-"], [class^=text-bg-], [class*=" text-bg-"], [style*=background])) {
--tblr-table-color-type: var(--tblr-table-striped-color);
--tblr-table-bg-type: var(--tblr-table-striped-bg);
}
.table-striped-columns > :not(caption) > tr:not(:is([class^=bg-], [class*=" bg-"], [class^=table-], [class*=" table-"], [class^=text-bg-], [class*=" text-bg-"], [style*=background])) > :nth-child(even):not(:is([class^=bg-], [class*=" bg-"], [class^=table-], [class*=" table-"], [class^=text-bg-], [class*=" text-bg-"], [style*=background])) {
--tblr-table-color-type: var(--tblr-table-striped-color);
--tblr-table-bg-type: var(--tblr-table-striped-bg);
}
.table-active {
--tblr-table-color-state: var(--tblr-table-active-color);
--tblr-table-bg-state: var(--tblr-table-active-bg);
}
.table-hover > tbody > tr:hover > * {
--tblr-table-color-state: var(--tblr-table-hover-color);
--tblr-table-bg-state: var(--tblr-table-hover-bg);
}
.table-primary {
--tblr-table-color: var(--tblr-body-color);
--tblr-table-bg: color-mix(in oklab, var(--tblr-bg-surface) 80%, var(--tblr-primary));
--tblr-table-border-color: color-mix(in oklab, var(--tblr-body-color) 20%, color-mix(in oklab, var(--tblr-bg-surface) 80%, var(--tblr-primary)));
--tblr-table-striped-bg: color-mix(in oklab, var(--tblr-body-color) 5%, color-mix(in oklab, var(--tblr-bg-surface) 80%, var(--tblr-primary)));
--tblr-table-striped-color: var(--tblr-body-color);
--tblr-table-active-bg: color-mix(in oklab, var(--tblr-body-color) 10%, color-mix(in oklab, var(--tblr-bg-surface) 80%, var(--tblr-primary)));
--tblr-table-active-color: var(--tblr-body-color);
--tblr-table-hover-bg: color-mix(in oklab, var(--tblr-body-color) 7.5%, color-mix(in oklab, var(--tblr-bg-surface) 80%, var(--tblr-primary)));
--tblr-table-hover-color: var(--tblr-body-color);
color: var(--tblr-table-color);
border-color: var(--tblr-table-border-color);
}
.table-secondary {
--tblr-table-color: var(--tblr-body-color);
--tblr-table-bg: color-mix(in oklab, var(--tblr-bg-surface) 80%, var(--tblr-secondary));
--tblr-table-border-color: color-mix(in oklab, var(--tblr-body-color) 20%, color-mix(in oklab, var(--tblr-bg-surface) 80%, var(--tblr-secondary)));
--tblr-table-striped-bg: color-mix(in oklab, var(--tblr-body-color) 5%, color-mix(in oklab, var(--tblr-bg-surface) 80%, var(--tblr-secondary)));
--tblr-table-striped-color: var(--tblr-body-color);
--tblr-table-active-bg: color-mix(in oklab, var(--tblr-body-color) 10%, color-mix(in oklab, var(--tblr-bg-surface) 80%, var(--tblr-secondary)));
--tblr-table-active-color: var(--tblr-body-color);
--tblr-table-hover-bg: color-mix(in oklab, var(--tblr-body-color) 7.5%, color-mix(in oklab, var(--tblr-bg-surface) 80%, var(--tblr-secondary)));
--tblr-table-hover-color: var(--tblr-body-color);
color: var(--tblr-table-color);
border-color: var(--tblr-table-border-color);
}
.table-success {
--tblr-table-color: var(--tblr-body-color);
--tblr-table-bg: color-mix(in oklab, var(--tblr-bg-surface) 80%, var(--tblr-success));
--tblr-table-border-color: color-mix(in oklab, var(--tblr-body-color) 20%, color-mix(in oklab, var(--tblr-bg-surface) 80%, var(--tblr-success)));
--tblr-table-striped-bg: color-mix(in oklab, var(--tblr-body-color) 5%, color-mix(in oklab, var(--tblr-bg-surface) 80%, var(--tblr-success)));
--tblr-table-striped-color: var(--tblr-body-color);
--tblr-table-active-bg: color-mix(in oklab, var(--tblr-body-color) 10%, color-mix(in oklab, var(--tblr-bg-surface) 80%, var(--tblr-success)));
--tblr-table-active-color: var(--tblr-body-color);
--tblr-table-hover-bg: color-mix(in oklab, var(--tblr-body-color) 7.5%, color-mix(in oklab, var(--tblr-bg-surface) 80%, var(--tblr-success)));
--tblr-table-hover-color: var(--tblr-body-color);
color: var(--tblr-table-color);
border-color: var(--tblr-table-border-color);
}
.table-info {
--tblr-table-color: var(--tblr-body-color);
--tblr-table-bg: color-mix(in oklab, var(--tblr-bg-surface) 80%, var(--tblr-info));
--tblr-table-border-color: color-mix(in oklab, var(--tblr-body-color) 20%, color-mix(in oklab, var(--tblr-bg-surface) 80%, var(--tblr-info)));
--tblr-table-striped-bg: color-mix(in oklab, var(--tblr-body-color) 5%, color-mix(in oklab, var(--tblr-bg-surface) 80%, var(--tblr-info)));
--tblr-table-striped-color: var(--tblr-body-color);
--tblr-table-active-bg: color-mix(in oklab, var(--tblr-body-color) 10%, color-mix(in oklab, var(--tblr-bg-surface) 80%, var(--tblr-info)));
--tblr-table-active-color: var(--tblr-body-color);
--tblr-table-hover-bg: color-mix(in oklab, var(--tblr-body-color) 7.5%, color-mix(in oklab, var(--tblr-bg-surface) 80%, var(--tblr-info)));
--tblr-table-hover-color: var(--tblr-body-color);
color: var(--tblr-table-color);
border-color: var(--tblr-table-border-color);
}
.table-warning {
--tblr-table-color: var(--tblr-body-color);
--tblr-table-bg: color-mix(in oklab, var(--tblr-bg-surface) 80%, var(--tblr-warning));
--tblr-table-border-color: color-mix(in oklab, var(--tblr-body-color) 20%, color-mix(in oklab, var(--tblr-bg-surface) 80%, var(--tblr-warning)));
--tblr-table-striped-bg: color-mix(in oklab, var(--tblr-body-color) 5%, color-mix(in oklab, var(--tblr-bg-surface) 80%, var(--tblr-warning)));
--tblr-table-striped-color: var(--tblr-body-color);
--tblr-table-active-bg: color-mix(in oklab, var(--tblr-body-color) 10%, color-mix(in oklab, var(--tblr-bg-surface) 80%, var(--tblr-warning)));
--tblr-table-active-color: var(--tblr-body-color);
--tblr-table-hover-bg: color-mix(in oklab, var(--tblr-body-color) 7.5%, color-mix(in oklab, var(--tblr-bg-surface) 80%, var(--tblr-warning)));
--tblr-table-hover-color: var(--tblr-body-color);
color: var(--tblr-table-color);
border-color: var(--tblr-table-border-color);
}
.table-danger {
--tblr-table-color: var(--tblr-body-color);
--tblr-table-bg: color-mix(in oklab, var(--tblr-bg-surface) 80%, var(--tblr-danger));
--tblr-table-border-color: color-mix(in oklab, var(--tblr-body-color) 20%, color-mix(in oklab, var(--tblr-bg-surface) 80%, var(--tblr-danger)));
--tblr-table-striped-bg: color-mix(in oklab, var(--tblr-body-color) 5%, color-mix(in oklab, var(--tblr-bg-surface) 80%, var(--tblr-danger)));
--tblr-table-striped-color: var(--tblr-body-color);
--tblr-table-active-bg: color-mix(in oklab, var(--tblr-body-color) 10%, color-mix(in oklab, var(--tblr-bg-surface) 80%, var(--tblr-danger)));
--tblr-table-active-color: var(--tblr-body-color);
--tblr-table-hover-bg: color-mix(in oklab, var(--tblr-body-color) 7.5%, color-mix(in oklab, var(--tblr-bg-surface) 80%, var(--tblr-danger)));
--tblr-table-hover-color: var(--tblr-body-color);
color: var(--tblr-table-color);
border-color: var(--tblr-table-border-color);
}
.table-light {
--tblr-table-color: #000;
--tblr-table-bg: oklch(98.51% 0 0deg);
--tblr-table-border-color: rgb(72.836712561%, 72.836712561%, 72.836712561%);
--tblr-table-striped-bg: rgb(91.6085266752%, 91.6085266752%, 91.6085266752%);
--tblr-table-striped-color: #000;
--tblr-table-active-bg: rgb(85.2624050159%, 85.2624050159%, 85.2624050159%);
--tblr-table-active-color: #000;
--tblr-table-hover-bg: rgb(88.424744944%, 88.424744944%, 88.424744944%);
--tblr-table-hover-color: #000;
color: var(--tblr-table-color);
border-color: var(--tblr-table-border-color);
}
.table-dark {
--tblr-table-color: #fff;
--tblr-table-bg: oklch(26.86% 0 0deg);
--tblr-table-border-color: rgb(29.6281746978%, 29.6281746978%, 29.6281746978%);
--tblr-table-striped-bg: rgb(18.4292869024%, 18.4292869024%, 18.4292869024%);
--tblr-table-striped-color: #fff;
--tblr-table-active-bg: rgb(22.0659033108%, 22.0659033108%, 22.0659033108%);
--tblr-table-active-color: #fff;
--tblr-table-hover-bg: rgb(20.2347406432%, 20.2347406432%, 20.2347406432%);
--tblr-table-hover-color: #fff;
color: var(--tblr-table-color);
border-color: var(--tblr-table-border-color);
}
.table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) {
.table-responsive-sm {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 767.98px) {
.table-responsive-md {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 991.98px) {
.table-responsive-lg {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 1199.98px) {
.table-responsive-xl {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 1399.98px) {
.table-responsive-xxl {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
.form-label {
margin-bottom: 0.5rem;
font-size: 0.875rem;
font-weight: var(--tblr-font-weight-medium);
}
.col-form-label {
padding-top: calc(var(--tblr-btn-input-padding-y) + var(--tblr-border-width));
padding-bottom: calc(var(--tblr-btn-input-padding-y) + var(--tblr-border-width));
margin-bottom: 0;
font-size: inherit;
font-weight: var(--tblr-font-weight-medium);
line-height: var(--tblr-btn-input-line-height);
}
.col-form-label-lg {
padding-top: calc(var(--tblr-btn-input-lg-padding-y) + var(--tblr-border-width));
padding-bottom: calc(var(--tblr-btn-input-lg-padding-y) + var(--tblr-border-width));
font-size: var(--tblr-btn-input-lg-font-size);
}
.col-form-label-sm {
padding-top: calc(var(--tblr-btn-input-sm-padding-y) + var(--tblr-border-width));
padding-bottom: calc(var(--tblr-btn-input-sm-padding-y) + var(--tblr-border-width));
font-size: var(--tblr-btn-input-sm-font-size);
}
.form-text, .form-hint {
margin-top: 0.25rem;
font-size: 0.875em;
color: var(--tblr-secondary-color);
}
.form-select,
.form-control-plaintext,
.form-control {
--tblr-control-min-height: calc(var(--tblr-control-line-height) + var(--tblr-control-padding-y) * 2 + var(--tblr-control-border-width) * 2);
--tblr-control-padding-y: var(--tblr-btn-input-padding-y);
--tblr-control-padding-x: var(--tblr-btn-input-padding-x);
--tblr-control-font-size: var(--tblr-btn-input-font-size);
--tblr-control-line-height: var(--tblr-btn-input-line-height);
--tblr-control-fg: var(--tblr-btn-input-fg);
--tblr-control-bg: var(--tblr-btn-input-bg);
--tblr-control-border-width: var(--tblr-border-width);
--tblr-control-border-color: var(--tblr-border-color);
--tblr-control-border-radius: var(--tblr-btn-input-border-radius);
--tblr-control-box-shadow: var(--tblr-shadow-input);
--tblr-control-focus-fg: var(--tblr-control-fg);
--tblr-control-focus-bg: var(--tblr-control-bg);
--tblr-control-focus-border-color: color-mix(in oklab, var(--tblr-white) 50%, var(--tblr-primary));
--tblr-control-placeholder-color: var(--tblr-tertiary);
--tblr-control-disabled-color: var(--tblr-secondary);
--tblr-control-disabled-bg: var(--tblr-bg-forms-disabled);
--tblr-control-disabled-border-color: var(--tblr-control-border-color);
--tblr-control-action-bg: var(--tblr-tertiary-bg);
--tblr-control-action-hover-bg: var(--tblr-secondary-bg);
--tblr-control-transition: border-color 0.15s ease-in-out, outline-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control {
display: block;
width: 100%;
padding: var(--tblr-control-padding-y) var(--tblr-control-padding-x);
font-family: var(--tblr-body-font-family);
font-size: var(--tblr-control-font-size);
font-weight: 400;
line-height: var(--tblr-control-line-height);
color: var(--tblr-control-fg);
appearance: none;
background-color: var(--tblr-control-bg);
background-clip: padding-box;
border: var(--tblr-control-border-width) solid var(--tblr-control-border-color);
border-radius: var(--tblr-control-border-radius);
box-shadow: var(--tblr-control-box-shadow);
transition: var(--tblr-control-transition);
}
@media (prefers-reduced-motion: reduce) {
.form-control {
transition: none;
}
}
.form-control {
outline-color: transparent;
}
.form-control[type=file] {
overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
cursor: pointer;
}
.form-control:focus {
color: var(--tblr-control-focus-fg);
background-color: var(--tblr-control-focus-bg);
border-color: var(--tblr-control-focus-border-color);
--tblr-focus-ring-offset: -1px;
outline: var(--tblr-focus-ring, var(--tblr-focus-ring-width) solid var(--tblr-focus-ring-color));
outline-offset: var(--tblr-focus-ring-offset);
}
.form-control::-webkit-date-and-time-value {
min-width: 85px;
height: 1.25rem;
margin: 0;
}
.form-control::-webkit-datetime-edit {
display: block;
padding: 0;
}
.form-control::placeholder {
color: var(--tblr-control-placeholder-color);
opacity: 1;
}
.form-control:disabled {
color: var(--tblr-control-disabled-color);
background-color: var(--tblr-control-disabled-bg);
border-color: var(--tblr-control-disabled-border-color);
opacity: 1;
}
.form-control::file-selector-button {
padding: var(--tblr-control-padding-y) var(--tblr-control-padding-x);
margin: calc(var(--tblr-control-padding-y) * -1) calc(var(--tblr-control-padding-x) * -1);
margin-inline-end: var(--tblr-control-padding-x);
color: var(--tblr-body-color);
background-color: var(--tblr-control-action-bg);
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: var(--tblr-control-border-width);
border-radius: 0;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, outline-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control::file-selector-button {
transition: none;
}
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
background-color: var(--tblr-control-action-hover-bg);
}
.form-control-plaintext {
display: block;
width: 100%;
padding: var(--tblr-control-padding-y) 0;
margin-bottom: 0;
line-height: var(--tblr-control-line-height);
color: var(--tblr-control-fg);
background-color: transparent;
border: solid transparent;
border-width: var(--tblr-control-border-width) 0;
}
.form-control-plaintext:focus {
outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
padding-inline-end: 0;
padding-inline-start: 0;
}
.form-control-sm {
min-height: var(--tblr-control-min-height);
font-size: var(--tblr-control-font-size);
--tblr-control-padding-y: var(--tblr-btn-input-sm-padding-y);
--tblr-control-padding-x: var(--tblr-btn-input-sm-padding-x);
--tblr-control-font-size: var(--tblr-btn-input-sm-font-size);
--tblr-control-line-height: var(--tblr-btn-input-sm-line-height);
--tblr-control-border-radius: var(--tblr-btn-input-sm-border-radius);
}
.form-control-lg {
min-height: var(--tblr-control-min-height);
font-size: var(--tblr-control-font-size);
--tblr-control-padding-y: var(--tblr-btn-input-lg-padding-y);
--tblr-control-padding-x: var(--tblr-btn-input-lg-padding-x);
--tblr-control-font-size: var(--tblr-btn-input-lg-font-size);
--tblr-control-line-height: var(--tblr-btn-input-lg-line-height);
--tblr-control-border-radius: var(--tblr-btn-input-lg-border-radius);
}
textarea.form-control {
min-height: var(--tblr-control-min-height);
}
.form-control-color {
width: 3rem;
height: var(--tblr-control-min-height);
padding: var(--tblr-control-padding-y);
}
.form-control-color:not(:disabled):not([readonly]) {
cursor: pointer;
}
.form-control-color::-moz-color-swatch {
border: 0 !important;
border-radius: var(--tblr-control-border-radius);
}
.form-control-color::-webkit-color-swatch {
border: 0 !important;
border-radius: var(--tblr-control-border-radius);
}
.form-select {
--tblr-control-select-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27oklch%2871.55%25 0 0deg%29%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");
--tblr-control-select-bg-dark: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27oklch%2892.19%25 0 0deg%29%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");
--tblr-control-select-bg-position: right var(--tblr-control-padding-x) center;
--tblr-control-select-bg-size: 16px 12px;
--tblr-control-select-indicator-padding: calc(var(--tblr-control-padding-x) * 2 + 16px);
display: block;
width: 100%;
padding: var(--tblr-control-padding-y) var(--tblr-control-padding-x);
padding-inline-end: var(--tblr-control-select-indicator-padding);
font-family: var(--tblr-body-font-family);
font-size: var(--tblr-control-font-size);
font-weight: 400;
line-height: var(--tblr-control-line-height);
color: var(--tblr-control-fg);
appearance: none;
background-color: var(--tblr-control-bg);
background-image: var(--tblr-form-select-bg-img, var(--tblr-control-select-bg)), var(--tblr-form-select-bg-icon, none);
background-repeat: no-repeat;
background-position: var(--tblr-control-select-bg-position);
background-size: var(--tblr-control-select-bg-size);
border: var(--tblr-control-border-width) solid var(--tblr-control-border-color);
border-radius: var(--tblr-control-border-radius);
box-shadow: var(--tblr-control-box-shadow);
transition: var(--tblr-control-transition);
}
@media (prefers-reduced-motion: reduce) {
.form-select {
transition: none;
}
}
.form-select {
outline-color: transparent;
}
.form-select:focus {
border-color: var(--tblr-control-focus-border-color);
--tblr-focus-ring-offset: -1px;
outline: var(--tblr-focus-ring, var(--tblr-focus-ring-width) solid var(--tblr-focus-ring-color));
outline-offset: var(--tblr-focus-ring-offset);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
padding-inline-end: var(--tblr-control-padding-x);
background-image: none;
}
.form-select:disabled {
color: var(--tblr-control-disabled-color);
background-color: var(--tblr-control-disabled-bg);
border-color: var(--tblr-control-disabled-border-color);
}
.form-select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 var(--tblr-control-fg);
}
.form-select-sm {
--tblr-control-padding-y: var(--tblr-btn-input-sm-padding-y);
--tblr-control-padding-x: var(--tblr-btn-input-sm-padding-x);
--tblr-control-font-size: var(--tblr-btn-input-sm-font-size);
--tblr-control-line-height: var(--tblr-btn-input-sm-line-height);
--tblr-control-border-radius: var(--tblr-btn-input-sm-border-radius);
}
.form-select-lg {
--tblr-control-padding-y: var(--tblr-btn-input-lg-padding-y);
--tblr-control-padding-x: var(--tblr-btn-input-lg-padding-x);
--tblr-control-font-size: var(--tblr-btn-input-lg-font-size);
--tblr-control-line-height: var(--tblr-btn-input-lg-line-height);
--tblr-control-border-radius: var(--tblr-btn-input-lg-border-radius);
}
.theme-dark .form-select,
[data-bs-theme=dark] .form-select,
body[data-bs-theme=dark] [data-bs-theme=light] .form-select,
body[data-theme=dark] [data-theme=light] .form-select,
html[data-bs-navbar-theme=dark] .page > .navbar .form-select,
html[data-bs-navbar-theme=primary] .page > .navbar .form-select,
html[data-bs-navbar-theme=dark] .page > [class*=navbar-expand] .navbar .form-select,
html[data-bs-navbar-theme=primary] .page > [class*=navbar-expand] .navbar .form-select,
[data-theme=dark] .form-select {
--tblr-control-select-bg: var(--tblr-control-select-bg-dark);
}
.form-check {
--tblr-form-check-min-height: 1.25rem;
--tblr-form-check-padding-start: 2rem;
--tblr-form-check-margin-bottom: 0.75rem;
display: block;
min-height: var(--tblr-form-check-min-height);
padding-inline-start: var(--tblr-form-check-padding-start);
margin-bottom: var(--tblr-form-check-margin-bottom);
}
.form-check .form-check-input {
float: inline-start;
margin-inline-start: calc(var(--tblr-form-check-padding-start) * -1);
}
.form-check-reverse {
padding-inline-end: var(--tblr-form-check-padding-start);
padding-inline-start: 0;
text-align: end;
}
.form-check-reverse .form-check-input {
float: inline-end;
margin-inline-end: calc(var(--tblr-form-check-padding-start) * -1);
margin-inline-start: 0;
}
.form-check-input {
--tblr-form-check-input-width: 1.25rem;
--tblr-form-check-bg: var(--tblr-bg-forms);
--tblr-form-check-border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
--tblr-form-check-border-radius: var(--tblr-border-radius);
--tblr-form-check-box-shadow: var(--tblr-shadow-input);
--tblr-form-check-icon-color: #fff;
--tblr-form-check-focus-border-color: color-mix(in oklab, var(--tblr-white) 50%, var(--tblr-primary));
--tblr-form-check-active-filter: brightness(90%);
--tblr-form-check-checked-bg: var(--tblr-control-checked-bg);
--tblr-form-check-checked-border-color: var(--tblr-control-checked-border-color);
--tblr-form-check-indeterminate-bg: var(--tblr-control-checked-bg);
--tblr-form-check-indeterminate-border-color: var(--tblr-form-check-indeterminate-bg);
--tblr-form-check-disabled-opacity: var(--tblr-control-disabled-opacity);
--tblr-form-check-transition: outline-color 0.15s ease-in-out;
position: relative;
flex-shrink: 0;
width: var(--tblr-form-check-input-width);
height: var(--tblr-form-check-input-width);
margin-top: 0.0892857143rem;
vertical-align: top;
appearance: none;
background-color: var(--tblr-form-check-bg);
border: var(--tblr-form-check-border);
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
transition: var(--tblr-form-check-transition);
}
@media (prefers-reduced-motion: reduce) {
.form-check-input {
transition: none;
}
}
.form-check-input {
outline-color: transparent;
}
.form-check-input::before {
position: absolute;
inset: 0;
pointer-events: none;
content: "";
background-color: var(--tblr-form-check-icon-color);
opacity: 0;
mask-image: var(--tblr-form-check-icon);
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
}
.form-check-input[type=checkbox] {
--tblr-form-check-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 width=%2716%27 height=%2716%27%3e%3cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 8.5l2.5 2.5l5.5 -5.5%27/%3e%3c/svg%3e");
border-radius: var(--tblr-form-check-border-radius);
}
.form-check-input[type=radio] {
--tblr-form-check-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3ccircle r=%273%27 fill=%27black%27 cx=%278%27 cy=%278%27 /%3e%3c/svg%3e");
border-radius: 50%;
}
.form-check-input:active {
filter: var(--tblr-form-check-active-filter);
}
.form-check-input:focus-visible {
border-color: var(--tblr-form-check-focus-border-color);
outline: var(--tblr-focus-ring, var(--tblr-focus-ring-width) solid var(--tblr-focus-ring-color));
outline-offset: var(--tblr-focus-ring-offset);
}
.form-check-input:checked {
background-color: var(--tblr-form-check-checked-bg);
border-color: var(--tblr-form-check-checked-border-color);
}
.form-check-input:checked::before {
opacity: 1;
}
.form-check-input[type=checkbox]:indeterminate {
--tblr-form-check-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M6 10h8%27/%3e%3c/svg%3e");
--tblr-form-check-icon-color: #fff;
background-color: var(--tblr-form-check-indeterminate-bg);
border-color: var(--tblr-form-check-indeterminate-border-color);
}
.form-check-input[type=checkbox]:indeterminate::before {
opacity: 1;
}
.form-check-input:disabled {
pointer-events: none;
filter: none;
opacity: var(--tblr-form-check-disabled-opacity);
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
cursor: default;
opacity: 0.7;
}
.form-switch {
--tblr-form-switch-width: 2rem;
--tblr-form-switch-height: 1.25rem;
--tblr-form-switch-padding-start: calc(var(--tblr-form-switch-width) + 0.5rem);
--tblr-form-switch-border-radius: var(--tblr-form-switch-width);
--tblr-form-switch-bg: light-dark(var(--tblr-gray-300), color-mix(in oklab, var(--tblr-white) 25%, transparent));
--tblr-form-switch-focus-color: var(--tblr-white);
--tblr-form-switch-checked-color: var(--tblr-white);
--tblr-form-switch-disabled-bg: var(--tblr-control-disabled-bg);
--tblr-form-switch-disabled-color: light-dark(var(--tblr-gray-400), var(--tblr-gray-600));
padding-inline-start: var(--tblr-form-switch-padding-start);
}
.form-switch .form-check-input {
--tblr-form-switch-color: var(--tblr-white);
--tblr-form-switch-knob-offset: 0.125rem;
--tblr-form-switch-knob-size: calc(var(--tblr-form-switch-height) - var(--tblr-form-switch-knob-offset) * 2);
--tblr-form-switch-knob-inset: calc(var(--tblr-form-switch-knob-offset) - var(--tblr-border-width));
width: var(--tblr-form-switch-width);
margin-inline-start: calc(var(--tblr-form-switch-padding-start) * -1);
border-radius: var(--tblr-form-switch-border-radius);
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, outline-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-switch .form-check-input {
transition: none;
}
}
.form-switch .form-check-input::before {
inset-block: 0;
inset-inline: var(--tblr-form-switch-knob-inset) auto;
width: var(--tblr-form-switch-knob-size);
height: var(--tblr-form-switch-knob-size);
margin-block: auto;
background-color: var(--tblr-form-switch-color);
border-radius: 50%;
opacity: 1;
mask-image: none;
transition: inset-inline-start 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-switch .form-check-input::before {
transition: none;
}
}
.form-switch .form-check-input:not(:checked, :disabled) {
background-color: var(--tblr-form-switch-bg);
border-color: transparent;
}
.form-switch .form-check-input:focus {
--tblr-form-switch-color: var(--tblr-form-switch-focus-color);
}
.form-switch .form-check-input:checked {
--tblr-form-switch-color: var(--tblr-form-switch-checked-color);
}
.form-switch .form-check-input:checked::before {
inset-inline-start: calc(100% - var(--tblr-form-switch-knob-size) - var(--tblr-form-switch-knob-inset));
}
.form-switch.form-check-reverse {
padding-inline-end: var(--tblr-form-switch-padding-start);
padding-inline-start: 0;
}
.form-switch.form-check-reverse .form-check-input {
margin-inline-end: calc(var(--tblr-form-switch-padding-start) * -1);
margin-inline-start: 0;
}
.form-check-inline {
display: inline-block;
margin-inline-end: 1rem;
}
.btn-check {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
pointer-events: none;
filter: none;
opacity: 0.4;
}
.form-range {
--tblr-range-track-width: 100%;
--tblr-range-track-height: 0.25rem;
--tblr-range-track-cursor: pointer;
--tblr-range-track-bg: var(--tblr-fill-primary);
--tblr-range-track-border-radius: 1rem;
--tblr-range-track-box-shadow: var(--tblr-box-shadow-inset);
--tblr-range-thumb-width: 1rem;
--tblr-range-thumb-height: 1rem;
--tblr-range-thumb-bg: var(--tblr-primary);
--tblr-range-thumb-border: 2px var(--tblr-border-style) #fff;
--tblr-range-thumb-border-radius: 1rem;
--tblr-range-thumb-box-shadow: 0 0.1rem 0.25rem color-mix(in oklab, var(--tblr-black) 10%, transparent);
--tblr-range-thumb-active-bg: color-mix(in oklab, var(--tblr-white) 70%, var(--tblr-primary));
--tblr-range-thumb-disabled-bg: var(--tblr-secondary-color);
--tblr-range-thumb-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, outline-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
width: 100%;
height: calc(var(--tblr-range-thumb-height) + 0.25rem);
padding: 0;
appearance: none;
background-color: transparent;
}
.form-range:focus {
outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
outline: var(--tblr-focus-ring, var(--tblr-focus-ring-width) solid var(--tblr-focus-ring-color));
outline-offset: var(--tblr-focus-ring-offset);
}
.form-range:focus::-moz-range-thumb {
outline: var(--tblr-focus-ring, var(--tblr-focus-ring-width) solid var(--tblr-focus-ring-color));
outline-offset: var(--tblr-focus-ring-offset);
}
.form-range::-moz-focus-outer {
border: 0;
}
.form-range::-webkit-slider-thumb {
width: var(--tblr-range-thumb-width);
height: var(--tblr-range-thumb-height);
margin-top: calc((var(--tblr-range-track-height) - var(--tblr-range-thumb-height)) / 2);
appearance: none;
background-color: var(--tblr-range-thumb-bg);
border: var(--tblr-range-thumb-border);
border-radius: var(--tblr-range-thumb-border-radius);
box-shadow: var(--tblr-range-thumb-box-shadow);
-webkit-transition: var(--tblr-range-thumb-transition);
transition: var(--tblr-range-thumb-transition);
}
@media (prefers-reduced-motion: reduce) {
.form-range::-webkit-slider-thumb {
-webkit-transition: none;
transition: none;
}
}
.form-range::-webkit-slider-thumb {
outline-color: transparent;
}
.form-range::-webkit-slider-thumb:active {
background-color: var(--tblr-range-thumb-active-bg);
}
.form-range::-webkit-slider-runnable-track {
width: var(--tblr-range-track-width);
height: var(--tblr-range-track-height);
color: transparent;
cursor: var(--tblr-range-track-cursor);
background-color: var(--tblr-range-track-bg);
border-color: transparent;
border-radius: var(--tblr-range-track-border-radius);
box-shadow: var(--tblr-range-track-box-shadow);
}
.form-range::-moz-range-thumb {
width: var(--tblr-range-thumb-width);
height: var(--tblr-range-thumb-height);
appearance: none;
background-color: var(--tblr-range-thumb-bg);
border: var(--tblr-range-thumb-border);
border-radius: var(--tblr-range-thumb-border-radius);
box-shadow: var(--tblr-range-thumb-box-shadow);
-moz-transition: var(--tblr-range-thumb-transition);
transition: var(--tblr-range-thumb-transition);
}
@media (prefers-reduced-motion: reduce) {
.form-range::-moz-range-thumb {
-moz-transition: none;
transition: none;
}
}
.form-range::-moz-range-thumb {
outline-color: transparent;
}
.form-range::-moz-range-thumb:active {
background-color: var(--tblr-range-thumb-active-bg);
}
.form-range::-moz-range-track {
width: var(--tblr-range-track-width);
height: var(--tblr-range-track-height);
color: transparent;
cursor: var(--tblr-range-track-cursor);
background-color: var(--tblr-range-track-bg);
border-color: transparent;
border-radius: var(--tblr-range-track-border-radius);
box-shadow: var(--tblr-range-track-box-shadow);
}
.form-range:disabled {
pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
background-color: var(--tblr-range-thumb-disabled-bg);
}
.form-range:disabled::-moz-range-thumb {
background-color: var(--tblr-range-thumb-disabled-bg);
}
.form-floating {
--tblr-form-floating-height: calc(3.5rem + calc(var(--tblr-border-width) * 2));
--tblr-form-floating-line-height: 1.25;
--tblr-form-floating-padding-x: var(--tblr-btn-input-padding-x);
--tblr-form-floating-padding-y: 1rem;
--tblr-form-floating-input-padding-t: 1.625rem;
--tblr-form-floating-input-padding-b: 0.625rem;
--tblr-form-floating-label-height: 1.5em;
--tblr-form-floating-label-bg: var(--tblr-btn-input-bg);
--tblr-form-floating-label-disabled-bg: var(--tblr-bg-forms-disabled);
--tblr-form-floating-label-border-radius: var(--tblr-btn-input-border-radius);
--tblr-form-floating-label-opacity: 0.65;
--tblr-form-floating-label-transform: scale(0.85) translateY(-0.5rem) translateX(calc(var(--tblr-dir) * 0.15rem)) /*rtl:ignore*/;
--tblr-form-floating-label-disabled-color: light-dark(var(--tblr-gray-600), var(--tblr-gray-400));
--tblr-form-floating-transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
height: var(--tblr-form-floating-height);
min-height: var(--tblr-form-floating-height);
line-height: var(--tblr-form-floating-line-height);
}
.form-floating > label {
position: absolute;
top: 0;
inset-inline-start: 0;
z-index: 2;
max-width: 100%;
height: 100%;
padding: var(--tblr-form-floating-padding-y) var(--tblr-form-floating-padding-x);
overflow: hidden;
color: color-mix(in oklab, var(--tblr-body-color) calc(var(--tblr-form-floating-label-opacity) * 100%), transparent);
text-align: start;
text-overflow: ellipsis;
white-space: nowrap;
pointer-events: none;
border: var(--tblr-border-width) solid transparent;
transform-origin: 0 0;
transition: var(--tblr-form-floating-transition);
}
@media (prefers-reduced-motion: reduce) {
.form-floating > label {
transition: none;
}
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
padding: var(--tblr-form-floating-padding-y) var(--tblr-form-floating-padding-x);
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
color: transparent;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
padding-top: var(--tblr-form-floating-input-padding-t);
padding-bottom: var(--tblr-form-floating-input-padding-b);
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
padding-top: var(--tblr-form-floating-input-padding-t);
padding-bottom: var(--tblr-form-floating-input-padding-b);
}
.form-floating > .form-select {
padding-top: var(--tblr-form-floating-input-padding-t);
padding-bottom: var(--tblr-form-floating-input-padding-b);
padding-inline-start: var(--tblr-form-floating-padding-x);
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
transform: var(--tblr-form-floating-label-transform);
}
.form-floating > .form-control:-webkit-autofill ~ label {
transform: var(--tblr-form-floating-label-transform);
}
.form-floating > textarea:focus ~ label::after,
.form-floating > textarea:not(:placeholder-shown) ~ label::after {
position: absolute;
inset: var(--tblr-form-floating-padding-y) calc(var(--tblr-form-floating-padding-x) * 0.5);
z-index: -1;
height: var(--tblr-form-floating-label-height);
content: "";
background-color: var(--tblr-form-floating-label-bg);
border-radius: var(--tblr-form-floating-label-border-radius);
}
.form-floating > textarea:disabled ~ label::after {
background-color: var(--tblr-form-floating-label-disabled-bg);
}
.form-floating > .form-control-plaintext ~ label {
border-width: var(--tblr-border-width) 0;
}
.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
color: var(--tblr-form-floating-label-disabled-color);
}
.input-group {
--tblr-input-group-addon-padding-y: var(--tblr-btn-input-padding-y);
--tblr-input-group-addon-padding-x: var(--tblr-btn-input-padding-x);
--tblr-input-group-addon-font-size: var(--tblr-btn-input-font-size);
--tblr-input-group-addon-line-height: var(--tblr-btn-input-line-height);
--tblr-input-group-addon-color: var(--tblr-secondary-color);
--tblr-input-group-addon-bg: var(--tblr-bg-surface-tertiary);
--tblr-input-group-addon-border-color: var(--tblr-border-color);
--tblr-input-group-addon-border-radius: var(--tblr-btn-input-border-radius);
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
z-index: 5;
}
.input-group .btn {
position: relative;
z-index: 2;
}
.input-group .btn:focus {
z-index: 5;
}
.input-group-text {
display: flex;
align-items: center;
padding: var(--tblr-input-group-addon-padding-y) var(--tblr-input-group-addon-padding-x);
font-size: var(--tblr-input-group-addon-font-size);
font-weight: 400;
line-height: var(--tblr-input-group-addon-line-height);
color: var(--tblr-input-group-addon-color);
text-align: center;
white-space: nowrap;
background-color: var(--tblr-input-group-addon-bg);
border: var(--tblr-border-width) solid var(--tblr-input-group-addon-border-color);
border-radius: var(--tblr-input-group-addon-border-radius);
}
.input-group-lg {
--tblr-input-group-addon-padding-y: var(--tblr-btn-input-lg-padding-y);
--tblr-input-group-addon-padding-x: var(--tblr-btn-input-lg-padding-x);
--tblr-input-group-addon-font-size: var(--tblr-btn-input-lg-font-size);
--tblr-input-group-addon-line-height: var(--tblr-btn-input-lg-line-height);
--tblr-input-group-addon-border-radius: var(--tblr-btn-input-lg-border-radius);
}
.input-group-lg > .form-control,
.input-group-lg > .form-select {
--tblr-control-padding-y: var(--tblr-input-group-addon-padding-y);
--tblr-control-padding-x: var(--tblr-input-group-addon-padding-x);
--tblr-control-font-size: var(--tblr-input-group-addon-font-size);
--tblr-control-line-height: var(--tblr-input-group-addon-line-height);
--tblr-control-border-radius: var(--tblr-input-group-addon-border-radius);
min-height: var(--tblr-control-min-height);
}
.input-group-lg > .form-select {
padding-inline-end: calc(var(--tblr-btn-input-padding-x) + var(--tblr-control-select-indicator-padding));
}
.input-group-lg > .btn {
line-height: 1.5rem;
min-height: calc(1.5rem + 1.375rem + calc(var(--tblr-border-width) * 2));
padding: 0.6875rem 1.5rem;
font-size: 1rem;
border-radius: var(--tblr-border-radius-lg);
}
.input-group-sm {
--tblr-input-group-addon-padding-y: var(--tblr-btn-input-sm-padding-y);
--tblr-input-group-addon-padding-x: var(--tblr-btn-input-sm-padding-x);
--tblr-input-group-addon-font-size: var(--tblr-btn-input-sm-font-size);
--tblr-input-group-addon-line-height: var(--tblr-btn-input-sm-line-height);
--tblr-input-group-addon-border-radius: var(--tblr-btn-input-sm-border-radius);
}
.input-group-sm > .form-control,
.input-group-sm > .form-select {
--tblr-control-padding-y: var(--tblr-input-group-addon-padding-y);
--tblr-control-padding-x: var(--tblr-input-group-addon-padding-x);
--tblr-control-font-size: var(--tblr-input-group-addon-font-size);
--tblr-control-line-height: var(--tblr-input-group-addon-line-height);
--tblr-control-border-radius: var(--tblr-input-group-addon-border-radius);
min-height: var(--tblr-control-min-height);
}
.input-group-sm > .form-select {
padding-inline-end: calc(var(--tblr-btn-input-padding-x) + var(--tblr-control-select-indicator-padding));
}
.input-group-sm > .btn {
line-height: 1rem;
min-height: calc(1rem + 0.875rem + calc(var(--tblr-border-width) * 2));
padding: 0.4375rem 0.5rem;
font-size: 0.75rem;
border-radius: var(--tblr-border-radius-sm);
}
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
margin-inline-start: calc(-1 * var(--tblr-border-width));
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.valid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 0.875em;
color: var(--tblr-form-valid-color);
}
.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: var(--tblr-spacer-1) var(--tblr-spacer-2);
margin-top: 0.1rem;
font-size: 0.765625rem;
color: #fff;
background-color: var(--tblr-success);
border-radius: var(--tblr-border-radius);
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .form-control:valid, .form-control.is-valid {
border-color: var(--tblr-form-valid-border-color);
padding-inline-end: 2.375rem;
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27oklch%2867.38%25 0.1885 145.43deg%29%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpolyline points=%2720 6 9 17 4 12%27%3e%3c/polyline%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 1.53125rem center;
background-size: 1.8125rem 1.8125rem;
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
border-color: var(--tblr-form-valid-border-color);
outline: var(--tblr-focus-ring-width) solid light-dark(color-mix(in oklab, var(--tblr-success) calc(var(--tblr-focus-ring-opacity) * 100%), var(--tblr-body-bg)), color-mix(in oklab, var(--tblr-success) calc(var(--tblr-focus-ring-opacity-dark) * 100%), var(--tblr-body-bg)));
outline-offset: var(--tblr-focus-ring-offset);
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
padding-inline-end: 2.375rem;
background-position: top 1.53125rem right 1.53125rem;
}
.was-validated .form-select:valid, .form-select.is-valid {
border-color: var(--tblr-form-valid-border-color);
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
--tblr-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27oklch%2867.38%25 0.1885 145.43deg%29%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpolyline points=%2720 6 9 17 4 12%27%3e%3c/polyline%3e%3c/svg%3e");
padding-inline-end: calc(var(--tblr-control-select-indicator-padding) + 1.8125rem + var(--tblr-control-padding-x));
background-position: var(--tblr-control-select-bg-position), center right var(--tblr-control-select-indicator-padding);
background-size: 16px 12px, 1.8125rem 1.8125rem;
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
border-color: var(--tblr-form-valid-border-color);
outline: var(--tblr-focus-ring-width) solid light-dark(color-mix(in oklab, var(--tblr-success) calc(var(--tblr-focus-ring-opacity) * 100%), var(--tblr-body-bg)), color-mix(in oklab, var(--tblr-success) calc(var(--tblr-focus-ring-opacity-dark) * 100%), var(--tblr-body-bg)));
outline-offset: var(--tblr-focus-ring-offset);
}
.was-validated .form-control-color:valid, .form-control-color.is-valid {
width: 5.375rem;
}
.was-validated .form-check-input:valid, .form-check-input.is-valid {
border-color: var(--tblr-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
background-color: var(--tblr-form-valid-color);
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
outline: var(--tblr-focus-ring-width) solid light-dark(color-mix(in oklab, var(--tblr-success) calc(var(--tblr-focus-ring-opacity) * 100%), var(--tblr-body-bg)), color-mix(in oklab, var(--tblr-success) calc(var(--tblr-focus-ring-opacity-dark) * 100%), var(--tblr-body-bg)));
outline-offset: var(--tblr-focus-ring-offset);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
color: var(--tblr-form-valid-color);
}
.form-check-inline .form-check-input ~ .valid-feedback {
margin-inline-start: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
z-index: 3;
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 0.875em;
color: var(--tblr-form-invalid-color);
}
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: var(--tblr-spacer-1) var(--tblr-spacer-2);
margin-top: 0.1rem;
font-size: 0.765625rem;
color: #fff;
background-color: var(--tblr-danger);
border-radius: var(--tblr-border-radius);
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .form-control:invalid, .form-control.is-invalid {
border-color: var(--tblr-form-invalid-border-color);
padding-inline-end: 2.375rem;
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27oklch%2858.29%25 0.1941 25.59deg%29%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cline x1=%2718%27 y1=%276%27 x2=%276%27 y2=%2718%27%3e%3c/line%3e%3cline x1=%276%27 y1=%276%27 x2=%2718%27 y2=%2718%27%3e%3c/line%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 1.53125rem center;
background-size: 1.8125rem 1.8125rem;
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
border-color: var(--tblr-form-invalid-border-color);
outline: var(--tblr-focus-ring-width) solid light-dark(color-mix(in oklab, var(--tblr-danger) calc(var(--tblr-focus-ring-opacity) * 100%), var(--tblr-body-bg)), color-mix(in oklab, var(--tblr-danger) calc(var(--tblr-focus-ring-opacity-dark) * 100%), var(--tblr-body-bg)));
outline-offset: var(--tblr-focus-ring-offset);
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
padding-inline-end: 2.375rem;
background-position: top 1.53125rem right 1.53125rem;
}
.was-validated .form-select:invalid, .form-select.is-invalid {
border-color: var(--tblr-form-invalid-border-color);
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
--tblr-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27oklch%2858.29%25 0.1941 25.59deg%29%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cline x1=%2718%27 y1=%276%27 x2=%276%27 y2=%2718%27%3e%3c/line%3e%3cline x1=%276%27 y1=%276%27 x2=%2718%27 y2=%2718%27%3e%3c/line%3e%3c/svg%3e");
padding-inline-end: calc(var(--tblr-control-select-indicator-padding) + 1.8125rem + var(--tblr-control-padding-x));
background-position: var(--tblr-control-select-bg-position), center right var(--tblr-control-select-indicator-padding);
background-size: 16px 12px, 1.8125rem 1.8125rem;
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
border-color: var(--tblr-form-invalid-border-color);
outline: var(--tblr-focus-ring-width) solid light-dark(color-mix(in oklab, var(--tblr-danger) calc(var(--tblr-focus-ring-opacity) * 100%), var(--tblr-body-bg)), color-mix(in oklab, var(--tblr-danger) calc(var(--tblr-focus-ring-opacity-dark) * 100%), var(--tblr-body-bg)));
outline-offset: var(--tblr-focus-ring-offset);
}
.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
width: 5.375rem;
}
.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
border-color: var(--tblr-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
background-color: var(--tblr-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
outline: var(--tblr-focus-ring-width) solid light-dark(color-mix(in oklab, var(--tblr-danger) calc(var(--tblr-focus-ring-opacity) * 100%), var(--tblr-body-bg)), color-mix(in oklab, var(--tblr-danger) calc(var(--tblr-focus-ring-opacity-dark) * 100%), var(--tblr-body-bg)));
outline-offset: var(--tblr-focus-ring-offset);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
color: var(--tblr-form-invalid-color);
}
.form-check-inline .form-check-input ~ .invalid-feedback {
margin-inline-start: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
z-index: 4;
}
.btn {
--tblr-btn-padding-x: 1rem;
--tblr-btn-padding-y: 0.5625rem;
--tblr-btn-font-family: var(--tblr-body-font-family);
--tblr-btn-font-size: 0.875rem;
--tblr-btn-font-weight: var(--tblr-font-weight-medium);
--tblr-btn-line-height: 1.25rem;
--tblr-btn-color: var(--tblr-body-color);
--tblr-btn-bg: transparent;
--tblr-btn-border-width: var(--tblr-border-width);
--tblr-btn-border-color: transparent;
--tblr-btn-border-radius: var(--tblr-border-radius);
--tblr-btn-hover-color: var(--tblr-btn-color);
--tblr-btn-active-color: var(--tblr-btn-color);
--tblr-btn-hover-border-color: transparent;
--tblr-btn-box-shadow: var(--tblr-shadow-input);
--tblr-btn-disabled-opacity: 0.4;
--tblr-btn-disabled-color: var(--tblr-btn-color);
--tblr-btn-disabled-bg: var(--tblr-btn-bg);
--tblr-btn-disabled-border-color: var(--tblr-btn-border-color);
--tblr-btn-active-shadow: 0 0 0 #000;
display: inline-block;
padding: var(--tblr-btn-padding-y) var(--tblr-btn-padding-x);
font-family: var(--tblr-btn-font-family);
font-size: var(--tblr-btn-font-size);
font-weight: var(--tblr-btn-font-weight);
line-height: var(--tblr-btn-line-height);
color: var(--tblr-btn-color);
text-align: center;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
border: var(--tblr-btn-border-width) solid var(--tblr-btn-border-color);
border-radius: var(--tblr-btn-border-radius);
background-color: var(--tblr-btn-bg);
box-shadow: var(--tblr-btn-box-shadow);
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, outline-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.btn {
transition: none;
}
}
.btn {
outline-color: transparent;
}
.btn:hover {
color: var(--tblr-btn-hover-color);
text-decoration: none;
background-color: var(--tblr-btn-hover-bg);
border-color: var(--tblr-btn-hover-border-color);
}
.btn-check + .btn:hover {
color: var(--tblr-btn-color);
background-color: var(--tblr-btn-bg);
border-color: var(--tblr-btn-border-color);
}
.btn:focus-visible {
color: var(--tblr-btn-hover-color);
background-color: var(--tblr-btn-hover-bg);
border-color: var(--tblr-btn-hover-border-color);
outline: var(--tblr-focus-ring, var(--tblr-focus-ring-width) solid var(--tblr-focus-ring-color));
outline-offset: var(--tblr-focus-ring-offset);
}
.btn-check:focus-visible + .btn {
border-color: var(--tblr-btn-hover-border-color);
outline: var(--tblr-focus-ring, var(--tblr-focus-ring-width) solid var(--tblr-focus-ring-color));
outline-offset: var(--tblr-focus-ring-offset);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
color: var(--tblr-btn-active-color);
background-color: var(--tblr-btn-active-bg);
border-color: var(--tblr-btn-active-border-color);
box-shadow: var(--tblr-btn-active-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
color: var(--tblr-btn-disabled-color);
pointer-events: none;
background-color: var(--tblr-btn-disabled-bg);
border-color: var(--tblr-btn-disabled-border-color);
opacity: var(--tblr-btn-disabled-opacity);
box-shadow: none;
}
.btn-link {
--tblr-btn-font-weight: 400;
--tblr-btn-color: var(--tblr-link-color);
--tblr-btn-bg: transparent;
--tblr-btn-border-color: transparent;
--tblr-btn-hover-color: var(--tblr-link-hover-color);
--tblr-btn-hover-border-color: transparent;
--tblr-btn-active-color: var(--tblr-link-hover-color);
--tblr-btn-active-border-color: transparent;
--tblr-btn-disabled-color: light-dark(var(--tblr-gray-600), var(--tblr-gray-400));
--tblr-btn-disabled-border-color: transparent;
--tblr-btn-box-shadow: 0 0 0 #000;
text-decoration: none;
}
.btn-link:hover, .btn-link:focus-visible {
text-decoration: underline;
}
.btn-link:focus-visible {
color: var(--tblr-btn-color);
}
.btn-link:hover {
color: var(--tblr-btn-hover-color);
}
.btn-lg, .btn-group-lg > .btn {
--tblr-btn-padding-y: 0.6875rem;
--tblr-btn-padding-x: 1.5rem;
--tblr-btn-font-size: 1rem;
--tblr-btn-border-radius: var(--tblr-border-radius-lg);
}
.btn-sm, .btn-group-sm > .btn {
--tblr-btn-padding-y: 0.4375rem;
--tblr-btn-padding-x: 0.75rem;
--tblr-btn-font-size: 0.75rem;
--tblr-btn-border-radius: var(--tblr-border-radius-sm);
}
.fade {
transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
.fade {
transition: none;
}
}
.fade:not(.show) {
opacity: 0;
}
.collapse:not(.show) {
display: none;
}
.collapsing {
height: 0;
overflow: hidden;
transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing {
transition: none;
}
}
.collapsing.collapse-horizontal {
width: 0;
height: auto;
transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing.collapse-horizontal {
transition: none;
}
}
.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
position: relative;
}
.dropdown-toggle {
white-space: nowrap;
}
.dropdown-toggle:after {
content: "";
display: inline-block;
vertical-align: 0.306em;
width: 0.36em;
height: 0.36em;
border-bottom: 1px var(--tblr-border-style);
border-inline-start: 1px var(--tblr-border-style);
margin-inline-start: 0.306em;
margin-inline-end: 0.1em;
transform: rotate(-45deg);
}
.dropdown-menu {
--tblr-dropdown-zindex: 1000;
--tblr-dropdown-min-width: 11rem;
--tblr-dropdown-padding-x: 0;
--tblr-dropdown-padding-y: 0.25rem;
--tblr-dropdown-spacer: 1px;
--tblr-dropdown-font-size: 0.875rem;
--tblr-dropdown-color: var(--tblr-body-color);
--tblr-dropdown-bg: var(--tblr-bg-surface);
--tblr-dropdown-border-color: var(--tblr-border-color-translucent);
--tblr-dropdown-border-radius: var(--tblr-border-radius);
--tblr-dropdown-border-width: var(--tblr-border-width);
--tblr-dropdown-inner-border-radius: calc(var(--tblr-border-radius) - var(--tblr-border-width));
--tblr-dropdown-divider-bg: var(--tblr-border-color-translucent);
--tblr-dropdown-divider-margin-y: var(--tblr-spacer-2);
--tblr-dropdown-box-shadow: var(--tblr-shadow-dropdown);
--tblr-dropdown-link-color: inherit;
--tblr-dropdown-link-hover-color: inherit;
--tblr-dropdown-link-hover-bg: var(--tblr-hover-bg);
--tblr-dropdown-link-active-color: var(--tblr-primary);
--tblr-dropdown-link-active-bg: var(--tblr-active-bg);
--tblr-dropdown-link-disabled-color: var(--tblr-tertiary-color);
--tblr-dropdown-item-padding-x: 0.75rem;
--tblr-dropdown-item-padding-y: 0.5rem;
--tblr-dropdown-header-color: light-dark(var(--tblr-gray-600), var(--tblr-gray-400));
--tblr-dropdown-header-padding-x: 0.75rem;
--tblr-dropdown-header-padding-y: 0.25rem;
position: absolute;
z-index: var(--tblr-dropdown-zindex);
display: none;
min-width: var(--tblr-dropdown-min-width);
padding: var(--tblr-dropdown-padding-y) var(--tblr-dropdown-padding-x);
margin: 0;
font-size: var(--tblr-dropdown-font-size);
color: var(--tblr-dropdown-color);
text-align: start;
list-style: none;
background-color: var(--tblr-dropdown-bg);
background-clip: padding-box;
border-radius: var(--tblr-dropdown-border-radius);
box-shadow: var(--tblr-dropdown-box-shadow);
}
.dropdown-menu[data-bs-popper], .dropdown-menu[data-tblr-popper] {
top: 100%;
inset-inline-start: 0;
margin-top: var(--tblr-dropdown-spacer);
}
.dropdown-menu-start {
--bs-position: start;
}
.dropdown-menu-start[data-bs-popper], .dropdown-menu-start[data-tblr-popper] {
inset-inline-end: auto;
inset-inline-start: 0;
}
.dropdown-menu-end {
--bs-position: end;
}
.dropdown-menu-end[data-bs-popper], .dropdown-menu-end[data-tblr-popper] {
inset-inline-end: 0;
inset-inline-start: auto;
}
@media (min-width: 576px) {
.dropdown-menu-sm-start {
--bs-position: start;
}
.dropdown-menu-sm-start[data-bs-popper], .dropdown-menu-sm-start[data-tblr-popper] {
inset-inline-end: auto;
inset-inline-start: 0;
}
.dropdown-menu-sm-end {
--bs-position: end;
}
.dropdown-menu-sm-end[data-bs-popper], .dropdown-menu-sm-end[data-tblr-popper] {
inset-inline-end: 0;
inset-inline-start: auto;
}
}
@media (min-width: 768px) {
.dropdown-menu-md-start {
--bs-position: start;
}
.dropdown-menu-md-start[data-bs-popper], .dropdown-menu-md-start[data-tblr-popper] {
inset-inline-end: auto;
inset-inline-start: 0;
}
.dropdown-menu-md-end {
--bs-position: end;
}
.dropdown-menu-md-end[data-bs-popper], .dropdown-menu-md-end[data-tblr-popper] {
inset-inline-end: 0;
inset-inline-start: auto;
}
}
@media (min-width: 992px) {
.dropdown-menu-lg-start {
--bs-position: start;
}
.dropdown-menu-lg-start[data-bs-popper], .dropdown-menu-lg-start[data-tblr-popper] {
inset-inline-end: auto;
inset-inline-start: 0;
}
.dropdown-menu-lg-end {
--bs-position: end;
}
.dropdown-menu-lg-end[data-bs-popper], .dropdown-menu-lg-end[data-tblr-popper] {
inset-inline-end: 0;
inset-inline-start: auto;
}
}
@media (min-width: 1200px) {
.dropdown-menu-xl-start {
--bs-position: start;
}
.dropdown-menu-xl-start[data-bs-popper], .dropdown-menu-xl-start[data-tblr-popper] {
inset-inline-end: auto;
inset-inline-start: 0;
}
.dropdown-menu-xl-end {
--bs-position: end;
}
.dropdown-menu-xl-end[data-bs-popper], .dropdown-menu-xl-end[data-tblr-popper] {
inset-inline-end: 0;
inset-inline-start: auto;
}
}
@media (min-width: 1400px) {
.dropdown-menu-xxl-start {
--bs-position: start;
}
.dropdown-menu-xxl-start[data-bs-popper], .dropdown-menu-xxl-start[data-tblr-popper] {
inset-inline-end: auto;
inset-inline-start: 0;
}
.dropdown-menu-xxl-end {
--bs-position: end;
}
.dropdown-menu-xxl-end[data-bs-popper], .dropdown-menu-xxl-end[data-tblr-popper] {
inset-inline-end: 0;
inset-inline-start: auto;
}
}
.dropup .dropdown-menu[data-bs-popper],
.dropup .dropdown-menu[data-tblr-popper] {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: var(--tblr-dropdown-spacer);
}
.dropup .dropdown-toggle:after {
content: "";
display: inline-block;
vertical-align: 0.306em;
width: 0.36em;
height: 0.36em;
border-bottom: 1px var(--tblr-border-style);
border-inline-start: 1px var(--tblr-border-style);
margin-inline-start: 0.306em;
margin-inline-end: 0.1em;
transform: rotate(135deg);
}
.dropend .dropdown-menu[data-bs-popper],
.dropend .dropdown-menu[data-tblr-popper] {
top: 0;
inset-inline-end: auto;
inset-inline-start: 100%;
margin-top: 0;
margin-inline-start: var(--tblr-dropdown-spacer);
}
.dropend .dropdown-toggle:after {
content: "";
display: inline-block;
vertical-align: 0.306em;
width: 0.36em;
height: 0.36em;
border-bottom: 1px var(--tblr-border-style);
border-inline-start: 1px var(--tblr-border-style);
margin-inline-start: 0.306em;
margin-inline-end: 0.1em;
transform: rotate(-135deg);
}
.dropend .dropdown-toggle::after {
vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper],
.dropstart .dropdown-menu[data-tblr-popper] {
top: 0;
inset-inline-end: 100%;
inset-inline-start: auto;
margin-top: 0;
margin-inline-end: var(--tblr-dropdown-spacer);
}
.dropstart .dropdown-toggle:before {
content: "";
display: inline-block;
vertical-align: 0.306em;
width: 0.36em;
height: 0.36em;
border-bottom: 1px var(--tblr-border-style);
border-inline-start: 1px var(--tblr-border-style);
margin-inline-start: 0.1em;
margin-inline-end: 0.306em;
transform: rotate(45deg);
}
.dropstart .dropdown-toggle::after {
content: none;
}
.dropstart .dropdown-toggle::before {
vertical-align: 0;
}
.dropdown-divider {
height: 0;
margin: var(--tblr-dropdown-divider-margin-y) 0;
overflow: hidden;
border-top: 1px solid var(--tblr-dropdown-divider-bg);
opacity: 1;
}
.dropdown-item {
display: block;
width: 100%;
padding: var(--tblr-dropdown-item-padding-y) var(--tblr-dropdown-item-padding-x);
clear: both;
font-weight: 400;
color: var(--tblr-dropdown-link-color);
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
border-radius: var(--tblr-dropdown-item-border-radius, 0);
}
.dropdown-item:hover, .dropdown-item:focus {
color: var(--tblr-dropdown-link-hover-color);
text-decoration: none;
background-color: var(--tblr-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
color: var(--tblr-dropdown-link-active-color);
text-decoration: none;
background-color: var(--tblr-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
color: var(--tblr-dropdown-link-disabled-color);
pointer-events: none;
background-color: transparent;
}
.dropdown-menu.show {
display: block;
}
.dropdown-header {
display: block;
padding: var(--tblr-dropdown-header-padding-y) var(--tblr-dropdown-header-padding-x);
margin-bottom: 0;
font-size: 0.765625rem;
color: var(--tblr-dropdown-header-color);
white-space: nowrap;
}
.dropdown-item-text {
display: block;
padding: var(--tblr-dropdown-item-padding-y) var(--tblr-dropdown-item-padding-x);
color: var(--tblr-dropdown-link-color);
}
.dropdown-menu-dark {
--tblr-dropdown-color: oklch(86.99% 0 0deg);
--tblr-dropdown-bg: oklch(26.86% 0 0deg);
--tblr-dropdown-border-color: var(--tblr-border-color-translucent);
--tblr-dropdown-box-shadow: ;
--tblr-dropdown-link-color: oklch(86.99% 0 0deg);
--tblr-dropdown-link-hover-color: #fff;
--tblr-dropdown-divider-bg: var(--tblr-border-color-translucent);
--tblr-dropdown-link-hover-bg: color-mix(in oklab, var(--tblr-white) 15%, transparent);
--tblr-dropdown-link-active-color: var(--tblr-primary);
--tblr-dropdown-link-active-bg: var(--tblr-active-bg);
--tblr-dropdown-link-disabled-color: oklch(55.55% 0 0deg);
--tblr-dropdown-header-color: oklch(55.55% 0 0deg);
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-flex;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
z-index: 1;
}
.btn-toolbar {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.btn-toolbar .input-group {
width: auto;
}
.btn-group {
border-radius: var(--tblr-border-radius);
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
margin-inline-start: calc(-1 * var(--tblr-border-width));
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
padding-inline-end: 0.75rem;
padding-inline-start: 0.75rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
margin-inline-start: 0;
}
.dropstart .dropdown-toggle-split::before {
margin-inline-end: 0;
}
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
padding-inline-end: 0.5625rem;
padding-inline-start: 0.5625rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
padding-inline-end: 1.125rem;
padding-inline-start: 1.125rem;
}
.btn-group.show .dropdown-toggle {
box-shadow: inset 0 3px 5px color-mix(in oklab, var(--tblr-black) 12.5%, transparent);
}
.btn-group.show .dropdown-toggle.btn-link {
box-shadow: none;
}
.btn-group-vertical {
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
margin-top: calc(-1 * var(--tblr-border-width));
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:nth-child(n+3),
.btn-group-vertical > :not(.btn-check) + .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.nav {
--tblr-nav-link-padding-x: 0.75rem;
--tblr-nav-link-padding-y: 0.5rem;
--tblr-nav-link-font-size: var(--tblr-body-font-size);
--tblr-nav-link-font-weight: ;
--tblr-nav-link-color: var(--tblr-secondary-color);
--tblr-nav-link-hover-color: var(--tblr-link-hover-color);
--tblr-nav-link-disabled-color: var(--tblr-disabled-color);
display: flex;
flex-wrap: wrap;
padding-inline-start: 0;
margin-bottom: 0;
list-style: none;
}
.nav-link {
display: block;
padding: var(--tblr-nav-link-padding-y) var(--tblr-nav-link-padding-x);
font-size: var(--tblr-nav-link-font-size);
font-weight: var(--tblr-nav-link-font-weight);
color: var(--tblr-nav-link-color);
background: none;
border: 0;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, outline-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.nav-link {
transition: none;
}
}
.nav-link {
outline-color: transparent;
}
.nav-link:hover, .nav-link:focus {
color: var(--tblr-nav-link-hover-color);
text-decoration: none;
}
.nav-link:focus-visible {
outline: var(--tblr-focus-ring, var(--tblr-focus-ring-width) solid var(--tblr-focus-ring-color));
outline-offset: var(--tblr-focus-ring-offset);
}
.nav-link.disabled, .nav-link:disabled {
color: var(--tblr-nav-link-disabled-color);
pointer-events: none;
cursor: default;
}
.nav-tabs {
--tblr-nav-tabs-border-width: var(--tblr-border-width);
--tblr-nav-tabs-border-color: var(--tblr-border-color);
--tblr-nav-tabs-border-radius: var(--tblr-border-radius);
--tblr-nav-tabs-link-hover-border-color: var(--tblr-border-color) var(--tblr-border-color) var(--tblr-border-color);
--tblr-nav-tabs-link-active-color: var(--tblr-body-color);
--tblr-nav-tabs-link-active-bg: var(--tblr-body-bg);
--tblr-nav-tabs-link-active-border-color: var(--tblr-border-color) var(--tblr-border-color) var(--tblr-border-color);
border-bottom: var(--tblr-nav-tabs-border-width) solid var(--tblr-nav-tabs-border-color);
}
.nav-tabs .nav-link {
margin-bottom: calc(-1 * var(--tblr-nav-tabs-border-width));
border: var(--tblr-nav-tabs-border-width) solid transparent;
border-top-left-radius: var(--tblr-nav-tabs-border-radius);
border-top-right-radius: var(--tblr-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
isolation: isolate;
border-color: var(--tblr-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
color: var(--tblr-nav-tabs-link-active-color);
background-color: var(--tblr-nav-tabs-link-active-bg);
border-color: var(--tblr-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
margin-top: calc(-1 * var(--tblr-nav-tabs-border-width));
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.nav-pills {
--tblr-nav-pills-border-radius: var(--tblr-border-radius);
--tblr-nav-pills-link-active-color: var(--tblr-primary);
--tblr-nav-pills-link-active-bg: var(--tblr-active-bg);
}
.nav-pills .nav-link {
border-radius: var(--tblr-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
color: var(--tblr-nav-pills-link-active-color);
background-color: var(--tblr-nav-pills-link-active-bg);
}
.nav-underline {
--tblr-nav-underline-gap: 1rem;
--tblr-nav-underline-border-width: 0.125rem;
--tblr-nav-underline-link-active-color: var(--tblr-emphasis-color);
gap: var(--tblr-nav-underline-gap);
}
.nav-underline .nav-link {
padding-inline-end: 0;
padding-inline-start: 0;
border-bottom: var(--tblr-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
border-bottom-color: currentColor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
font-weight: 700;
color: var(--tblr-nav-underline-link-active-color);
border-bottom-color: currentColor;
}
.nav-fill > .nav-link,
.nav-fill .nav-item {
flex: 1 1 auto;
text-align: center;
}
.nav-justified > .nav-link,
.nav-justified .nav-item {
flex-grow: 1;
flex-basis: 0;
text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
width: 100%;
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.navbar {
--tblr-navbar-padding-x: 0;
--tblr-navbar-padding-y: 0.25rem;
--tblr-navbar-color: var(--tblr-body-color);
--tblr-navbar-hover-color: var(--tblr-body-color);
--tblr-navbar-disabled-color: var(--tblr-disabled-color);
--tblr-navbar-active-color: var(--tblr-body-color);
--tblr-navbar-brand-padding-y: 0.5rem;
--tblr-navbar-brand-margin-end: 1rem;
--tblr-navbar-brand-font-size: 1.25rem;
--tblr-navbar-brand-color: var(--tblr-body-color);
--tblr-navbar-brand-hover-color: var(--tblr-body-color);
--tblr-navbar-nav-link-padding-x: 0.75rem;
--tblr-navbar-toggler-padding-y: 0.25rem;
--tblr-navbar-toggler-padding-x: 0.75rem;
--tblr-navbar-toggler-font-size: 1rem;
--tblr-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27black%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e");
--tblr-navbar-toggler-icon-color: color-mix(in oklab, var(--tblr-body-color) 75%, transparent);
--tblr-navbar-toggler-border-color: color-mix(in oklab, var(--tblr-emphasis-color) 15%, transparent);
--tblr-navbar-toggler-border-radius: var(--tblr-border-radius);
--tblr-navbar-toggler-focus-width: 0;
--tblr-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: var(--tblr-navbar-padding-y) var(--tblr-navbar-padding-x);
}
.navbar > .container-xxl, .navbar > .container-xl, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container,
.navbar > .container-fluid {
display: flex;
flex-wrap: inherit;
align-items: center;
justify-content: space-between;
}
.navbar-brand {
padding-top: var(--tblr-navbar-brand-padding-y);
padding-bottom: var(--tblr-navbar-brand-padding-y);
margin-inline-end: var(--tblr-navbar-brand-margin-end);
font-size: var(--tblr-navbar-brand-font-size);
color: var(--tblr-navbar-brand-color);
white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
color: var(--tblr-navbar-brand-hover-color);
text-decoration: none;
}
.navbar-nav {
--tblr-nav-link-padding-x: 0;
--tblr-nav-link-padding-y: 0.5rem;
--tblr-nav-link-font-size: var(--tblr-body-font-size);
--tblr-nav-link-font-weight: ;
--tblr-nav-link-color: var(--tblr-navbar-color);
--tblr-nav-link-hover-color: var(--tblr-navbar-hover-color);
--tblr-nav-link-disabled-color: var(--tblr-navbar-disabled-color);
display: flex;
flex-direction: column;
padding-inline-start: 0;
margin-bottom: 0;
list-style: none;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
color: var(--tblr-navbar-active-color);
}
.navbar-nav .dropdown-menu {
position: static;
}
.navbar-text {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: var(--tblr-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
color: var(--tblr-navbar-active-color);
}
.navbar-collapse {
flex-grow: 1;
flex-basis: 100%;
align-items: center;
}
.navbar-toggler {
padding: var(--tblr-navbar-toggler-padding-y) var(--tblr-navbar-toggler-padding-x);
font-size: var(--tblr-navbar-toggler-font-size);
line-height: 1;
color: var(--tblr-navbar-color);
background-color: transparent;
border: var(--tblr-border-width) solid var(--tblr-navbar-toggler-border-color);
border-radius: var(--tblr-navbar-toggler-border-radius);
transition: var(--tblr-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
.navbar-toggler {
transition: none;
}
}
.navbar-toggler:hover {
text-decoration: none;
}
.navbar-toggler:focus {
text-decoration: none;
outline: 0;
box-shadow: 0 0 0 var(--tblr-navbar-toggler-focus-width);
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
background-color: var(--tblr-navbar-toggler-icon-color);
mask-image: var(--tblr-navbar-toggler-icon-bg);
mask-repeat: no-repeat;
mask-position: center;
mask-size: 100%;
}
.navbar-nav-scroll {
max-height: var(--tblr-scroll-height, 75vh);
overflow-y: auto;
}
@media (min-width: 576px) {
.navbar-expand-sm {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-sm .navbar-nav {
flex-direction: row;
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-inline-end: var(--tblr-navbar-nav-link-padding-x);
padding-inline-start: var(--tblr-navbar-nav-link-padding-x);
}
.navbar-expand-sm .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-sm .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-sm .navbar-toggler {
display: none;
}
.navbar-expand-sm .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
box-shadow: none;
transition: none;
}
.navbar-expand-sm .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-sm .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 768px) {
.navbar-expand-md {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-md .navbar-nav {
flex-direction: row;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-md .navbar-nav .nav-link {
padding-inline-end: var(--tblr-navbar-nav-link-padding-x);
padding-inline-start: var(--tblr-navbar-nav-link-padding-x);
}
.navbar-expand-md .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-md .navbar-toggler {
display: none;
}
.navbar-expand-md .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
box-shadow: none;
transition: none;
}
.navbar-expand-md .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-md .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 992px) {
.navbar-expand-lg {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-lg .navbar-nav {
flex-direction: row;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-inline-end: var(--tblr-navbar-nav-link-padding-x);
padding-inline-start: var(--tblr-navbar-nav-link-padding-x);
}
.navbar-expand-lg .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-lg .navbar-toggler {
display: none;
}
.navbar-expand-lg .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
box-shadow: none;
transition: none;
}
.navbar-expand-lg .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-lg .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 1200px) {
.navbar-expand-xl {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-xl .navbar-nav {
flex-direction: row;
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-inline-end: var(--tblr-navbar-nav-link-padding-x);
padding-inline-start: var(--tblr-navbar-nav-link-padding-x);
}
.navbar-expand-xl .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-xl .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-xl .navbar-toggler {
display: none;
}
.navbar-expand-xl .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
box-shadow: none;
transition: none;
}
.navbar-expand-xl .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-xl .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 1400px) {
.navbar-expand-xxl {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-xxl .navbar-nav {
flex-direction: row;
}
.navbar-expand-xxl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-xxl .navbar-nav .nav-link {
padding-inline-end: var(--tblr-navbar-nav-link-padding-x);
padding-inline-start: var(--tblr-navbar-nav-link-padding-x);
}
.navbar-expand-xxl .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-xxl .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-xxl .navbar-toggler {
display: none;
}
.navbar-expand-xxl .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
box-shadow: none;
transition: none;
}
.navbar-expand-xxl .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-xxl .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
.navbar-expand {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand .navbar-nav {
flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
padding-inline-end: var(--tblr-navbar-nav-link-padding-x);
padding-inline-start: var(--tblr-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand .navbar-toggler {
display: none;
}
.navbar-expand .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
box-shadow: none;
transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
.navbar-dark,
.navbar[data-bs-theme=dark],
body[data-bs-theme=dark] .navbar[data-bs-theme=light],
body[data-theme=dark] .navbar[data-theme=light],
html[data-bs-navbar-theme=dark] .page > .navbar,
html[data-bs-navbar-theme=primary] .page > .navbar,
html[data-bs-navbar-theme=dark] .page > [class*=navbar-expand] .navbar,
html[data-bs-navbar-theme=primary] .page > [class*=navbar-expand] .navbar,
html[data-bs-navbar-theme=dark] .page > body.navbar .navbar[data-bs-theme=light],
html[data-bs-navbar-theme=primary] .page > body.navbar .navbar[data-bs-theme=light],
.navbar[data-theme=dark] {
--tblr-navbar-color: color-mix(in oklab, var(--tblr-white) 70%, transparent);
--tblr-navbar-hover-color: color-mix(in oklab, var(--tblr-white) 75%, transparent);
--tblr-navbar-disabled-color: var(--tblr-disabled-color);
--tblr-navbar-active-color: #fff;
--tblr-navbar-active-bg: var(--tblr-active-bg);
--tblr-navbar-brand-color: #fff;
--tblr-navbar-brand-hover-color: #fff;
--tblr-navbar-toggler-border-color: color-mix(in oklab, var(--tblr-white) 10%, transparent);
--tblr-navbar-toggler-icon-color: color-mix(in oklab, var(--tblr-white) 70%, transparent);
}
.theme-dark .navbar-toggler-icon,
[data-bs-theme=dark] .navbar-toggler-icon,
body[data-bs-theme=dark] [data-bs-theme=light] .navbar-toggler-icon,
body[data-theme=dark] [data-theme=light] .navbar-toggler-icon,
html[data-bs-navbar-theme=dark] .page > .navbar .navbar-toggler-icon,
html[data-bs-navbar-theme=primary] .page > .navbar .navbar-toggler-icon,
html[data-bs-navbar-theme=dark] .page > [class*=navbar-expand] .navbar .navbar-toggler-icon,
html[data-bs-navbar-theme=primary] .page > [class*=navbar-expand] .navbar .navbar-toggler-icon,
[data-theme=dark] .navbar-toggler-icon {
--tblr-navbar-toggler-icon-color: color-mix(in oklab, var(--tblr-white) 70%, transparent);
}
.card {
--tblr-card-spacer-y: 1.25rem;
--tblr-card-spacer-x: 1.25rem;
--tblr-card-title-spacer-y: 1.25rem;
--tblr-card-title-color: ;
--tblr-card-subtitle-color: ;
--tblr-card-border-width: var(--tblr-border-width);
--tblr-card-border-color: var(--tblr-border-color-translucent);
--tblr-card-border-radius: var(--tblr-border-radius-lg);
--tblr-card-box-shadow: var(--tblr-shadow-card);
--tblr-card-inner-border-radius: calc(var(--tblr-border-radius-lg) - (var(--tblr-border-width)));
--tblr-card-cap-padding-y: 1.25rem;
--tblr-card-cap-padding-x: 1.25rem;
--tblr-card-cap-bg: var(--tblr-bg-surface-tertiary);
--tblr-card-cap-color: inherit;
--tblr-card-height: ;
--tblr-card-color: inherit;
--tblr-card-bg: var(--tblr-bg-surface);
--tblr-card-img-overlay-padding: 1rem;
--tblr-card-group-margin: 1.5rem;
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
height: var(--tblr-card-height);
color: var(--tblr-body-color);
word-wrap: break-word;
background-color: var(--tblr-card-bg);
background-clip: border-box;
border: var(--tblr-card-border-width) solid var(--tblr-card-border-color);
border-radius: var(--tblr-card-border-radius);
box-shadow: var(--tblr-card-box-shadow);
}
.card > hr, .card > .hr {
margin-inline-end: 0;
margin-inline-start: 0;
}
.card > .list-group {
border-top: inherit;
border-bottom: inherit;
}
.card > .list-group:first-child {
border-top-width: 0;
border-top-left-radius: var(--tblr-card-inner-border-radius);
border-top-right-radius: var(--tblr-card-inner-border-radius);
}
.card > .list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: var(--tblr-card-inner-border-radius);
border-bottom-left-radius: var(--tblr-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
border-top: 0;
}
.card-body {
flex: 1 1 auto;
padding: var(--tblr-card-spacer-y) var(--tblr-card-spacer-x);
color: var(--tblr-card-color);
}
.card-title {
margin-bottom: var(--tblr-card-title-spacer-y);
color: var(--tblr-card-title-color);
}
.card-subtitle {
margin-top: calc(-0.5 * var(--tblr-card-title-spacer-y));
margin-bottom: 0;
color: var(--tblr-card-subtitle-color);
}
.card-text:last-child {
margin-bottom: 0;
}
.card-link:hover {
text-decoration: none;
}
.card-link + .card-link {
margin-inline-start: var(--tblr-card-spacer-x);
}
.card-header {
--tblr-card-header-bg: transparent;
padding: var(--tblr-card-cap-padding-y) var(--tblr-card-cap-padding-x);
margin-bottom: 0;
color: var(--tblr-card-cap-color);
background-color: var(--tblr-card-header-bg, var(--tblr-card-cap-bg));
border-bottom: var(--tblr-card-border-width) solid var(--tblr-card-border-color);
}
.card-header:first-child {
border-radius: var(--tblr-card-inner-border-radius) var(--tblr-card-inner-border-radius) 0 0;
}
.card-footer {
padding: var(--tblr-card-cap-padding-y) var(--tblr-card-cap-padding-x);
color: var(--tblr-card-cap-color);
background-color: var(--tblr-card-footer-bg, var(--tblr-card-cap-bg));
border-top: var(--tblr-card-border-width) solid var(--tblr-card-border-color);
}
.card-footer:last-child {
border-radius: 0 0 var(--tblr-card-inner-border-radius) var(--tblr-card-inner-border-radius);
}
.card-header-tabs {
margin-inline-end: calc(-0.5 * var(--tblr-card-cap-padding-x));
margin-bottom: calc(-1 * var(--tblr-card-cap-padding-y));
margin-inline-start: calc(-0.5 * var(--tblr-card-cap-padding-x));
border-bottom: 0;
}
.card-header-tabs .nav-link.active {
background-color: var(--tblr-card-bg);
border-bottom-color: var(--tblr-card-bg);
}
.card-header-pills {
margin-inline-end: calc(-0.5 * var(--tblr-card-cap-padding-x));
margin-inline-start: calc(-0.5 * var(--tblr-card-cap-padding-x));
}
.card-img-overlay {
position: absolute;
inset: 0;
padding: var(--tblr-card-img-overlay-padding);
border-radius: var(--tblr-card-inner-border-radius);
}
.card-img,
.card-img-top,
.card-img-bottom {
width: 100%;
}
.card-img,
.card-img-top {
border-top-left-radius: var(--tblr-card-inner-border-radius);
border-top-right-radius: var(--tblr-card-inner-border-radius);
}
.card-img,
.card-img-bottom {
border-bottom-right-radius: var(--tblr-card-inner-border-radius);
border-bottom-left-radius: var(--tblr-card-inner-border-radius);
}
.card-group > .card {
margin-bottom: var(--tblr-card-group-margin);
}
@media (min-width: 576px) {
.card-group {
display: flex;
flex-flow: row wrap;
}
.card-group > .card {
flex: 1 0 0;
margin-bottom: 0;
}
.card-group > .card + .card {
margin-inline-start: 0;
border-inline-start: 0;
}
.card-group > .card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.card-group > .card:not(:last-child) > .card-img-top,
.card-group > .card:not(:last-child) > .card-header {
border-top-right-radius: 0;
}
.card-group > .card:not(:last-child) > .card-img-bottom,
.card-group > .card:not(:last-child) > .card-footer {
border-bottom-right-radius: 0;
}
.card-group > .card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.card-group > .card:not(:first-child) > .card-img-top,
.card-group > .card:not(:first-child) > .card-header {
border-top-left-radius: 0;
}
.card-group > .card:not(:first-child) > .card-img-bottom,
.card-group > .card:not(:first-child) > .card-footer {
border-bottom-left-radius: 0;
}
}
.pagination {
--tblr-pagination-padding-x: 0.25rem;
--tblr-pagination-padding-y: calc(0.25rem + 1px);
--tblr-pagination-font-size: 0.875rem;
--tblr-pagination-color: var(--tblr-body-color);
--tblr-pagination-bg: transparent;
--tblr-pagination-border-width: 1px;
--tblr-pagination-border-color: transparent;
--tblr-pagination-border-radius: var(--tblr-border-radius);
--tblr-pagination-hover-color: var(--tblr-link-hover-color);
--tblr-pagination-hover-bg: var(--tblr-hover-bg);
--tblr-pagination-hover-border-color: var(--tblr-pagination-border-color);
--tblr-pagination-focus-color: var(--tblr-link-hover-color);
--tblr-pagination-focus-bg: var(--tblr-secondary-bg);
--tblr-pagination-active-color: #fff;
--tblr-pagination-active-bg: var(--tblr-primary);
--tblr-pagination-active-border-color: var(--tblr-primary);
--tblr-pagination-disabled-color: var(--tblr-disabled-color);
--tblr-pagination-disabled-bg: transparent;
--tblr-pagination-disabled-border-color: var(--tblr-pagination-border-color);
display: flex;
padding-inline-start: 0;
list-style: none;
}
.page-link {
position: relative;
display: block;
padding: var(--tblr-pagination-padding-y) var(--tblr-pagination-padding-x);
font-size: var(--tblr-pagination-font-size);
color: var(--tblr-pagination-color);
background-color: var(--tblr-pagination-bg);
border: var(--tblr-pagination-border-width) solid var(--tblr-pagination-border-color);
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, outline-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.page-link {
transition: none;
}
}
.page-link {
outline-color: transparent;
}
.page-link:hover {
z-index: 2;
color: var(--tblr-pagination-hover-color);
text-decoration: none;
background-color: var(--tblr-pagination-hover-bg);
border-color: var(--tblr-pagination-hover-border-color);
}
.page-link:focus {
z-index: 3;
color: var(--tblr-pagination-focus-color);
background-color: var(--tblr-pagination-focus-bg);
outline: 0;
}
.page-link:focus-visible {
outline: var(--tblr-focus-ring, var(--tblr-focus-ring-width) solid var(--tblr-focus-ring-color));
outline-offset: var(--tblr-focus-ring-offset);
}
.page-link.active, .active > .page-link {
z-index: 3;
color: var(--tblr-pagination-active-color);
background-color: var(--tblr-pagination-active-bg);
border-color: var(--tblr-pagination-active-border-color);
}
.page-link.disabled, .disabled > .page-link {
color: var(--tblr-pagination-disabled-color);
pointer-events: none;
background-color: var(--tblr-pagination-disabled-bg);
border-color: var(--tblr-pagination-disabled-border-color);
}
.page-item:not(:first-child) .page-link {
margin-inline-start: calc(-1 * 1px);
}
.page-item:first-child .page-link {
border-top-left-radius: var(--tblr-pagination-border-radius);
border-bottom-left-radius: var(--tblr-pagination-border-radius);
}
.page-item:last-child .page-link {
border-top-right-radius: var(--tblr-pagination-border-radius);
border-bottom-right-radius: var(--tblr-pagination-border-radius);
}
.pagination-lg {
--tblr-pagination-padding-x: 1.5rem;
--tblr-pagination-padding-y: 0.75rem;
--tblr-pagination-font-size: 1.09375rem;
--tblr-pagination-border-radius: var(--tblr-border-radius-lg);
}
.pagination-sm {
--tblr-pagination-padding-x: 0.5rem;
--tblr-pagination-padding-y: 0.25rem;
--tblr-pagination-font-size: 0.765625rem;
--tblr-pagination-border-radius: var(--tblr-border-radius-sm);
}
@keyframes progress-bar-stripes {
0% {
background-position-x: var(--tblr-progress-height);
}
}
.progress,
.progress-stacked {
--tblr-progress-height: 0.5rem;
--tblr-progress-font-size: 0.65625rem;
--tblr-progress-bg: var(--tblr-fill-secondary);
--tblr-progress-border-radius: var(--tblr-border-radius);
--tblr-progress-box-shadow: var(--tblr-box-shadow-inset);
--tblr-progress-bar-bg: var(--tblr-primary);
--tblr-progress-bar-transition: width 0.6s ease;
display: flex;
height: var(--tblr-progress-height);
overflow: hidden;
font-size: var(--tblr-progress-font-size);
background-color: var(--tblr-progress-bg);
border-radius: var(--tblr-progress-border-radius);
box-shadow: var(--tblr-progress-box-shadow);
}
.progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
color: var(--tblr-progress-bar-color, var(--tblr-progress-bar-fg, var(--tblr-primary-fg)));
text-align: center;
white-space: nowrap;
background-color: var(--tblr-progress-bar-bg);
transition: var(--tblr-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
.progress-bar {
transition: none;
}
}
.progress-bar-striped {
background-image: linear-gradient(45deg, color-mix(in oklab, var(--tblr-white) 15%, transparent) 25%, transparent 25%, transparent 50%, color-mix(in oklab, var(--tblr-white) 15%, transparent) 50%, color-mix(in oklab, var(--tblr-white) 15%, transparent) 75%, transparent 75%, transparent);
background-size: var(--tblr-progress-height) var(--tblr-progress-height);
}
.progress-stacked > .progress {
overflow: visible;
}
.progress-stacked > .progress > .progress-bar {
width: 100%;
}
.progress-bar-animated {
animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
.progress-bar-animated {
animation: none;
}
}
.list-group {
--tblr-list-group-color: var(--tblr-body-color);
--tblr-list-group-bg: inherit;
--tblr-list-group-border-color: var(--tblr-border-color);
--tblr-list-group-border-width: var(--tblr-border-width);
--tblr-list-group-border-radius: var(--tblr-border-radius);
--tblr-list-group-item-padding-x: 1.25rem;
--tblr-list-group-item-padding-y: 1rem;
--tblr-list-group-action-color: inherit;
--tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
--tblr-list-group-action-hover-bg: var(--tblr-hover-bg);
--tblr-list-group-action-active-color: var(--tblr-body-color);
--tblr-list-group-action-active-bg: var(--tblr-active-bg);
--tblr-list-group-disabled-color: var(--tblr-secondary-color);
--tblr-list-group-disabled-bg: inherit;
--tblr-list-group-active-color: inherit;
--tblr-list-group-active-bg: var(--tblr-active-bg);
--tblr-list-group-active-border-color: var(--tblr-border-color);
display: flex;
flex-direction: column;
padding-inline-start: 0;
margin-bottom: 0;
border-radius: var(--tblr-list-group-border-radius);
}
.list-group-numbered {
list-style-type: none;
counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
content: counters(section, ".") ". ";
counter-increment: section;
}
.list-group-item {
position: relative;
display: block;
padding: var(--tblr-list-group-item-padding-y) var(--tblr-list-group-item-padding-x);
color: var(--tblr-list-group-color);
background-color: var(--tblr-list-group-bg);
border: var(--tblr-list-group-border-width) solid var(--tblr-list-group-border-color);
}
.list-group-item:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.list-group-item:last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
color: var(--tblr-list-group-disabled-color);
pointer-events: none;
background-color: var(--tblr-list-group-disabled-bg);
}
.list-group-item.active {
z-index: 2;
color: var(--tblr-list-group-active-color);
background-color: var(--tblr-list-group-active-bg);
border-color: var(--tblr-list-group-active-border-color);
}
.list-group-item + .list-group-item {
border-top-width: 0;
}
.list-group-item + .list-group-item.active {
margin-top: calc(-1 * var(--tblr-list-group-border-width));
border-top-width: var(--tblr-list-group-border-width);
}
.list-group-item-action {
width: 100%;
color: var(--tblr-list-group-action-color);
text-align: inherit;
}
.list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus {
z-index: 1;
color: var(--tblr-list-group-action-hover-color);
text-decoration: none;
background-color: var(--tblr-list-group-action-hover-bg);
}
.list-group-item-action:not(.active):active {
color: var(--tblr-list-group-action-active-color);
background-color: var(--tblr-list-group-action-active-bg);
}
.list-group-horizontal {
flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--tblr-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--tblr-list-group-border-radius);
border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
border-top-width: var(--tblr-list-group-border-width);
border-inline-start-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
margin-inline-start: calc(-1 * var(--tblr-list-group-border-width));
border-inline-start-width: var(--tblr-list-group-border-width);
}
@media (min-width: 576px) {
.list-group-horizontal-sm {
flex-direction: row;
}
.list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--tblr-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--tblr-list-group-border-radius);
border-bottom-left-radius: 0;
}
.list-group-horizontal-sm > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-sm > .list-group-item + .list-group-item {
border-top-width: var(--tblr-list-group-border-width);
border-inline-start-width: 0;
}
.list-group-horizontal-sm > .list-group-item + .list-group-item.active {
margin-inline-start: calc(-1 * var(--tblr-list-group-border-width));
border-inline-start-width: var(--tblr-list-group-border-width);
}
}
@media (min-width: 768px) {
.list-group-horizontal-md {
flex-direction: row;
}
.list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--tblr-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--tblr-list-group-border-radius);
border-bottom-left-radius: 0;
}
.list-group-horizontal-md > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-md > .list-group-item + .list-group-item {
border-top-width: var(--tblr-list-group-border-width);
border-inline-start-width: 0;
}
.list-group-horizontal-md > .list-group-item + .list-group-item.active {
margin-inline-start: calc(-1 * var(--tblr-list-group-border-width));
border-inline-start-width: var(--tblr-list-group-border-width);
}
}
@media (min-width: 992px) {
.list-group-horizontal-lg {
flex-direction: row;
}
.list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--tblr-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--tblr-list-group-border-radius);
border-bottom-left-radius: 0;
}
.list-group-horizontal-lg > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-lg > .list-group-item + .list-group-item {
border-top-width: var(--tblr-list-group-border-width);
border-inline-start-width: 0;
}
.list-group-horizontal-lg > .list-group-item + .list-group-item.active {
margin-inline-start: calc(-1 * var(--tblr-list-group-border-width));
border-inline-start-width: var(--tblr-list-group-border-width);
}
}
@media (min-width: 1200px) {
.list-group-horizontal-xl {
flex-direction: row;
}
.list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--tblr-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--tblr-list-group-border-radius);
border-bottom-left-radius: 0;
}
.list-group-horizontal-xl > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-xl > .list-group-item + .list-group-item {
border-top-width: var(--tblr-list-group-border-width);
border-inline-start-width: 0;
}
.list-group-horizontal-xl > .list-group-item + .list-group-item.active {
margin-inline-start: calc(-1 * var(--tblr-list-group-border-width));
border-inline-start-width: var(--tblr-list-group-border-width);
}
}
@media (min-width: 1400px) {
.list-group-horizontal-xxl {
flex-direction: row;
}
.list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--tblr-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--tblr-list-group-border-radius);
border-bottom-left-radius: 0;
}
.list-group-horizontal-xxl > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-xxl > .list-group-item + .list-group-item {
border-top-width: var(--tblr-list-group-border-width);
border-inline-start-width: 0;
}
.list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
margin-inline-start: calc(-1 * var(--tblr-list-group-border-width));
border-inline-start-width: var(--tblr-list-group-border-width);
}
}
.list-group-flush {
border-radius: 0;
}
.list-group-flush > .list-group-item {
border-width: 0 0 var(--tblr-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
border-bottom-width: 0;
}
.list-group-item-primary {
--tblr-list-group-variant: var(--tblr-primary);
--tblr-list-group-variant-lt: var(--tblr-primary-lt);
--tblr-list-group-variant-fg: var(--tblr-primary-fg);
}
.list-group-item-secondary {
--tblr-list-group-variant: var(--tblr-secondary);
--tblr-list-group-variant-lt: var(--tblr-secondary-lt);
--tblr-list-group-variant-fg: var(--tblr-secondary-fg);
}
.list-group-item-success {
--tblr-list-group-variant: var(--tblr-success);
--tblr-list-group-variant-lt: var(--tblr-success-lt);
--tblr-list-group-variant-fg: var(--tblr-success-fg);
}
.list-group-item-info {
--tblr-list-group-variant: var(--tblr-info);
--tblr-list-group-variant-lt: var(--tblr-info-lt);
--tblr-list-group-variant-fg: var(--tblr-info-fg);
}
.list-group-item-warning {
--tblr-list-group-variant: var(--tblr-warning);
--tblr-list-group-variant-lt: var(--tblr-warning-lt);
--tblr-list-group-variant-fg: var(--tblr-warning-fg);
}
.list-group-item-danger {
--tblr-list-group-variant: var(--tblr-danger);
--tblr-list-group-variant-lt: var(--tblr-danger-lt);
--tblr-list-group-variant-fg: var(--tblr-danger-fg);
}
.list-group-item-light {
--tblr-list-group-variant: var(--tblr-light);
--tblr-list-group-variant-lt: var(--tblr-light-lt);
--tblr-list-group-variant-fg: var(--tblr-light-fg);
}
.list-group-item-dark {
--tblr-list-group-variant: var(--tblr-dark);
--tblr-list-group-variant-lt: var(--tblr-dark-lt);
--tblr-list-group-variant-fg: var(--tblr-dark-fg);
}
.list-group-item-muted {
--tblr-list-group-variant: var(--tblr-muted);
--tblr-list-group-variant-lt: var(--tblr-muted-lt);
--tblr-list-group-variant-fg: var(--tblr-muted-fg);
}
.list-group-item-blue {
--tblr-list-group-variant: var(--tblr-blue);
--tblr-list-group-variant-lt: var(--tblr-blue-lt);
--tblr-list-group-variant-fg: var(--tblr-blue-fg);
}
.list-group-item-azure {
--tblr-list-group-variant: var(--tblr-azure);
--tblr-list-group-variant-lt: var(--tblr-azure-lt);
--tblr-list-group-variant-fg: var(--tblr-azure-fg);
}
.list-group-item-indigo {
--tblr-list-group-variant: var(--tblr-indigo);
--tblr-list-group-variant-lt: var(--tblr-indigo-lt);
--tblr-list-group-variant-fg: var(--tblr-indigo-fg);
}
.list-group-item-purple {
--tblr-list-group-variant: var(--tblr-purple);
--tblr-list-group-variant-lt: var(--tblr-purple-lt);
--tblr-list-group-variant-fg: var(--tblr-purple-fg);
}
.list-group-item-pink {
--tblr-list-group-variant: var(--tblr-pink);
--tblr-list-group-variant-lt: var(--tblr-pink-lt);
--tblr-list-group-variant-fg: var(--tblr-pink-fg);
}
.list-group-item-red {
--tblr-list-group-variant: var(--tblr-red);
--tblr-list-group-variant-lt: var(--tblr-red-lt);
--tblr-list-group-variant-fg: var(--tblr-red-fg);
}
.list-group-item-orange {
--tblr-list-group-variant: var(--tblr-orange);
--tblr-list-group-variant-lt: var(--tblr-orange-lt);
--tblr-list-group-variant-fg: var(--tblr-orange-fg);
}
.list-group-item-yellow {
--tblr-list-group-variant: var(--tblr-yellow);
--tblr-list-group-variant-lt: var(--tblr-yellow-lt);
--tblr-list-group-variant-fg: var(--tblr-yellow-fg);
}
.list-group-item-lime {
--tblr-list-group-variant: var(--tblr-lime);
--tblr-list-group-variant-lt: var(--tblr-lime-lt);
--tblr-list-group-variant-fg: var(--tblr-lime-fg);
}
.list-group-item-green {
--tblr-list-group-variant: var(--tblr-green);
--tblr-list-group-variant-lt: var(--tblr-green-lt);
--tblr-list-group-variant-fg: var(--tblr-green-fg);
}
.list-group-item-teal {
--tblr-list-group-variant: var(--tblr-teal);
--tblr-list-group-variant-lt: var(--tblr-teal-lt);
--tblr-list-group-variant-fg: var(--tblr-teal-fg);
}
.list-group-item-cyan {
--tblr-list-group-variant: var(--tblr-cyan);
--tblr-list-group-variant-lt: var(--tblr-cyan-lt);
--tblr-list-group-variant-fg: var(--tblr-cyan-fg);
}
.list-group-item-primary, .list-group-item-secondary, .list-group-item-success, .list-group-item-info, .list-group-item-warning, .list-group-item-danger, .list-group-item-light, .list-group-item-dark, .list-group-item-muted, .list-group-item-blue, .list-group-item-azure, .list-group-item-indigo, .list-group-item-purple, .list-group-item-pink, .list-group-item-red, .list-group-item-orange, .list-group-item-yellow, .list-group-item-lime, .list-group-item-green, .list-group-item-teal, .list-group-item-cyan {
--tblr-list-group-color: var(--tblr-list-group-variant);
--tblr-list-group-bg: var(--tblr-list-group-variant-lt);
--tblr-list-group-border-color: color-mix(in oklab, var(--tblr-list-group-variant) 24%, transparent);
--tblr-list-group-action-color: var(--tblr-list-group-variant);
--tblr-list-group-action-hover-color: var(--tblr-list-group-variant);
--tblr-list-group-action-hover-bg: color-mix(in oklab, var(--tblr-list-group-variant) 16%, transparent);
--tblr-list-group-action-active-color: var(--tblr-list-group-variant-fg);
--tblr-list-group-action-active-bg: var(--tblr-list-group-variant);
--tblr-list-group-active-color: var(--tblr-list-group-variant);
--tblr-list-group-active-bg: var(--tblr-list-group-variant-lt);
--tblr-list-group-active-border-color: color-mix(in oklab, var(--tblr-list-group-variant) 24%, transparent);
}
.toast {
--tblr-toast-zindex: 1090;
--tblr-toast-padding-x: 0.75rem;
--tblr-toast-padding-y: 0.5rem;
--tblr-toast-spacing: calc(var(--tblr-page-padding) * 2);
--tblr-toast-max-width: 350px;
--tblr-toast-font-size: 0.875rem;
--tblr-toast-color: ;
--tblr-toast-bg: var(--tblr-bg-surface);
--tblr-toast-border-width: var(--tblr-border-width);
--tblr-toast-border-color: var(--tblr-border-color);
--tblr-toast-border-radius: var(--tblr-border-radius);
--tblr-toast-box-shadow: var(--tblr-box-shadow);
--tblr-toast-header-color: var(--tblr-secondary-color);
--tblr-toast-header-bg: color-mix(in oklab, var(--tblr-body-bg) 85%, transparent);
--tblr-toast-header-border-color: var(--tblr-border-color);
width: var(--tblr-toast-max-width);
max-width: 100%;
font-size: var(--tblr-toast-font-size);
color: var(--tblr-toast-color);
pointer-events: auto;
background-color: var(--tblr-toast-bg);
background-clip: padding-box;
border: var(--tblr-toast-border-width) solid var(--tblr-toast-border-color);
box-shadow: var(--tblr-toast-box-shadow);
border-radius: var(--tblr-toast-border-radius);
}
.toast.showing {
opacity: 0;
}
.toast:not(.show) {
display: none;
}
.toast-container {
--tblr-toast-zindex: 1090;
position: absolute;
z-index: var(--tblr-toast-zindex);
width: max-content;
max-width: 100%;
pointer-events: none;
}
.toast-container > :not(:last-child) {
margin-bottom: var(--tblr-toast-spacing);
}
.toast-header {
display: flex;
align-items: center;
padding: var(--tblr-toast-padding-y) var(--tblr-toast-padding-x);
color: var(--tblr-toast-header-color);
background-color: var(--tblr-toast-header-bg);
background-clip: padding-box;
border-bottom: var(--tblr-toast-border-width) solid var(--tblr-toast-header-border-color);
border-top-left-radius: calc(var(--tblr-toast-border-radius) - var(--tblr-toast-border-width));
border-top-right-radius: calc(var(--tblr-toast-border-radius) - var(--tblr-toast-border-width));
}
.toast-header .btn-close {
margin-inline-end: calc(-0.5 * var(--tblr-toast-padding-x));
margin-inline-start: var(--tblr-toast-padding-x);
}
.toast-body {
padding: var(--tblr-toast-padding-x);
word-wrap: break-word;
}
.modal {
--tblr-modal-zindex: 1055;
--tblr-modal-width: 540px;
--tblr-modal-padding: 1.5rem;
--tblr-modal-margin: 0.5rem;
--tblr-modal-color: var(--tblr-body-color);
--tblr-modal-bg: var(--tblr-bg-surface);
--tblr-modal-border-color: transparent;
--tblr-modal-border-width: var(--tblr-border-width);
--tblr-modal-border-radius: var(--tblr-border-radius-lg);
--tblr-modal-box-shadow: var(--tblr-box-shadow-sm);
--tblr-modal-inner-border-radius: calc(var(--tblr-border-radius-lg) - (var(--tblr-border-width)));
--tblr-modal-header-padding-x: 1.5rem;
--tblr-modal-header-padding-y: 1.5rem;
--tblr-modal-header-padding: 1.5rem;
--tblr-modal-header-border-color: var(--tblr-border-color);
--tblr-modal-header-border-width: var(--tblr-border-width);
--tblr-modal-title-line-height: 1.4285714286;
--tblr-modal-footer-gap: 0.75rem;
--tblr-modal-footer-bg: var(--tblr-bg-surface-tertiary);
--tblr-modal-footer-border-color: var(--tblr-border-color);
--tblr-modal-footer-border-width: var(--tblr-border-width);
position: fixed;
inset-inline-start: 0;
top: 0;
z-index: var(--tblr-modal-zindex);
display: none;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
outline: 0;
}
.modal-dialog {
position: relative;
width: auto;
margin: var(--tblr-modal-margin);
pointer-events: none;
}
.modal.fade .modal-dialog {
transform: translate(0, -1rem);
transition: transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
transition: none;
}
}
.modal.show .modal-dialog {
transform: none;
}
.modal.modal-static .modal-dialog {
transform: scale(1.02);
}
.modal-dialog-scrollable {
height: calc(100% - var(--tblr-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
max-height: 100%;
overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto;
}
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - var(--tblr-modal-margin) * 2);
}
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
color: var(--tblr-modal-color);
pointer-events: auto;
background-color: var(--tblr-modal-bg);
background-clip: padding-box;
border: var(--tblr-modal-border-width) solid var(--tblr-modal-border-color);
border-radius: var(--tblr-modal-border-radius);
box-shadow: var(--tblr-modal-box-shadow);
outline: 0;
}
.modal-backdrop {
--tblr-backdrop-zindex: 1050;
--tblr-backdrop-bg: light-dark(var(--tblr-gray-800), var(--tblr-black));
--tblr-backdrop-opacity: 0.32;
position: fixed;
inset-inline-start: 0;
top: 0;
z-index: var(--tblr-backdrop-zindex);
width: 100vw;
height: 100vh;
background-color: var(--tblr-backdrop-bg);
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: var(--tblr-backdrop-opacity);
}
.modal-header {
display: flex;
flex-shrink: 0;
align-items: center;
padding: var(--tblr-modal-header-padding);
border-bottom: var(--tblr-modal-header-border-width) solid var(--tblr-modal-header-border-color);
border-top-left-radius: var(--tblr-modal-inner-border-radius);
border-top-right-radius: var(--tblr-modal-inner-border-radius);
}
.modal-header .btn-close {
padding: calc(var(--tblr-modal-header-padding-y) * 0.5) calc(var(--tblr-modal-header-padding-x) * 0.5);
margin-top: calc(-0.5 * var(--tblr-modal-header-padding-y));
margin-inline-end: calc(-0.5 * var(--tblr-modal-header-padding-x));
margin-bottom: calc(-0.5 * var(--tblr-modal-header-padding-y));
margin-inline-start: auto;
}
.modal-title {
margin-bottom: 0;
line-height: var(--tblr-modal-title-line-height);
}
.modal-body {
position: relative;
flex: 1 1 auto;
padding: var(--tblr-modal-padding);
}
.modal-footer {
display: flex;
flex-shrink: 0;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
padding: calc(var(--tblr-modal-padding) - var(--tblr-modal-footer-gap) * 0.5);
background-color: var(--tblr-modal-footer-bg);
border-top: var(--tblr-modal-footer-border-width) solid var(--tblr-modal-footer-border-color);
border-bottom-right-radius: var(--tblr-modal-inner-border-radius);
border-bottom-left-radius: var(--tblr-modal-inner-border-radius);
}
.modal-footer > * {
margin: calc(var(--tblr-modal-footer-gap) * 0.5);
}
@media (min-width: 576px) {
.modal {
--tblr-modal-margin: 1.75rem;
--tblr-modal-box-shadow: var(--tblr-box-shadow);
}
.modal-dialog {
max-width: var(--tblr-modal-width);
margin-inline-end: auto;
margin-inline-start: auto;
}
.modal-sm {
--tblr-modal-width: 380px;
}
}
.modal-lg {
--tblr-modal-width: min(720px, 100% - 2 * var(--tblr-modal-margin));
}
.modal-xl {
--tblr-modal-width: min(1140px, 100% - 2 * var(--tblr-modal-margin));
}
.modal-fullscreen {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
border-radius: 0;
}
.modal-fullscreen .modal-body {
overflow-y: auto;
}
@media (max-width: 575.98px) {
.modal-fullscreen-sm-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-sm-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-sm-down .modal-header,
.modal-fullscreen-sm-down .modal-footer {
border-radius: 0;
}
.modal-fullscreen-sm-down .modal-body {
overflow-y: auto;
}
}
@media (max-width: 767.98px) {
.modal-fullscreen-md-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-md-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-md-down .modal-header,
.modal-fullscreen-md-down .modal-footer {
border-radius: 0;
}
.modal-fullscreen-md-down .modal-body {
overflow-y: auto;
}
}
@media (max-width: 991.98px) {
.modal-fullscreen-lg-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-lg-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-lg-down .modal-header,
.modal-fullscreen-lg-down .modal-footer {
border-radius: 0;
}
.modal-fullscreen-lg-down .modal-body {
overflow-y: auto;
}
}
@media (max-width: 1199.98px) {
.modal-fullscreen-xl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-xl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-xl-down .modal-header,
.modal-fullscreen-xl-down .modal-footer {
border-radius: 0;
}
.modal-fullscreen-xl-down .modal-body {
overflow-y: auto;
}
}
@media (max-width: 1399.98px) {
.modal-fullscreen-xxl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-xxl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-xxl-down .modal-header,
.modal-fullscreen-xxl-down .modal-footer {
border-radius: 0;
}
.modal-fullscreen-xxl-down .modal-body {
overflow-y: auto;
}
}
.tooltip {
--tblr-tooltip-zindex: 1080;
--tblr-tooltip-max-width: 200px;
--tblr-tooltip-padding-x: var(--tblr-spacer-2);
--tblr-tooltip-padding-y: var(--tblr-spacer-1);
--tblr-tooltip-margin: ;
--tblr-tooltip-font-size: 0.765625rem;
--tblr-tooltip-color: var(--tblr-text-inverted);
--tblr-tooltip-bg: var(--tblr-bg-surface-inverted);
--tblr-tooltip-border-radius: var(--tblr-border-radius);
--tblr-tooltip-opacity: 0.9;
--tblr-tooltip-arrow-width: 0.8rem;
--tblr-tooltip-arrow-height: 0.4rem;
z-index: var(--tblr-tooltip-zindex);
display: block;
margin: var(--tblr-tooltip-margin);
font-family: var(--tblr-font-sans-serif);
font-style: normal;
font-weight: 400;
line-height: 1.4285714286;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
white-space: normal;
word-spacing: normal;
line-break: auto;
font-size: var(--tblr-tooltip-font-size);
word-wrap: break-word;
opacity: 0;
}
.tooltip.show {
opacity: var(--tblr-tooltip-opacity);
}
.tooltip .tooltip-arrow {
display: block;
width: var(--tblr-tooltip-arrow-width);
height: var(--tblr-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
bottom: calc(-1 * var(--tblr-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
top: -1px;
border-width: var(--tblr-tooltip-arrow-height) calc(var(--tblr-tooltip-arrow-width) * 0.5) 0;
border-top-color: var(--tblr-tooltip-bg);
}
/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
left: calc(-1 * var(--tblr-tooltip-arrow-height));
width: var(--tblr-tooltip-arrow-height);
height: var(--tblr-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
right: -1px;
border-width: calc(var(--tblr-tooltip-arrow-width) * 0.5) var(--tblr-tooltip-arrow-height) calc(var(--tblr-tooltip-arrow-width) * 0.5) 0;
border-right-color: var(--tblr-tooltip-bg);
}
/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
top: calc(-1 * var(--tblr-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
bottom: -1px;
border-width: 0 calc(var(--tblr-tooltip-arrow-width) * 0.5) var(--tblr-tooltip-arrow-height);
border-bottom-color: var(--tblr-tooltip-bg);
}
/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
right: calc(-1 * var(--tblr-tooltip-arrow-height));
width: var(--tblr-tooltip-arrow-height);
height: var(--tblr-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
left: -1px;
border-width: calc(var(--tblr-tooltip-arrow-width) * 0.5) 0 calc(var(--tblr-tooltip-arrow-width) * 0.5) var(--tblr-tooltip-arrow-height);
border-left-color: var(--tblr-tooltip-bg);
}
/* rtl:end:ignore */
.tooltip-inner {
max-width: var(--tblr-tooltip-max-width);
padding: var(--tblr-tooltip-padding-y) var(--tblr-tooltip-padding-x);
color: var(--tblr-tooltip-color);
text-align: center;
background-color: var(--tblr-tooltip-bg);
border-radius: var(--tblr-tooltip-border-radius);
}
.popover {
--tblr-popover-zindex: 1070;
--tblr-popover-max-width: 276px;
--tblr-popover-font-size: 0.765625rem;
--tblr-popover-bg: var(--tblr-bg-surface);
--tblr-popover-border-width: var(--tblr-border-width);
--tblr-popover-border-color: var(--tblr-border-color);
--tblr-popover-border-radius: var(--tblr-border-radius-lg);
--tblr-popover-inner-border-radius: calc(var(--tblr-border-radius-lg) - var(--tblr-border-width));
--tblr-popover-box-shadow: var(--tblr-shadow-lg);
--tblr-popover-header-padding-x: 1rem;
--tblr-popover-header-padding-y: 0.5rem;
--tblr-popover-header-font-size: 0.875rem;
--tblr-popover-header-color: light-dark(var(--tblr-gray-900), var(--tblr-white));
--tblr-popover-header-bg: transparent;
--tblr-popover-body-padding-x: 0.5rem;
--tblr-popover-body-padding-y: 0.5rem;
--tblr-popover-body-color: inherit;
--tblr-popover-arrow-width: 1rem;
--tblr-popover-arrow-height: 0.5rem;
--tblr-popover-arrow-border: var(--tblr-popover-border-color);
z-index: var(--tblr-popover-zindex);
display: block;
max-width: var(--tblr-popover-max-width);
font-family: var(--tblr-font-sans-serif);
font-style: normal;
font-weight: 400;
line-height: 1.4285714286;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
white-space: normal;
word-spacing: normal;
line-break: auto;
font-size: var(--tblr-popover-font-size);
word-wrap: break-word;
background-color: var(--tblr-popover-bg);
background-clip: padding-box;
border: var(--tblr-popover-border-width) solid var(--tblr-popover-border-color);
border-radius: var(--tblr-popover-border-radius);
box-shadow: var(--tblr-popover-box-shadow);
}
.popover .popover-arrow {
display: block;
width: var(--tblr-popover-arrow-width);
height: var(--tblr-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid;
border-width: 0;
}
.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
bottom: calc(-1 * (var(--tblr-popover-arrow-height)) - var(--tblr-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
border-width: var(--tblr-popover-arrow-height) calc(var(--tblr-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
bottom: 0;
border-top-color: var(--tblr-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
bottom: var(--tblr-popover-border-width);
border-top-color: var(--tblr-popover-bg);
}
/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
left: calc(-1 * (var(--tblr-popover-arrow-height)) - var(--tblr-popover-border-width));
width: var(--tblr-popover-arrow-height);
height: var(--tblr-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
border-width: calc(var(--tblr-popover-arrow-width) * 0.5) var(--tblr-popover-arrow-height) calc(var(--tblr-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
left: 0;
border-right-color: var(--tblr-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
left: var(--tblr-popover-border-width);
border-right-color: var(--tblr-popover-bg);
}
/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
top: calc(-1 * (var(--tblr-popover-arrow-height)) - var(--tblr-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
border-width: 0 calc(var(--tblr-popover-arrow-width) * 0.5) var(--tblr-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
top: 0;
border-bottom-color: var(--tblr-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
top: var(--tblr-popover-border-width);
border-bottom-color: var(--tblr-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
position: absolute;
top: 0;
inset-inline-start: 50%;
display: block;
width: var(--tblr-popover-arrow-width);
margin-inline-start: calc(-0.5 * var(--tblr-popover-arrow-width));
content: "";
border-bottom: var(--tblr-popover-border-width) solid var(--tblr-popover-header-bg);
}
/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
right: calc(-1 * (var(--tblr-popover-arrow-height)) - var(--tblr-popover-border-width));
width: var(--tblr-popover-arrow-height);
height: var(--tblr-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
border-width: calc(var(--tblr-popover-arrow-width) * 0.5) 0 calc(var(--tblr-popover-arrow-width) * 0.5) var(--tblr-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
right: 0;
border-left-color: var(--tblr-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
right: var(--tblr-popover-border-width);
border-left-color: var(--tblr-popover-bg);
}
/* rtl:end:ignore */
.popover-header {
padding: var(--tblr-popover-header-padding-y) var(--tblr-popover-header-padding-x);
margin-bottom: 0;
font-size: var(--tblr-popover-header-font-size);
color: var(--tblr-popover-header-color);
background-color: var(--tblr-popover-header-bg);
border-bottom: var(--tblr-popover-border-width) solid var(--tblr-popover-border-color);
border-top-left-radius: var(--tblr-popover-inner-border-radius);
border-top-right-radius: var(--tblr-popover-inner-border-radius);
}
.popover-header:empty {
display: none;
}
.popover-body {
padding: var(--tblr-popover-body-padding-y) var(--tblr-popover-body-padding-x);
color: var(--tblr-popover-body-color);
}
.carousel {
position: relative;
}
.carousel.pointer-event {
touch-action: pan-y;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner::after {
display: block;
clear: both;
content: "";
}
.carousel-item {
position: relative;
display: none;
float: inline-start;
width: 100%;
margin-inline-end: -100%;
backface-visibility: hidden;
transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.carousel-item {
transition: none;
}
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
display: block;
}
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
/* rtl:ignore */
transform: translateX(calc(var(--tblr-dir) * 100%));
}
.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
/* rtl:ignore */
transform: translateX(calc(var(--tblr-dir) * -100%));
}
.carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
z-index: 1;
opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
z-index: 0;
opacity: 0;
transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
transition: none;
}
}
.carousel-control-prev,
.carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
padding: 0;
color: #fff;
text-align: center;
background: none;
filter: var(--tblr-carousel-control-icon-filter);
border: 0;
opacity: 0.5;
transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
.carousel-control-prev,
.carousel-control-next {
transition: none;
}
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
color: #fff;
text-decoration: none;
outline: 0;
opacity: 0.9;
}
.carousel-control-prev {
inset-inline-start: 0;
}
.carousel-control-next {
inset-inline-end: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
display: inline-block;
width: 1.5rem;
height: 1.5rem;
background-color: currentColor;
mask-repeat: no-repeat;
mask-position: 50%;
mask-size: 100% 100%;
}
.carousel-control-prev-icon {
mask-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpolyline points=%2715 18 9 12 15 6%27%3e%3c/polyline%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='9 18 15 12 9 6'%3e%3c/polyline%3e%3c/svg%3e")*/;
}
.carousel-control-next-icon {
mask-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpolyline points=%279 18 15 12 9 6%27%3e%3c/polyline%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='15 18 9 12 15 6'%3e%3c/polyline%3e%3c/svg%3e")*/;
}
.carousel-indicators {
position: absolute;
inset-inline: 0;
bottom: 0;
z-index: 2;
display: flex;
justify-content: center;
padding: 0;
margin-inline-end: 15%;
margin-bottom: 1rem;
margin-inline-start: 15%;
}
.carousel-indicators [data-bs-target],
.carousel-indicators [data-target] {
box-sizing: content-box;
flex: 0 1 auto;
width: 30px;
height: 3px;
padding: 0;
margin-inline-end: 3px;
margin-inline-start: 3px;
text-indent: -999px;
cursor: pointer;
background-color: var(--tblr-carousel-indicator-active-bg);
background-clip: padding-box;
border: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: 0.5;
transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
.carousel-indicators [data-bs-target],
.carousel-indicators [data-target] {
transition: none;
}
}
.carousel-indicators .active {
opacity: 1;
}
.carousel-caption {
position: absolute;
inset-inline: 15%;
bottom: 1.25rem;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
color: var(--tblr-carousel-caption-color);
text-align: center;
}
.carousel-dark {
--tblr-carousel-indicator-active-bg: #000;
--tblr-carousel-caption-color: #000;
--tblr-carousel-control-icon-filter: invert(1) grayscale(100);
}
:root,
[data-bs-theme=light],
[data-theme=light] {
--tblr-carousel-indicator-active-bg: #fff;
--tblr-carousel-caption-color: #fff;
--tblr-carousel-control-icon-filter: ;
}
.theme-dark,
[data-bs-theme=dark],
body[data-bs-theme=dark] [data-bs-theme=light],
body[data-theme=dark] [data-theme=light],
html[data-bs-navbar-theme=dark] .page > .navbar,
html[data-bs-navbar-theme=primary] .page > .navbar,
html[data-bs-navbar-theme=dark] .page > [class*=navbar-expand] .navbar,
html[data-bs-navbar-theme=primary] .page > [class*=navbar-expand] .navbar,
html[data-bs-navbar-theme=dark] .page > body.navbar [data-bs-theme=light],
html[data-bs-navbar-theme=primary] .page > body.navbar [data-bs-theme=light],
html[data-bs-navbar-theme=dark] .page > [class*=navbar-expand] body.navbar [data-bs-theme=light],
html[data-bs-navbar-theme=primary] .page > [class*=navbar-expand] body.navbar [data-bs-theme=light],
[data-theme=dark] {
--tblr-carousel-indicator-active-bg: #000;
--tblr-carousel-caption-color: #000;
--tblr-carousel-control-icon-filter: invert(1) grayscale(100);
}
.spinner-grow,
.spinner-border {
display: inline-block;
flex-shrink: 0;
width: var(--tblr-spinner-width);
height: var(--tblr-spinner-height);
vertical-align: var(--tblr-spinner-vertical-align);
border-radius: 50%;
animation: var(--tblr-spinner-animation-speed) linear infinite var(--tblr-spinner-animation-name);
}
@keyframes spinner-border {
to {
transform: rotate(360deg) /* rtl:ignore */;
}
}
.spinner-border {
--tblr-spinner-width: 1.5rem;
--tblr-spinner-height: 1.5rem;
--tblr-spinner-vertical-align: -0.125em;
--tblr-spinner-border-width: 2px;
--tblr-spinner-animation-speed: 0.75s;
--tblr-spinner-animation-name: spinner-border;
border: var(--tblr-spinner-border-width) solid currentColor;
border-right-color: transparent;
}
.spinner-border-sm {
--tblr-spinner-width: 1rem;
--tblr-spinner-height: 1rem;
--tblr-spinner-border-width: 1px;
}
@keyframes spinner-grow {
0% {
transform: scale(0);
}
50% {
opacity: 1;
transform: none;
}
}
.spinner-grow {
--tblr-spinner-width: 1.5rem;
--tblr-spinner-height: 1.5rem;
--tblr-spinner-vertical-align: -0.125em;
--tblr-spinner-animation-speed: 0.75s;
--tblr-spinner-animation-name: spinner-grow;
background-color: currentColor;
opacity: 0;
}
.spinner-grow-sm {
--tblr-spinner-width: 1rem;
--tblr-spinner-height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
.spinner-border,
.spinner-grow {
--tblr-spinner-animation-speed: 1.5s;
}
}
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
--tblr-offcanvas-zindex: 1045;
--tblr-offcanvas-width: 400px;
--tblr-offcanvas-height: 30vh;
--tblr-offcanvas-padding-x: 1.5rem;
--tblr-offcanvas-padding-y: 1.5rem;
--tblr-offcanvas-margin: 0.5rem;
--tblr-offcanvas-color: var(--tblr-body-color);
--tblr-offcanvas-bg: var(--tblr-bg-surface);
--tblr-offcanvas-border-width: var(--tblr-border-width);
--tblr-offcanvas-border-color: var(--tblr-border-color);
--tblr-offcanvas-box-shadow: var(--tblr-box-shadow-sm);
--tblr-offcanvas-transition: transform 0.3s ease-in-out;
--tblr-offcanvas-title-line-height: 1.4285714286;
}
@media (max-width: 575.98px) {
.offcanvas-sm {
position: fixed;
bottom: 0;
z-index: var(--tblr-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--tblr-offcanvas-color);
visibility: hidden;
background-color: var(--tblr-offcanvas-bg);
background-clip: padding-box;
outline: 0;
box-shadow: var(--tblr-offcanvas-box-shadow);
transition: var(--tblr-offcanvas-transition);
}
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-sm {
transition: none;
}
}
@media (max-width: 575.98px) {
.offcanvas-sm.offcanvas-start {
top: 0;
inset-inline-start: 0;
width: var(--tblr-offcanvas-width);
border-inline-end: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
/* rtl:ignore */
transform: translateX(calc(var(--tblr-dir) * -100%));
}
.offcanvas-sm.offcanvas-end {
top: 0;
inset-inline-end: 0;
width: var(--tblr-offcanvas-width);
border-inline-start: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
/* rtl:ignore */
transform: translateX(calc(var(--tblr-dir) * 100%));
}
.offcanvas-sm.offcanvas-top {
top: 0;
inset-inline: 0;
height: var(--tblr-offcanvas-height);
max-height: 100%;
border-bottom: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas-sm.offcanvas-bottom {
inset-inline: 0;
height: var(--tblr-offcanvas-height);
max-height: 100%;
border-top: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
transform: none;
}
.offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
visibility: visible;
}
}
@media (min-width: 576px) {
.offcanvas-sm {
--tblr-offcanvas-height: auto;
--tblr-offcanvas-border-width: 0;
--tblr-offcanvas-margin: 0px;
background-color: transparent !important;
}
.offcanvas-sm .offcanvas-header {
display: none;
}
.offcanvas-sm .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important;
}
}
@media (max-width: 767.98px) {
.offcanvas-md {
position: fixed;
bottom: 0;
z-index: var(--tblr-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--tblr-offcanvas-color);
visibility: hidden;
background-color: var(--tblr-offcanvas-bg);
background-clip: padding-box;
outline: 0;
box-shadow: var(--tblr-offcanvas-box-shadow);
transition: var(--tblr-offcanvas-transition);
}
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-md {
transition: none;
}
}
@media (max-width: 767.98px) {
.offcanvas-md.offcanvas-start {
top: 0;
inset-inline-start: 0;
width: var(--tblr-offcanvas-width);
border-inline-end: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
/* rtl:ignore */
transform: translateX(calc(var(--tblr-dir) * -100%));
}
.offcanvas-md.offcanvas-end {
top: 0;
inset-inline-end: 0;
width: var(--tblr-offcanvas-width);
border-inline-start: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
/* rtl:ignore */
transform: translateX(calc(var(--tblr-dir) * 100%));
}
.offcanvas-md.offcanvas-top {
top: 0;
inset-inline: 0;
height: var(--tblr-offcanvas-height);
max-height: 100%;
border-bottom: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas-md.offcanvas-bottom {
inset-inline: 0;
height: var(--tblr-offcanvas-height);
max-height: 100%;
border-top: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
transform: none;
}
.offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
visibility: visible;
}
}
@media (min-width: 768px) {
.offcanvas-md {
--tblr-offcanvas-height: auto;
--tblr-offcanvas-border-width: 0;
--tblr-offcanvas-margin: 0px;
background-color: transparent !important;
}
.offcanvas-md .offcanvas-header {
display: none;
}
.offcanvas-md .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important;
}
}
@media (max-width: 991.98px) {
.offcanvas-lg {
position: fixed;
bottom: 0;
z-index: var(--tblr-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--tblr-offcanvas-color);
visibility: hidden;
background-color: var(--tblr-offcanvas-bg);
background-clip: padding-box;
outline: 0;
box-shadow: var(--tblr-offcanvas-box-shadow);
transition: var(--tblr-offcanvas-transition);
}
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-lg {
transition: none;
}
}
@media (max-width: 991.98px) {
.offcanvas-lg.offcanvas-start {
top: 0;
inset-inline-start: 0;
width: var(--tblr-offcanvas-width);
border-inline-end: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
/* rtl:ignore */
transform: translateX(calc(var(--tblr-dir) * -100%));
}
.offcanvas-lg.offcanvas-end {
top: 0;
inset-inline-end: 0;
width: var(--tblr-offcanvas-width);
border-inline-start: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
/* rtl:ignore */
transform: translateX(calc(var(--tblr-dir) * 100%));
}
.offcanvas-lg.offcanvas-top {
top: 0;
inset-inline: 0;
height: var(--tblr-offcanvas-height);
max-height: 100%;
border-bottom: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas-lg.offcanvas-bottom {
inset-inline: 0;
height: var(--tblr-offcanvas-height);
max-height: 100%;
border-top: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
transform: none;
}
.offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
visibility: visible;
}
}
@media (min-width: 992px) {
.offcanvas-lg {
--tblr-offcanvas-height: auto;
--tblr-offcanvas-border-width: 0;
--tblr-offcanvas-margin: 0px;
background-color: transparent !important;
}
.offcanvas-lg .offcanvas-header {
display: none;
}
.offcanvas-lg .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important;
}
}
@media (max-width: 1199.98px) {
.offcanvas-xl {
position: fixed;
bottom: 0;
z-index: var(--tblr-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--tblr-offcanvas-color);
visibility: hidden;
background-color: var(--tblr-offcanvas-bg);
background-clip: padding-box;
outline: 0;
box-shadow: var(--tblr-offcanvas-box-shadow);
transition: var(--tblr-offcanvas-transition);
}
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-xl {
transition: none;
}
}
@media (max-width: 1199.98px) {
.offcanvas-xl.offcanvas-start {
top: 0;
inset-inline-start: 0;
width: var(--tblr-offcanvas-width);
border-inline-end: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
/* rtl:ignore */
transform: translateX(calc(var(--tblr-dir) * -100%));
}
.offcanvas-xl.offcanvas-end {
top: 0;
inset-inline-end: 0;
width: var(--tblr-offcanvas-width);
border-inline-start: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
/* rtl:ignore */
transform: translateX(calc(var(--tblr-dir) * 100%));
}
.offcanvas-xl.offcanvas-top {
top: 0;
inset-inline: 0;
height: var(--tblr-offcanvas-height);
max-height: 100%;
border-bottom: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas-xl.offcanvas-bottom {
inset-inline: 0;
height: var(--tblr-offcanvas-height);
max-height: 100%;
border-top: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
transform: none;
}
.offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
visibility: visible;
}
}
@media (min-width: 1200px) {
.offcanvas-xl {
--tblr-offcanvas-height: auto;
--tblr-offcanvas-border-width: 0;
--tblr-offcanvas-margin: 0px;
background-color: transparent !important;
}
.offcanvas-xl .offcanvas-header {
display: none;
}
.offcanvas-xl .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important;
}
}
@media (max-width: 1399.98px) {
.offcanvas-xxl {
position: fixed;
bottom: 0;
z-index: var(--tblr-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--tblr-offcanvas-color);
visibility: hidden;
background-color: var(--tblr-offcanvas-bg);
background-clip: padding-box;
outline: 0;
box-shadow: var(--tblr-offcanvas-box-shadow);
transition: var(--tblr-offcanvas-transition);
}
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-xxl {
transition: none;
}
}
@media (max-width: 1399.98px) {
.offcanvas-xxl.offcanvas-start {
top: 0;
inset-inline-start: 0;
width: var(--tblr-offcanvas-width);
border-inline-end: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
/* rtl:ignore */
transform: translateX(calc(var(--tblr-dir) * -100%));
}
.offcanvas-xxl.offcanvas-end {
top: 0;
inset-inline-end: 0;
width: var(--tblr-offcanvas-width);
border-inline-start: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
/* rtl:ignore */
transform: translateX(calc(var(--tblr-dir) * 100%));
}
.offcanvas-xxl.offcanvas-top {
top: 0;
inset-inline: 0;
height: var(--tblr-offcanvas-height);
max-height: 100%;
border-bottom: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas-xxl.offcanvas-bottom {
inset-inline: 0;
height: var(--tblr-offcanvas-height);
max-height: 100%;
border-top: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
transform: none;
}
.offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
visibility: visible;
}
}
@media (min-width: 1400px) {
.offcanvas-xxl {
--tblr-offcanvas-height: auto;
--tblr-offcanvas-border-width: 0;
--tblr-offcanvas-margin: 0px;
background-color: transparent !important;
}
.offcanvas-xxl .offcanvas-header {
display: none;
}
.offcanvas-xxl .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important;
}
}
.offcanvas {
position: fixed;
bottom: 0;
z-index: var(--tblr-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--tblr-offcanvas-color);
visibility: hidden;
background-color: var(--tblr-offcanvas-bg);
background-clip: padding-box;
outline: 0;
box-shadow: var(--tblr-offcanvas-box-shadow);
transition: var(--tblr-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
.offcanvas {
transition: none;
}
}
.offcanvas.offcanvas-start {
top: 0;
inset-inline-start: 0;
width: var(--tblr-offcanvas-width);
border-inline-end: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
/* rtl:ignore */
transform: translateX(calc(var(--tblr-dir) * -100%));
}
.offcanvas.offcanvas-end {
top: 0;
inset-inline-end: 0;
width: var(--tblr-offcanvas-width);
border-inline-start: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
/* rtl:ignore */
transform: translateX(calc(var(--tblr-dir) * 100%));
}
.offcanvas.offcanvas-top {
top: 0;
inset-inline: 0;
height: var(--tblr-offcanvas-height);
max-height: 100%;
border-bottom: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
inset-inline: 0;
height: var(--tblr-offcanvas-height);
max-height: 100%;
border-top: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
transform: none;
}
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
visibility: visible;
}
.offcanvas-backdrop {
position: fixed;
inset-inline-start: 0;
top: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: light-dark(var(--tblr-gray-800), var(--tblr-black));
}
.offcanvas-backdrop.fade {
opacity: 0;
}
.offcanvas-backdrop.show {
opacity: 0.32;
}
.offcanvas-header {
display: flex;
align-items: center;
padding: var(--tblr-offcanvas-padding-y) var(--tblr-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
padding: calc(var(--tblr-offcanvas-padding-y) * 0.5) calc(var(--tblr-offcanvas-padding-x) * 0.5);
margin-top: calc(-0.5 * var(--tblr-offcanvas-padding-y));
margin-inline-end: calc(-0.5 * var(--tblr-offcanvas-padding-x));
margin-bottom: calc(-0.5 * var(--tblr-offcanvas-padding-y));
margin-inline-start: auto;
}
.offcanvas-title {
margin-bottom: 0;
line-height: var(--tblr-offcanvas-title-line-height);
}
.offcanvas-body {
flex-grow: 1;
padding: var(--tblr-offcanvas-padding-y) var(--tblr-offcanvas-padding-x);
overflow-y: auto;
}
.placeholder {
display: inline-block;
min-height: 1em;
vertical-align: middle;
cursor: wait;
background-color: currentColor;
opacity: 0.2;
}
.placeholder.btn::before {
display: inline-block;
content: "";
}
.placeholder-xs {
min-height: 0.6em;
}
.placeholder-sm {
min-height: 0.8em;
}
.placeholder-lg {
min-height: 1.2em;
}
.placeholder-glow .placeholder {
animation: placeholder-glow 2s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
.placeholder-glow .placeholder {
animation: none;
}
}
@keyframes placeholder-glow {
50% {
opacity: 0.1;
}
}
.placeholder-wave {
mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.9) 75%, #000 95%);
mask-size: 200% 100%;
animation: placeholder-wave 2s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
.placeholder-wave {
animation: none;
}
}
@keyframes placeholder-wave {
100% {
mask-position: -200% 0%;
}
}
.align-baseline {
vertical-align: baseline !important;
}
.align-top {
vertical-align: top !important;
}
.align-middle {
vertical-align: middle !important;
}
.align-bottom {
vertical-align: bottom !important;
}
.align-text-bottom {
vertical-align: text-bottom !important;
}
.align-text-top {
vertical-align: text-top !important;
}
.float-start {
float: inline-start !important;
}
.float-end {
float: inline-end !important;
}
.float-none {
float: none !important;
}
.object-fit-contain {
object-fit: contain !important;
}
.object-fit-cover {
object-fit: cover !important;
}
.object-fit-fill {
object-fit: fill !important;
}
.object-fit-scale {
object-fit: scale-down !important;
}
.object-fit-none {
object-fit: none !important;
}
.opacity-0 {
opacity: 0 !important;
}
.opacity-25 {
opacity: 0.25 !important;
}
.opacity-50 {
opacity: 0.5 !important;
}
.opacity-75 {
opacity: 0.75 !important;
}
.opacity-100 {
opacity: 1 !important;
}
.overflow-auto {
overflow: auto !important;
}
.overflow-hidden {
overflow: hidden !important;
}
.overflow-visible {
overflow: visible !important;
}
.overflow-scroll {
overflow: scroll !important;
}
.overflow-x-auto {
overflow-x: auto !important;
}
.overflow-x-hidden {
overflow-x: hidden !important;
}
.overflow-x-visible {
overflow-x: visible !important;
}
.overflow-x-scroll {
overflow-x: scroll !important;
}
.overflow-y-auto {
overflow-y: auto !important;
}
.overflow-y-hidden {
overflow-y: hidden !important;
}
.overflow-y-visible {
overflow-y: visible !important;
}
.overflow-y-scroll {
overflow-y: scroll !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-grid {
display: grid !important;
}
.d-inline-grid {
display: inline-grid !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
.d-none {
display: none !important;
}
.shadow {
box-shadow: var(--tblr-box-shadow) !important;
}
.shadow-sm {
box-shadow: var(--tblr-box-shadow-sm) !important;
}
.shadow-lg {
box-shadow: var(--tblr-box-shadow-lg) !important;
}
.shadow-none {
box-shadow: none !important;
}
.focus-ring-primary {
--tblr-focus-ring-color: color-mix(in oklab, var(--tblr-primary) calc(var(--tblr-focus-ring-opacity) * 100%), transparent);
}
.focus-ring-secondary {
--tblr-focus-ring-color: color-mix(in oklab, var(--tblr-secondary) calc(var(--tblr-focus-ring-opacity) * 100%), transparent);
}
.focus-ring-success {
--tblr-focus-ring-color: color-mix(in oklab, var(--tblr-success) calc(var(--tblr-focus-ring-opacity) * 100%), transparent);
}
.focus-ring-info {
--tblr-focus-ring-color: color-mix(in oklab, var(--tblr-info) calc(var(--tblr-focus-ring-opacity) * 100%), transparent);
}
.focus-ring-warning {
--tblr-focus-ring-color: color-mix(in oklab, var(--tblr-warning) calc(var(--tblr-focus-ring-opacity) * 100%), transparent);
}
.focus-ring-danger {
--tblr-focus-ring-color: color-mix(in oklab, var(--tblr-danger) calc(var(--tblr-focus-ring-opacity) * 100%), transparent);
}
.focus-ring-light {
--tblr-focus-ring-color: color-mix(in oklab, var(--tblr-light) calc(var(--tblr-focus-ring-opacity) * 100%), transparent);
}
.focus-ring-dark {
--tblr-focus-ring-color: color-mix(in oklab, var(--tblr-dark) calc(var(--tblr-focus-ring-opacity) * 100%), transparent);
}
.focus-ring-muted {
--tblr-focus-ring-color: color-mix(in oklab, var(--tblr-muted) calc(var(--tblr-focus-ring-opacity) * 100%), transparent);
}
.focus-ring-blue {
--tblr-focus-ring-color: color-mix(in oklab, var(--tblr-blue) calc(var(--tblr-focus-ring-opacity) * 100%), transparent);
}
.focus-ring-azure {
--tblr-focus-ring-color: color-mix(in oklab, var(--tblr-azure) calc(var(--tblr-focus-ring-opacity) * 100%), transparent);
}
.focus-ring-indigo {
--tblr-focus-ring-color: color-mix(in oklab, var(--tblr-indigo) calc(var(--tblr-focus-ring-opacity) * 100%), transparent);
}
.focus-ring-purple {
--tblr-focus-ring-color: color-mix(in oklab, var(--tblr-purple) calc(var(--tblr-focus-ring-opacity) * 100%), transparent);
}
.focus-ring-pink {
--tblr-focus-ring-color: color-mix(in oklab, var(--tblr-pink) calc(var(--tblr-focus-ring-opacity) * 100%), transparent);
}
.focus-ring-red {
--tblr-focus-ring-color: color-mix(in oklab, var(--tblr-red) calc(var(--tblr-focus-ring-opacity) * 100%), transparent);
}
.focus-ring-orange {
--tblr-focus-ring-color: color-mix(in oklab, var(--tblr-orange) calc(var(--tblr-focus-ring-opacity) * 100%), transparent);
}
.focus-ring-yellow {
--tblr-focus-ring-color: color-mix(in oklab, var(--tblr-yellow) calc(var(--tblr-focus-ring-opacity) * 100%), transparent);
}
.focus-ring-lime {
--tblr-focus-ring-color: color-mix(in oklab, var(--tblr-lime) calc(var(--tblr-focus-ring-opacity) * 100%), transparent);
}
.focus-ring-green {
--tblr-focus-ring-color: color-mix(in oklab, var(--tblr-green) calc(var(--tblr-focus-ring-opacity) * 100%), transparent);
}
.focus-ring-teal {
--tblr-focus-ring-color: color-mix(in oklab, var(--tblr-teal) calc(var(--tblr-focus-ring-opacity) * 100%), transparent);
}
.focus-ring-cyan {
--tblr-focus-ring-color: color-mix(in oklab, var(--tblr-cyan) calc(var(--tblr-focus-ring-opacity) * 100%), transparent);
}
.position-static {
position: static !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.position-sticky {
position: sticky !important;
}
.top-0 {
top: 0 !important;
}
.top-50 {
top: 50% !important;
}
.top-100 {
top: 100% !important;
}
.bottom-0 {
bottom: 0 !important;
}
.bottom-50 {
bottom: 50% !important;
}
.bottom-100 {
bottom: 100% !important;
}
.start-0 {
inset-inline-start: 0 !important;
}
.start-50 {
inset-inline-start: 50% !important;
}
.start-100 {
inset-inline-start: 100% !important;
}
.end-0 {
inset-inline-end: 0 !important;
}
.end-50 {
inset-inline-end: 50% !important;
}
.end-100 {
inset-inline-end: 100% !important;
}
.translate-middle {
transform: translate(calc(var(--tblr-dir) * -50%), -50%) /*rtl:ignore*/ !important;
}
.translate-middle-x {
transform: translateX(calc(var(--tblr-dir) * -50%)) /*rtl:ignore*/ !important;
}
.translate-middle-y {
transform: translateY(-50%) !important;
}
.object-contain {
object-fit: contain !important;
}
.object-cover {
object-fit: cover !important;
}
.object-fill {
object-fit: fill !important;
}
.object-scale-down {
object-fit: scale-down !important;
}
.object-none {
object-fit: none !important;
}
.cursor-auto {
cursor: auto !important;
}
.cursor-pointer {
cursor: pointer !important;
}
.cursor-move {
cursor: move !important;
}
.cursor-not-allowed {
cursor: not-allowed !important;
}
.cursor-zoom-in {
cursor: zoom-in !important;
}
.cursor-zoom-out {
cursor: zoom-out !important;
}
.cursor-default {
cursor: default !important;
}
.cursor-none {
cursor: none !important;
}
.cursor-help {
cursor: help !important;
}
.cursor-progress {
cursor: progress !important;
}
.cursor-wait {
cursor: wait !important;
}
.cursor-text {
cursor: text !important;
}
.cursor-v-text {
cursor: vertical-text !important;
}
.cursor-grab {
cursor: grab !important;
}
.cursor-grabbing {
cursor: grabbing !important;
}
.cursor-crosshair {
cursor: crosshair !important;
}
.border {
border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}
.border-wide {
border: 2px var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}
.border-0 {
border: 0 !important;
}
.border-top {
border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}
.border-top-wide {
border-top: 2px var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-end {
border-inline-end: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}
.border-end-wide {
border-inline-end: 2px var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}
.border-end-0 {
border-inline-end: 0 !important;
}
.border-bottom {
border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}
.border-bottom-wide {
border-bottom: 2px var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-start {
border-inline-start: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}
.border-start-wide {
border-inline-start: 2px var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}
.border-start-0 {
border-inline-start: 0 !important;
}
.border-x {
border-inline-start: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
border-inline-end: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}
.border-x-wide {
border-inline-start: 2px var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
border-inline-end: 2px var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}
.border-x-0 {
border-inline-start: 0 !important;
border-inline-end: 0 !important;
}
.border-y {
border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}
.border-y-wide {
border-top: 2px var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
border-bottom: 2px var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}
.border-y-0 {
border-top: 0 !important;
border-bottom: 0 !important;
}
.border-black {
--tblr-border-opacity: 1;
border-color: color-mix(in oklab, var(--tblr-black) calc(var(--tblr-border-opacity) * 100%), transparent) !important;
}
.border-primary {
--tblr-border-opacity: 1;
}
.border-secondary {
--tblr-border-opacity: 1;
}
.border-success {
--tblr-border-opacity: 1;
}
.border-info {
--tblr-border-opacity: 1;
}
.border-warning {
--tblr-border-opacity: 1;
}
.border-danger {
--tblr-border-opacity: 1;
}
.border-light {
--tblr-border-opacity: 1;
}
.border-dark {
--tblr-border-opacity: 1;
}
.border-muted {
--tblr-border-opacity: 1;
}
.border-blue {
--tblr-border-opacity: 1;
}
.border-azure {
--tblr-border-opacity: 1;
}
.border-indigo {
--tblr-border-opacity: 1;
}
.border-purple {
--tblr-border-opacity: 1;
}
.border-pink {
--tblr-border-opacity: 1;
}
.border-red {
--tblr-border-opacity: 1;
}
.border-orange {
--tblr-border-opacity: 1;
}
.border-yellow {
--tblr-border-opacity: 1;
}
.border-lime {
--tblr-border-opacity: 1;
}
.border-green {
--tblr-border-opacity: 1;
}
.border-teal {
--tblr-border-opacity: 1;
}
.border-cyan {
--tblr-border-opacity: 1;
}
.border-white {
--tblr-border-opacity: 1;
}
.border-primary-subtle {
border-color: var(--tblr-primary-border-subtle) !important;
}
.border-secondary-subtle {
border-color: var(--tblr-secondary-border-subtle) !important;
}
.border-success-subtle {
border-color: var(--tblr-success-border-subtle) !important;
}
.border-info-subtle {
border-color: var(--tblr-info-border-subtle) !important;
}
.border-warning-subtle {
border-color: var(--tblr-warning-border-subtle) !important;
}
.border-danger-subtle {
border-color: var(--tblr-danger-border-subtle) !important;
}
.border-light-subtle {
border-color: var(--tblr-light-border-subtle) !important;
}
.border-dark-subtle {
border-color: var(--tblr-dark-border-subtle) !important;
}
.border-1 {
border-width: 1px !important;
}
.border-2 {
border-width: 2px !important;
}
.border-3 {
border-width: 3px !important;
}
.border-4 {
border-width: 4px !important;
}
.border-5 {
border-width: 5px !important;
}
.border-opacity-10 {
--tblr-border-opacity: 0.1;
}
.border-opacity-25 {
--tblr-border-opacity: 0.25;
}
.border-opacity-50 {
--tblr-border-opacity: 0.5;
}
.border-opacity-75 {
--tblr-border-opacity: 0.75;
}
.border-opacity-100 {
--tblr-border-opacity: 1;
}
.w-0 {
width: 0 !important;
}
.w-1 {
width: 0.25rem !important;
}
.w-2 {
width: 0.5rem !important;
}
.w-3 {
width: 1rem !important;
}
.w-4 {
width: 1.5rem !important;
}
.w-5 {
width: 2rem !important;
}
.w-6 {
width: 2.5rem !important;
}
.w-25 {
width: 25% !important;
}
.w-33 {
width: 33.33333% !important;
}
.w-50 {
width: 50% !important;
}
.w-66 {
width: 66.66666% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.w-auto {
width: auto !important;
}
.mw-100 {
max-width: 100% !important;
}
.vw-100 {
width: 100vw !important;
}
.min-vw-100 {
min-width: 100vw !important;
}
.h-0 {
height: 0 !important;
}
.h-1 {
height: 0.25rem !important;
}
.h-2 {
height: 0.5rem !important;
}
.h-3 {
height: 1rem !important;
}
.h-4 {
height: 1.5rem !important;
}
.h-5 {
height: 2rem !important;
}
.h-6 {
height: 2.5rem !important;
}
.h-25 {
height: 25% !important;
}
.h-33 {
height: 33.33333% !important;
}
.h-50 {
height: 50% !important;
}
.h-66 {
height: 66.66666% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.h-auto {
height: auto !important;
}
.mh-100 {
max-height: 100% !important;
}
.vh-100 {
height: 100vh !important;
}
.min-vh-100 {
min-height: 100vh !important;
}
.columns-2 {
columns: 2 !important;
}
.columns-3 {
columns: 3 !important;
}
.columns-4 {
columns: 4 !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.justify-content-evenly {
justify-content: space-evenly !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
.order-first {
order: -1 !important;
}
.order-0 {
order: 0 !important;
}
.order-1 {
order: 1 !important;
}
.order-2 {
order: 2 !important;
}
.order-3 {
order: 3 !important;
}
.order-4 {
order: 4 !important;
}
.order-5 {
order: 5 !important;
}
.order-last {
order: 6 !important;
}
.m-0 {
margin: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.m-5 {
margin: 2rem !important;
}
.m-6 {
margin: 2.5rem !important;
}
.m-auto {
margin: auto !important;
}
.mx-0 {
margin-inline-end: 0 !important;
margin-inline-start: 0 !important;
}
.mx-1 {
margin-inline-end: 0.25rem !important;
margin-inline-start: 0.25rem !important;
}
.mx-2 {
margin-inline-end: 0.5rem !important;
margin-inline-start: 0.5rem !important;
}
.mx-3 {
margin-inline-end: 1rem !important;
margin-inline-start: 1rem !important;
}
.mx-4 {
margin-inline-end: 1.5rem !important;
margin-inline-start: 1.5rem !important;
}
.mx-5 {
margin-inline-end: 2rem !important;
margin-inline-start: 2rem !important;
}
.mx-6 {
margin-inline-end: 2.5rem !important;
margin-inline-start: 2.5rem !important;
}
.mx-auto {
margin-inline-end: auto !important;
margin-inline-start: auto !important;
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-5 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.my-6 {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mt-1 {
margin-top: 0.25rem !important;
}
.mt-2 {
margin-top: 0.5rem !important;
}
.mt-3 {
margin-top: 1rem !important;
}
.mt-4 {
margin-top: 1.5rem !important;
}
.mt-5 {
margin-top: 2rem !important;
}
.mt-6 {
margin-top: 2.5rem !important;
}
.mt-auto {
margin-top: auto !important;
}
.me-0 {
margin-inline-end: 0 !important;
}
.me-1 {
margin-inline-end: 0.25rem !important;
}
.me-2 {
margin-inline-end: 0.5rem !important;
}
.me-3 {
margin-inline-end: 1rem !important;
}
.me-4 {
margin-inline-end: 1.5rem !important;
}
.me-5 {
margin-inline-end: 2rem !important;
}
.me-6 {
margin-inline-end: 2.5rem !important;
}
.me-auto {
margin-inline-end: auto !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-1 {
margin-bottom: 0.25rem !important;
}
.mb-2 {
margin-bottom: 0.5rem !important;
}
.mb-3 {
margin-bottom: 1rem !important;
}
.mb-4 {
margin-bottom: 1.5rem !important;
}
.mb-5 {
margin-bottom: 2rem !important;
}
.mb-6 {
margin-bottom: 2.5rem !important;
}
.mb-auto {
margin-bottom: auto !important;
}
.ms-0 {
margin-inline-start: 0 !important;
}
.ms-1 {
margin-inline-start: 0.25rem !important;
}
.ms-2 {
margin-inline-start: 0.5rem !important;
}
.ms-3 {
margin-inline-start: 1rem !important;
}
.ms-4 {
margin-inline-start: 1.5rem !important;
}
.ms-5 {
margin-inline-start: 2rem !important;
}
.ms-6 {
margin-inline-start: 2.5rem !important;
}
.ms-auto {
margin-inline-start: auto !important;
}
.m-n1 {
margin: -0.25rem !important;
}
.m-n2 {
margin: -0.5rem !important;
}
.m-n3 {
margin: -1rem !important;
}
.m-n4 {
margin: -1.5rem !important;
}
.m-n5 {
margin: -2rem !important;
}
.m-n6 {
margin: -2.5rem !important;
}
.mx-n1 {
margin-inline-end: -0.25rem !important;
margin-inline-start: -0.25rem !important;
}
.mx-n2 {
margin-inline-end: -0.5rem !important;
margin-inline-start: -0.5rem !important;
}
.mx-n3 {
margin-inline-end: -1rem !important;
margin-inline-start: -1rem !important;
}
.mx-n4 {
margin-inline-end: -1.5rem !important;
margin-inline-start: -1.5rem !important;
}
.mx-n5 {
margin-inline-end: -2rem !important;
margin-inline-start: -2rem !important;
}
.mx-n6 {
margin-inline-end: -2.5rem !important;
margin-inline-start: -2.5rem !important;
}
.my-n1 {
margin-top: -0.25rem !important;
margin-bottom: -0.25rem !important;
}
.my-n2 {
margin-top: -0.5rem !important;
margin-bottom: -0.5rem !important;
}
.my-n3 {
margin-top: -1rem !important;
margin-bottom: -1rem !important;
}
.my-n4 {
margin-top: -1.5rem !important;
margin-bottom: -1.5rem !important;
}
.my-n5 {
margin-top: -2rem !important;
margin-bottom: -2rem !important;
}
.my-n6 {
margin-top: -2.5rem !important;
margin-bottom: -2.5rem !important;
}
.mt-n1 {
margin-top: -0.25rem !important;
}
.mt-n2 {
margin-top: -0.5rem !important;
}
.mt-n3 {
margin-top: -1rem !important;
}
.mt-n4 {
margin-top: -1.5rem !important;
}
.mt-n5 {
margin-top: -2rem !important;
}
.mt-n6 {
margin-top: -2.5rem !important;
}
.me-n1 {
margin-inline-end: -0.25rem !important;
}
.me-n2 {
margin-inline-end: -0.5rem !important;
}
.me-n3 {
margin-inline-end: -1rem !important;
}
.me-n4 {
margin-inline-end: -1.5rem !important;
}
.me-n5 {
margin-inline-end: -2rem !important;
}
.me-n6 {
margin-inline-end: -2.5rem !important;
}
.mb-n1 {
margin-bottom: -0.25rem !important;
}
.mb-n2 {
margin-bottom: -0.5rem !important;
}
.mb-n3 {
margin-bottom: -1rem !important;
}
.mb-n4 {
margin-bottom: -1.5rem !important;
}
.mb-n5 {
margin-bottom: -2rem !important;
}
.mb-n6 {
margin-bottom: -2.5rem !important;
}
.ms-n1 {
margin-inline-start: -0.25rem !important;
}
.ms-n2 {
margin-inline-start: -0.5rem !important;
}
.ms-n3 {
margin-inline-start: -1rem !important;
}
.ms-n4 {
margin-inline-start: -1.5rem !important;
}
.ms-n5 {
margin-inline-start: -2rem !important;
}
.ms-n6 {
margin-inline-start: -2.5rem !important;
}
.p-0 {
padding: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.p-5 {
padding: 2rem !important;
}
.p-6 {
padding: 2.5rem !important;
}
.px-0 {
padding-inline-end: 0 !important;
padding-inline-start: 0 !important;
}
.px-1 {
padding-inline-end: 0.25rem !important;
padding-inline-start: 0.25rem !important;
}
.px-2 {
padding-inline-end: 0.5rem !important;
padding-inline-start: 0.5rem !important;
}
.px-3 {
padding-inline-end: 1rem !important;
padding-inline-start: 1rem !important;
}
.px-4 {
padding-inline-end: 1.5rem !important;
padding-inline-start: 1.5rem !important;
}
.px-5 {
padding-inline-end: 2rem !important;
padding-inline-start: 2rem !important;
}
.px-6 {
padding-inline-end: 2.5rem !important;
padding-inline-start: 2.5rem !important;
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-5 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.py-6 {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pt-1 {
padding-top: 0.25rem !important;
}
.pt-2 {
padding-top: 0.5rem !important;
}
.pt-3 {
padding-top: 1rem !important;
}
.pt-4 {
padding-top: 1.5rem !important;
}
.pt-5 {
padding-top: 2rem !important;
}
.pt-6 {
padding-top: 2.5rem !important;
}
.pe-0 {
padding-inline-end: 0 !important;
}
.pe-1 {
padding-inline-end: 0.25rem !important;
}
.pe-2 {
padding-inline-end: 0.5rem !important;
}
.pe-3 {
padding-inline-end: 1rem !important;
}
.pe-4 {
padding-inline-end: 1.5rem !important;
}
.pe-5 {
padding-inline-end: 2rem !important;
}
.pe-6 {
padding-inline-end: 2.5rem !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pb-1 {
padding-bottom: 0.25rem !important;
}
.pb-2 {
padding-bottom: 0.5rem !important;
}
.pb-3 {
padding-bottom: 1rem !important;
}
.pb-4 {
padding-bottom: 1.5rem !important;
}
.pb-5 {
padding-bottom: 2rem !important;
}
.pb-6 {
padding-bottom: 2.5rem !important;
}
.ps-0 {
padding-inline-start: 0 !important;
}
.ps-1 {
padding-inline-start: 0.25rem !important;
}
.ps-2 {
padding-inline-start: 0.5rem !important;
}
.ps-3 {
padding-inline-start: 1rem !important;
}
.ps-4 {
padding-inline-start: 1.5rem !important;
}
.ps-5 {
padding-inline-start: 2rem !important;
}
.ps-6 {
padding-inline-start: 2.5rem !important;
}
.gap-0 {
gap: 0 !important;
}
.gap-1 {
gap: 0.25rem !important;
}
.gap-2 {
gap: 0.5rem !important;
}
.gap-3 {
gap: 1rem !important;
}
.gap-4 {
gap: 1.5rem !important;
}
.gap-5 {
gap: 2rem !important;
}
.gap-6 {
gap: 2.5rem !important;
}
.row-gap-0 {
row-gap: 0 !important;
}
.row-gap-1 {
row-gap: 0.25rem !important;
}
.row-gap-2 {
row-gap: 0.5rem !important;
}
.row-gap-3 {
row-gap: 1rem !important;
}
.row-gap-4 {
row-gap: 1.5rem !important;
}
.row-gap-5 {
row-gap: 2rem !important;
}
.row-gap-6 {
row-gap: 2.5rem !important;
}
.column-gap-0 {
column-gap: 0 !important;
}
.column-gap-1 {
column-gap: 0.25rem !important;
}
.column-gap-2 {
column-gap: 0.5rem !important;
}
.column-gap-3 {
column-gap: 1rem !important;
}
.column-gap-4 {
column-gap: 1.5rem !important;
}
.column-gap-5 {
column-gap: 2rem !important;
}
.column-gap-6 {
column-gap: 2.5rem !important;
}
.bg-gradient {
background: linear-gradient(var(--tblr-gradient-direction, to right), var(--tblr-gradient-stops, var(--tblr-gradient-from, transparent), var(--tblr-gradient-to, transparent))) no-repeat !important;
}
.bg-blur {
-webkit-backdrop-filter: blur(4px) !important;
backdrop-filter: blur(4px) !important;
}
.bg-gradient-to-t {
--tblr-gradient-direction: to top !important;
}
.bg-gradient-to-te {
--tblr-gradient-direction: to top right !important;
}
.bg-gradient-to-e {
--tblr-gradient-direction: to right !important;
}
.bg-gradient-to-be {
--tblr-gradient-direction: to bottom right !important;
}
.bg-gradient-to-b {
--tblr-gradient-direction: to bottom !important;
}
.bg-gradient-to-bs {
--tblr-gradient-direction: to bottom left !important;
}
.bg-gradient-to-s {
--tblr-gradient-direction: to left !important;
}
.bg-gradient-to-ts {
--tblr-gradient-direction: to top left !important;
}
.table-auto {
table-layout: auto !important;
}
.table-fixed {
table-layout: fixed !important;
}
.font-sans-serif {
font-family: var(--tblr-font-sans-serif) !important;
}
.font-serif {
font-family: var(--tblr-font-serif) !important;
}
.font-monospace {
font-family: var(--tblr-font-monospace) !important;
}
.font-comic {
font-family: var(--tblr-font-comic) !important;
}
.fs-1 {
font-size: 1.5rem !important;
}
.fs-2 {
font-size: 1.25rem !important;
}
.fs-3 {
font-size: 1rem !important;
}
.fs-4 {
font-size: 0.875rem !important;
}
.fs-5 {
font-size: 0.75rem !important;
}
.fs-6 {
font-size: 0.625rem !important;
}
.fst-italic {
font-style: italic !important;
}
.fst-normal {
font-style: normal !important;
}
.fw-lighter {
font-weight: lighter !important;
}
.fw-light {
font-weight: 300 !important;
}
.fw-normal {
font-weight: 400 !important;
}
.fw-medium {
font-weight: 500 !important;
}
.fw-semibold {
font-weight: 600 !important;
}
.fw-bold {
font-weight: 700 !important;
}
.fw-bolder {
font-weight: bolder !important;
}
.lh-1 {
line-height: 1 !important;
}
.lh-sm {
line-height: 1.1428571429 !important;
}
.lh-base {
line-height: 1.4285714286 !important;
}
.lh-lg {
line-height: 1.7142857143 !important;
}
.text-start {
text-align: left !important;
}
.text-end {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.text-decoration-none {
text-decoration: none !important;
}
.text-decoration-underline {
text-decoration: underline !important;
}
.text-decoration-line-through {
text-decoration: line-through !important;
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.text-wrap {
white-space: normal !important;
}
.text-nowrap {
white-space: nowrap !important;
}
/* rtl:begin:remove */
.text-break {
word-wrap: break-word !important;
word-break: break-word !important;
}
/* rtl:end:remove */
.text-black {
--tblr-text-opacity: 1;
color: color-mix(in oklab, var(--tblr-black) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}
.text-white {
--tblr-text-opacity: 1;
color: color-mix(in oklab, var(--tblr-white) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}
.text-body {
--tblr-text-opacity: 1;
color: color-mix(in oklab, var(--tblr-body-color) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}
.text-black-50 {
--tblr-text-opacity: 1;
color: color-mix(in oklab, var(--tblr-black) 50%, transparent) !important;
}
.text-white-50 {
--tblr-text-opacity: 1;
color: color-mix(in oklab, var(--tblr-white) 50%, transparent) !important;
}
.text-body-secondary {
--tblr-text-opacity: 1;
color: var(--tblr-secondary-color) !important;
}
.text-body-tertiary {
--tblr-text-opacity: 1;
color: var(--tblr-tertiary-color) !important;
}
.text-body-emphasis {
--tblr-text-opacity: 1;
color: var(--tblr-emphasis-color) !important;
}
.text-reset {
--tblr-text-opacity: 1;
color: inherit !important;
}
.text-opacity-25 {
--tblr-text-opacity: 0.25;
}
.text-opacity-50 {
--tblr-text-opacity: 0.5;
}
.text-opacity-75 {
--tblr-text-opacity: 0.75;
}
.text-opacity-100 {
--tblr-text-opacity: 1;
}
.text-primary-emphasis {
color: var(--tblr-primary-text-emphasis) !important;
}
.text-secondary-emphasis {
color: var(--tblr-secondary-text-emphasis) !important;
}
.text-success-emphasis {
color: var(--tblr-success-text-emphasis) !important;
}
.text-info-emphasis {
color: var(--tblr-info-text-emphasis) !important;
}
.text-warning-emphasis {
color: var(--tblr-warning-text-emphasis) !important;
}
.text-danger-emphasis {
color: var(--tblr-danger-text-emphasis) !important;
}
.text-light-emphasis {
color: var(--tblr-light-text-emphasis) !important;
}
.text-dark-emphasis {
color: var(--tblr-dark-text-emphasis) !important;
}
.link-opacity-10 {
--tblr-link-opacity: 0.1;
}
.link-opacity-10-hover:hover {
--tblr-link-opacity: 0.1;
}
.link-opacity-25 {
--tblr-link-opacity: 0.25;
}
.link-opacity-25-hover:hover {
--tblr-link-opacity: 0.25;
}
.link-opacity-50 {
--tblr-link-opacity: 0.5;
}
.link-opacity-50-hover:hover {
--tblr-link-opacity: 0.5;
}
.link-opacity-75 {
--tblr-link-opacity: 0.75;
}
.link-opacity-75-hover:hover {
--tblr-link-opacity: 0.75;
}
.link-opacity-100 {
--tblr-link-opacity: 1;
}
.link-opacity-100-hover:hover {
--tblr-link-opacity: 1;
}
.link-offset-1 {
text-underline-offset: 0.125em !important;
}
.link-offset-1-hover:hover {
text-underline-offset: 0.125em !important;
}
.link-offset-2 {
text-underline-offset: 0.25em !important;
}
.link-offset-2-hover:hover {
text-underline-offset: 0.25em !important;
}
.link-offset-3 {
text-underline-offset: 0.375em !important;
}
.link-offset-3-hover:hover {
text-underline-offset: 0.375em !important;
}
.link-underline-primary {
--tblr-link-underline-opacity: 1;
text-decoration-color: color-mix(in oklab, var(--tblr-primary) calc(var(--tblr-link-underline-opacity) * 100%), transparent) !important;
}
.link-underline-secondary {
--tblr-link-underline-opacity: 1;
text-decoration-color: color-mix(in oklab, var(--tblr-secondary) calc(var(--tblr-link-underline-opacity) * 100%), transparent) !important;
}
.link-underline-success {
--tblr-link-underline-opacity: 1;
text-decoration-color: color-mix(in oklab, var(--tblr-success) calc(var(--tblr-link-underline-opacity) * 100%), transparent) !important;
}
.link-underline-info {
--tblr-link-underline-opacity: 1;
text-decoration-color: color-mix(in oklab, var(--tblr-info) calc(var(--tblr-link-underline-opacity) * 100%), transparent) !important;
}
.link-underline-warning {
--tblr-link-underline-opacity: 1;
text-decoration-color: color-mix(in oklab, var(--tblr-warning) calc(var(--tblr-link-underline-opacity) * 100%), transparent) !important;
}
.link-underline-danger {
--tblr-link-underline-opacity: 1;
text-decoration-color: color-mix(in oklab, var(--tblr-danger) calc(var(--tblr-link-underline-opacity) * 100%), transparent) !important;
}
.link-underline-light {
--tblr-link-underline-opacity: 1;
text-decoration-color: color-mix(in oklab, var(--tblr-light) calc(var(--tblr-link-underline-opacity) * 100%), transparent) !important;
}
.link-underline-dark {
--tblr-link-underline-opacity: 1;
text-decoration-color: color-mix(in oklab, var(--tblr-dark) calc(var(--tblr-link-underline-opacity) * 100%), transparent) !important;
}
.link-underline-muted {
--tblr-link-underline-opacity: 1;
text-decoration-color: color-mix(in oklab, var(--tblr-muted) calc(var(--tblr-link-underline-opacity) * 100%), transparent) !important;
}
.link-underline-blue {
--tblr-link-underline-opacity: 1;
text-decoration-color: color-mix(in oklab, var(--tblr-blue) calc(var(--tblr-link-underline-opacity) * 100%), transparent) !important;
}
.link-underline-azure {
--tblr-link-underline-opacity: 1;
text-decoration-color: color-mix(in oklab, var(--tblr-azure) calc(var(--tblr-link-underline-opacity) * 100%), transparent) !important;
}
.link-underline-indigo {
--tblr-link-underline-opacity: 1;
text-decoration-color: color-mix(in oklab, var(--tblr-indigo) calc(var(--tblr-link-underline-opacity) * 100%), transparent) !important;
}
.link-underline-purple {
--tblr-link-underline-opacity: 1;
text-decoration-color: color-mix(in oklab, var(--tblr-purple) calc(var(--tblr-link-underline-opacity) * 100%), transparent) !important;
}
.link-underline-pink {
--tblr-link-underline-opacity: 1;
text-decoration-color: color-mix(in oklab, var(--tblr-pink) calc(var(--tblr-link-underline-opacity) * 100%), transparent) !important;
}
.link-underline-red {
--tblr-link-underline-opacity: 1;
text-decoration-color: color-mix(in oklab, var(--tblr-red) calc(var(--tblr-link-underline-opacity) * 100%), transparent) !important;
}
.link-underline-orange {
--tblr-link-underline-opacity: 1;
text-decoration-color: color-mix(in oklab, var(--tblr-orange) calc(var(--tblr-link-underline-opacity) * 100%), transparent) !important;
}
.link-underline-yellow {
--tblr-link-underline-opacity: 1;
text-decoration-color: color-mix(in oklab, var(--tblr-yellow) calc(var(--tblr-link-underline-opacity) * 100%), transparent) !important;
}
.link-underline-lime {
--tblr-link-underline-opacity: 1;
text-decoration-color: color-mix(in oklab, var(--tblr-lime) calc(var(--tblr-link-underline-opacity) * 100%), transparent) !important;
}
.link-underline-green {
--tblr-link-underline-opacity: 1;
text-decoration-color: color-mix(in oklab, var(--tblr-green) calc(var(--tblr-link-underline-opacity) * 100%), transparent) !important;
}
.link-underline-teal {
--tblr-link-underline-opacity: 1;
text-decoration-color: color-mix(in oklab, var(--tblr-teal) calc(var(--tblr-link-underline-opacity) * 100%), transparent) !important;
}
.link-underline-cyan {
--tblr-link-underline-opacity: 1;
text-decoration-color: color-mix(in oklab, var(--tblr-cyan) calc(var(--tblr-link-underline-opacity) * 100%), transparent) !important;
}
.link-underline {
--tblr-link-underline-opacity: 1;
text-decoration-color: color-mix(in oklab, var(--tblr-link-color) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.link-underline-opacity-0 {
--tblr-link-underline-opacity: 0;
}
.link-underline-opacity-0-hover:hover {
--tblr-link-underline-opacity: 0;
}
.link-underline-opacity-10 {
--tblr-link-underline-opacity: 0.1;
}
.link-underline-opacity-10-hover:hover {
--tblr-link-underline-opacity: 0.1;
}
.link-underline-opacity-25 {
--tblr-link-underline-opacity: 0.25;
}
.link-underline-opacity-25-hover:hover {
--tblr-link-underline-opacity: 0.25;
}
.link-underline-opacity-50 {
--tblr-link-underline-opacity: 0.5;
}
.link-underline-opacity-50-hover:hover {
--tblr-link-underline-opacity: 0.5;
}
.link-underline-opacity-75 {
--tblr-link-underline-opacity: 0.75;
}
.link-underline-opacity-75-hover:hover {
--tblr-link-underline-opacity: 0.75;
}
.link-underline-opacity-100 {
--tblr-link-underline-opacity: 1;
}
.link-underline-opacity-100-hover:hover {
--tblr-link-underline-opacity: 1;
}
.bg-black {
--tblr-bg-opacity: 1;
background-color: color-mix(in oklab, var(--tblr-black) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}
.bg-body {
--tblr-bg-opacity: 1;
background-color: color-mix(in oklab, var(--tblr-body-bg) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}
.bg-transparent {
--tblr-bg-opacity: 1;
background-color: transparent !important;
}
.bg-body-secondary {
--tblr-bg-opacity: 1;
background-color: color-mix(in oklab, var(--tblr-secondary-bg) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}
.bg-body-tertiary {
--tblr-bg-opacity: 1;
background-color: color-mix(in oklab, var(--tblr-tertiary-bg) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}
.bg-primary {
--tblr-bg-opacity: 1;
}
.bg-secondary {
--tblr-bg-opacity: 1;
}
.bg-success {
--tblr-bg-opacity: 1;
}
.bg-info {
--tblr-bg-opacity: 1;
}
.bg-warning {
--tblr-bg-opacity: 1;
}
.bg-danger {
--tblr-bg-opacity: 1;
}
.bg-light {
--tblr-bg-opacity: 1;
}
.bg-dark {
--tblr-bg-opacity: 1;
}
.bg-muted {
--tblr-bg-opacity: 1;
}
.bg-blue {
--tblr-bg-opacity: 1;
}
.bg-azure {
--tblr-bg-opacity: 1;
}
.bg-indigo {
--tblr-bg-opacity: 1;
}
.bg-purple {
--tblr-bg-opacity: 1;
}
.bg-pink {
--tblr-bg-opacity: 1;
}
.bg-red {
--tblr-bg-opacity: 1;
}
.bg-orange {
--tblr-bg-opacity: 1;
}
.bg-yellow {
--tblr-bg-opacity: 1;
}
.bg-lime {
--tblr-bg-opacity: 1;
}
.bg-green {
--tblr-bg-opacity: 1;
}
.bg-teal {
--tblr-bg-opacity: 1;
}
.bg-cyan {
--tblr-bg-opacity: 1;
}
.bg-white {
--tblr-bg-opacity: 1;
}
.bg-opacity-10 {
--tblr-bg-opacity: 0.1;
}
.bg-opacity-25 {
--tblr-bg-opacity: 0.25;
}
.bg-opacity-50 {
--tblr-bg-opacity: 0.5;
}
.bg-opacity-75 {
--tblr-bg-opacity: 0.75;
}
.bg-opacity-100 {
--tblr-bg-opacity: 1;
}
.bg-primary-subtle {
background-color: var(--tblr-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
background-color: var(--tblr-secondary-bg-subtle) !important;
}
.bg-success-subtle {
background-color: var(--tblr-success-bg-subtle) !important;
}
.bg-info-subtle {
background-color: var(--tblr-info-bg-subtle) !important;
}
.bg-warning-subtle {
background-color: var(--tblr-warning-bg-subtle) !important;
}
.bg-danger-subtle {
background-color: var(--tblr-danger-bg-subtle) !important;
}
.bg-light-subtle {
background-color: var(--tblr-light-bg-subtle) !important;
}
.bg-dark-subtle {
background-color: var(--tblr-dark-bg-subtle) !important;
}
.user-select-all {
-webkit-user-select: all !important;
user-select: all !important;
}
.user-select-auto {
-webkit-user-select: auto !important;
user-select: auto !important;
}
.user-select-none {
-webkit-user-select: none !important;
user-select: none !important;
}
.pe-none {
pointer-events: none !important;
}
.pe-auto {
pointer-events: auto !important;
}
.rounded {
border-radius: var(--tblr-border-radius) !important;
}
.rounded-0 {
border-radius: 0 !important;
}
.rounded-1 {
border-radius: var(--tblr-border-radius-sm) !important;
}
.rounded-2 {
border-radius: var(--tblr-border-radius) !important;
}
.rounded-3 {
border-radius: var(--tblr-border-radius-lg) !important;
}
.rounded-4 {
border-radius: var(--tblr-border-radius-xl) !important;
}
.rounded-5 {
border-radius: var(--tblr-border-radius-xxl) !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-pill {
border-radius: var(--tblr-border-radius-pill) !important;
}
.rounded-top {
border-start-start-radius: var(--tblr-border-radius) !important;
border-start-end-radius: var(--tblr-border-radius) !important;
}
.rounded-top-0 {
border-start-start-radius: 0 !important;
border-start-end-radius: 0 !important;
}
.rounded-top-1 {
border-start-start-radius: var(--tblr-border-radius-sm) !important;
border-start-end-radius: var(--tblr-border-radius-sm) !important;
}
.rounded-top-2 {
border-start-start-radius: var(--tblr-border-radius) !important;
border-start-end-radius: var(--tblr-border-radius) !important;
}
.rounded-top-3 {
border-start-start-radius: var(--tblr-border-radius-lg) !important;
border-start-end-radius: var(--tblr-border-radius-lg) !important;
}
.rounded-top-4 {
border-start-start-radius: var(--tblr-border-radius-xl) !important;
border-start-end-radius: var(--tblr-border-radius-xl) !important;
}
.rounded-top-5 {
border-start-start-radius: var(--tblr-border-radius-xxl) !important;
border-start-end-radius: var(--tblr-border-radius-xxl) !important;
}
.rounded-top-circle {
border-start-start-radius: 50% !important;
border-start-end-radius: 50% !important;
}
.rounded-top-pill {
border-start-start-radius: var(--tblr-border-radius-pill) !important;
border-start-end-radius: var(--tblr-border-radius-pill) !important;
}
.rounded-end {
border-end-end-radius: var(--tblr-border-radius) !important;
border-start-end-radius: var(--tblr-border-radius) !important;
}
.rounded-end-0 {
border-end-end-radius: 0 !important;
border-start-end-radius: 0 !important;
}
.rounded-end-1 {
border-end-end-radius: var(--tblr-border-radius-sm) !important;
border-start-end-radius: var(--tblr-border-radius-sm) !important;
}
.rounded-end-2 {
border-end-end-radius: var(--tblr-border-radius) !important;
border-start-end-radius: var(--tblr-border-radius) !important;
}
.rounded-end-3 {
border-end-end-radius: var(--tblr-border-radius-lg) !important;
border-start-end-radius: var(--tblr-border-radius-lg) !important;
}
.rounded-end-4 {
border-end-end-radius: var(--tblr-border-radius-xl) !important;
border-start-end-radius: var(--tblr-border-radius-xl) !important;
}
.rounded-end-5 {
border-end-end-radius: var(--tblr-border-radius-xxl) !important;
border-start-end-radius: var(--tblr-border-radius-xxl) !important;
}
.rounded-end-circle {
border-end-end-radius: 50% !important;
border-start-end-radius: 50% !important;
}
.rounded-end-pill {
border-end-end-radius: var(--tblr-border-radius-pill) !important;
border-start-end-radius: var(--tblr-border-radius-pill) !important;
}
.rounded-bottom {
border-end-end-radius: var(--tblr-border-radius) !important;
border-end-start-radius: var(--tblr-border-radius) !important;
}
.rounded-bottom-0 {
border-end-end-radius: 0 !important;
border-end-start-radius: 0 !important;
}
.rounded-bottom-1 {
border-end-end-radius: var(--tblr-border-radius-sm) !important;
border-end-start-radius: var(--tblr-border-radius-sm) !important;
}
.rounded-bottom-2 {
border-end-end-radius: var(--tblr-border-radius) !important;
border-end-start-radius: var(--tblr-border-radius) !important;
}
.rounded-bottom-3 {
border-end-end-radius: var(--tblr-border-radius-lg) !important;
border-end-start-radius: var(--tblr-border-radius-lg) !important;
}
.rounded-bottom-4 {
border-end-end-radius: var(--tblr-border-radius-xl) !important;
border-end-start-radius: var(--tblr-border-radius-xl) !important;
}
.rounded-bottom-5 {
border-end-end-radius: var(--tblr-border-radius-xxl) !important;
border-end-start-radius: var(--tblr-border-radius-xxl) !important;
}
.rounded-bottom-circle {
border-end-end-radius: 50% !important;
border-end-start-radius: 50% !important;
}
.rounded-bottom-pill {
border-end-end-radius: var(--tblr-border-radius-pill) !important;
border-end-start-radius: var(--tblr-border-radius-pill) !important;
}
.rounded-start {
border-start-start-radius: var(--tblr-border-radius) !important;
border-end-start-radius: var(--tblr-border-radius) !important;
}
.rounded-start-0 {
border-start-start-radius: 0 !important;
border-end-start-radius: 0 !important;
}
.rounded-start-1 {
border-start-start-radius: var(--tblr-border-radius-sm) !important;
border-end-start-radius: var(--tblr-border-radius-sm) !important;
}
.rounded-start-2 {
border-start-start-radius: var(--tblr-border-radius) !important;
border-end-start-radius: var(--tblr-border-radius) !important;
}
.rounded-start-3 {
border-start-start-radius: var(--tblr-border-radius-lg) !important;
border-end-start-radius: var(--tblr-border-radius-lg) !important;
}
.rounded-start-4 {
border-start-start-radius: var(--tblr-border-radius-xl) !important;
border-end-start-radius: var(--tblr-border-radius-xl) !important;
}
.rounded-start-5 {
border-start-start-radius: var(--tblr-border-radius-xxl) !important;
border-end-start-radius: var(--tblr-border-radius-xxl) !important;
}
.rounded-start-circle {
border-start-start-radius: 50% !important;
border-end-start-radius: 50% !important;
}
.rounded-start-pill {
border-start-start-radius: var(--tblr-border-radius-pill) !important;
border-end-start-radius: var(--tblr-border-radius-pill) !important;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
.z-n1 {
z-index: -1 !important;
}
.z-0 {
z-index: 0 !important;
}
.z-1 {
z-index: 1 !important;
}
.z-2 {
z-index: 2 !important;
}
.z-3 {
z-index: 3 !important;
}
@media (min-width: 576px) {
.float-sm-start {
float: inline-start !important;
}
.float-sm-end {
float: inline-end !important;
}
.float-sm-none {
float: none !important;
}
.object-fit-sm-contain {
object-fit: contain !important;
}
.object-fit-sm-cover {
object-fit: cover !important;
}
.object-fit-sm-fill {
object-fit: fill !important;
}
.object-fit-sm-scale {
object-fit: scale-down !important;
}
.object-fit-sm-none {
object-fit: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-grid {
display: grid !important;
}
.d-sm-inline-grid {
display: inline-grid !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
.d-sm-none {
display: none !important;
}
.columns-sm-2 {
columns: 2 !important;
}
.columns-sm-3 {
columns: 3 !important;
}
.columns-sm-4 {
columns: 4 !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-grow-0 {
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.justify-content-sm-evenly {
justify-content: space-evenly !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
.order-sm-first {
order: -1 !important;
}
.order-sm-0 {
order: 0 !important;
}
.order-sm-1 {
order: 1 !important;
}
.order-sm-2 {
order: 2 !important;
}
.order-sm-3 {
order: 3 !important;
}
.order-sm-4 {
order: 4 !important;
}
.order-sm-5 {
order: 5 !important;
}
.order-sm-last {
order: 6 !important;
}
.m-sm-0 {
margin: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.m-sm-5 {
margin: 2rem !important;
}
.m-sm-6 {
margin: 2.5rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mx-sm-0 {
margin-inline-end: 0 !important;
margin-inline-start: 0 !important;
}
.mx-sm-1 {
margin-inline-end: 0.25rem !important;
margin-inline-start: 0.25rem !important;
}
.mx-sm-2 {
margin-inline-end: 0.5rem !important;
margin-inline-start: 0.5rem !important;
}
.mx-sm-3 {
margin-inline-end: 1rem !important;
margin-inline-start: 1rem !important;
}
.mx-sm-4 {
margin-inline-end: 1.5rem !important;
margin-inline-start: 1.5rem !important;
}
.mx-sm-5 {
margin-inline-end: 2rem !important;
margin-inline-start: 2rem !important;
}
.mx-sm-6 {
margin-inline-end: 2.5rem !important;
margin-inline-start: 2.5rem !important;
}
.mx-sm-auto {
margin-inline-end: auto !important;
margin-inline-start: auto !important;
}
.my-sm-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-sm-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-sm-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-sm-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-sm-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-sm-5 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.my-sm-6 {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
.my-sm-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-sm-0 {
margin-top: 0 !important;
}
.mt-sm-1 {
margin-top: 0.25rem !important;
}
.mt-sm-2 {
margin-top: 0.5rem !important;
}
.mt-sm-3 {
margin-top: 1rem !important;
}
.mt-sm-4 {
margin-top: 1.5rem !important;
}
.mt-sm-5 {
margin-top: 2rem !important;
}
.mt-sm-6 {
margin-top: 2.5rem !important;
}
.mt-sm-auto {
margin-top: auto !important;
}
.me-sm-0 {
margin-inline-end: 0 !important;
}
.me-sm-1 {
margin-inline-end: 0.25rem !important;
}
.me-sm-2 {
margin-inline-end: 0.5rem !important;
}
.me-sm-3 {
margin-inline-end: 1rem !important;
}
.me-sm-4 {
margin-inline-end: 1.5rem !important;
}
.me-sm-5 {
margin-inline-end: 2rem !important;
}
.me-sm-6 {
margin-inline-end: 2.5rem !important;
}
.me-sm-auto {
margin-inline-end: auto !important;
}
.mb-sm-0 {
margin-bottom: 0 !important;
}
.mb-sm-1 {
margin-bottom: 0.25rem !important;
}
.mb-sm-2 {
margin-bottom: 0.5rem !important;
}
.mb-sm-3 {
margin-bottom: 1rem !important;
}
.mb-sm-4 {
margin-bottom: 1.5rem !important;
}
.mb-sm-5 {
margin-bottom: 2rem !important;
}
.mb-sm-6 {
margin-bottom: 2.5rem !important;
}
.mb-sm-auto {
margin-bottom: auto !important;
}
.ms-sm-0 {
margin-inline-start: 0 !important;
}
.ms-sm-1 {
margin-inline-start: 0.25rem !important;
}
.ms-sm-2 {
margin-inline-start: 0.5rem !important;
}
.ms-sm-3 {
margin-inline-start: 1rem !important;
}
.ms-sm-4 {
margin-inline-start: 1.5rem !important;
}
.ms-sm-5 {
margin-inline-start: 2rem !important;
}
.ms-sm-6 {
margin-inline-start: 2.5rem !important;
}
.ms-sm-auto {
margin-inline-start: auto !important;
}
.m-sm-n1 {
margin: -0.25rem !important;
}
.m-sm-n2 {
margin: -0.5rem !important;
}
.m-sm-n3 {
margin: -1rem !important;
}
.m-sm-n4 {
margin: -1.5rem !important;
}
.m-sm-n5 {
margin: -2rem !important;
}
.m-sm-n6 {
margin: -2.5rem !important;
}
.mx-sm-n1 {
margin-inline-end: -0.25rem !important;
margin-inline-start: -0.25rem !important;
}
.mx-sm-n2 {
margin-inline-end: -0.5rem !important;
margin-inline-start: -0.5rem !important;
}
.mx-sm-n3 {
margin-inline-end: -1rem !important;
margin-inline-start: -1rem !important;
}
.mx-sm-n4 {
margin-inline-end: -1.5rem !important;
margin-inline-start: -1.5rem !important;
}
.mx-sm-n5 {
margin-inline-end: -2rem !important;
margin-inline-start: -2rem !important;
}
.mx-sm-n6 {
margin-inline-end: -2.5rem !important;
margin-inline-start: -2.5rem !important;
}
.my-sm-n1 {
margin-top: -0.25rem !important;
margin-bottom: -0.25rem !important;
}
.my-sm-n2 {
margin-top: -0.5rem !important;
margin-bottom: -0.5rem !important;
}
.my-sm-n3 {
margin-top: -1rem !important;
margin-bottom: -1rem !important;
}
.my-sm-n4 {
margin-top: -1.5rem !important;
margin-bottom: -1.5rem !important;
}
.my-sm-n5 {
margin-top: -2rem !important;
margin-bottom: -2rem !important;
}
.my-sm-n6 {
margin-top: -2.5rem !important;
margin-bottom: -2.5rem !important;
}
.mt-sm-n1 {
margin-top: -0.25rem !important;
}
.mt-sm-n2 {
margin-top: -0.5rem !important;
}
.mt-sm-n3 {
margin-top: -1rem !important;
}
.mt-sm-n4 {
margin-top: -1.5rem !important;
}
.mt-sm-n5 {
margin-top: -2rem !important;
}
.mt-sm-n6 {
margin-top: -2.5rem !important;
}
.me-sm-n1 {
margin-inline-end: -0.25rem !important;
}
.me-sm-n2 {
margin-inline-end: -0.5rem !important;
}
.me-sm-n3 {
margin-inline-end: -1rem !important;
}
.me-sm-n4 {
margin-inline-end: -1.5rem !important;
}
.me-sm-n5 {
margin-inline-end: -2rem !important;
}
.me-sm-n6 {
margin-inline-end: -2.5rem !important;
}
.mb-sm-n1 {
margin-bottom: -0.25rem !important;
}
.mb-sm-n2 {
margin-bottom: -0.5rem !important;
}
.mb-sm-n3 {
margin-bottom: -1rem !important;
}
.mb-sm-n4 {
margin-bottom: -1.5rem !important;
}
.mb-sm-n5 {
margin-bottom: -2rem !important;
}
.mb-sm-n6 {
margin-bottom: -2.5rem !important;
}
.ms-sm-n1 {
margin-inline-start: -0.25rem !important;
}
.ms-sm-n2 {
margin-inline-start: -0.5rem !important;
}
.ms-sm-n3 {
margin-inline-start: -1rem !important;
}
.ms-sm-n4 {
margin-inline-start: -1.5rem !important;
}
.ms-sm-n5 {
margin-inline-start: -2rem !important;
}
.ms-sm-n6 {
margin-inline-start: -2.5rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.p-sm-5 {
padding: 2rem !important;
}
.p-sm-6 {
padding: 2.5rem !important;
}
.px-sm-0 {
padding-inline-end: 0 !important;
padding-inline-start: 0 !important;
}
.px-sm-1 {
padding-inline-end: 0.25rem !important;
padding-inline-start: 0.25rem !important;
}
.px-sm-2 {
padding-inline-end: 0.5rem !important;
padding-inline-start: 0.5rem !important;
}
.px-sm-3 {
padding-inline-end: 1rem !important;
padding-inline-start: 1rem !important;
}
.px-sm-4 {
padding-inline-end: 1.5rem !important;
padding-inline-start: 1.5rem !important;
}
.px-sm-5 {
padding-inline-end: 2rem !important;
padding-inline-start: 2rem !important;
}
.px-sm-6 {
padding-inline-end: 2.5rem !important;
padding-inline-start: 2.5rem !important;
}
.py-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-sm-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-sm-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-sm-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-sm-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-sm-5 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.py-sm-6 {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.pt-sm-0 {
padding-top: 0 !important;
}
.pt-sm-1 {
padding-top: 0.25rem !important;
}
.pt-sm-2 {
padding-top: 0.5rem !important;
}
.pt-sm-3 {
padding-top: 1rem !important;
}
.pt-sm-4 {
padding-top: 1.5rem !important;
}
.pt-sm-5 {
padding-top: 2rem !important;
}
.pt-sm-6 {
padding-top: 2.5rem !important;
}
.pe-sm-0 {
padding-inline-end: 0 !important;
}
.pe-sm-1 {
padding-inline-end: 0.25rem !important;
}
.pe-sm-2 {
padding-inline-end: 0.5rem !important;
}
.pe-sm-3 {
padding-inline-end: 1rem !important;
}
.pe-sm-4 {
padding-inline-end: 1.5rem !important;
}
.pe-sm-5 {
padding-inline-end: 2rem !important;
}
.pe-sm-6 {
padding-inline-end: 2.5rem !important;
}
.pb-sm-0 {
padding-bottom: 0 !important;
}
.pb-sm-1 {
padding-bottom: 0.25rem !important;
}
.pb-sm-2 {
padding-bottom: 0.5rem !important;
}
.pb-sm-3 {
padding-bottom: 1rem !important;
}
.pb-sm-4 {
padding-bottom: 1.5rem !important;
}
.pb-sm-5 {
padding-bottom: 2rem !important;
}
.pb-sm-6 {
padding-bottom: 2.5rem !important;
}
.ps-sm-0 {
padding-inline-start: 0 !important;
}
.ps-sm-1 {
padding-inline-start: 0.25rem !important;
}
.ps-sm-2 {
padding-inline-start: 0.5rem !important;
}
.ps-sm-3 {
padding-inline-start: 1rem !important;
}
.ps-sm-4 {
padding-inline-start: 1.5rem !important;
}
.ps-sm-5 {
padding-inline-start: 2rem !important;
}
.ps-sm-6 {
padding-inline-start: 2.5rem !important;
}
.gap-sm-0 {
gap: 0 !important;
}
.gap-sm-1 {
gap: 0.25rem !important;
}
.gap-sm-2 {
gap: 0.5rem !important;
}
.gap-sm-3 {
gap: 1rem !important;
}
.gap-sm-4 {
gap: 1.5rem !important;
}
.gap-sm-5 {
gap: 2rem !important;
}
.gap-sm-6 {
gap: 2.5rem !important;
}
.row-gap-sm-0 {
row-gap: 0 !important;
}
.row-gap-sm-1 {
row-gap: 0.25rem !important;
}
.row-gap-sm-2 {
row-gap: 0.5rem !important;
}
.row-gap-sm-3 {
row-gap: 1rem !important;
}
.row-gap-sm-4 {
row-gap: 1.5rem !important;
}
.row-gap-sm-5 {
row-gap: 2rem !important;
}
.row-gap-sm-6 {
row-gap: 2.5rem !important;
}
.column-gap-sm-0 {
column-gap: 0 !important;
}
.column-gap-sm-1 {
column-gap: 0.25rem !important;
}
.column-gap-sm-2 {
column-gap: 0.5rem !important;
}
.column-gap-sm-3 {
column-gap: 1rem !important;
}
.column-gap-sm-4 {
column-gap: 1.5rem !important;
}
.column-gap-sm-5 {
column-gap: 2rem !important;
}
.column-gap-sm-6 {
column-gap: 2.5rem !important;
}
.text-sm-start {
text-align: left !important;
}
.text-sm-end {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.float-md-start {
float: inline-start !important;
}
.float-md-end {
float: inline-end !important;
}
.float-md-none {
float: none !important;
}
.object-fit-md-contain {
object-fit: contain !important;
}
.object-fit-md-cover {
object-fit: cover !important;
}
.object-fit-md-fill {
object-fit: fill !important;
}
.object-fit-md-scale {
object-fit: scale-down !important;
}
.object-fit-md-none {
object-fit: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-grid {
display: grid !important;
}
.d-md-inline-grid {
display: inline-grid !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
.d-md-none {
display: none !important;
}
.columns-md-2 {
columns: 2 !important;
}
.columns-md-3 {
columns: 3 !important;
}
.columns-md-4 {
columns: 4 !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-grow-0 {
flex-grow: 0 !important;
}
.flex-md-grow-1 {
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
flex-shrink: 1 !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.justify-content-md-evenly {
justify-content: space-evenly !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-content-md-start {
align-content: flex-start !important;
}
.align-content-md-end {
align-content: flex-end !important;
}
.align-content-md-center {
align-content: center !important;
}
.align-content-md-between {
align-content: space-between !important;
}
.align-content-md-around {
align-content: space-around !important;
}
.align-content-md-stretch {
align-content: stretch !important;
}
.align-self-md-auto {
align-self: auto !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
.order-md-first {
order: -1 !important;
}
.order-md-0 {
order: 0 !important;
}
.order-md-1 {
order: 1 !important;
}
.order-md-2 {
order: 2 !important;
}
.order-md-3 {
order: 3 !important;
}
.order-md-4 {
order: 4 !important;
}
.order-md-5 {
order: 5 !important;
}
.order-md-last {
order: 6 !important;
}
.m-md-0 {
margin: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.m-md-5 {
margin: 2rem !important;
}
.m-md-6 {
margin: 2.5rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mx-md-0 {
margin-inline-end: 0 !important;
margin-inline-start: 0 !important;
}
.mx-md-1 {
margin-inline-end: 0.25rem !important;
margin-inline-start: 0.25rem !important;
}
.mx-md-2 {
margin-inline-end: 0.5rem !important;
margin-inline-start: 0.5rem !important;
}
.mx-md-3 {
margin-inline-end: 1rem !important;
margin-inline-start: 1rem !important;
}
.mx-md-4 {
margin-inline-end: 1.5rem !important;
margin-inline-start: 1.5rem !important;
}
.mx-md-5 {
margin-inline-end: 2rem !important;
margin-inline-start: 2rem !important;
}
.mx-md-6 {
margin-inline-end: 2.5rem !important;
margin-inline-start: 2.5rem !important;
}
.mx-md-auto {
margin-inline-end: auto !important;
margin-inline-start: auto !important;
}
.my-md-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-md-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-md-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-md-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-md-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-md-5 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.my-md-6 {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
.my-md-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-md-0 {
margin-top: 0 !important;
}
.mt-md-1 {
margin-top: 0.25rem !important;
}
.mt-md-2 {
margin-top: 0.5rem !important;
}
.mt-md-3 {
margin-top: 1rem !important;
}
.mt-md-4 {
margin-top: 1.5rem !important;
}
.mt-md-5 {
margin-top: 2rem !important;
}
.mt-md-6 {
margin-top: 2.5rem !important;
}
.mt-md-auto {
margin-top: auto !important;
}
.me-md-0 {
margin-inline-end: 0 !important;
}
.me-md-1 {
margin-inline-end: 0.25rem !important;
}
.me-md-2 {
margin-inline-end: 0.5rem !important;
}
.me-md-3 {
margin-inline-end: 1rem !important;
}
.me-md-4 {
margin-inline-end: 1.5rem !important;
}
.me-md-5 {
margin-inline-end: 2rem !important;
}
.me-md-6 {
margin-inline-end: 2.5rem !important;
}
.me-md-auto {
margin-inline-end: auto !important;
}
.mb-md-0 {
margin-bottom: 0 !important;
}
.mb-md-1 {
margin-bottom: 0.25rem !important;
}
.mb-md-2 {
margin-bottom: 0.5rem !important;
}
.mb-md-3 {
margin-bottom: 1rem !important;
}
.mb-md-4 {
margin-bottom: 1.5rem !important;
}
.mb-md-5 {
margin-bottom: 2rem !important;
}
.mb-md-6 {
margin-bottom: 2.5rem !important;
}
.mb-md-auto {
margin-bottom: auto !important;
}
.ms-md-0 {
margin-inline-start: 0 !important;
}
.ms-md-1 {
margin-inline-start: 0.25rem !important;
}
.ms-md-2 {
margin-inline-start: 0.5rem !important;
}
.ms-md-3 {
margin-inline-start: 1rem !important;
}
.ms-md-4 {
margin-inline-start: 1.5rem !important;
}
.ms-md-5 {
margin-inline-start: 2rem !important;
}
.ms-md-6 {
margin-inline-start: 2.5rem !important;
}
.ms-md-auto {
margin-inline-start: auto !important;
}
.m-md-n1 {
margin: -0.25rem !important;
}
.m-md-n2 {
margin: -0.5rem !important;
}
.m-md-n3 {
margin: -1rem !important;
}
.m-md-n4 {
margin: -1.5rem !important;
}
.m-md-n5 {
margin: -2rem !important;
}
.m-md-n6 {
margin: -2.5rem !important;
}
.mx-md-n1 {
margin-inline-end: -0.25rem !important;
margin-inline-start: -0.25rem !important;
}
.mx-md-n2 {
margin-inline-end: -0.5rem !important;
margin-inline-start: -0.5rem !important;
}
.mx-md-n3 {
margin-inline-end: -1rem !important;
margin-inline-start: -1rem !important;
}
.mx-md-n4 {
margin-inline-end: -1.5rem !important;
margin-inline-start: -1.5rem !important;
}
.mx-md-n5 {
margin-inline-end: -2rem !important;
margin-inline-start: -2rem !important;
}
.mx-md-n6 {
margin-inline-end: -2.5rem !important;
margin-inline-start: -2.5rem !important;
}
.my-md-n1 {
margin-top: -0.25rem !important;
margin-bottom: -0.25rem !important;
}
.my-md-n2 {
margin-top: -0.5rem !important;
margin-bottom: -0.5rem !important;
}
.my-md-n3 {
margin-top: -1rem !important;
margin-bottom: -1rem !important;
}
.my-md-n4 {
margin-top: -1.5rem !important;
margin-bottom: -1.5rem !important;
}
.my-md-n5 {
margin-top: -2rem !important;
margin-bottom: -2rem !important;
}
.my-md-n6 {
margin-top: -2.5rem !important;
margin-bottom: -2.5rem !important;
}
.mt-md-n1 {
margin-top: -0.25rem !important;
}
.mt-md-n2 {
margin-top: -0.5rem !important;
}
.mt-md-n3 {
margin-top: -1rem !important;
}
.mt-md-n4 {
margin-top: -1.5rem !important;
}
.mt-md-n5 {
margin-top: -2rem !important;
}
.mt-md-n6 {
margin-top: -2.5rem !important;
}
.me-md-n1 {
margin-inline-end: -0.25rem !important;
}
.me-md-n2 {
margin-inline-end: -0.5rem !important;
}
.me-md-n3 {
margin-inline-end: -1rem !important;
}
.me-md-n4 {
margin-inline-end: -1.5rem !important;
}
.me-md-n5 {
margin-inline-end: -2rem !important;
}
.me-md-n6 {
margin-inline-end: -2.5rem !important;
}
.mb-md-n1 {
margin-bottom: -0.25rem !important;
}
.mb-md-n2 {
margin-bottom: -0.5rem !important;
}
.mb-md-n3 {
margin-bottom: -1rem !important;
}
.mb-md-n4 {
margin-bottom: -1.5rem !important;
}
.mb-md-n5 {
margin-bottom: -2rem !important;
}
.mb-md-n6 {
margin-bottom: -2.5rem !important;
}
.ms-md-n1 {
margin-inline-start: -0.25rem !important;
}
.ms-md-n2 {
margin-inline-start: -0.5rem !important;
}
.ms-md-n3 {
margin-inline-start: -1rem !important;
}
.ms-md-n4 {
margin-inline-start: -1.5rem !important;
}
.ms-md-n5 {
margin-inline-start: -2rem !important;
}
.ms-md-n6 {
margin-inline-start: -2.5rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.p-md-5 {
padding: 2rem !important;
}
.p-md-6 {
padding: 2.5rem !important;
}
.px-md-0 {
padding-inline-end: 0 !important;
padding-inline-start: 0 !important;
}
.px-md-1 {
padding-inline-end: 0.25rem !important;
padding-inline-start: 0.25rem !important;
}
.px-md-2 {
padding-inline-end: 0.5rem !important;
padding-inline-start: 0.5rem !important;
}
.px-md-3 {
padding-inline-end: 1rem !important;
padding-inline-start: 1rem !important;
}
.px-md-4 {
padding-inline-end: 1.5rem !important;
padding-inline-start: 1.5rem !important;
}
.px-md-5 {
padding-inline-end: 2rem !important;
padding-inline-start: 2rem !important;
}
.px-md-6 {
padding-inline-end: 2.5rem !important;
padding-inline-start: 2.5rem !important;
}
.py-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-md-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-md-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-md-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-md-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-md-5 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.py-md-6 {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.pt-md-0 {
padding-top: 0 !important;
}
.pt-md-1 {
padding-top: 0.25rem !important;
}
.pt-md-2 {
padding-top: 0.5rem !important;
}
.pt-md-3 {
padding-top: 1rem !important;
}
.pt-md-4 {
padding-top: 1.5rem !important;
}
.pt-md-5 {
padding-top: 2rem !important;
}
.pt-md-6 {
padding-top: 2.5rem !important;
}
.pe-md-0 {
padding-inline-end: 0 !important;
}
.pe-md-1 {
padding-inline-end: 0.25rem !important;
}
.pe-md-2 {
padding-inline-end: 0.5rem !important;
}
.pe-md-3 {
padding-inline-end: 1rem !important;
}
.pe-md-4 {
padding-inline-end: 1.5rem !important;
}
.pe-md-5 {
padding-inline-end: 2rem !important;
}
.pe-md-6 {
padding-inline-end: 2.5rem !important;
}
.pb-md-0 {
padding-bottom: 0 !important;
}
.pb-md-1 {
padding-bottom: 0.25rem !important;
}
.pb-md-2 {
padding-bottom: 0.5rem !important;
}
.pb-md-3 {
padding-bottom: 1rem !important;
}
.pb-md-4 {
padding-bottom: 1.5rem !important;
}
.pb-md-5 {
padding-bottom: 2rem !important;
}
.pb-md-6 {
padding-bottom: 2.5rem !important;
}
.ps-md-0 {
padding-inline-start: 0 !important;
}
.ps-md-1 {
padding-inline-start: 0.25rem !important;
}
.ps-md-2 {
padding-inline-start: 0.5rem !important;
}
.ps-md-3 {
padding-inline-start: 1rem !important;
}
.ps-md-4 {
padding-inline-start: 1.5rem !important;
}
.ps-md-5 {
padding-inline-start: 2rem !important;
}
.ps-md-6 {
padding-inline-start: 2.5rem !important;
}
.gap-md-0 {
gap: 0 !important;
}
.gap-md-1 {
gap: 0.25rem !important;
}
.gap-md-2 {
gap: 0.5rem !important;
}
.gap-md-3 {
gap: 1rem !important;
}
.gap-md-4 {
gap: 1.5rem !important;
}
.gap-md-5 {
gap: 2rem !important;
}
.gap-md-6 {
gap: 2.5rem !important;
}
.row-gap-md-0 {
row-gap: 0 !important;
}
.row-gap-md-1 {
row-gap: 0.25rem !important;
}
.row-gap-md-2 {
row-gap: 0.5rem !important;
}
.row-gap-md-3 {
row-gap: 1rem !important;
}
.row-gap-md-4 {
row-gap: 1.5rem !important;
}
.row-gap-md-5 {
row-gap: 2rem !important;
}
.row-gap-md-6 {
row-gap: 2.5rem !important;
}
.column-gap-md-0 {
column-gap: 0 !important;
}
.column-gap-md-1 {
column-gap: 0.25rem !important;
}
.column-gap-md-2 {
column-gap: 0.5rem !important;
}
.column-gap-md-3 {
column-gap: 1rem !important;
}
.column-gap-md-4 {
column-gap: 1.5rem !important;
}
.column-gap-md-5 {
column-gap: 2rem !important;
}
.column-gap-md-6 {
column-gap: 2.5rem !important;
}
.text-md-start {
text-align: left !important;
}
.text-md-end {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.float-lg-start {
float: inline-start !important;
}
.float-lg-end {
float: inline-end !important;
}
.float-lg-none {
float: none !important;
}
.object-fit-lg-contain {
object-fit: contain !important;
}
.object-fit-lg-cover {
object-fit: cover !important;
}
.object-fit-lg-fill {
object-fit: fill !important;
}
.object-fit-lg-scale {
object-fit: scale-down !important;
}
.object-fit-lg-none {
object-fit: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-grid {
display: grid !important;
}
.d-lg-inline-grid {
display: inline-grid !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
.d-lg-none {
display: none !important;
}
.columns-lg-2 {
columns: 2 !important;
}
.columns-lg-3 {
columns: 3 !important;
}
.columns-lg-4 {
columns: 4 !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-grow-0 {
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.justify-content-lg-evenly {
justify-content: space-evenly !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
.order-lg-first {
order: -1 !important;
}
.order-lg-0 {
order: 0 !important;
}
.order-lg-1 {
order: 1 !important;
}
.order-lg-2 {
order: 2 !important;
}
.order-lg-3 {
order: 3 !important;
}
.order-lg-4 {
order: 4 !important;
}
.order-lg-5 {
order: 5 !important;
}
.order-lg-last {
order: 6 !important;
}
.m-lg-0 {
margin: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.m-lg-5 {
margin: 2rem !important;
}
.m-lg-6 {
margin: 2.5rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mx-lg-0 {
margin-inline-end: 0 !important;
margin-inline-start: 0 !important;
}
.mx-lg-1 {
margin-inline-end: 0.25rem !important;
margin-inline-start: 0.25rem !important;
}
.mx-lg-2 {
margin-inline-end: 0.5rem !important;
margin-inline-start: 0.5rem !important;
}
.mx-lg-3 {
margin-inline-end: 1rem !important;
margin-inline-start: 1rem !important;
}
.mx-lg-4 {
margin-inline-end: 1.5rem !important;
margin-inline-start: 1.5rem !important;
}
.mx-lg-5 {
margin-inline-end: 2rem !important;
margin-inline-start: 2rem !important;
}
.mx-lg-6 {
margin-inline-end: 2.5rem !important;
margin-inline-start: 2.5rem !important;
}
.mx-lg-auto {
margin-inline-end: auto !important;
margin-inline-start: auto !important;
}
.my-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-lg-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-lg-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-lg-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-lg-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-lg-5 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.my-lg-6 {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
.my-lg-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-lg-0 {
margin-top: 0 !important;
}
.mt-lg-1 {
margin-top: 0.25rem !important;
}
.mt-lg-2 {
margin-top: 0.5rem !important;
}
.mt-lg-3 {
margin-top: 1rem !important;
}
.mt-lg-4 {
margin-top: 1.5rem !important;
}
.mt-lg-5 {
margin-top: 2rem !important;
}
.mt-lg-6 {
margin-top: 2.5rem !important;
}
.mt-lg-auto {
margin-top: auto !important;
}
.me-lg-0 {
margin-inline-end: 0 !important;
}
.me-lg-1 {
margin-inline-end: 0.25rem !important;
}
.me-lg-2 {
margin-inline-end: 0.5rem !important;
}
.me-lg-3 {
margin-inline-end: 1rem !important;
}
.me-lg-4 {
margin-inline-end: 1.5rem !important;
}
.me-lg-5 {
margin-inline-end: 2rem !important;
}
.me-lg-6 {
margin-inline-end: 2.5rem !important;
}
.me-lg-auto {
margin-inline-end: auto !important;
}
.mb-lg-0 {
margin-bottom: 0 !important;
}
.mb-lg-1 {
margin-bottom: 0.25rem !important;
}
.mb-lg-2 {
margin-bottom: 0.5rem !important;
}
.mb-lg-3 {
margin-bottom: 1rem !important;
}
.mb-lg-4 {
margin-bottom: 1.5rem !important;
}
.mb-lg-5 {
margin-bottom: 2rem !important;
}
.mb-lg-6 {
margin-bottom: 2.5rem !important;
}
.mb-lg-auto {
margin-bottom: auto !important;
}
.ms-lg-0 {
margin-inline-start: 0 !important;
}
.ms-lg-1 {
margin-inline-start: 0.25rem !important;
}
.ms-lg-2 {
margin-inline-start: 0.5rem !important;
}
.ms-lg-3 {
margin-inline-start: 1rem !important;
}
.ms-lg-4 {
margin-inline-start: 1.5rem !important;
}
.ms-lg-5 {
margin-inline-start: 2rem !important;
}
.ms-lg-6 {
margin-inline-start: 2.5rem !important;
}
.ms-lg-auto {
margin-inline-start: auto !important;
}
.m-lg-n1 {
margin: -0.25rem !important;
}
.m-lg-n2 {
margin: -0.5rem !important;
}
.m-lg-n3 {
margin: -1rem !important;
}
.m-lg-n4 {
margin: -1.5rem !important;
}
.m-lg-n5 {
margin: -2rem !important;
}
.m-lg-n6 {
margin: -2.5rem !important;
}
.mx-lg-n1 {
margin-inline-end: -0.25rem !important;
margin-inline-start: -0.25rem !important;
}
.mx-lg-n2 {
margin-inline-end: -0.5rem !important;
margin-inline-start: -0.5rem !important;
}
.mx-lg-n3 {
margin-inline-end: -1rem !important;
margin-inline-start: -1rem !important;
}
.mx-lg-n4 {
margin-inline-end: -1.5rem !important;
margin-inline-start: -1.5rem !important;
}
.mx-lg-n5 {
margin-inline-end: -2rem !important;
margin-inline-start: -2rem !important;
}
.mx-lg-n6 {
margin-inline-end: -2.5rem !important;
margin-inline-start: -2.5rem !important;
}
.my-lg-n1 {
margin-top: -0.25rem !important;
margin-bottom: -0.25rem !important;
}
.my-lg-n2 {
margin-top: -0.5rem !important;
margin-bottom: -0.5rem !important;
}
.my-lg-n3 {
margin-top: -1rem !important;
margin-bottom: -1rem !important;
}
.my-lg-n4 {
margin-top: -1.5rem !important;
margin-bottom: -1.5rem !important;
}
.my-lg-n5 {
margin-top: -2rem !important;
margin-bottom: -2rem !important;
}
.my-lg-n6 {
margin-top: -2.5rem !important;
margin-bottom: -2.5rem !important;
}
.mt-lg-n1 {
margin-top: -0.25rem !important;
}
.mt-lg-n2 {
margin-top: -0.5rem !important;
}
.mt-lg-n3 {
margin-top: -1rem !important;
}
.mt-lg-n4 {
margin-top: -1.5rem !important;
}
.mt-lg-n5 {
margin-top: -2rem !important;
}
.mt-lg-n6 {
margin-top: -2.5rem !important;
}
.me-lg-n1 {
margin-inline-end: -0.25rem !important;
}
.me-lg-n2 {
margin-inline-end: -0.5rem !important;
}
.me-lg-n3 {
margin-inline-end: -1rem !important;
}
.me-lg-n4 {
margin-inline-end: -1.5rem !important;
}
.me-lg-n5 {
margin-inline-end: -2rem !important;
}
.me-lg-n6 {
margin-inline-end: -2.5rem !important;
}
.mb-lg-n1 {
margin-bottom: -0.25rem !important;
}
.mb-lg-n2 {
margin-bottom: -0.5rem !important;
}
.mb-lg-n3 {
margin-bottom: -1rem !important;
}
.mb-lg-n4 {
margin-bottom: -1.5rem !important;
}
.mb-lg-n5 {
margin-bottom: -2rem !important;
}
.mb-lg-n6 {
margin-bottom: -2.5rem !important;
}
.ms-lg-n1 {
margin-inline-start: -0.25rem !important;
}
.ms-lg-n2 {
margin-inline-start: -0.5rem !important;
}
.ms-lg-n3 {
margin-inline-start: -1rem !important;
}
.ms-lg-n4 {
margin-inline-start: -1.5rem !important;
}
.ms-lg-n5 {
margin-inline-start: -2rem !important;
}
.ms-lg-n6 {
margin-inline-start: -2.5rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.p-lg-5 {
padding: 2rem !important;
}
.p-lg-6 {
padding: 2.5rem !important;
}
.px-lg-0 {
padding-inline-end: 0 !important;
padding-inline-start: 0 !important;
}
.px-lg-1 {
padding-inline-end: 0.25rem !important;
padding-inline-start: 0.25rem !important;
}
.px-lg-2 {
padding-inline-end: 0.5rem !important;
padding-inline-start: 0.5rem !important;
}
.px-lg-3 {
padding-inline-end: 1rem !important;
padding-inline-start: 1rem !important;
}
.px-lg-4 {
padding-inline-end: 1.5rem !important;
padding-inline-start: 1.5rem !important;
}
.px-lg-5 {
padding-inline-end: 2rem !important;
padding-inline-start: 2rem !important;
}
.px-lg-6 {
padding-inline-end: 2.5rem !important;
padding-inline-start: 2.5rem !important;
}
.py-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-lg-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-lg-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-lg-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-lg-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-lg-5 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.py-lg-6 {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.pt-lg-0 {
padding-top: 0 !important;
}
.pt-lg-1 {
padding-top: 0.25rem !important;
}
.pt-lg-2 {
padding-top: 0.5rem !important;
}
.pt-lg-3 {
padding-top: 1rem !important;
}
.pt-lg-4 {
padding-top: 1.5rem !important;
}
.pt-lg-5 {
padding-top: 2rem !important;
}
.pt-lg-6 {
padding-top: 2.5rem !important;
}
.pe-lg-0 {
padding-inline-end: 0 !important;
}
.pe-lg-1 {
padding-inline-end: 0.25rem !important;
}
.pe-lg-2 {
padding-inline-end: 0.5rem !important;
}
.pe-lg-3 {
padding-inline-end: 1rem !important;
}
.pe-lg-4 {
padding-inline-end: 1.5rem !important;
}
.pe-lg-5 {
padding-inline-end: 2rem !important;
}
.pe-lg-6 {
padding-inline-end: 2.5rem !important;
}
.pb-lg-0 {
padding-bottom: 0 !important;
}
.pb-lg-1 {
padding-bottom: 0.25rem !important;
}
.pb-lg-2 {
padding-bottom: 0.5rem !important;
}
.pb-lg-3 {
padding-bottom: 1rem !important;
}
.pb-lg-4 {
padding-bottom: 1.5rem !important;
}
.pb-lg-5 {
padding-bottom: 2rem !important;
}
.pb-lg-6 {
padding-bottom: 2.5rem !important;
}
.ps-lg-0 {
padding-inline-start: 0 !important;
}
.ps-lg-1 {
padding-inline-start: 0.25rem !important;
}
.ps-lg-2 {
padding-inline-start: 0.5rem !important;
}
.ps-lg-3 {
padding-inline-start: 1rem !important;
}
.ps-lg-4 {
padding-inline-start: 1.5rem !important;
}
.ps-lg-5 {
padding-inline-start: 2rem !important;
}
.ps-lg-6 {
padding-inline-start: 2.5rem !important;
}
.gap-lg-0 {
gap: 0 !important;
}
.gap-lg-1 {
gap: 0.25rem !important;
}
.gap-lg-2 {
gap: 0.5rem !important;
}
.gap-lg-3 {
gap: 1rem !important;
}
.gap-lg-4 {
gap: 1.5rem !important;
}
.gap-lg-5 {
gap: 2rem !important;
}
.gap-lg-6 {
gap: 2.5rem !important;
}
.row-gap-lg-0 {
row-gap: 0 !important;
}
.row-gap-lg-1 {
row-gap: 0.25rem !important;
}
.row-gap-lg-2 {
row-gap: 0.5rem !important;
}
.row-gap-lg-3 {
row-gap: 1rem !important;
}
.row-gap-lg-4 {
row-gap: 1.5rem !important;
}
.row-gap-lg-5 {
row-gap: 2rem !important;
}
.row-gap-lg-6 {
row-gap: 2.5rem !important;
}
.column-gap-lg-0 {
column-gap: 0 !important;
}
.column-gap-lg-1 {
column-gap: 0.25rem !important;
}
.column-gap-lg-2 {
column-gap: 0.5rem !important;
}
.column-gap-lg-3 {
column-gap: 1rem !important;
}
.column-gap-lg-4 {
column-gap: 1.5rem !important;
}
.column-gap-lg-5 {
column-gap: 2rem !important;
}
.column-gap-lg-6 {
column-gap: 2.5rem !important;
}
.text-lg-start {
text-align: left !important;
}
.text-lg-end {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.float-xl-start {
float: inline-start !important;
}
.float-xl-end {
float: inline-end !important;
}
.float-xl-none {
float: none !important;
}
.object-fit-xl-contain {
object-fit: contain !important;
}
.object-fit-xl-cover {
object-fit: cover !important;
}
.object-fit-xl-fill {
object-fit: fill !important;
}
.object-fit-xl-scale {
object-fit: scale-down !important;
}
.object-fit-xl-none {
object-fit: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-grid {
display: grid !important;
}
.d-xl-inline-grid {
display: inline-grid !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
.d-xl-none {
display: none !important;
}
.columns-xl-2 {
columns: 2 !important;
}
.columns-xl-3 {
columns: 3 !important;
}
.columns-xl-4 {
columns: 4 !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-grow-0 {
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.justify-content-xl-evenly {
justify-content: space-evenly !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
.order-xl-first {
order: -1 !important;
}
.order-xl-0 {
order: 0 !important;
}
.order-xl-1 {
order: 1 !important;
}
.order-xl-2 {
order: 2 !important;
}
.order-xl-3 {
order: 3 !important;
}
.order-xl-4 {
order: 4 !important;
}
.order-xl-5 {
order: 5 !important;
}
.order-xl-last {
order: 6 !important;
}
.m-xl-0 {
margin: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.m-xl-5 {
margin: 2rem !important;
}
.m-xl-6 {
margin: 2.5rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mx-xl-0 {
margin-inline-end: 0 !important;
margin-inline-start: 0 !important;
}
.mx-xl-1 {
margin-inline-end: 0.25rem !important;
margin-inline-start: 0.25rem !important;
}
.mx-xl-2 {
margin-inline-end: 0.5rem !important;
margin-inline-start: 0.5rem !important;
}
.mx-xl-3 {
margin-inline-end: 1rem !important;
margin-inline-start: 1rem !important;
}
.mx-xl-4 {
margin-inline-end: 1.5rem !important;
margin-inline-start: 1.5rem !important;
}
.mx-xl-5 {
margin-inline-end: 2rem !important;
margin-inline-start: 2rem !important;
}
.mx-xl-6 {
margin-inline-end: 2.5rem !important;
margin-inline-start: 2.5rem !important;
}
.mx-xl-auto {
margin-inline-end: auto !important;
margin-inline-start: auto !important;
}
.my-xl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-xl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-xl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-xl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-xl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-xl-5 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.my-xl-6 {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
.my-xl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-xl-0 {
margin-top: 0 !important;
}
.mt-xl-1 {
margin-top: 0.25rem !important;
}
.mt-xl-2 {
margin-top: 0.5rem !important;
}
.mt-xl-3 {
margin-top: 1rem !important;
}
.mt-xl-4 {
margin-top: 1.5rem !important;
}
.mt-xl-5 {
margin-top: 2rem !important;
}
.mt-xl-6 {
margin-top: 2.5rem !important;
}
.mt-xl-auto {
margin-top: auto !important;
}
.me-xl-0 {
margin-inline-end: 0 !important;
}
.me-xl-1 {
margin-inline-end: 0.25rem !important;
}
.me-xl-2 {
margin-inline-end: 0.5rem !important;
}
.me-xl-3 {
margin-inline-end: 1rem !important;
}
.me-xl-4 {
margin-inline-end: 1.5rem !important;
}
.me-xl-5 {
margin-inline-end: 2rem !important;
}
.me-xl-6 {
margin-inline-end: 2.5rem !important;
}
.me-xl-auto {
margin-inline-end: auto !important;
}
.mb-xl-0 {
margin-bottom: 0 !important;
}
.mb-xl-1 {
margin-bottom: 0.25rem !important;
}
.mb-xl-2 {
margin-bottom: 0.5rem !important;
}
.mb-xl-3 {
margin-bottom: 1rem !important;
}
.mb-xl-4 {
margin-bottom: 1.5rem !important;
}
.mb-xl-5 {
margin-bottom: 2rem !important;
}
.mb-xl-6 {
margin-bottom: 2.5rem !important;
}
.mb-xl-auto {
margin-bottom: auto !important;
}
.ms-xl-0 {
margin-inline-start: 0 !important;
}
.ms-xl-1 {
margin-inline-start: 0.25rem !important;
}
.ms-xl-2 {
margin-inline-start: 0.5rem !important;
}
.ms-xl-3 {
margin-inline-start: 1rem !important;
}
.ms-xl-4 {
margin-inline-start: 1.5rem !important;
}
.ms-xl-5 {
margin-inline-start: 2rem !important;
}
.ms-xl-6 {
margin-inline-start: 2.5rem !important;
}
.ms-xl-auto {
margin-inline-start: auto !important;
}
.m-xl-n1 {
margin: -0.25rem !important;
}
.m-xl-n2 {
margin: -0.5rem !important;
}
.m-xl-n3 {
margin: -1rem !important;
}
.m-xl-n4 {
margin: -1.5rem !important;
}
.m-xl-n5 {
margin: -2rem !important;
}
.m-xl-n6 {
margin: -2.5rem !important;
}
.mx-xl-n1 {
margin-inline-end: -0.25rem !important;
margin-inline-start: -0.25rem !important;
}
.mx-xl-n2 {
margin-inline-end: -0.5rem !important;
margin-inline-start: -0.5rem !important;
}
.mx-xl-n3 {
margin-inline-end: -1rem !important;
margin-inline-start: -1rem !important;
}
.mx-xl-n4 {
margin-inline-end: -1.5rem !important;
margin-inline-start: -1.5rem !important;
}
.mx-xl-n5 {
margin-inline-end: -2rem !important;
margin-inline-start: -2rem !important;
}
.mx-xl-n6 {
margin-inline-end: -2.5rem !important;
margin-inline-start: -2.5rem !important;
}
.my-xl-n1 {
margin-top: -0.25rem !important;
margin-bottom: -0.25rem !important;
}
.my-xl-n2 {
margin-top: -0.5rem !important;
margin-bottom: -0.5rem !important;
}
.my-xl-n3 {
margin-top: -1rem !important;
margin-bottom: -1rem !important;
}
.my-xl-n4 {
margin-top: -1.5rem !important;
margin-bottom: -1.5rem !important;
}
.my-xl-n5 {
margin-top: -2rem !important;
margin-bottom: -2rem !important;
}
.my-xl-n6 {
margin-top: -2.5rem !important;
margin-bottom: -2.5rem !important;
}
.mt-xl-n1 {
margin-top: -0.25rem !important;
}
.mt-xl-n2 {
margin-top: -0.5rem !important;
}
.mt-xl-n3 {
margin-top: -1rem !important;
}
.mt-xl-n4 {
margin-top: -1.5rem !important;
}
.mt-xl-n5 {
margin-top: -2rem !important;
}
.mt-xl-n6 {
margin-top: -2.5rem !important;
}
.me-xl-n1 {
margin-inline-end: -0.25rem !important;
}
.me-xl-n2 {
margin-inline-end: -0.5rem !important;
}
.me-xl-n3 {
margin-inline-end: -1rem !important;
}
.me-xl-n4 {
margin-inline-end: -1.5rem !important;
}
.me-xl-n5 {
margin-inline-end: -2rem !important;
}
.me-xl-n6 {
margin-inline-end: -2.5rem !important;
}
.mb-xl-n1 {
margin-bottom: -0.25rem !important;
}
.mb-xl-n2 {
margin-bottom: -0.5rem !important;
}
.mb-xl-n3 {
margin-bottom: -1rem !important;
}
.mb-xl-n4 {
margin-bottom: -1.5rem !important;
}
.mb-xl-n5 {
margin-bottom: -2rem !important;
}
.mb-xl-n6 {
margin-bottom: -2.5rem !important;
}
.ms-xl-n1 {
margin-inline-start: -0.25rem !important;
}
.ms-xl-n2 {
margin-inline-start: -0.5rem !important;
}
.ms-xl-n3 {
margin-inline-start: -1rem !important;
}
.ms-xl-n4 {
margin-inline-start: -1.5rem !important;
}
.ms-xl-n5 {
margin-inline-start: -2rem !important;
}
.ms-xl-n6 {
margin-inline-start: -2.5rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.p-xl-5 {
padding: 2rem !important;
}
.p-xl-6 {
padding: 2.5rem !important;
}
.px-xl-0 {
padding-inline-end: 0 !important;
padding-inline-start: 0 !important;
}
.px-xl-1 {
padding-inline-end: 0.25rem !important;
padding-inline-start: 0.25rem !important;
}
.px-xl-2 {
padding-inline-end: 0.5rem !important;
padding-inline-start: 0.5rem !important;
}
.px-xl-3 {
padding-inline-end: 1rem !important;
padding-inline-start: 1rem !important;
}
.px-xl-4 {
padding-inline-end: 1.5rem !important;
padding-inline-start: 1.5rem !important;
}
.px-xl-5 {
padding-inline-end: 2rem !important;
padding-inline-start: 2rem !important;
}
.px-xl-6 {
padding-inline-end: 2.5rem !important;
padding-inline-start: 2.5rem !important;
}
.py-xl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-xl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-xl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-xl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-xl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-xl-5 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.py-xl-6 {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.pt-xl-0 {
padding-top: 0 !important;
}
.pt-xl-1 {
padding-top: 0.25rem !important;
}
.pt-xl-2 {
padding-top: 0.5rem !important;
}
.pt-xl-3 {
padding-top: 1rem !important;
}
.pt-xl-4 {
padding-top: 1.5rem !important;
}
.pt-xl-5 {
padding-top: 2rem !important;
}
.pt-xl-6 {
padding-top: 2.5rem !important;
}
.pe-xl-0 {
padding-inline-end: 0 !important;
}
.pe-xl-1 {
padding-inline-end: 0.25rem !important;
}
.pe-xl-2 {
padding-inline-end: 0.5rem !important;
}
.pe-xl-3 {
padding-inline-end: 1rem !important;
}
.pe-xl-4 {
padding-inline-end: 1.5rem !important;
}
.pe-xl-5 {
padding-inline-end: 2rem !important;
}
.pe-xl-6 {
padding-inline-end: 2.5rem !important;
}
.pb-xl-0 {
padding-bottom: 0 !important;
}
.pb-xl-1 {
padding-bottom: 0.25rem !important;
}
.pb-xl-2 {
padding-bottom: 0.5rem !important;
}
.pb-xl-3 {
padding-bottom: 1rem !important;
}
.pb-xl-4 {
padding-bottom: 1.5rem !important;
}
.pb-xl-5 {
padding-bottom: 2rem !important;
}
.pb-xl-6 {
padding-bottom: 2.5rem !important;
}
.ps-xl-0 {
padding-inline-start: 0 !important;
}
.ps-xl-1 {
padding-inline-start: 0.25rem !important;
}
.ps-xl-2 {
padding-inline-start: 0.5rem !important;
}
.ps-xl-3 {
padding-inline-start: 1rem !important;
}
.ps-xl-4 {
padding-inline-start: 1.5rem !important;
}
.ps-xl-5 {
padding-inline-start: 2rem !important;
}
.ps-xl-6 {
padding-inline-start: 2.5rem !important;
}
.gap-xl-0 {
gap: 0 !important;
}
.gap-xl-1 {
gap: 0.25rem !important;
}
.gap-xl-2 {
gap: 0.5rem !important;
}
.gap-xl-3 {
gap: 1rem !important;
}
.gap-xl-4 {
gap: 1.5rem !important;
}
.gap-xl-5 {
gap: 2rem !important;
}
.gap-xl-6 {
gap: 2.5rem !important;
}
.row-gap-xl-0 {
row-gap: 0 !important;
}
.row-gap-xl-1 {
row-gap: 0.25rem !important;
}
.row-gap-xl-2 {
row-gap: 0.5rem !important;
}
.row-gap-xl-3 {
row-gap: 1rem !important;
}
.row-gap-xl-4 {
row-gap: 1.5rem !important;
}
.row-gap-xl-5 {
row-gap: 2rem !important;
}
.row-gap-xl-6 {
row-gap: 2.5rem !important;
}
.column-gap-xl-0 {
column-gap: 0 !important;
}
.column-gap-xl-1 {
column-gap: 0.25rem !important;
}
.column-gap-xl-2 {
column-gap: 0.5rem !important;
}
.column-gap-xl-3 {
column-gap: 1rem !important;
}
.column-gap-xl-4 {
column-gap: 1.5rem !important;
}
.column-gap-xl-5 {
column-gap: 2rem !important;
}
.column-gap-xl-6 {
column-gap: 2.5rem !important;
}
.text-xl-start {
text-align: left !important;
}
.text-xl-end {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
@media (min-width: 1400px) {
.float-xxl-start {
float: inline-start !important;
}
.float-xxl-end {
float: inline-end !important;
}
.float-xxl-none {
float: none !important;
}
.object-fit-xxl-contain {
object-fit: contain !important;
}
.object-fit-xxl-cover {
object-fit: cover !important;
}
.object-fit-xxl-fill {
object-fit: fill !important;
}
.object-fit-xxl-scale {
object-fit: scale-down !important;
}
.object-fit-xxl-none {
object-fit: none !important;
}
.d-xxl-inline {
display: inline !important;
}
.d-xxl-inline-block {
display: inline-block !important;
}
.d-xxl-block {
display: block !important;
}
.d-xxl-grid {
display: grid !important;
}
.d-xxl-inline-grid {
display: inline-grid !important;
}
.d-xxl-table {
display: table !important;
}
.d-xxl-table-row {
display: table-row !important;
}
.d-xxl-table-cell {
display: table-cell !important;
}
.d-xxl-flex {
display: flex !important;
}
.d-xxl-inline-flex {
display: inline-flex !important;
}
.d-xxl-none {
display: none !important;
}
.columns-xxl-2 {
columns: 2 !important;
}
.columns-xxl-3 {
columns: 3 !important;
}
.columns-xxl-4 {
columns: 4 !important;
}
.flex-xxl-fill {
flex: 1 1 auto !important;
}
.flex-xxl-row {
flex-direction: row !important;
}
.flex-xxl-column {
flex-direction: column !important;
}
.flex-xxl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xxl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xxl-grow-0 {
flex-grow: 0 !important;
}
.flex-xxl-grow-1 {
flex-grow: 1 !important;
}
.flex-xxl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xxl-shrink-1 {
flex-shrink: 1 !important;
}
.flex-xxl-wrap {
flex-wrap: wrap !important;
}
.flex-xxl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-xxl-start {
justify-content: flex-start !important;
}
.justify-content-xxl-end {
justify-content: flex-end !important;
}
.justify-content-xxl-center {
justify-content: center !important;
}
.justify-content-xxl-between {
justify-content: space-between !important;
}
.justify-content-xxl-around {
justify-content: space-around !important;
}
.justify-content-xxl-evenly {
justify-content: space-evenly !important;
}
.align-items-xxl-start {
align-items: flex-start !important;
}
.align-items-xxl-end {
align-items: flex-end !important;
}
.align-items-xxl-center {
align-items: center !important;
}
.align-items-xxl-baseline {
align-items: baseline !important;
}
.align-items-xxl-stretch {
align-items: stretch !important;
}
.align-content-xxl-start {
align-content: flex-start !important;
}
.align-content-xxl-end {
align-content: flex-end !important;
}
.align-content-xxl-center {
align-content: center !important;
}
.align-content-xxl-between {
align-content: space-between !important;
}
.align-content-xxl-around {
align-content: space-around !important;
}
.align-content-xxl-stretch {
align-content: stretch !important;
}
.align-self-xxl-auto {
align-self: auto !important;
}
.align-self-xxl-start {
align-self: flex-start !important;
}
.align-self-xxl-end {
align-self: flex-end !important;
}
.align-self-xxl-center {
align-self: center !important;
}
.align-self-xxl-baseline {
align-self: baseline !important;
}
.align-self-xxl-stretch {
align-self: stretch !important;
}
.order-xxl-first {
order: -1 !important;
}
.order-xxl-0 {
order: 0 !important;
}
.order-xxl-1 {
order: 1 !important;
}
.order-xxl-2 {
order: 2 !important;
}
.order-xxl-3 {
order: 3 !important;
}
.order-xxl-4 {
order: 4 !important;
}
.order-xxl-5 {
order: 5 !important;
}
.order-xxl-last {
order: 6 !important;
}
.m-xxl-0 {
margin: 0 !important;
}
.m-xxl-1 {
margin: 0.25rem !important;
}
.m-xxl-2 {
margin: 0.5rem !important;
}
.m-xxl-3 {
margin: 1rem !important;
}
.m-xxl-4 {
margin: 1.5rem !important;
}
.m-xxl-5 {
margin: 2rem !important;
}
.m-xxl-6 {
margin: 2.5rem !important;
}
.m-xxl-auto {
margin: auto !important;
}
.mx-xxl-0 {
margin-inline-end: 0 !important;
margin-inline-start: 0 !important;
}
.mx-xxl-1 {
margin-inline-end: 0.25rem !important;
margin-inline-start: 0.25rem !important;
}
.mx-xxl-2 {
margin-inline-end: 0.5rem !important;
margin-inline-start: 0.5rem !important;
}
.mx-xxl-3 {
margin-inline-end: 1rem !important;
margin-inline-start: 1rem !important;
}
.mx-xxl-4 {
margin-inline-end: 1.5rem !important;
margin-inline-start: 1.5rem !important;
}
.mx-xxl-5 {
margin-inline-end: 2rem !important;
margin-inline-start: 2rem !important;
}
.mx-xxl-6 {
margin-inline-end: 2.5rem !important;
margin-inline-start: 2.5rem !important;
}
.mx-xxl-auto {
margin-inline-end: auto !important;
margin-inline-start: auto !important;
}
.my-xxl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-xxl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-xxl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-xxl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-xxl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-xxl-5 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.my-xxl-6 {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
.my-xxl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-xxl-0 {
margin-top: 0 !important;
}
.mt-xxl-1 {
margin-top: 0.25rem !important;
}
.mt-xxl-2 {
margin-top: 0.5rem !important;
}
.mt-xxl-3 {
margin-top: 1rem !important;
}
.mt-xxl-4 {
margin-top: 1.5rem !important;
}
.mt-xxl-5 {
margin-top: 2rem !important;
}
.mt-xxl-6 {
margin-top: 2.5rem !important;
}
.mt-xxl-auto {
margin-top: auto !important;
}
.me-xxl-0 {
margin-inline-end: 0 !important;
}
.me-xxl-1 {
margin-inline-end: 0.25rem !important;
}
.me-xxl-2 {
margin-inline-end: 0.5rem !important;
}
.me-xxl-3 {
margin-inline-end: 1rem !important;
}
.me-xxl-4 {
margin-inline-end: 1.5rem !important;
}
.me-xxl-5 {
margin-inline-end: 2rem !important;
}
.me-xxl-6 {
margin-inline-end: 2.5rem !important;
}
.me-xxl-auto {
margin-inline-end: auto !important;
}
.mb-xxl-0 {
margin-bottom: 0 !important;
}
.mb-xxl-1 {
margin-bottom: 0.25rem !important;
}
.mb-xxl-2 {
margin-bottom: 0.5rem !important;
}
.mb-xxl-3 {
margin-bottom: 1rem !important;
}
.mb-xxl-4 {
margin-bottom: 1.5rem !important;
}
.mb-xxl-5 {
margin-bottom: 2rem !important;
}
.mb-xxl-6 {
margin-bottom: 2.5rem !important;
}
.mb-xxl-auto {
margin-bottom: auto !important;
}
.ms-xxl-0 {
margin-inline-start: 0 !important;
}
.ms-xxl-1 {
margin-inline-start: 0.25rem !important;
}
.ms-xxl-2 {
margin-inline-start: 0.5rem !important;
}
.ms-xxl-3 {
margin-inline-start: 1rem !important;
}
.ms-xxl-4 {
margin-inline-start: 1.5rem !important;
}
.ms-xxl-5 {
margin-inline-start: 2rem !important;
}
.ms-xxl-6 {
margin-inline-start: 2.5rem !important;
}
.ms-xxl-auto {
margin-inline-start: auto !important;
}
.m-xxl-n1 {
margin: -0.25rem !important;
}
.m-xxl-n2 {
margin: -0.5rem !important;
}
.m-xxl-n3 {
margin: -1rem !important;
}
.m-xxl-n4 {
margin: -1.5rem !important;
}
.m-xxl-n5 {
margin: -2rem !important;
}
.m-xxl-n6 {
margin: -2.5rem !important;
}
.mx-xxl-n1 {
margin-inline-end: -0.25rem !important;
margin-inline-start: -0.25rem !important;
}
.mx-xxl-n2 {
margin-inline-end: -0.5rem !important;
margin-inline-start: -0.5rem !important;
}
.mx-xxl-n3 {
margin-inline-end: -1rem !important;
margin-inline-start: -1rem !important;
}
.mx-xxl-n4 {
margin-inline-end: -1.5rem !important;
margin-inline-start: -1.5rem !important;
}
.mx-xxl-n5 {
margin-inline-end: -2rem !important;
margin-inline-start: -2rem !important;
}
.mx-xxl-n6 {
margin-inline-end: -2.5rem !important;
margin-inline-start: -2.5rem !important;
}
.my-xxl-n1 {
margin-top: -0.25rem !important;
margin-bottom: -0.25rem !important;
}
.my-xxl-n2 {
margin-top: -0.5rem !important;
margin-bottom: -0.5rem !important;
}
.my-xxl-n3 {
margin-top: -1rem !important;
margin-bottom: -1rem !important;
}
.my-xxl-n4 {
margin-top: -1.5rem !important;
margin-bottom: -1.5rem !important;
}
.my-xxl-n5 {
margin-top: -2rem !important;
margin-bottom: -2rem !important;
}
.my-xxl-n6 {
margin-top: -2.5rem !important;
margin-bottom: -2.5rem !important;
}
.mt-xxl-n1 {
margin-top: -0.25rem !important;
}
.mt-xxl-n2 {
margin-top: -0.5rem !important;
}
.mt-xxl-n3 {
margin-top: -1rem !important;
}
.mt-xxl-n4 {
margin-top: -1.5rem !important;
}
.mt-xxl-n5 {
margin-top: -2rem !important;
}
.mt-xxl-n6 {
margin-top: -2.5rem !important;
}
.me-xxl-n1 {
margin-inline-end: -0.25rem !important;
}
.me-xxl-n2 {
margin-inline-end: -0.5rem !important;
}
.me-xxl-n3 {
margin-inline-end: -1rem !important;
}
.me-xxl-n4 {
margin-inline-end: -1.5rem !important;
}
.me-xxl-n5 {
margin-inline-end: -2rem !important;
}
.me-xxl-n6 {
margin-inline-end: -2.5rem !important;
}
.mb-xxl-n1 {
margin-bottom: -0.25rem !important;
}
.mb-xxl-n2 {
margin-bottom: -0.5rem !important;
}
.mb-xxl-n3 {
margin-bottom: -1rem !important;
}
.mb-xxl-n4 {
margin-bottom: -1.5rem !important;
}
.mb-xxl-n5 {
margin-bottom: -2rem !important;
}
.mb-xxl-n6 {
margin-bottom: -2.5rem !important;
}
.ms-xxl-n1 {
margin-inline-start: -0.25rem !important;
}
.ms-xxl-n2 {
margin-inline-start: -0.5rem !important;
}
.ms-xxl-n3 {
margin-inline-start: -1rem !important;
}
.ms-xxl-n4 {
margin-inline-start: -1.5rem !important;
}
.ms-xxl-n5 {
margin-inline-start: -2rem !important;
}
.ms-xxl-n6 {
margin-inline-start: -2.5rem !important;
}
.p-xxl-0 {
padding: 0 !important;
}
.p-xxl-1 {
padding: 0.25rem !important;
}
.p-xxl-2 {
padding: 0.5rem !important;
}
.p-xxl-3 {
padding: 1rem !important;
}
.p-xxl-4 {
padding: 1.5rem !important;
}
.p-xxl-5 {
padding: 2rem !important;
}
.p-xxl-6 {
padding: 2.5rem !important;
}
.px-xxl-0 {
padding-inline-end: 0 !important;
padding-inline-start: 0 !important;
}
.px-xxl-1 {
padding-inline-end: 0.25rem !important;
padding-inline-start: 0.25rem !important;
}
.px-xxl-2 {
padding-inline-end: 0.5rem !important;
padding-inline-start: 0.5rem !important;
}
.px-xxl-3 {
padding-inline-end: 1rem !important;
padding-inline-start: 1rem !important;
}
.px-xxl-4 {
padding-inline-end: 1.5rem !important;
padding-inline-start: 1.5rem !important;
}
.px-xxl-5 {
padding-inline-end: 2rem !important;
padding-inline-start: 2rem !important;
}
.px-xxl-6 {
padding-inline-end: 2.5rem !important;
padding-inline-start: 2.5rem !important;
}
.py-xxl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-xxl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-xxl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-xxl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-xxl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-xxl-5 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.py-xxl-6 {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.pt-xxl-0 {
padding-top: 0 !important;
}
.pt-xxl-1 {
padding-top: 0.25rem !important;
}
.pt-xxl-2 {
padding-top: 0.5rem !important;
}
.pt-xxl-3 {
padding-top: 1rem !important;
}
.pt-xxl-4 {
padding-top: 1.5rem !important;
}
.pt-xxl-5 {
padding-top: 2rem !important;
}
.pt-xxl-6 {
padding-top: 2.5rem !important;
}
.pe-xxl-0 {
padding-inline-end: 0 !important;
}
.pe-xxl-1 {
padding-inline-end: 0.25rem !important;
}
.pe-xxl-2 {
padding-inline-end: 0.5rem !important;
}
.pe-xxl-3 {
padding-inline-end: 1rem !important;
}
.pe-xxl-4 {
padding-inline-end: 1.5rem !important;
}
.pe-xxl-5 {
padding-inline-end: 2rem !important;
}
.pe-xxl-6 {
padding-inline-end: 2.5rem !important;
}
.pb-xxl-0 {
padding-bottom: 0 !important;
}
.pb-xxl-1 {
padding-bottom: 0.25rem !important;
}
.pb-xxl-2 {
padding-bottom: 0.5rem !important;
}
.pb-xxl-3 {
padding-bottom: 1rem !important;
}
.pb-xxl-4 {
padding-bottom: 1.5rem !important;
}
.pb-xxl-5 {
padding-bottom: 2rem !important;
}
.pb-xxl-6 {
padding-bottom: 2.5rem !important;
}
.ps-xxl-0 {
padding-inline-start: 0 !important;
}
.ps-xxl-1 {
padding-inline-start: 0.25rem !important;
}
.ps-xxl-2 {
padding-inline-start: 0.5rem !important;
}
.ps-xxl-3 {
padding-inline-start: 1rem !important;
}
.ps-xxl-4 {
padding-inline-start: 1.5rem !important;
}
.ps-xxl-5 {
padding-inline-start: 2rem !important;
}
.ps-xxl-6 {
padding-inline-start: 2.5rem !important;
}
.gap-xxl-0 {
gap: 0 !important;
}
.gap-xxl-1 {
gap: 0.25rem !important;
}
.gap-xxl-2 {
gap: 0.5rem !important;
}
.gap-xxl-3 {
gap: 1rem !important;
}
.gap-xxl-4 {
gap: 1.5rem !important;
}
.gap-xxl-5 {
gap: 2rem !important;
}
.gap-xxl-6 {
gap: 2.5rem !important;
}
.row-gap-xxl-0 {
row-gap: 0 !important;
}
.row-gap-xxl-1 {
row-gap: 0.25rem !important;
}
.row-gap-xxl-2 {
row-gap: 0.5rem !important;
}
.row-gap-xxl-3 {
row-gap: 1rem !important;
}
.row-gap-xxl-4 {
row-gap: 1.5rem !important;
}
.row-gap-xxl-5 {
row-gap: 2rem !important;
}
.row-gap-xxl-6 {
row-gap: 2.5rem !important;
}
.column-gap-xxl-0 {
column-gap: 0 !important;
}
.column-gap-xxl-1 {
column-gap: 0.25rem !important;
}
.column-gap-xxl-2 {
column-gap: 0.5rem !important;
}
.column-gap-xxl-3 {
column-gap: 1rem !important;
}
.column-gap-xxl-4 {
column-gap: 1.5rem !important;
}
.column-gap-xxl-5 {
column-gap: 2rem !important;
}
.column-gap-xxl-6 {
column-gap: 2.5rem !important;
}
.text-xxl-start {
text-align: left !important;
}
.text-xxl-end {
text-align: right !important;
}
.text-xxl-center {
text-align: center !important;
}
}
@media print {
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-grid {
display: grid !important;
}
.d-print-inline-grid {
display: inline-grid !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
.d-print-none {
display: none !important;
}
}
:root,
:host {
--tblr-dir: 1;
--tblr-font-monospace: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
--tblr-font-sans-serif: system-ui, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
--tblr-font-serif: Georgia, Times New Roman, times, serif;
--tblr-font-comic: Comic Sans MS, Comic Sans, Chalkboard SE, Comic Neue, sans-serif, cursive;
--tblr-gray-50: oklch(98.51% 0 0deg);
--tblr-gray-100: oklch(97.02% 0 0deg);
--tblr-gray-200: oklch(92.19% 0 0deg);
--tblr-gray-300: oklch(86.99% 0 0deg);
--tblr-gray-400: oklch(71.55% 0 0deg);
--tblr-gray-500: oklch(55.55% 0 0deg);
--tblr-gray-600: oklch(43.86% 0 0deg);
--tblr-gray-700: oklch(37.15% 0 0deg);
--tblr-gray-800: oklch(26.86% 0 0deg);
--tblr-gray-900: oklch(20.46% 0 0deg);
--tblr-gray-950: oklch(14.48% 0 0deg);
--tblr-white: #fff;
--tblr-white-lt: color-mix(in oklab, var(--tblr-white) 10%, transparent);
--tblr-black: #000;
--tblr-gray: oklch(43.86% 0 0deg);
--tblr-gray-dark: oklch(26.86% 0 0deg);
--tblr-black-lt: color-mix(in oklab, var(--tblr-black) 10%, transparent);
--tblr-gray-lt: color-mix(in oklab, var(--tblr-gray) 10%, transparent);
--tblr-gray-dark-lt: color-mix(in oklab, var(--tblr-gray-dark) 10%, transparent);
--tblr-dark: oklch(26.86% 0 0deg);
--tblr-light: oklch(98.51% 0 0deg);
--tblr-brand: oklch(54.6% 0.1724 254.2deg);
--tblr-primary: oklch(54.6% 0.1724 254.2deg);
--tblr-primary-fg: var(--tblr-light);
--tblr-primary-darken: oklch(from var(--tblr-primary) calc(l - 0.06) c h);
--tblr-primary-lt: color-mix(in oklab, var(--tblr-primary) 10%, transparent);
--tblr-primary-200: color-mix(in oklab, var(--tblr-primary) 20%, transparent);
--tblr-secondary: oklch(55.55% 0 0deg);
--tblr-secondary-fg: var(--tblr-light);
--tblr-secondary-darken: oklch(from var(--tblr-secondary) calc(l - 0.06) c h);
--tblr-secondary-lt: color-mix(in oklab, var(--tblr-secondary) 10%, transparent);
--tblr-secondary-200: color-mix(in oklab, var(--tblr-secondary) 20%, transparent);
--tblr-success: oklch(67.38% 0.1885 145.43deg);
--tblr-success-fg: var(--tblr-light);
--tblr-success-darken: oklch(from var(--tblr-success) calc(l - 0.06) c h);
--tblr-success-lt: color-mix(in oklab, var(--tblr-success) 10%, transparent);
--tblr-success-200: color-mix(in oklab, var(--tblr-success) 20%, transparent);
--tblr-info: oklch(66.26% 0.1358 246.81deg);
--tblr-info-fg: var(--tblr-light);
--tblr-info-darken: oklch(from var(--tblr-info) calc(l - 0.06) c h);
--tblr-info-lt: color-mix(in oklab, var(--tblr-info) 10%, transparent);
--tblr-info-200: color-mix(in oklab, var(--tblr-info) 20%, transparent);
--tblr-warning: oklch(77.02% 0.1658 71.02deg);
--tblr-warning-fg: var(--tblr-light);
--tblr-warning-darken: oklch(from var(--tblr-warning) calc(l - 0.06) c h);
--tblr-warning-lt: color-mix(in oklab, var(--tblr-warning) 10%, transparent);
--tblr-warning-200: color-mix(in oklab, var(--tblr-warning) 20%, transparent);
--tblr-danger: oklch(58.29% 0.1941 25.59deg);
--tblr-danger-fg: var(--tblr-light);
--tblr-danger-darken: oklch(from var(--tblr-danger) calc(l - 0.06) c h);
--tblr-danger-lt: color-mix(in oklab, var(--tblr-danger) 10%, transparent);
--tblr-danger-200: color-mix(in oklab, var(--tblr-danger) 20%, transparent);
--tblr-light: oklch(98.51% 0 0deg);
--tblr-light-fg: var(--tblr-dark);
--tblr-light-darken: oklch(from var(--tblr-light) calc(l - 0.06) c h);
--tblr-light-lt: color-mix(in oklab, var(--tblr-light) 10%, transparent);
--tblr-light-200: color-mix(in oklab, var(--tblr-light) 20%, transparent);
--tblr-dark: oklch(26.86% 0 0deg);
--tblr-dark-fg: var(--tblr-light);
--tblr-dark-darken: oklch(from var(--tblr-dark) calc(l - 0.06) c h);
--tblr-dark-lt: color-mix(in oklab, var(--tblr-dark) 10%, transparent);
--tblr-dark-200: color-mix(in oklab, var(--tblr-dark) 20%, transparent);
--tblr-muted: oklch(55.55% 0 0deg);
--tblr-muted-fg: var(--tblr-light);
--tblr-muted-darken: oklch(from var(--tblr-muted) calc(l - 0.06) c h);
--tblr-muted-lt: color-mix(in oklab, var(--tblr-muted) 10%, transparent);
--tblr-muted-200: color-mix(in oklab, var(--tblr-muted) 20%, transparent);
--tblr-blue: oklch(54.6% 0.1724 254.2deg);
--tblr-blue-fg: var(--tblr-light);
--tblr-blue-darken: oklch(from var(--tblr-blue) calc(l - 0.06) c h);
--tblr-blue-lt: color-mix(in oklab, var(--tblr-blue) 10%, transparent);
--tblr-blue-200: color-mix(in oklab, var(--tblr-blue) 20%, transparent);
--tblr-azure: oklch(66.26% 0.1358 246.81deg);
--tblr-azure-fg: var(--tblr-light);
--tblr-azure-darken: oklch(from var(--tblr-azure) calc(l - 0.06) c h);
--tblr-azure-lt: color-mix(in oklab, var(--tblr-azure) 10%, transparent);
--tblr-azure-200: color-mix(in oklab, var(--tblr-azure) 20%, transparent);
--tblr-indigo: oklch(55.66% 0.2082 268.35deg);
--tblr-indigo-fg: var(--tblr-light);
--tblr-indigo-darken: oklch(from var(--tblr-indigo) calc(l - 0.06) c h);
--tblr-indigo-lt: color-mix(in oklab, var(--tblr-indigo) 10%, transparent);
--tblr-indigo-200: color-mix(in oklab, var(--tblr-indigo) 20%, transparent);
--tblr-purple: oklch(57.83% 0.2186 319.15deg);
--tblr-purple-fg: var(--tblr-light);
--tblr-purple-darken: oklch(from var(--tblr-purple) calc(l - 0.06) c h);
--tblr-purple-lt: color-mix(in oklab, var(--tblr-purple) 10%, transparent);
--tblr-purple-200: color-mix(in oklab, var(--tblr-purple) 20%, transparent);
--tblr-pink: oklch(58.81% 0.201 5.25deg);
--tblr-pink-fg: var(--tblr-light);
--tblr-pink-darken: oklch(from var(--tblr-pink) calc(l - 0.06) c h);
--tblr-pink-lt: color-mix(in oklab, var(--tblr-pink) 10%, transparent);
--tblr-pink-200: color-mix(in oklab, var(--tblr-pink) 20%, transparent);
--tblr-red: oklch(58.29% 0.1941 25.59deg);
--tblr-red-fg: var(--tblr-light);
--tblr-red-darken: oklch(from var(--tblr-red) calc(l - 0.06) c h);
--tblr-red-lt: color-mix(in oklab, var(--tblr-red) 10%, transparent);
--tblr-red-200: color-mix(in oklab, var(--tblr-red) 20%, transparent);
--tblr-orange: oklch(68.51% 0.1954 44.57deg);
--tblr-orange-fg: var(--tblr-light);
--tblr-orange-darken: oklch(from var(--tblr-orange) calc(l - 0.06) c h);
--tblr-orange-lt: color-mix(in oklab, var(--tblr-orange) 10%, transparent);
--tblr-orange-200: color-mix(in oklab, var(--tblr-orange) 20%, transparent);
--tblr-yellow: oklch(77.02% 0.1658 71.02deg);
--tblr-yellow-fg: var(--tblr-light);
--tblr-yellow-darken: oklch(from var(--tblr-yellow) calc(l - 0.06) c h);
--tblr-yellow-lt: color-mix(in oklab, var(--tblr-yellow) 10%, transparent);
--tblr-yellow-200: color-mix(in oklab, var(--tblr-yellow) 20%, transparent);
--tblr-lime: oklch(70.99% 0.1897 131.53deg);
--tblr-lime-fg: var(--tblr-light);
--tblr-lime-darken: oklch(from var(--tblr-lime) calc(l - 0.06) c h);
--tblr-lime-lt: color-mix(in oklab, var(--tblr-lime) 10%, transparent);
--tblr-lime-200: color-mix(in oklab, var(--tblr-lime) 20%, transparent);
--tblr-green: oklch(67.38% 0.1885 145.43deg);
--tblr-green-fg: var(--tblr-light);
--tblr-green-darken: oklch(from var(--tblr-green) calc(l - 0.06) c h);
--tblr-green-lt: color-mix(in oklab, var(--tblr-green) 10%, transparent);
--tblr-green-200: color-mix(in oklab, var(--tblr-green) 20%, transparent);
--tblr-teal: oklch(64.32% 0.1338 164.7deg);
--tblr-teal-fg: var(--tblr-light);
--tblr-teal-darken: oklch(from var(--tblr-teal) calc(l - 0.06) c h);
--tblr-teal-lt: color-mix(in oklab, var(--tblr-teal) 10%, transparent);
--tblr-teal-200: color-mix(in oklab, var(--tblr-teal) 20%, transparent);
--tblr-cyan: oklch(65.52% 0.1105 212.17deg);
--tblr-cyan-fg: var(--tblr-light);
--tblr-cyan-darken: oklch(from var(--tblr-cyan) calc(l - 0.06) c h);
--tblr-cyan-lt: color-mix(in oklab, var(--tblr-cyan) 10%, transparent);
--tblr-cyan-200: color-mix(in oklab, var(--tblr-cyan) 20%, transparent);
--tblr-x: #000;
--tblr-x-fg: var(--tblr-light);
--tblr-x-darken: oklch(from var(--tblr-x) calc(l - 0.06) c h);
--tblr-x-lt: color-mix(in oklab, var(--tblr-x) 10%, transparent);
--tblr-x-200: color-mix(in oklab, var(--tblr-x) 20%, transparent);
--tblr-facebook: #0866ff;
--tblr-facebook-fg: var(--tblr-light);
--tblr-facebook-darken: oklch(from var(--tblr-facebook) calc(l - 0.06) c h);
--tblr-facebook-lt: color-mix(in oklab, var(--tblr-facebook) 10%, transparent);
--tblr-facebook-200: color-mix(in oklab, var(--tblr-facebook) 20%, transparent);
--tblr-twitter: #1da1f2;
--tblr-twitter-fg: var(--tblr-light);
--tblr-twitter-darken: oklch(from var(--tblr-twitter) calc(l - 0.06) c h);
--tblr-twitter-lt: color-mix(in oklab, var(--tblr-twitter) 10%, transparent);
--tblr-twitter-200: color-mix(in oklab, var(--tblr-twitter) 20%, transparent);
--tblr-linkedin: #0a66c2;
--tblr-linkedin-fg: var(--tblr-light);
--tblr-linkedin-darken: oklch(from var(--tblr-linkedin) calc(l - 0.06) c h);
--tblr-linkedin-lt: color-mix(in oklab, var(--tblr-linkedin) 10%, transparent);
--tblr-linkedin-200: color-mix(in oklab, var(--tblr-linkedin) 20%, transparent);
--tblr-google: #4285f4;
--tblr-google-fg: var(--tblr-light);
--tblr-google-darken: oklch(from var(--tblr-google) calc(l - 0.06) c h);
--tblr-google-lt: color-mix(in oklab, var(--tblr-google) 10%, transparent);
--tblr-google-200: color-mix(in oklab, var(--tblr-google) 20%, transparent);
--tblr-youtube: #f00;
--tblr-youtube-fg: var(--tblr-light);
--tblr-youtube-darken: oklch(from var(--tblr-youtube) calc(l - 0.06) c h);
--tblr-youtube-lt: color-mix(in oklab, var(--tblr-youtube) 10%, transparent);
--tblr-youtube-200: color-mix(in oklab, var(--tblr-youtube) 20%, transparent);
--tblr-vimeo: #1ab7ea;
--tblr-vimeo-fg: var(--tblr-light);
--tblr-vimeo-darken: oklch(from var(--tblr-vimeo) calc(l - 0.06) c h);
--tblr-vimeo-lt: color-mix(in oklab, var(--tblr-vimeo) 10%, transparent);
--tblr-vimeo-200: color-mix(in oklab, var(--tblr-vimeo) 20%, transparent);
--tblr-dribbble: #ea4c89;
--tblr-dribbble-fg: var(--tblr-light);
--tblr-dribbble-darken: oklch(from var(--tblr-dribbble) calc(l - 0.06) c h);
--tblr-dribbble-lt: color-mix(in oklab, var(--tblr-dribbble) 10%, transparent);
--tblr-dribbble-200: color-mix(in oklab, var(--tblr-dribbble) 20%, transparent);
--tblr-github: #181717;
--tblr-github-fg: var(--tblr-light);
--tblr-github-darken: oklch(from var(--tblr-github) calc(l - 0.06) c h);
--tblr-github-lt: color-mix(in oklab, var(--tblr-github) 10%, transparent);
--tblr-github-200: color-mix(in oklab, var(--tblr-github) 20%, transparent);
--tblr-instagram: #ff0069;
--tblr-instagram-fg: var(--tblr-light);
--tblr-instagram-darken: oklch(from var(--tblr-instagram) calc(l - 0.06) c h);
--tblr-instagram-lt: color-mix(in oklab, var(--tblr-instagram) 10%, transparent);
--tblr-instagram-200: color-mix(in oklab, var(--tblr-instagram) 20%, transparent);
--tblr-pinterest: #bd081c;
--tblr-pinterest-fg: var(--tblr-light);
--tblr-pinterest-darken: oklch(from var(--tblr-pinterest) calc(l - 0.06) c h);
--tblr-pinterest-lt: color-mix(in oklab, var(--tblr-pinterest) 10%, transparent);
--tblr-pinterest-200: color-mix(in oklab, var(--tblr-pinterest) 20%, transparent);
--tblr-vk: #07f;
--tblr-vk-fg: var(--tblr-light);
--tblr-vk-darken: oklch(from var(--tblr-vk) calc(l - 0.06) c h);
--tblr-vk-lt: color-mix(in oklab, var(--tblr-vk) 10%, transparent);
--tblr-vk-200: color-mix(in oklab, var(--tblr-vk) 20%, transparent);
--tblr-rss: #ffa500;
--tblr-rss-fg: var(--tblr-dark);
--tblr-rss-darken: oklch(from var(--tblr-rss) calc(l - 0.06) c h);
--tblr-rss-lt: color-mix(in oklab, var(--tblr-rss) 10%, transparent);
--tblr-rss-200: color-mix(in oklab, var(--tblr-rss) 20%, transparent);
--tblr-flickr: #0063dc;
--tblr-flickr-fg: var(--tblr-light);
--tblr-flickr-darken: oklch(from var(--tblr-flickr) calc(l - 0.06) c h);
--tblr-flickr-lt: color-mix(in oklab, var(--tblr-flickr) 10%, transparent);
--tblr-flickr-200: color-mix(in oklab, var(--tblr-flickr) 20%, transparent);
--tblr-bitbucket: #0052cc;
--tblr-bitbucket-fg: var(--tblr-light);
--tblr-bitbucket-darken: oklch(from var(--tblr-bitbucket) calc(l - 0.06) c h);
--tblr-bitbucket-lt: color-mix(in oklab, var(--tblr-bitbucket) 10%, transparent);
--tblr-bitbucket-200: color-mix(in oklab, var(--tblr-bitbucket) 20%, transparent);
--tblr-tabler: #066fd1;
--tblr-tabler-fg: var(--tblr-light);
--tblr-tabler-darken: oklch(from var(--tblr-tabler) calc(l - 0.06) c h);
--tblr-tabler-lt: color-mix(in oklab, var(--tblr-tabler) 10%, transparent);
--tblr-tabler-200: color-mix(in oklab, var(--tblr-tabler) 20%, transparent);
--tblr-gray-50-fg: var(--tblr-gray-50);
--tblr-gray-100-fg: var(--tblr-gray-100);
--tblr-gray-200-fg: var(--tblr-gray-200);
--tblr-gray-300-fg: var(--tblr-gray-300);
--tblr-gray-400-fg: var(--tblr-gray-400);
--tblr-gray-500-fg: var(--tblr-gray-500);
--tblr-gray-600-fg: var(--tblr-gray-600);
--tblr-gray-700-fg: var(--tblr-gray-700);
--tblr-gray-800-fg: var(--tblr-gray-800);
--tblr-gray-900-fg: var(--tblr-gray-900);
--tblr-gray-950-fg: var(--tblr-gray-950);
--tblr-spacer-0: 0;
--tblr-spacer-1: 0.25rem;
--tblr-spacer-2: 0.5rem;
--tblr-spacer-3: 1rem;
--tblr-spacer-4: 1.5rem;
--tblr-spacer-5: 2rem;
--tblr-spacer-6: 2.5rem;
--tblr-icon-size: 1.25rem;
--tblr-font-weight-light: 300;
--tblr-font-weight-normal: 400;
--tblr-font-weight-medium: 500;
--tblr-font-weight-semibold: 600;
--tblr-font-weight-bold: 700;
--tblr-font-weight-headings: var(--tblr-font-weight-semibold);
--tblr-font-size-h1: 1.5rem;
--tblr-font-size-h2: 1.25rem;
--tblr-font-size-h3: 1rem;
--tblr-font-size-h4: 0.875rem;
--tblr-font-size-h5: 0.75rem;
--tblr-font-size-h6: 0.625rem;
--tblr-line-height-h1: 2rem;
--tblr-line-height-h2: 1.75rem;
--tblr-line-height-h3: 1.5rem;
--tblr-line-height-h4: 1.25rem;
--tblr-line-height-h5: 1rem;
--tblr-line-height-h6: 1rem;
--tblr-line-height-base: 1.4285714286;
--tblr-line-height-sm: 1.1428571429;
--tblr-line-height-lg: 1.7142857143;
--tblr-line-height-xl: 2;
--tblr-shadow-color: light-dark(rgba(18, 18, 23, 0.4), #000);
--tblr-shadow: 0px 2px 4px -1px color-mix(in oklab, var(--tblr-shadow-color) 15%, transparent), 0px 4px 6px -1px color-mix(in oklab, var(--tblr-shadow-color) 20%, transparent);
--tblr-shadow-xs: 0 1px 2px 0 color-mix(in oklab, var(--tblr-shadow-color) 12.5%, transparent);
--tblr-shadow-sm: 0 1px 3px 0 color-mix(in oklab, var(--tblr-shadow-color) 25%, transparent), 0 1px 2px 0 color-mix(in oklab, var(--tblr-shadow-color) 15%, transparent);
--tblr-shadow-md: 0px 2px 4px -1px color-mix(in oklab, var(--tblr-shadow-color) 15%, transparent), 0px 4px 6px -1px color-mix(in oklab, var(--tblr-shadow-color) 20%, transparent);
--tblr-shadow-lg: 0px 4px 6px -2px color-mix(in oklab, var(--tblr-shadow-color) 12.5%, transparent), 0px 10px 15px -3px color-mix(in oklab, var(--tblr-shadow-color) 20%, transparent);
--tblr-shadow-xl: 0px 10px 10px -5px color-mix(in oklab, var(--tblr-shadow-color) 10%, transparent), 0px 20px 25px -5px color-mix(in oklab, var(--tblr-shadow-color) 25%, transparent);
--tblr-shadow-2xl: 0px 25px 50px -12px color-mix(in oklab, var(--tblr-shadow-color) 62.5%, transparent);
--tblr-shadow-overlay: 0px 2px 4px 0px color-mix(in oklab, var(--tblr-shadow-color) 10%, transparent), 0px 5px 8px 0px color-mix(in oklab, var(--tblr-shadow-color) 10%, transparent), 0px 10px 18px 0px color-mix(in oklab, var(--tblr-shadow-color) 7.5%, transparent), 0px 24px 48px 0px color-mix(in oklab, var(--tblr-shadow-color) 7.5%, transparent), 0px 0px 0px 1px color-mix(in oklab, var(--tblr-shadow-color) 25%, transparent);
--tblr-shadow-border: 0px 0px 0px 1px color-mix(in oklab, var(--tblr-shadow-color) 25%, transparent);
--tblr-shadow-transparent: 0 0 0 0 transparent;
--tblr-shadow-input: 0 1px 2px 0 color-mix(in oklab, var(--tblr-shadow-color) 12.5%, transparent);
--tblr-shadow-card: 0 1px 2px 0 color-mix(in oklab, var(--tblr-shadow-color) 12.5%, transparent);
--tblr-shadow-card-hover: 0px 4px 6px -2px color-mix(in oklab, var(--tblr-shadow-color) 12.5%, transparent), 0px 10px 15px -3px color-mix(in oklab, var(--tblr-shadow-color) 20%, transparent);
--tblr-shadow-dropdown: 0px 2px 4px 0px color-mix(in oklab, var(--tblr-shadow-color) 10%, transparent), 0px 5px 8px 0px color-mix(in oklab, var(--tblr-shadow-color) 10%, transparent), 0px 10px 18px 0px color-mix(in oklab, var(--tblr-shadow-color) 7.5%, transparent), 0px 24px 48px 0px color-mix(in oklab, var(--tblr-shadow-color) 7.5%, transparent), 0px 0px 0px 1px color-mix(in oklab, var(--tblr-shadow-color) 25%, transparent);
--tblr-border-radius-scale: 1;
--tblr-border-radius-0: calc(0 * var(--tblr-border-radius-scale, 1));
--tblr-border-radius-xs: calc(2px * var(--tblr-border-radius-scale, 1));
--tblr-border-radius-sm: calc(4px * var(--tblr-border-radius-scale, 1));
--tblr-border-radius-md: calc(6px * var(--tblr-border-radius-scale, 1));
--tblr-border-radius-lg: calc(8px * var(--tblr-border-radius-scale, 1));
--tblr-border-radius-xl: calc(1rem * var(--tblr-border-radius-scale, 1));
--tblr-border-radius-xxl: calc(2rem * var(--tblr-border-radius-scale, 1));
--tblr-border-radius-pill: calc(100rem * var(--tblr-border-radius-scale, 1));
--tblr-border-radius: var(--tblr-border-radius-md);
--tblr-btn-input-fg: var(--tblr-body-color);
--tblr-btn-input-bg: var(--tblr-bg-forms);
--tblr-btn-input-padding-y: 0.5625rem;
--tblr-btn-input-padding-x: 1rem;
--tblr-btn-input-font-size: 0.875rem;
--tblr-btn-input-line-height: 1.25rem;
--tblr-btn-input-border-radius: var(--tblr-border-radius);
--tblr-btn-input-min-height: calc(var(--tblr-btn-input-line-height) + var(--tblr-btn-input-padding-y) * 2 + var(--tblr-border-width) * 2);
--tblr-btn-input-sm-padding-y: 0.4375rem;
--tblr-btn-input-sm-padding-x: 0.5rem;
--tblr-btn-input-sm-font-size: 0.75rem;
--tblr-btn-input-sm-line-height: 1rem;
--tblr-btn-input-sm-border-radius: var(--tblr-border-radius-sm);
--tblr-btn-input-sm-min-height: calc(var(--tblr-btn-input-sm-line-height) + var(--tblr-btn-input-sm-padding-y) * 2 + var(--tblr-border-width) * 2);
--tblr-btn-input-lg-padding-y: 0.6875rem;
--tblr-btn-input-lg-padding-x: 1.5rem;
--tblr-btn-input-lg-font-size: 1rem;
--tblr-btn-input-lg-line-height: 1.5rem;
--tblr-btn-input-lg-border-radius: var(--tblr-border-radius-lg);
--tblr-btn-input-lg-min-height: calc(var(--tblr-btn-input-lg-line-height) + var(--tblr-btn-input-lg-padding-y) * 2 + var(--tblr-border-width) * 2);
--tblr-btn-input-xl-padding-y: 0.6875rem;
--tblr-btn-input-xl-padding-x: 1.75rem;
--tblr-btn-input-xl-font-size: 1.25rem;
--tblr-btn-input-xl-line-height: 2rem;
--tblr-btn-input-xl-border-radius: var(--tblr-border-radius);
--tblr-btn-input-xl-min-height: calc(var(--tblr-btn-input-xl-line-height) + var(--tblr-btn-input-xl-padding-y) * 2 + var(--tblr-border-width) * 2);
--tblr-control-checked-bg: var(--tblr-primary);
--tblr-control-checked-border-color: var(--tblr-border-color-translucent);
--tblr-control-disabled-bg: var(--tblr-bg-forms-disabled);
--tblr-control-disabled-opacity: 0.5;
--tblr-backdrop-opacity: 0.32;
--tblr-backdrop-bg: light-dark(var(--tblr-gray-800), var(--tblr-black));
--tblr-backdrop-bg-dark: color-mix(in oklab, var(--tblr-dark) calc(var(--tblr-backdrop-opacity) * 100%), transparent);
--tblr-backdrop-bg-light: color-mix(in oklab, var(--tblr-light) calc(var(--tblr-backdrop-opacity) * 100%), transparent);
--tblr-backdrop-blur: 4px;
--tblr-backdrop-filter: blur(var(--tblr-backdrop-blur));
}
[dir=ltr] {
--tblr-dir: 1;
}
[dir=rtl] {
--tblr-dir: -1;
}
:root,
:host {
height: 100%;
}
:root,
:host,
[data-bs-theme=light],
[data-theme=light] {
color-scheme: light;
--tblr-spacer: var(--tblr-spacer-2);
--tblr-bg-surface: light-dark(var(--tblr-bg-surface-primary), var(--tblr-gray-800));
--tblr-bg-surface-primary: var(--tblr-white);
--tblr-bg-surface-secondary: light-dark(var(--tblr-gray-50), var(--tblr-gray-900));
--tblr-bg-surface-tertiary: light-dark(color-mix(in oklab, var(--tblr-body-color) 2.5%, transparent), color-mix(in oklab, var(--tblr-body-color) 4%, transparent));
--tblr-bg-surface-dark: var(--tblr-gray-900);
--tblr-bg-surface-inverted: light-dark(var(--tblr-gray-900), var(--tblr-gray-100));
--tblr-bg-forms: light-dark(var(--tblr-bg-surface), var(--tblr-gray-900));
--tblr-bg-forms-disabled: light-dark(var(--tblr-bg-surface-secondary), color-mix(in oklab, var(--tblr-body-color) 4%, transparent));
--tblr-text-inverted: light-dark(var(--tblr-gray-100), var(--tblr-gray-800));
--tblr-body-color: light-dark(var(--tblr-gray-700), var(--tblr-gray-200));
--tblr-body-bg: light-dark(var(--tblr-bg-surface-secondary), var(--tblr-gray-900));
--tblr-link-color: light-dark(var(--tblr-primary), color-mix(in oklab, var(--tblr-white) 40%, var(--tblr-primary)));
--tblr-link-hover-color: light-dark(color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-link-color)), color-mix(in oklab, var(--tblr-white) 20%, var(--tblr-link-color)));
--tblr-secondary: light-dark(var(--tblr-gray-500), var(--tblr-gray-400));
--tblr-muted: light-dark(var(--tblr-gray-500), var(--tblr-gray-400));
--tblr-tertiary: light-dark(var(--tblr-gray-500), var(--tblr-gray-400));
--tblr-border-color: light-dark(var(--tblr-gray-200), var(--tblr-gray-700));
--tblr-border-color-translucent: light-dark(color-mix(in oklab, var(--tblr-gray-800) 11.9%, transparent), var(--tblr-dark-mode-border-color-translucent));
--tblr-border-dark-color: light-dark(var(--tblr-gray-300), var(--tblr-dark-mode-border-dark-color));
--tblr-border-dark-color-translucent: color-mix(in oklab, var(--tblr-gray-800) 20.7%, transparent);
--tblr-border-light-color: light-dark(var(--tblr-gray-200), var(--tblr-dark-mode-border-light-color));
--tblr-border-light-color-translucent: color-mix(in oklab, var(--tblr-gray-800) 4.7%, transparent);
--tblr-border-active-color: light-dark(var(--tblr-gray-400), var(--tblr-dark-mode-border-active-color));
--tblr-border-active-color-translucent: color-mix(in oklab, var(--tblr-gray-800) 44.8%, transparent);
--tblr-icon-color: var(--tblr-gray-400);
--tblr-fill-primary: color-mix(in oklab, var(--tblr-body-color) 16%, transparent);
--tblr-fill-secondary: color-mix(in oklab, var(--tblr-body-color) 8%, transparent);
--tblr-fill-tertiary: light-dark(color-mix(in oklab, var(--tblr-body-color) 4%, transparent), color-mix(in oklab, var(--tblr-body-color) 6%, transparent));
--tblr-fill-quaternary: color-mix(in oklab, var(--tblr-body-color) 2%, transparent);
--tblr-fill: var(--tblr-fill-primary);
--tblr-active-bg: light-dark(color-mix(in oklab, var(--tblr-primary) 4%, transparent), color-mix(in oklab, var(--tblr-primary) 12%, transparent));
--tblr-hover-bg: var(--tblr-fill-tertiary);
--tblr-disabled-bg: var(--tblr-bg-surface-secondary);
--tblr-disabled-color: color-mix(in oklab, var(--tblr-body-color) 40%, transparent);
--tblr-code-color: light-dark(var(--tblr-gray-600), var(--tblr-gray-400));
--tblr-code-bg: var(--tblr-fill-tertiary);
--tblr-dark-mode-border-color: oklch(from var(--tblr-dark) calc(l + 0.08) c h);
--tblr-dark-mode-border-color-translucent: rgba(72, 110, 149, 0.14);
--tblr-dark-mode-border-active-color: oklch(from var(--tblr-dark) calc(l + 0.12) c h);
--tblr-dark-mode-border-dark-color: oklch(from var(--tblr-dark) calc(l + 0.04) c h);
--tblr-dark-mode-border-light-color: oklch(from var(--tblr-dark) calc(l + 0.06) c h);
--tblr-page-padding: var(--tblr-spacer-3);
--tblr-page-padding-y: var(--tblr-spacer-4);
--tblr-sidebar-width: 16rem;
--tblr-sidebar-folded-width: 4rem;
}
@media (max-width: 991.98px) {
:root,
:host,
[data-bs-theme=light],
[data-theme=light] {
--tblr-page-padding: var(--tblr-spacer-2);
}
}
@keyframes pulse {
0% {
transform: scale(1);
}
14% {
transform: scale(1.25);
}
28% {
transform: scale(1);
}
42% {
transform: scale(1.25);
}
70% {
transform: scale(1);
}
}
@keyframes tada {
0% {
transform: scale3d(1, 1, 1);
}
10%, 5% {
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -5deg);
}
15%, 25%, 35%, 45% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 5deg);
}
20%, 30%, 40% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -5deg);
}
50% {
transform: scale3d(1, 1, 1);
}
}
@keyframes rotate-360 {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes shake {
0% {
transform: scaleX(1);
}
20% {
transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
}
50%, 70%, 90% {
transform: scale3d(1.25, 1.25, 1.25) rotate(5deg);
}
60%, 80% {
transform: scale3d(1.25, 1.25, 1.25) rotate(-5deg);
}
100% {
transform: scaleX(1);
}
}
body {
position: relative;
height: 100%;
min-height: 100%;
padding: 0;
font-feature-settings: "liga" 0, "cv03", "cv04", "cv11";
letter-spacing: 0;
touch-action: manipulation;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media print {
body {
background: transparent;
}
}
* {
scrollbar-color: color-mix(in oklab, var(--tblr-scrollbar-color, var(--tblr-body-color)) 20%, transparent) transparent;
}
*::-webkit-scrollbar {
width: 1rem;
height: 1rem;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
@media (prefers-reduced-motion: reduce) {
*::-webkit-scrollbar {
-webkit-transition: none;
transition: none;
}
}
*::-webkit-scrollbar-thumb {
border-radius: 1rem;
border: 5px solid transparent;
box-shadow: inset 0 0 0 1rem color-mix(in oklab, var(--tblr-scrollbar-color, var(--tblr-body-color)) 20%, transparent);
}
*::-webkit-scrollbar-track {
background: transparent;
}
*:hover::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 0 1rem color-mix(in oklab, var(--tblr-scrollbar-color, var(--tblr-body-color)) 40%, transparent);
}
*::-webkit-scrollbar-corner {
background: transparent;
}
.layout-fluid .container,
.layout-fluid [class^=container-],
.layout-fluid [class*=" container-"],
html[data-bs-layout=fluid] .container,
html[data-bs-layout=fluid] [class^=container-],
html[data-bs-layout=fluid] [class*=" container-"] {
max-width: 100%;
}
.layout-boxed,
html[data-bs-layout=boxed] body {
--tblr-theme-boxed-border-radius: 0;
--tblr-theme-boxed-width: 1320px;
}
@media (min-width: 768px) {
.layout-boxed,
html[data-bs-layout=boxed] body {
padding: 1rem;
background: oklch(26.86% 0 0deg) linear-gradient(to right, rgba(255, 255, 255, 0.1), transparent) fixed;
--tblr-theme-boxed-border-radius: 6px;
}
}
.layout-boxed .page,
html[data-bs-layout=boxed] body .page {
contain: layout;
max-width: var(--tblr-theme-boxed-width);
margin: 0 auto;
color: var(--tblr-body-color);
border-radius: var(--tblr-theme-boxed-border-radius);
}
@media (min-width: 768px) {
.layout-boxed .page,
html[data-bs-layout=boxed] body .page {
background: var(--tblr-body-bg);
border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
}
}
.layout-boxed .page > .navbar:first-child,
.layout-boxed .page > .navbar:not(.navbar-vertical):first-of-type,
html[data-bs-layout=boxed] body .page > .navbar:first-child,
html[data-bs-layout=boxed] body .page > .navbar:not(.navbar-vertical):first-of-type {
border-start-start-radius: var(--tblr-theme-boxed-border-radius);
border-start-end-radius: var(--tblr-theme-boxed-border-radius);
}
.navbar {
--tblr-navbar-bg: var(--tblr-bg-surface);
--tblr-navbar-border-width: var(--tblr-border-width);
--tblr-navbar-active-border-color: var(--tblr-primary);
--tblr-navbar-active-bg: var(--tblr-active-bg);
--tblr-navbar-border-color: var(--tblr-border-color);
--tblr-navbar-hover-color: var(--tblr-body-color);
align-items: stretch;
min-height: 3.5rem;
color: var(--tblr-navbar-color);
background: var(--tblr-navbar-bg);
box-shadow: inset 0 calc(-1 * var(--tblr-navbar-border-width)) 0 0 var(--tblr-navbar-border-color);
}
@media print {
.navbar {
display: none;
}
}
.navbar-collapse .navbar {
flex-grow: 1;
}
.navbar.collapsing {
min-height: 0;
}
.navbar .dropdown-menu {
position: absolute;
z-index: 1030;
}
.navbar .navbar-nav {
--tblr-nav-link-icon-margin-end: 0.5rem;
min-height: 3rem;
}
.navbar .navbar-nav .nav-section-title {
display: none;
}
.navbar .navbar-nav .nav-link {
position: relative;
justify-content: center;
min-width: 2.5rem;
min-height: 2.5rem;
border-radius: var(--tblr-border-radius);
}
.navbar .navbar-nav .nav-link .badge {
margin-inline-start: 0.5rem;
}
.navbar .navbar-nav .nav-link .badge:empty {
position: absolute;
inset-inline-end: 0.5rem;
top: 0.5rem;
margin-inline-start: 0;
/* rtl:ignore */
transform: translate(calc(var(--tblr-dir) * 50%), -50%);
}
.navbar-vertical[class*=navbar-expand] .navbar-nav {
--tblr-nav-link-icon-color: color-mix(in oklab, var(--tblr-navbar-color) 70%, transparent);
--tblr-nav-link-icon-width: 1.5rem;
--tblr-nav-link-icon-height: 1.25rem;
--tblr-sidebar-inset: 0.5rem;
--tblr-sidebar-nav-padding-y: 0.75rem;
--tblr-sidebar-nav-padding-x: 0.75rem;
--tblr-sidebar-nav-indent: 1.5rem;
--tblr-sidebar-section-title-font-size: 0.75rem;
--tblr-sidebar-section-title-margin-top: 1rem;
padding-inline: var(--tblr-sidebar-inset);
margin-inline-start: 0;
margin-inline-end: 0;
}
.navbar-vertical[class*=navbar-expand] .navbar-nav .nav-link {
justify-content: start;
padding: var(--tblr-sidebar-nav-padding-y) var(--tblr-sidebar-nav-padding-x);
}
.navbar-vertical[class*=navbar-expand] .navbar-nav .nav-link .badge:not(:empty) {
margin-inline-start: auto;
}
.navbar-vertical[class*=navbar-expand] .navbar-nav .nav-link-title {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.navbar-vertical[class*=navbar-expand] .navbar-nav .nav-item.active > .nav-link {
--tblr-nav-link-icon-color: currentColor;
font-weight: var(--tblr-font-weight-medium);
background: var(--tblr-navbar-active-bg);
}
.navbar-vertical[class*=navbar-expand] .navbar-nav .nav-item.active > .nav-link.dropdown-toggle {
background: transparent;
}
.navbar-vertical[class*=navbar-expand] .navbar-nav .nav-section-title {
display: block;
padding: 0.25rem var(--tblr-sidebar-nav-padding-x);
margin-top: var(--tblr-sidebar-section-title-margin-top);
font-size: var(--tblr-sidebar-section-title-font-size);
font-weight: var(--tblr-font-weight-medium);
color: color-mix(in oklab, var(--tblr-navbar-color) 70%, transparent);
text-transform: uppercase;
letter-spacing: 0.04em;
}
.navbar-vertical[class*=navbar-expand] .navbar-nav .nav-section-title:first-child {
margin-top: 0;
}
.navbar-vertical[class*=navbar-expand] .navbar-side {
flex-grow: 0;
flex-direction: column;
align-items: stretch;
justify-content: start;
padding-bottom: 0.25rem;
margin-top: auto;
}
.navbar-vertical[class*=navbar-expand] .navbar-side .navbar-nav {
flex-grow: 0;
}
.navbar-vertical[class*=navbar-expand] .navbar-collapse {
flex-direction: column;
}
.navbar-vertical[class*=navbar-expand] .navbar-collapse [class^=container] {
flex-direction: column;
align-items: stretch;
padding: 0;
}
.navbar-vertical[class*=navbar-expand] .navbar-collapse .dropdown-menu-columns {
flex-direction: column;
}
.navbar-vertical[class*=navbar-expand] .navbar-collapse .dropdown-menu {
position: static;
z-index: auto;
min-width: 0;
padding: 0;
margin: 0;
color: inherit;
background: transparent;
border: none;
box-shadow: none;
}
.navbar-vertical[class*=navbar-expand] .navbar-collapse .dropdown-menu .dropdown-item {
display: flex;
width: auto;
min-width: 0;
padding-inline-start: calc(var(--tblr-sidebar-nav-padding-x) + var(--tblr-nav-link-icon-width) + var(--tblr-nav-link-icon-margin-end));
color: inherit;
border-radius: var(--tblr-border-radius);
}
.navbar-vertical[class*=navbar-expand] .navbar-collapse .dropdown-menu .dropdown-item.disabled {
color: var(--tblr-disabled-color);
pointer-events: none;
background-color: transparent;
}
.navbar-vertical[class*=navbar-expand] .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-vertical[class*=navbar-expand] .navbar-collapse .dropdown-menu .dropdown-item:active {
font-weight: var(--tblr-font-weight-medium);
background: var(--tblr-navbar-active-bg);
}
.navbar-vertical[class*=navbar-expand] .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
padding-inline-start: calc(var(--tblr-sidebar-nav-padding-x) + var(--tblr-nav-link-icon-width) + var(--tblr-nav-link-icon-margin-end) + var(--tblr-sidebar-nav-indent));
}
.navbar-vertical[class*=navbar-expand] .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
padding-inline-start: calc(var(--tblr-sidebar-nav-padding-x) + var(--tblr-nav-link-icon-width) + var(--tblr-nav-link-icon-margin-end) + 2 * var(--tblr-sidebar-nav-indent));
}
.navbar-vertical[class*=navbar-expand] .navbar-collapse .dropdown-toggle::after {
margin-inline-start: auto;
}
.navbar-vertical[class*=navbar-expand] .navbar-collapse .nav-item.active::after {
content: none;
}
@media (max-width: 575.98px) {
.navbar-expand-sm .navbar-nav {
--tblr-nav-link-icon-color: color-mix(in oklab, var(--tblr-navbar-color) 70%, transparent);
--tblr-nav-link-icon-width: 1.5rem;
--tblr-nav-link-icon-height: 1.25rem;
--tblr-sidebar-inset: 0.5rem;
--tblr-sidebar-nav-padding-y: 0.75rem;
--tblr-sidebar-nav-padding-x: 0.75rem;
--tblr-sidebar-nav-indent: 1.5rem;
--tblr-sidebar-section-title-font-size: 0.75rem;
--tblr-sidebar-section-title-margin-top: 1rem;
padding-inline: var(--tblr-sidebar-inset);
margin-inline-start: 0;
margin-inline-end: 0;
}
.navbar-expand-sm .navbar-nav .nav-link {
justify-content: start;
padding: var(--tblr-sidebar-nav-padding-y) var(--tblr-sidebar-nav-padding-x);
}
.navbar-expand-sm .navbar-nav .nav-link .badge:not(:empty) {
margin-inline-start: auto;
}
.navbar-expand-sm .navbar-nav .nav-link-title {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.navbar-expand-sm .navbar-nav .nav-item.active > .nav-link {
--tblr-nav-link-icon-color: currentColor;
font-weight: var(--tblr-font-weight-medium);
background: var(--tblr-navbar-active-bg);
}
.navbar-expand-sm .navbar-nav .nav-item.active > .nav-link.dropdown-toggle {
background: transparent;
}
.navbar-expand-sm .navbar-nav .nav-section-title {
display: block;
padding: 0.25rem var(--tblr-sidebar-nav-padding-x);
margin-top: var(--tblr-sidebar-section-title-margin-top);
font-size: var(--tblr-sidebar-section-title-font-size);
font-weight: var(--tblr-font-weight-medium);
color: color-mix(in oklab, var(--tblr-navbar-color) 70%, transparent);
text-transform: uppercase;
letter-spacing: 0.04em;
}
.navbar-expand-sm .navbar-nav .nav-section-title:first-child {
margin-top: 0;
}
.navbar-expand-sm .navbar-side {
flex-grow: 0;
flex-direction: column;
align-items: stretch;
justify-content: start;
padding-bottom: 0.25rem;
margin-top: auto;
}
.navbar-expand-sm .navbar-side .navbar-nav {
flex-grow: 0;
}
.navbar-expand-sm .navbar-collapse {
flex-direction: column;
}
.navbar-expand-sm .navbar-collapse [class^=container] {
flex-direction: column;
align-items: stretch;
padding: 0;
}
.navbar-expand-sm .navbar-collapse .dropdown-menu-columns {
flex-direction: column;
}
.navbar-expand-sm .navbar-collapse .dropdown-menu {
position: static;
z-index: auto;
min-width: 0;
padding: 0;
margin: 0;
color: inherit;
background: transparent;
border: none;
box-shadow: none;
}
.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item {
display: flex;
width: auto;
min-width: 0;
padding-inline-start: calc(var(--tblr-sidebar-nav-padding-x) + var(--tblr-nav-link-icon-width) + var(--tblr-nav-link-icon-margin-end));
color: inherit;
border-radius: var(--tblr-border-radius);
}
.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item.disabled {
color: var(--tblr-disabled-color);
pointer-events: none;
background-color: transparent;
}
.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item:active {
font-weight: var(--tblr-font-weight-medium);
background: var(--tblr-navbar-active-bg);
}
.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
padding-inline-start: calc(var(--tblr-sidebar-nav-padding-x) + var(--tblr-nav-link-icon-width) + var(--tblr-nav-link-icon-margin-end) + var(--tblr-sidebar-nav-indent));
}
.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
padding-inline-start: calc(var(--tblr-sidebar-nav-padding-x) + var(--tblr-nav-link-icon-width) + var(--tblr-nav-link-icon-margin-end) + 2 * var(--tblr-sidebar-nav-indent));
}
.navbar-expand-sm .navbar-collapse .dropdown-toggle::after {
margin-inline-start: auto;
}
.navbar-expand-sm .navbar-collapse .nav-item.active::after {
content: none;
}
.navbar-expand-sm.navbar-vertical .navbar-brand {
margin-inline: auto;
}
.navbar-expand-sm.navbar-vertical .navbar-side {
margin-top: 0.5rem;
}
.navbar-expand-sm .navbar-footer .nav-link-title {
display: none;
}
.navbar-expand-sm .navbar-footer .dropup .dropdown-menu {
inset-inline-start: auto;
inset-inline-end: 0;
top: 100%;
bottom: auto;
}
}
@media (min-width: 576px) {
.navbar-expand-sm .navbar-collapse {
flex: 1 1 auto;
width: auto;
}
.navbar-expand-sm .nav-item.active {
position: relative;
}
.navbar-expand-sm .nav-item.active .nav-link {
color: var(--tblr-navbar-active-color);
}
.navbar-expand-sm .nav-item.active::after {
position: absolute;
inset-inline-start: 0;
inset-inline-end: 0;
bottom: -0.25rem;
content: "";
border: 0 var(--tblr-border-style) var(--tblr-navbar-active-border-color);
border-bottom-width: 2px;
}
.navbar-expand-sm.navbar-vertical {
box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);
}
.navbar-expand-sm.navbar-vertical.navbar-right, .navbar-expand-sm.navbar-vertical.navbar-end {
box-shadow: inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);
}
.navbar-expand-sm.navbar-vertical ~ .navbar,
.navbar-expand-sm.navbar-vertical ~ [class*=navbar-expand]:not(.navbar-vertical),
.navbar-expand-sm.navbar-vertical ~ .page-wrapper {
margin-inline-start: calc(var(--tblr-sidebar-width) + var(--tblr-sidebar-gap, 0px));
}
.navbar-expand-sm.navbar-vertical.navbar-right ~ .navbar,
.navbar-expand-sm.navbar-vertical.navbar-right ~ [class*=navbar-expand]:not(.navbar-vertical),
.navbar-expand-sm.navbar-vertical.navbar-right ~ .page-wrapper, .navbar-expand-sm.navbar-vertical.navbar-end ~ .navbar,
.navbar-expand-sm.navbar-vertical.navbar-end ~ [class*=navbar-expand]:not(.navbar-vertical),
.navbar-expand-sm.navbar-vertical.navbar-end ~ .page-wrapper {
margin-inline-start: 0;
margin-inline-end: calc(var(--tblr-sidebar-width) + var(--tblr-sidebar-gap, 0px));
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.navbar-expand-sm:not(.navbar-vertical) .navbar-nav .nav-link-icon {
display: none;
}
}
@media (max-width: 767.98px) {
.navbar-expand-md .navbar-nav {
--tblr-nav-link-icon-color: color-mix(in oklab, var(--tblr-navbar-color) 70%, transparent);
--tblr-nav-link-icon-width: 1.5rem;
--tblr-nav-link-icon-height: 1.25rem;
--tblr-sidebar-inset: 0.5rem;
--tblr-sidebar-nav-padding-y: 0.75rem;
--tblr-sidebar-nav-padding-x: 0.75rem;
--tblr-sidebar-nav-indent: 1.5rem;
--tblr-sidebar-section-title-font-size: 0.75rem;
--tblr-sidebar-section-title-margin-top: 1rem;
padding-inline: var(--tblr-sidebar-inset);
margin-inline-start: 0;
margin-inline-end: 0;
}
.navbar-expand-md .navbar-nav .nav-link {
justify-content: start;
padding: var(--tblr-sidebar-nav-padding-y) var(--tblr-sidebar-nav-padding-x);
}
.navbar-expand-md .navbar-nav .nav-link .badge:not(:empty) {
margin-inline-start: auto;
}
.navbar-expand-md .navbar-nav .nav-link-title {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.navbar-expand-md .navbar-nav .nav-item.active > .nav-link {
--tblr-nav-link-icon-color: currentColor;
font-weight: var(--tblr-font-weight-medium);
background: var(--tblr-navbar-active-bg);
}
.navbar-expand-md .navbar-nav .nav-item.active > .nav-link.dropdown-toggle {
background: transparent;
}
.navbar-expand-md .navbar-nav .nav-section-title {
display: block;
padding: 0.25rem var(--tblr-sidebar-nav-padding-x);
margin-top: var(--tblr-sidebar-section-title-margin-top);
font-size: var(--tblr-sidebar-section-title-font-size);
font-weight: var(--tblr-font-weight-medium);
color: color-mix(in oklab, var(--tblr-navbar-color) 70%, transparent);
text-transform: uppercase;
letter-spacing: 0.04em;
}
.navbar-expand-md .navbar-nav .nav-section-title:first-child {
margin-top: 0;
}
.navbar-expand-md .navbar-side {
flex-grow: 0;
flex-direction: column;
align-items: stretch;
justify-content: start;
padding-bottom: 0.25rem;
margin-top: auto;
}
.navbar-expand-md .navbar-side .navbar-nav {
flex-grow: 0;
}
.navbar-expand-md .navbar-collapse {
flex-direction: column;
}
.navbar-expand-md .navbar-collapse [class^=container] {
flex-direction: column;
align-items: stretch;
padding: 0;
}
.navbar-expand-md .navbar-collapse .dropdown-menu-columns {
flex-direction: column;
}
.navbar-expand-md .navbar-collapse .dropdown-menu {
position: static;
z-index: auto;
min-width: 0;
padding: 0;
margin: 0;
color: inherit;
background: transparent;
border: none;
box-shadow: none;
}
.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item {
display: flex;
width: auto;
min-width: 0;
padding-inline-start: calc(var(--tblr-sidebar-nav-padding-x) + var(--tblr-nav-link-icon-width) + var(--tblr-nav-link-icon-margin-end));
color: inherit;
border-radius: var(--tblr-border-radius);
}
.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item.disabled {
color: var(--tblr-disabled-color);
pointer-events: none;
background-color: transparent;
}
.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item:active {
font-weight: var(--tblr-font-weight-medium);
background: var(--tblr-navbar-active-bg);
}
.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
padding-inline-start: calc(var(--tblr-sidebar-nav-padding-x) + var(--tblr-nav-link-icon-width) + var(--tblr-nav-link-icon-margin-end) + var(--tblr-sidebar-nav-indent));
}
.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
padding-inline-start: calc(var(--tblr-sidebar-nav-padding-x) + var(--tblr-nav-link-icon-width) + var(--tblr-nav-link-icon-margin-end) + 2 * var(--tblr-sidebar-nav-indent));
}
.navbar-expand-md .navbar-collapse .dropdown-toggle::after {
margin-inline-start: auto;
}
.navbar-expand-md .navbar-collapse .nav-item.active::after {
content: none;
}
.navbar-expand-md.navbar-vertical .navbar-brand {
margin-inline: auto;
}
.navbar-expand-md.navbar-vertical .navbar-side {
margin-top: 0.5rem;
}
.navbar-expand-md .navbar-footer .nav-link-title {
display: none;
}
.navbar-expand-md .navbar-footer .dropup .dropdown-menu {
inset-inline-start: auto;
inset-inline-end: 0;
top: 100%;
bottom: auto;
}
}
@media (min-width: 768px) {
.navbar-expand-md .navbar-collapse {
flex: 1 1 auto;
width: auto;
}
.navbar-expand-md .nav-item.active {
position: relative;
}
.navbar-expand-md .nav-item.active .nav-link {
color: var(--tblr-navbar-active-color);
}
.navbar-expand-md .nav-item.active::after {
position: absolute;
inset-inline-start: 0;
inset-inline-end: 0;
bottom: -0.25rem;
content: "";
border: 0 var(--tblr-border-style) var(--tblr-navbar-active-border-color);
border-bottom-width: 2px;
}
.navbar-expand-md.navbar-vertical {
box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);
}
.navbar-expand-md.navbar-vertical.navbar-right, .navbar-expand-md.navbar-vertical.navbar-end {
box-shadow: inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);
}
.navbar-expand-md.navbar-vertical ~ .navbar,
.navbar-expand-md.navbar-vertical ~ [class*=navbar-expand]:not(.navbar-vertical),
.navbar-expand-md.navbar-vertical ~ .page-wrapper {
margin-inline-start: calc(var(--tblr-sidebar-width) + var(--tblr-sidebar-gap, 0px));
}
.navbar-expand-md.navbar-vertical.navbar-right ~ .navbar,
.navbar-expand-md.navbar-vertical.navbar-right ~ [class*=navbar-expand]:not(.navbar-vertical),
.navbar-expand-md.navbar-vertical.navbar-right ~ .page-wrapper, .navbar-expand-md.navbar-vertical.navbar-end ~ .navbar,
.navbar-expand-md.navbar-vertical.navbar-end ~ [class*=navbar-expand]:not(.navbar-vertical),
.navbar-expand-md.navbar-vertical.navbar-end ~ .page-wrapper {
margin-inline-start: 0;
margin-inline-end: calc(var(--tblr-sidebar-width) + var(--tblr-sidebar-gap, 0px));
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.navbar-expand-md:not(.navbar-vertical) .navbar-nav .nav-link-icon {
display: none;
}
}
@media (max-width: 991.98px) {
.navbar-expand-lg .navbar-nav {
--tblr-nav-link-icon-color: color-mix(in oklab, var(--tblr-navbar-color) 70%, transparent);
--tblr-nav-link-icon-width: 1.5rem;
--tblr-nav-link-icon-height: 1.25rem;
--tblr-sidebar-inset: 0.5rem;
--tblr-sidebar-nav-padding-y: 0.75rem;
--tblr-sidebar-nav-padding-x: 0.75rem;
--tblr-sidebar-nav-indent: 1.5rem;
--tblr-sidebar-section-title-font-size: 0.75rem;
--tblr-sidebar-section-title-margin-top: 1rem;
padding-inline: var(--tblr-sidebar-inset);
margin-inline-start: 0;
margin-inline-end: 0;
}
.navbar-expand-lg .navbar-nav .nav-link {
justify-content: start;
padding: var(--tblr-sidebar-nav-padding-y) var(--tblr-sidebar-nav-padding-x);
}
.navbar-expand-lg .navbar-nav .nav-link .badge:not(:empty) {
margin-inline-start: auto;
}
.navbar-expand-lg .navbar-nav .nav-link-title {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link {
--tblr-nav-link-icon-color: currentColor;
font-weight: var(--tblr-font-weight-medium);
background: var(--tblr-navbar-active-bg);
}
.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link.dropdown-toggle {
background: transparent;
}
.navbar-expand-lg .navbar-nav .nav-section-title {
display: block;
padding: 0.25rem var(--tblr-sidebar-nav-padding-x);
margin-top: var(--tblr-sidebar-section-title-margin-top);
font-size: var(--tblr-sidebar-section-title-font-size);
font-weight: var(--tblr-font-weight-medium);
color: color-mix(in oklab, var(--tblr-navbar-color) 70%, transparent);
text-transform: uppercase;
letter-spacing: 0.04em;
}
.navbar-expand-lg .navbar-nav .nav-section-title:first-child {
margin-top: 0;
}
.navbar-expand-lg .navbar-side {
flex-grow: 0;
flex-direction: column;
align-items: stretch;
justify-content: start;
padding-bottom: 0.25rem;
margin-top: auto;
}
.navbar-expand-lg .navbar-side .navbar-nav {
flex-grow: 0;
}
.navbar-expand-lg .navbar-collapse {
flex-direction: column;
}
.navbar-expand-lg .navbar-collapse [class^=container] {
flex-direction: column;
align-items: stretch;
padding: 0;
}
.navbar-expand-lg .navbar-collapse .dropdown-menu-columns {
flex-direction: column;
}
.navbar-expand-lg .navbar-collapse .dropdown-menu {
position: static;
z-index: auto;
min-width: 0;
padding: 0;
margin: 0;
color: inherit;
background: transparent;
border: none;
box-shadow: none;
}
.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item {
display: flex;
width: auto;
min-width: 0;
padding-inline-start: calc(var(--tblr-sidebar-nav-padding-x) + var(--tblr-nav-link-icon-width) + var(--tblr-nav-link-icon-margin-end));
color: inherit;
border-radius: var(--tblr-border-radius);
}
.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item.disabled {
color: var(--tblr-disabled-color);
pointer-events: none;
background-color: transparent;
}
.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item:active {
font-weight: var(--tblr-font-weight-medium);
background: var(--tblr-navbar-active-bg);
}
.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
padding-inline-start: calc(var(--tblr-sidebar-nav-padding-x) + var(--tblr-nav-link-icon-width) + var(--tblr-nav-link-icon-margin-end) + var(--tblr-sidebar-nav-indent));
}
.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
padding-inline-start: calc(var(--tblr-sidebar-nav-padding-x) + var(--tblr-nav-link-icon-width) + var(--tblr-nav-link-icon-margin-end) + 2 * var(--tblr-sidebar-nav-indent));
}
.navbar-expand-lg .navbar-collapse .dropdown-toggle::after {
margin-inline-start: auto;
}
.navbar-expand-lg .navbar-collapse .nav-item.active::after {
content: none;
}
.navbar-expand-lg.navbar-vertical .navbar-brand {
margin-inline: auto;
}
.navbar-expand-lg.navbar-vertical .navbar-side {
margin-top: 0.5rem;
}
.navbar-expand-lg .navbar-footer .nav-link-title {
display: none;
}
.navbar-expand-lg .navbar-footer .dropup .dropdown-menu {
inset-inline-start: auto;
inset-inline-end: 0;
top: 100%;
bottom: auto;
}
}
@media (min-width: 992px) {
.navbar-expand-lg .navbar-collapse {
flex: 1 1 auto;
width: auto;
}
.navbar-expand-lg .nav-item.active {
position: relative;
}
.navbar-expand-lg .nav-item.active .nav-link {
color: var(--tblr-navbar-active-color);
}
.navbar-expand-lg .nav-item.active::after {
position: absolute;
inset-inline-start: 0;
inset-inline-end: 0;
bottom: -0.25rem;
content: "";
border: 0 var(--tblr-border-style) var(--tblr-navbar-active-border-color);
border-bottom-width: 2px;
}
.navbar-expand-lg.navbar-vertical {
box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);
}
.navbar-expand-lg.navbar-vertical.navbar-right, .navbar-expand-lg.navbar-vertical.navbar-end {
box-shadow: inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);
}
.navbar-expand-lg.navbar-vertical ~ .navbar,
.navbar-expand-lg.navbar-vertical ~ [class*=navbar-expand]:not(.navbar-vertical),
.navbar-expand-lg.navbar-vertical ~ .page-wrapper {
margin-inline-start: calc(var(--tblr-sidebar-width) + var(--tblr-sidebar-gap, 0px));
}
.navbar-expand-lg.navbar-vertical.navbar-right ~ .navbar,
.navbar-expand-lg.navbar-vertical.navbar-right ~ [class*=navbar-expand]:not(.navbar-vertical),
.navbar-expand-lg.navbar-vertical.navbar-right ~ .page-wrapper, .navbar-expand-lg.navbar-vertical.navbar-end ~ .navbar,
.navbar-expand-lg.navbar-vertical.navbar-end ~ [class*=navbar-expand]:not(.navbar-vertical),
.navbar-expand-lg.navbar-vertical.navbar-end ~ .page-wrapper {
margin-inline-start: 0;
margin-inline-end: calc(var(--tblr-sidebar-width) + var(--tblr-sidebar-gap, 0px));
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.navbar-expand-lg:not(.navbar-vertical) .navbar-nav .nav-link-icon {
display: none;
}
}
@media (max-width: 1199.98px) {
.navbar-expand-xl .navbar-nav {
--tblr-nav-link-icon-color: color-mix(in oklab, var(--tblr-navbar-color) 70%, transparent);
--tblr-nav-link-icon-width: 1.5rem;
--tblr-nav-link-icon-height: 1.25rem;
--tblr-sidebar-inset: 0.5rem;
--tblr-sidebar-nav-padding-y: 0.75rem;
--tblr-sidebar-nav-padding-x: 0.75rem;
--tblr-sidebar-nav-indent: 1.5rem;
--tblr-sidebar-section-title-font-size: 0.75rem;
--tblr-sidebar-section-title-margin-top: 1rem;
padding-inline: var(--tblr-sidebar-inset);
margin-inline-start: 0;
margin-inline-end: 0;
}
.navbar-expand-xl .navbar-nav .nav-link {
justify-content: start;
padding: var(--tblr-sidebar-nav-padding-y) var(--tblr-sidebar-nav-padding-x);
}
.navbar-expand-xl .navbar-nav .nav-link .badge:not(:empty) {
margin-inline-start: auto;
}
.navbar-expand-xl .navbar-nav .nav-link-title {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.navbar-expand-xl .navbar-nav .nav-item.active > .nav-link {
--tblr-nav-link-icon-color: currentColor;
font-weight: var(--tblr-font-weight-medium);
background: var(--tblr-navbar-active-bg);
}
.navbar-expand-xl .navbar-nav .nav-item.active > .nav-link.dropdown-toggle {
background: transparent;
}
.navbar-expand-xl .navbar-nav .nav-section-title {
display: block;
padding: 0.25rem var(--tblr-sidebar-nav-padding-x);
margin-top: var(--tblr-sidebar-section-title-margin-top);
font-size: var(--tblr-sidebar-section-title-font-size);
font-weight: var(--tblr-font-weight-medium);
color: color-mix(in oklab, var(--tblr-navbar-color) 70%, transparent);
text-transform: uppercase;
letter-spacing: 0.04em;
}
.navbar-expand-xl .navbar-nav .nav-section-title:first-child {
margin-top: 0;
}
.navbar-expand-xl .navbar-side {
flex-grow: 0;
flex-direction: column;
align-items: stretch;
justify-content: start;
padding-bottom: 0.25rem;
margin-top: auto;
}
.navbar-expand-xl .navbar-side .navbar-nav {
flex-grow: 0;
}
.navbar-expand-xl .navbar-collapse {
flex-direction: column;
}
.navbar-expand-xl .navbar-collapse [class^=container] {
flex-direction: column;
align-items: stretch;
padding: 0;
}
.navbar-expand-xl .navbar-collapse .dropdown-menu-columns {
flex-direction: column;
}
.navbar-expand-xl .navbar-collapse .dropdown-menu {
position: static;
z-index: auto;
min-width: 0;
padding: 0;
margin: 0;
color: inherit;
background: transparent;
border: none;
box-shadow: none;
}
.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item {
display: flex;
width: auto;
min-width: 0;
padding-inline-start: calc(var(--tblr-sidebar-nav-padding-x) + var(--tblr-nav-link-icon-width) + var(--tblr-nav-link-icon-margin-end));
color: inherit;
border-radius: var(--tblr-border-radius);
}
.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item.disabled {
color: var(--tblr-disabled-color);
pointer-events: none;
background-color: transparent;
}
.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item:active {
font-weight: var(--tblr-font-weight-medium);
background: var(--tblr-navbar-active-bg);
}
.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
padding-inline-start: calc(var(--tblr-sidebar-nav-padding-x) + var(--tblr-nav-link-icon-width) + var(--tblr-nav-link-icon-margin-end) + var(--tblr-sidebar-nav-indent));
}
.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
padding-inline-start: calc(var(--tblr-sidebar-nav-padding-x) + var(--tblr-nav-link-icon-width) + var(--tblr-nav-link-icon-margin-end) + 2 * var(--tblr-sidebar-nav-indent));
}
.navbar-expand-xl .navbar-collapse .dropdown-toggle::after {
margin-inline-start: auto;
}
.navbar-expand-xl .navbar-collapse .nav-item.active::after {
content: none;
}
.navbar-expand-xl.navbar-vertical .navbar-brand {
margin-inline: auto;
}
.navbar-expand-xl.navbar-vertical .navbar-side {
margin-top: 0.5rem;
}
.navbar-expand-xl .navbar-footer .nav-link-title {
display: none;
}
.navbar-expand-xl .navbar-footer .dropup .dropdown-menu {
inset-inline-start: auto;
inset-inline-end: 0;
top: 100%;
bottom: auto;
}
}
@media (min-width: 1200px) {
.navbar-expand-xl .navbar-collapse {
flex: 1 1 auto;
width: auto;
}
.navbar-expand-xl .nav-item.active {
position: relative;
}
.navbar-expand-xl .nav-item.active .nav-link {
color: var(--tblr-navbar-active-color);
}
.navbar-expand-xl .nav-item.active::after {
position: absolute;
inset-inline-start: 0;
inset-inline-end: 0;
bottom: -0.25rem;
content: "";
border: 0 var(--tblr-border-style) var(--tblr-navbar-active-border-color);
border-bottom-width: 2px;
}
.navbar-expand-xl.navbar-vertical {
box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);
}
.navbar-expand-xl.navbar-vertical.navbar-right, .navbar-expand-xl.navbar-vertical.navbar-end {
box-shadow: inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);
}
.navbar-expand-xl.navbar-vertical ~ .navbar,
.navbar-expand-xl.navbar-vertical ~ [class*=navbar-expand]:not(.navbar-vertical),
.navbar-expand-xl.navbar-vertical ~ .page-wrapper {
margin-inline-start: calc(var(--tblr-sidebar-width) + var(--tblr-sidebar-gap, 0px));
}
.navbar-expand-xl.navbar-vertical.navbar-right ~ .navbar,
.navbar-expand-xl.navbar-vertical.navbar-right ~ [class*=navbar-expand]:not(.navbar-vertical),
.navbar-expand-xl.navbar-vertical.navbar-right ~ .page-wrapper, .navbar-expand-xl.navbar-vertical.navbar-end ~ .navbar,
.navbar-expand-xl.navbar-vertical.navbar-end ~ [class*=navbar-expand]:not(.navbar-vertical),
.navbar-expand-xl.navbar-vertical.navbar-end ~ .page-wrapper {
margin-inline-start: 0;
margin-inline-end: calc(var(--tblr-sidebar-width) + var(--tblr-sidebar-gap, 0px));
}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.navbar-expand-xl:not(.navbar-vertical) .navbar-nav .nav-link-icon {
display: none;
}
}
@media (max-width: 1399.98px) {
.navbar-expand-xxl .navbar-nav {
--tblr-nav-link-icon-color: color-mix(in oklab, var(--tblr-navbar-color) 70%, transparent);
--tblr-nav-link-icon-width: 1.5rem;
--tblr-nav-link-icon-height: 1.25rem;
--tblr-sidebar-inset: 0.5rem;
--tblr-sidebar-nav-padding-y: 0.75rem;
--tblr-sidebar-nav-padding-x: 0.75rem;
--tblr-sidebar-nav-indent: 1.5rem;
--tblr-sidebar-section-title-font-size: 0.75rem;
--tblr-sidebar-section-title-margin-top: 1rem;
padding-inline: var(--tblr-sidebar-inset);
margin-inline-start: 0;
margin-inline-end: 0;
}
.navbar-expand-xxl .navbar-nav .nav-link {
justify-content: start;
padding: var(--tblr-sidebar-nav-padding-y) var(--tblr-sidebar-nav-padding-x);
}
.navbar-expand-xxl .navbar-nav .nav-link .badge:not(:empty) {
margin-inline-start: auto;
}
.navbar-expand-xxl .navbar-nav .nav-link-title {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.navbar-expand-xxl .navbar-nav .nav-item.active > .nav-link {
--tblr-nav-link-icon-color: currentColor;
font-weight: var(--tblr-font-weight-medium);
background: var(--tblr-navbar-active-bg);
}
.navbar-expand-xxl .navbar-nav .nav-item.active > .nav-link.dropdown-toggle {
background: transparent;
}
.navbar-expand-xxl .navbar-nav .nav-section-title {
display: block;
padding: 0.25rem var(--tblr-sidebar-nav-padding-x);
margin-top: var(--tblr-sidebar-section-title-margin-top);
font-size: var(--tblr-sidebar-section-title-font-size);
font-weight: var(--tblr-font-weight-medium);
color: color-mix(in oklab, var(--tblr-navbar-color) 70%, transparent);
text-transform: uppercase;
letter-spacing: 0.04em;
}
.navbar-expand-xxl .navbar-nav .nav-section-title:first-child {
margin-top: 0;
}
.navbar-expand-xxl .navbar-side {
flex-grow: 0;
flex-direction: column;
align-items: stretch;
justify-content: start;
padding-bottom: 0.25rem;
margin-top: auto;
}
.navbar-expand-xxl .navbar-side .navbar-nav {
flex-grow: 0;
}
.navbar-expand-xxl .navbar-collapse {
flex-direction: column;
}
.navbar-expand-xxl .navbar-collapse [class^=container] {
flex-direction: column;
align-items: stretch;
padding: 0;
}
.navbar-expand-xxl .navbar-collapse .dropdown-menu-columns {
flex-direction: column;
}
.navbar-expand-xxl .navbar-collapse .dropdown-menu {
position: static;
z-index: auto;
min-width: 0;
padding: 0;
margin: 0;
color: inherit;
background: transparent;
border: none;
box-shadow: none;
}
.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item {
display: flex;
width: auto;
min-width: 0;
padding-inline-start: calc(var(--tblr-sidebar-nav-padding-x) + var(--tblr-nav-link-icon-width) + var(--tblr-nav-link-icon-margin-end));
color: inherit;
border-radius: var(--tblr-border-radius);
}
.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item.disabled {
color: var(--tblr-disabled-color);
pointer-events: none;
background-color: transparent;
}
.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item:active {
font-weight: var(--tblr-font-weight-medium);
background: var(--tblr-navbar-active-bg);
}
.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
padding-inline-start: calc(var(--tblr-sidebar-nav-padding-x) + var(--tblr-nav-link-icon-width) + var(--tblr-nav-link-icon-margin-end) + var(--tblr-sidebar-nav-indent));
}
.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
padding-inline-start: calc(var(--tblr-sidebar-nav-padding-x) + var(--tblr-nav-link-icon-width) + var(--tblr-nav-link-icon-margin-end) + 2 * var(--tblr-sidebar-nav-indent));
}
.navbar-expand-xxl .navbar-collapse .dropdown-toggle::after {
margin-inline-start: auto;
}
.navbar-expand-xxl .navbar-collapse .nav-item.active::after {
content: none;
}
.navbar-expand-xxl.navbar-vertical .navbar-brand {
margin-inline: auto;
}
.navbar-expand-xxl.navbar-vertical .navbar-side {
margin-top: 0.5rem;
}
.navbar-expand-xxl .navbar-footer .nav-link-title {
display: none;
}
.navbar-expand-xxl .navbar-footer .dropup .dropdown-menu {
inset-inline-start: auto;
inset-inline-end: 0;
top: 100%;
bottom: auto;
}
}
@media (min-width: 1400px) {
.navbar-expand-xxl .navbar-collapse {
flex: 1 1 auto;
width: auto;
}
.navbar-expand-xxl .nav-item.active {
position: relative;
}
.navbar-expand-xxl .nav-item.active .nav-link {
color: var(--tblr-navbar-active-color);
}
.navbar-expand-xxl .nav-item.active::after {
position: absolute;
inset-inline-start: 0;
inset-inline-end: 0;
bottom: -0.25rem;
content: "";
border: 0 var(--tblr-border-style) var(--tblr-navbar-active-border-color);
border-bottom-width: 2px;
}
.navbar-expand-xxl.navbar-vertical {
box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);
}
.navbar-expand-xxl.navbar-vertical.navbar-right, .navbar-expand-xxl.navbar-vertical.navbar-end {
box-shadow: inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);
}
.navbar-expand-xxl.navbar-vertical ~ .navbar,
.navbar-expand-xxl.navbar-vertical ~ [class*=navbar-expand]:not(.navbar-vertical),
.navbar-expand-xxl.navbar-vertical ~ .page-wrapper {
margin-inline-start: calc(var(--tblr-sidebar-width) + var(--tblr-sidebar-gap, 0px));
}
.navbar-expand-xxl.navbar-vertical.navbar-right ~ .navbar,
.navbar-expand-xxl.navbar-vertical.navbar-right ~ [class*=navbar-expand]:not(.navbar-vertical),
.navbar-expand-xxl.navbar-vertical.navbar-right ~ .page-wrapper, .navbar-expand-xxl.navbar-vertical.navbar-end ~ .navbar,
.navbar-expand-xxl.navbar-vertical.navbar-end ~ [class*=navbar-expand]:not(.navbar-vertical),
.navbar-expand-xxl.navbar-vertical.navbar-end ~ .page-wrapper {
margin-inline-start: 0;
margin-inline-end: calc(var(--tblr-sidebar-width) + var(--tblr-sidebar-gap, 0px));
}
}
.navbar-expand .navbar-collapse {
flex: 1 1 auto;
width: auto;
}
.navbar-expand .nav-item.active {
position: relative;
}
.navbar-expand .nav-item.active .nav-link {
color: var(--tblr-navbar-active-color);
}
.navbar-expand .nav-item.active::after {
position: absolute;
inset-inline-start: 0;
inset-inline-end: 0;
bottom: -0.25rem;
content: "";
border: 0 var(--tblr-border-style) var(--tblr-navbar-active-border-color);
border-bottom-width: 2px;
}
.navbar-expand.navbar-vertical {
box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);
}
.navbar-expand.navbar-vertical.navbar-right, .navbar-expand.navbar-vertical.navbar-end {
box-shadow: inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);
}
.navbar-expand.navbar-vertical ~ .navbar,
.navbar-expand.navbar-vertical ~ [class*=navbar-expand]:not(.navbar-vertical),
.navbar-expand.navbar-vertical ~ .page-wrapper {
margin-inline-start: calc(var(--tblr-sidebar-width) + var(--tblr-sidebar-gap, 0px));
}
.navbar-expand.navbar-vertical.navbar-right ~ .navbar,
.navbar-expand.navbar-vertical.navbar-right ~ [class*=navbar-expand]:not(.navbar-vertical),
.navbar-expand.navbar-vertical.navbar-right ~ .page-wrapper, .navbar-expand.navbar-vertical.navbar-end ~ .navbar,
.navbar-expand.navbar-vertical.navbar-end ~ [class*=navbar-expand]:not(.navbar-vertical),
.navbar-expand.navbar-vertical.navbar-end ~ .page-wrapper {
margin-inline-start: 0;
margin-inline-end: calc(var(--tblr-sidebar-width) + var(--tblr-sidebar-gap, 0px));
}
.navbar-brand {
display: inline-flex;
gap: 0.5rem;
align-items: center;
margin: 0;
font-weight: var(--tblr-font-weight-semibold);
line-height: 1;
}
.navbar-brand-image {
width: auto;
height: 2rem;
}
.navbar-brand-gray {
--tblr-navbar-logo-color: var(--tblr-tertiary);
opacity: 0.5;
}
.navbar-toggler {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
border: 0;
}
.navbar-toggler-icon {
position: relative;
flex-shrink: 0;
width: 1.25em;
height: 2px;
background: currentColor;
mask-image: none;
border-radius: var(--tblr-border-radius-pill);
transition: top 0.2s 0.2s, bottom 0.2s 0.2s, transform 0.2s, opacity 0s 0.2s;
}
@media (prefers-reduced-motion: reduce) {
.navbar-toggler-icon {
transition: none;
}
}
.navbar-toggler-icon::before, .navbar-toggler-icon::after {
position: absolute;
inset-inline-start: 0;
display: block;
width: inherit;
height: inherit;
content: "";
background: inherit;
border-radius: inherit;
transition: inherit;
}
@media (prefers-reduced-motion: reduce) {
.navbar-toggler-icon::before, .navbar-toggler-icon::after {
transition: none;
}
}
.navbar-toggler-icon::before {
top: -0.45em;
}
.navbar-toggler-icon::after {
bottom: -0.45em;
}
.navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
transform: rotate(45deg);
transition: top 0.3s, bottom 0.3s, transform 0.3s 0.3s, opacity 0s 0.3s;
}
@media (prefers-reduced-motion: reduce) {
.navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
transition: none;
}
}
.navbar-toggler[aria-expanded=true] .navbar-toggler-icon::before {
top: 0;
transform: rotate(-90deg);
}
.navbar-toggler[aria-expanded=true] .navbar-toggler-icon::after {
bottom: 0;
opacity: 0;
}
.navbar-transparent {
--tblr-navbar-border-color: transparent !important;
background: transparent !important;
}
.navbar-nav {
--tblr-nav-link-hover-bg: var(--tblr-hover-bg);
--tblr-nav-link-icon-color: color-mix(in oklab, var(--tblr-nav-link-color) 50%, transparent);
--tblr-nav-link-hover-icon-color: color-mix(in oklab, var(--tblr-nav-link-color) 80%, transparent);
align-items: stretch;
padding: 0;
margin: 0;
}
.navbar-nav .nav-item {
display: flex;
flex-direction: column;
justify-content: center;
}
.navbar-side {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around;
margin: 0;
}
html[data-bs-navbar=sticky] .page > .navbar:not(.navbar-vertical) {
position: sticky;
top: 0;
z-index: 1020;
}
html[data-bs-navbar-theme=primary] .page > .navbar {
--tblr-navbar-bg: var(--tblr-primary);
--tblr-navbar-border-color: transparent;
}
html[data-bs-navbar-theme=primary] .page > [class*=navbar-expand] .navbar {
--tblr-navbar-bg: var(--tblr-primary);
--tblr-navbar-border-color: transparent;
}
html[data-bs-sidebar^=folded] {
--tblr-sidebar-width: var(--tblr-sidebar-folded-width);
}
html[data-bs-sidebar^=folded] .navbar-vertical .dropdown-menu.show:not([data-bs-popper]):not([data-tblr-popper]) {
display: none;
}
.navbar-vertical:is(.navbar-folded, .navbar-folded-hover) {
--tblr-sidebar-width: var(--tblr-sidebar-folded-width);
}
.navbar-vertical:is(.navbar-folded, .navbar-folded-hover) ~ .page,
.navbar-vertical:is(.navbar-folded, .navbar-folded-hover) ~ .page-wrapper,
.navbar-vertical:is(.navbar-folded, .navbar-folded-hover) ~ .navbar,
.navbar-vertical:is(.navbar-folded, .navbar-folded-hover) ~ [class*=navbar-expand]:not(.navbar-vertical) {
--tblr-sidebar-width: var(--tblr-sidebar-folded-width);
}
html:not([data-bs-navbar-position=vertical]):not([data-bs-navbar-position=combined]) .page:has(> [class*=navbar-expand]:not(.navbar-vertical)) > .navbar-vertical {
display: none;
}
html:not([data-bs-navbar-position=vertical]):not([data-bs-navbar-position=combined]) .page:has(> [class*=navbar-expand]:not(.navbar-vertical)) > .navbar,
html:not([data-bs-navbar-position=vertical]):not([data-bs-navbar-position=combined]) .page:has(> [class*=navbar-expand]:not(.navbar-vertical)) > .page-wrapper,
html:not([data-bs-navbar-position=vertical]):not([data-bs-navbar-position=combined]) .page:has(> [class*=navbar-expand]:not(.navbar-vertical)) > [class*=navbar-expand]:not(.navbar-vertical) {
--tblr-sidebar-width: 0px;
--tblr-sidebar-gap: var(--tblr-navbar-margin, 0px);
}
html[data-bs-navbar-position=vertical] .page:has(> .navbar-vertical) > [class*=navbar-expand]:not(.navbar-vertical) {
display: none;
}
@media (min-width: 576px) {
.navbar-vertical.navbar-expand-sm {
position: fixed;
inset-inline-start: 0;
top: 0;
bottom: 0;
z-index: 1030;
align-items: start;
width: var(--tblr-sidebar-width);
padding: 0;
transition: transform 0.3s;
}
}
@media (min-width: 576px) and (prefers-reduced-motion: reduce) {
.navbar-vertical.navbar-expand-sm {
transition: none;
}
}
@media (min-width: 576px) {
.navbar-vertical.navbar-expand-sm.navbar-right, .navbar-vertical.navbar-expand-sm.navbar-end {
inset-inline-start: auto;
inset-inline-end: 0;
}
.navbar-vertical.navbar-expand-sm .navbar-brand {
--tblr-sidebar-brand-padding-x: 1rem;
justify-content: space-between;
padding: 0.75rem var(--tblr-sidebar-brand-padding-x);
margin-inline-end: 0;
}
.navbar-vertical.navbar-expand-sm [data-bs-toggle=sidebar-folded] {
opacity: 0;
transition: opacity 0.3s;
}
}
@media (min-width: 576px) and (prefers-reduced-motion: reduce) {
.navbar-vertical.navbar-expand-sm [data-bs-toggle=sidebar-folded] {
transition: none;
}
}
@media (min-width: 576px) {
.navbar-vertical.navbar-expand-sm:hover [data-bs-toggle=sidebar-folded], .navbar-vertical.navbar-expand-sm:has(:focus-visible) [data-bs-toggle=sidebar-folded] {
opacity: 1;
}
.navbar-vertical.navbar-expand-sm .navbar-collapse {
align-items: stretch;
min-height: 0;
overflow-y: auto;
}
.navbar-vertical.navbar-expand-sm .navbar-nav {
flex-grow: 1;
flex-direction: column;
min-height: auto;
}
.navbar-vertical.navbar-expand-sm .navbar-footer {
order: 1;
padding-block: 0.5rem;
margin-top: auto;
border-top: var(--tblr-navbar-border-width) var(--tblr-border-style) var(--tblr-navbar-border-color);
}
.navbar-vertical.navbar-expand-sm .navbar-footer .navbar-nav {
--tblr-sidebar-nav-padding-y: 0.5rem;
--tblr-sidebar-nav-padding-x: 0.5rem;
flex-grow: 0;
}
.navbar-vertical.navbar-expand-sm .navbar-footer .nav-link .avatar {
flex-shrink: 0;
margin-inline-end: var(--tblr-nav-link-icon-margin-end);
}
.navbar-vertical.navbar-expand-sm > [class^=container] {
flex-direction: column;
align-items: stretch;
justify-content: start;
height: 100%;
padding: 0;
}
.navbar-vertical.navbar-expand-sm ~ .page {
padding-inline-start: var(--tblr-sidebar-width);
}
.navbar-vertical.navbar-expand-sm ~ .page [class^=container] {
padding-inline-start: 1.5rem;
padding-inline-end: 1.5rem;
}
.navbar-vertical.navbar-expand-sm.navbar-right ~ .page, .navbar-vertical.navbar-expand-sm.navbar-end ~ .page {
padding-inline-start: 0;
padding-inline-end: var(--tblr-sidebar-width);
}
.navbar-vertical.navbar-expand-sm:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) {
overflow: visible;
}
.navbar-vertical.navbar-expand-sm:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) [class^=container] {
min-width: 0;
}
.navbar-vertical.navbar-expand-sm:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-brand {
overflow: hidden;
}
.navbar-vertical.navbar-expand-sm:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) [data-bs-toggle=sidebar-folded] {
display: none;
}
.navbar-vertical.navbar-expand-sm:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-nav .nav-link {
--tblr-nav-link-icon-margin-end: 0;
}
.navbar-vertical.navbar-expand-sm:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-nav .nav-item.active > .nav-link.dropdown-toggle {
background: var(--tblr-navbar-active-bg);
}
.navbar-vertical.navbar-expand-sm:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .nav-link-title {
width: 0;
overflow: hidden;
white-space: nowrap;
opacity: 0;
}
.navbar-vertical.navbar-expand-sm:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse {
overflow: visible;
}
.navbar-vertical.navbar-expand-sm:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .nav-section-title {
position: relative;
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
}
.navbar-vertical.navbar-expand-sm:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .nav-section-title::before {
position: absolute;
inset-inline-start: calc(50% - 0.625rem);
top: calc(50% - var(--tblr-sidebar-section-title-margin-top) / 2);
width: 1.25rem;
height: var(--tblr-border-width);
content: "";
background: color-mix(in oklab, var(--tblr-navbar-color) 20%, transparent);
}
.navbar-vertical.navbar-expand-sm:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .nav-section-title:first-child::before {
content: none;
}
.navbar-vertical.navbar-expand-sm:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .nav-link.dropdown-toggle::after {
display: none;
}
.navbar-vertical.navbar-expand-sm:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .dropdown-menu-columns {
flex-direction: row;
}
.navbar-vertical.navbar-expand-sm:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .dropdown-menu {
position: absolute;
inset-inline-start: 100%;
top: 0;
z-index: 1030;
min-width: var(--tblr-dropdown-min-width);
padding: var(--tblr-dropdown-padding-y) var(--tblr-dropdown-padding-x);
margin: 0;
color: var(--tblr-dropdown-color);
background-color: var(--tblr-dropdown-bg);
background-clip: padding-box;
box-shadow: var(--tblr-dropdown-box-shadow);
border-radius: var(--tblr-dropdown-border-radius);
}
.navbar-vertical.navbar-expand-sm:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .dropdown-menu .dropdown-item {
padding: var(--tblr-dropdown-item-padding-y) var(--tblr-dropdown-item-padding-x);
color: var(--tblr-dropdown-link-color);
border-radius: 0;
}
.navbar-vertical.navbar-expand-sm:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
padding-inline-start: var(--tblr-dropdown-item-padding-x);
}
.navbar-vertical.navbar-expand-sm:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
padding-inline-start: var(--tblr-dropdown-item-padding-x);
}
.navbar-vertical.navbar-expand-sm:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .nav-item > .dropdown-menu {
inset-inline-start: calc(100% + var(--tblr-sidebar-inset) + 0.25rem);
}
.navbar-vertical.navbar-expand-sm.navbar-folded-hover, :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand-sm {
transition: transform 0.3s, width 0.3s;
}
}
@media (min-width: 576px) and (prefers-reduced-motion: reduce) {
.navbar-vertical.navbar-expand-sm.navbar-folded-hover, :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand-sm {
transition: none;
}
}
@media (min-width: 576px) {
.navbar-vertical.navbar-expand-sm.navbar-folded-hover .nav-link-title, :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand-sm .nav-link-title {
transition: opacity 0.3s;
}
}
@media (min-width: 576px) and (prefers-reduced-motion: reduce) {
.navbar-vertical.navbar-expand-sm.navbar-folded-hover .nav-link-title, :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand-sm .nav-link-title {
transition: none;
}
}
@media (min-width: 576px) {
.navbar-vertical.navbar-expand-sm.navbar-folded-hover:hover, .navbar-vertical.navbar-expand-sm.navbar-folded-hover:has(:focus-visible), :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand-sm:hover, :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand-sm:has(:focus-visible) {
width: 16rem;
box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color), var(--tblr-shadow-lg);
}
}
@media (min-width: 768px) {
.navbar-vertical.navbar-expand-md {
position: fixed;
inset-inline-start: 0;
top: 0;
bottom: 0;
z-index: 1030;
align-items: start;
width: var(--tblr-sidebar-width);
padding: 0;
transition: transform 0.3s;
}
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
.navbar-vertical.navbar-expand-md {
transition: none;
}
}
@media (min-width: 768px) {
.navbar-vertical.navbar-expand-md.navbar-right, .navbar-vertical.navbar-expand-md.navbar-end {
inset-inline-start: auto;
inset-inline-end: 0;
}
.navbar-vertical.navbar-expand-md .navbar-brand {
--tblr-sidebar-brand-padding-x: 1rem;
justify-content: space-between;
padding: 0.75rem var(--tblr-sidebar-brand-padding-x);
margin-inline-end: 0;
}
.navbar-vertical.navbar-expand-md [data-bs-toggle=sidebar-folded] {
opacity: 0;
transition: opacity 0.3s;
}
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
.navbar-vertical.navbar-expand-md [data-bs-toggle=sidebar-folded] {
transition: none;
}
}
@media (min-width: 768px) {
.navbar-vertical.navbar-expand-md:hover [data-bs-toggle=sidebar-folded], .navbar-vertical.navbar-expand-md:has(:focus-visible) [data-bs-toggle=sidebar-folded] {
opacity: 1;
}
.navbar-vertical.navbar-expand-md .navbar-collapse {
align-items: stretch;
min-height: 0;
overflow-y: auto;
}
.navbar-vertical.navbar-expand-md .navbar-nav {
flex-grow: 1;
flex-direction: column;
min-height: auto;
}
.navbar-vertical.navbar-expand-md .navbar-footer {
order: 1;
padding-block: 0.5rem;
margin-top: auto;
border-top: var(--tblr-navbar-border-width) var(--tblr-border-style) var(--tblr-navbar-border-color);
}
.navbar-vertical.navbar-expand-md .navbar-footer .navbar-nav {
--tblr-sidebar-nav-padding-y: 0.5rem;
--tblr-sidebar-nav-padding-x: 0.5rem;
flex-grow: 0;
}
.navbar-vertical.navbar-expand-md .navbar-footer .nav-link .avatar {
flex-shrink: 0;
margin-inline-end: var(--tblr-nav-link-icon-margin-end);
}
.navbar-vertical.navbar-expand-md > [class^=container] {
flex-direction: column;
align-items: stretch;
justify-content: start;
height: 100%;
padding: 0;
}
.navbar-vertical.navbar-expand-md ~ .page {
padding-inline-start: var(--tblr-sidebar-width);
}
.navbar-vertical.navbar-expand-md ~ .page [class^=container] {
padding-inline-start: 1.5rem;
padding-inline-end: 1.5rem;
}
.navbar-vertical.navbar-expand-md.navbar-right ~ .page, .navbar-vertical.navbar-expand-md.navbar-end ~ .page {
padding-inline-start: 0;
padding-inline-end: var(--tblr-sidebar-width);
}
.navbar-vertical.navbar-expand-md:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) {
overflow: visible;
}
.navbar-vertical.navbar-expand-md:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) [class^=container] {
min-width: 0;
}
.navbar-vertical.navbar-expand-md:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-brand {
overflow: hidden;
}
.navbar-vertical.navbar-expand-md:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) [data-bs-toggle=sidebar-folded] {
display: none;
}
.navbar-vertical.navbar-expand-md:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-nav .nav-link {
--tblr-nav-link-icon-margin-end: 0;
}
.navbar-vertical.navbar-expand-md:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-nav .nav-item.active > .nav-link.dropdown-toggle {
background: var(--tblr-navbar-active-bg);
}
.navbar-vertical.navbar-expand-md:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .nav-link-title {
width: 0;
overflow: hidden;
white-space: nowrap;
opacity: 0;
}
.navbar-vertical.navbar-expand-md:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse {
overflow: visible;
}
.navbar-vertical.navbar-expand-md:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .nav-section-title {
position: relative;
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
}
.navbar-vertical.navbar-expand-md:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .nav-section-title::before {
position: absolute;
inset-inline-start: calc(50% - 0.625rem);
top: calc(50% - var(--tblr-sidebar-section-title-margin-top) / 2);
width: 1.25rem;
height: var(--tblr-border-width);
content: "";
background: color-mix(in oklab, var(--tblr-navbar-color) 20%, transparent);
}
.navbar-vertical.navbar-expand-md:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .nav-section-title:first-child::before {
content: none;
}
.navbar-vertical.navbar-expand-md:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .nav-link.dropdown-toggle::after {
display: none;
}
.navbar-vertical.navbar-expand-md:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .dropdown-menu-columns {
flex-direction: row;
}
.navbar-vertical.navbar-expand-md:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .dropdown-menu {
position: absolute;
inset-inline-start: 100%;
top: 0;
z-index: 1030;
min-width: var(--tblr-dropdown-min-width);
padding: var(--tblr-dropdown-padding-y) var(--tblr-dropdown-padding-x);
margin: 0;
color: var(--tblr-dropdown-color);
background-color: var(--tblr-dropdown-bg);
background-clip: padding-box;
box-shadow: var(--tblr-dropdown-box-shadow);
border-radius: var(--tblr-dropdown-border-radius);
}
.navbar-vertical.navbar-expand-md:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .dropdown-menu .dropdown-item {
padding: var(--tblr-dropdown-item-padding-y) var(--tblr-dropdown-item-padding-x);
color: var(--tblr-dropdown-link-color);
border-radius: 0;
}
.navbar-vertical.navbar-expand-md:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
padding-inline-start: var(--tblr-dropdown-item-padding-x);
}
.navbar-vertical.navbar-expand-md:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
padding-inline-start: var(--tblr-dropdown-item-padding-x);
}
.navbar-vertical.navbar-expand-md:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .nav-item > .dropdown-menu {
inset-inline-start: calc(100% + var(--tblr-sidebar-inset) + 0.25rem);
}
.navbar-vertical.navbar-expand-md.navbar-folded-hover, :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand-md {
transition: transform 0.3s, width 0.3s;
}
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
.navbar-vertical.navbar-expand-md.navbar-folded-hover, :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand-md {
transition: none;
}
}
@media (min-width: 768px) {
.navbar-vertical.navbar-expand-md.navbar-folded-hover .nav-link-title, :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand-md .nav-link-title {
transition: opacity 0.3s;
}
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
.navbar-vertical.navbar-expand-md.navbar-folded-hover .nav-link-title, :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand-md .nav-link-title {
transition: none;
}
}
@media (min-width: 768px) {
.navbar-vertical.navbar-expand-md.navbar-folded-hover:hover, .navbar-vertical.navbar-expand-md.navbar-folded-hover:has(:focus-visible), :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand-md:hover, :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand-md:has(:focus-visible) {
width: 16rem;
box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color), var(--tblr-shadow-lg);
}
}
@media (min-width: 992px) {
.navbar-vertical.navbar-expand-lg {
position: fixed;
inset-inline-start: 0;
top: 0;
bottom: 0;
z-index: 1030;
align-items: start;
width: var(--tblr-sidebar-width);
padding: 0;
transition: transform 0.3s;
}
}
@media (min-width: 992px) and (prefers-reduced-motion: reduce) {
.navbar-vertical.navbar-expand-lg {
transition: none;
}
}
@media (min-width: 992px) {
.navbar-vertical.navbar-expand-lg.navbar-right, .navbar-vertical.navbar-expand-lg.navbar-end {
inset-inline-start: auto;
inset-inline-end: 0;
}
.navbar-vertical.navbar-expand-lg .navbar-brand {
--tblr-sidebar-brand-padding-x: 1rem;
justify-content: space-between;
padding: 0.75rem var(--tblr-sidebar-brand-padding-x);
margin-inline-end: 0;
}
.navbar-vertical.navbar-expand-lg [data-bs-toggle=sidebar-folded] {
opacity: 0;
transition: opacity 0.3s;
}
}
@media (min-width: 992px) and (prefers-reduced-motion: reduce) {
.navbar-vertical.navbar-expand-lg [data-bs-toggle=sidebar-folded] {
transition: none;
}
}
@media (min-width: 992px) {
.navbar-vertical.navbar-expand-lg:hover [data-bs-toggle=sidebar-folded], .navbar-vertical.navbar-expand-lg:has(:focus-visible) [data-bs-toggle=sidebar-folded] {
opacity: 1;
}
.navbar-vertical.navbar-expand-lg .navbar-collapse {
align-items: stretch;
min-height: 0;
overflow-y: auto;
}
.navbar-vertical.navbar-expand-lg .navbar-nav {
flex-grow: 1;
flex-direction: column;
min-height: auto;
}
.navbar-vertical.navbar-expand-lg .navbar-footer {
order: 1;
padding-block: 0.5rem;
margin-top: auto;
border-top: var(--tblr-navbar-border-width) var(--tblr-border-style) var(--tblr-navbar-border-color);
}
.navbar-vertical.navbar-expand-lg .navbar-footer .navbar-nav {
--tblr-sidebar-nav-padding-y: 0.5rem;
--tblr-sidebar-nav-padding-x: 0.5rem;
flex-grow: 0;
}
.navbar-vertical.navbar-expand-lg .navbar-footer .nav-link .avatar {
flex-shrink: 0;
margin-inline-end: var(--tblr-nav-link-icon-margin-end);
}
.navbar-vertical.navbar-expand-lg > [class^=container] {
flex-direction: column;
align-items: stretch;
justify-content: start;
height: 100%;
padding: 0;
}
.navbar-vertical.navbar-expand-lg ~ .page {
padding-inline-start: var(--tblr-sidebar-width);
}
.navbar-vertical.navbar-expand-lg ~ .page [class^=container] {
padding-inline-start: 1.5rem;
padding-inline-end: 1.5rem;
}
.navbar-vertical.navbar-expand-lg.navbar-right ~ .page, .navbar-vertical.navbar-expand-lg.navbar-end ~ .page {
padding-inline-start: 0;
padding-inline-end: var(--tblr-sidebar-width);
}
.navbar-vertical.navbar-expand-lg:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) {
overflow: visible;
}
.navbar-vertical.navbar-expand-lg:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) [class^=container] {
min-width: 0;
}
.navbar-vertical.navbar-expand-lg:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-brand {
overflow: hidden;
}
.navbar-vertical.navbar-expand-lg:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) [data-bs-toggle=sidebar-folded] {
display: none;
}
.navbar-vertical.navbar-expand-lg:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-nav .nav-link {
--tblr-nav-link-icon-margin-end: 0;
}
.navbar-vertical.navbar-expand-lg:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-nav .nav-item.active > .nav-link.dropdown-toggle {
background: var(--tblr-navbar-active-bg);
}
.navbar-vertical.navbar-expand-lg:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .nav-link-title {
width: 0;
overflow: hidden;
white-space: nowrap;
opacity: 0;
}
.navbar-vertical.navbar-expand-lg:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse {
overflow: visible;
}
.navbar-vertical.navbar-expand-lg:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .nav-section-title {
position: relative;
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
}
.navbar-vertical.navbar-expand-lg:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .nav-section-title::before {
position: absolute;
inset-inline-start: calc(50% - 0.625rem);
top: calc(50% - var(--tblr-sidebar-section-title-margin-top) / 2);
width: 1.25rem;
height: var(--tblr-border-width);
content: "";
background: color-mix(in oklab, var(--tblr-navbar-color) 20%, transparent);
}
.navbar-vertical.navbar-expand-lg:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .nav-section-title:first-child::before {
content: none;
}
.navbar-vertical.navbar-expand-lg:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .nav-link.dropdown-toggle::after {
display: none;
}
.navbar-vertical.navbar-expand-lg:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .dropdown-menu-columns {
flex-direction: row;
}
.navbar-vertical.navbar-expand-lg:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .dropdown-menu {
position: absolute;
inset-inline-start: 100%;
top: 0;
z-index: 1030;
min-width: var(--tblr-dropdown-min-width);
padding: var(--tblr-dropdown-padding-y) var(--tblr-dropdown-padding-x);
margin: 0;
color: var(--tblr-dropdown-color);
background-color: var(--tblr-dropdown-bg);
background-clip: padding-box;
box-shadow: var(--tblr-dropdown-box-shadow);
border-radius: var(--tblr-dropdown-border-radius);
}
.navbar-vertical.navbar-expand-lg:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .dropdown-menu .dropdown-item {
padding: var(--tblr-dropdown-item-padding-y) var(--tblr-dropdown-item-padding-x);
color: var(--tblr-dropdown-link-color);
border-radius: 0;
}
.navbar-vertical.navbar-expand-lg:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
padding-inline-start: var(--tblr-dropdown-item-padding-x);
}
.navbar-vertical.navbar-expand-lg:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
padding-inline-start: var(--tblr-dropdown-item-padding-x);
}
.navbar-vertical.navbar-expand-lg:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .nav-item > .dropdown-menu {
inset-inline-start: calc(100% + var(--tblr-sidebar-inset) + 0.25rem);
}
.navbar-vertical.navbar-expand-lg.navbar-folded-hover, :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand-lg {
transition: transform 0.3s, width 0.3s;
}
}
@media (min-width: 992px) and (prefers-reduced-motion: reduce) {
.navbar-vertical.navbar-expand-lg.navbar-folded-hover, :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand-lg {
transition: none;
}
}
@media (min-width: 992px) {
.navbar-vertical.navbar-expand-lg.navbar-folded-hover .nav-link-title, :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand-lg .nav-link-title {
transition: opacity 0.3s;
}
}
@media (min-width: 992px) and (prefers-reduced-motion: reduce) {
.navbar-vertical.navbar-expand-lg.navbar-folded-hover .nav-link-title, :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand-lg .nav-link-title {
transition: none;
}
}
@media (min-width: 992px) {
.navbar-vertical.navbar-expand-lg.navbar-folded-hover:hover, .navbar-vertical.navbar-expand-lg.navbar-folded-hover:has(:focus-visible), :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand-lg:hover, :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand-lg:has(:focus-visible) {
width: 16rem;
box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color), var(--tblr-shadow-lg);
}
}
@media (min-width: 1200px) {
.navbar-vertical.navbar-expand-xl {
position: fixed;
inset-inline-start: 0;
top: 0;
bottom: 0;
z-index: 1030;
align-items: start;
width: var(--tblr-sidebar-width);
padding: 0;
transition: transform 0.3s;
}
}
@media (min-width: 1200px) and (prefers-reduced-motion: reduce) {
.navbar-vertical.navbar-expand-xl {
transition: none;
}
}
@media (min-width: 1200px) {
.navbar-vertical.navbar-expand-xl.navbar-right, .navbar-vertical.navbar-expand-xl.navbar-end {
inset-inline-start: auto;
inset-inline-end: 0;
}
.navbar-vertical.navbar-expand-xl .navbar-brand {
--tblr-sidebar-brand-padding-x: 1rem;
justify-content: space-between;
padding: 0.75rem var(--tblr-sidebar-brand-padding-x);
margin-inline-end: 0;
}
.navbar-vertical.navbar-expand-xl [data-bs-toggle=sidebar-folded] {
opacity: 0;
transition: opacity 0.3s;
}
}
@media (min-width: 1200px) and (prefers-reduced-motion: reduce) {
.navbar-vertical.navbar-expand-xl [data-bs-toggle=sidebar-folded] {
transition: none;
}
}
@media (min-width: 1200px) {
.navbar-vertical.navbar-expand-xl:hover [data-bs-toggle=sidebar-folded], .navbar-vertical.navbar-expand-xl:has(:focus-visible) [data-bs-toggle=sidebar-folded] {
opacity: 1;
}
.navbar-vertical.navbar-expand-xl .navbar-collapse {
align-items: stretch;
min-height: 0;
overflow-y: auto;
}
.navbar-vertical.navbar-expand-xl .navbar-nav {
flex-grow: 1;
flex-direction: column;
min-height: auto;
}
.navbar-vertical.navbar-expand-xl .navbar-footer {
order: 1;
padding-block: 0.5rem;
margin-top: auto;
border-top: var(--tblr-navbar-border-width) var(--tblr-border-style) var(--tblr-navbar-border-color);
}
.navbar-vertical.navbar-expand-xl .navbar-footer .navbar-nav {
--tblr-sidebar-nav-padding-y: 0.5rem;
--tblr-sidebar-nav-padding-x: 0.5rem;
flex-grow: 0;
}
.navbar-vertical.navbar-expand-xl .navbar-footer .nav-link .avatar {
flex-shrink: 0;
margin-inline-end: var(--tblr-nav-link-icon-margin-end);
}
.navbar-vertical.navbar-expand-xl > [class^=container] {
flex-direction: column;
align-items: stretch;
justify-content: start;
height: 100%;
padding: 0;
}
.navbar-vertical.navbar-expand-xl ~ .page {
padding-inline-start: var(--tblr-sidebar-width);
}
.navbar-vertical.navbar-expand-xl ~ .page [class^=container] {
padding-inline-start: 1.5rem;
padding-inline-end: 1.5rem;
}
.navbar-vertical.navbar-expand-xl.navbar-right ~ .page, .navbar-vertical.navbar-expand-xl.navbar-end ~ .page {
padding-inline-start: 0;
padding-inline-end: var(--tblr-sidebar-width);
}
.navbar-vertical.navbar-expand-xl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) {
overflow: visible;
}
.navbar-vertical.navbar-expand-xl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) [class^=container] {
min-width: 0;
}
.navbar-vertical.navbar-expand-xl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-brand {
overflow: hidden;
}
.navbar-vertical.navbar-expand-xl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) [data-bs-toggle=sidebar-folded] {
display: none;
}
.navbar-vertical.navbar-expand-xl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-nav .nav-link {
--tblr-nav-link-icon-margin-end: 0;
}
.navbar-vertical.navbar-expand-xl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-nav .nav-item.active > .nav-link.dropdown-toggle {
background: var(--tblr-navbar-active-bg);
}
.navbar-vertical.navbar-expand-xl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .nav-link-title {
width: 0;
overflow: hidden;
white-space: nowrap;
opacity: 0;
}
.navbar-vertical.navbar-expand-xl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse {
overflow: visible;
}
.navbar-vertical.navbar-expand-xl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .nav-section-title {
position: relative;
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
}
.navbar-vertical.navbar-expand-xl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .nav-section-title::before {
position: absolute;
inset-inline-start: calc(50% - 0.625rem);
top: calc(50% - var(--tblr-sidebar-section-title-margin-top) / 2);
width: 1.25rem;
height: var(--tblr-border-width);
content: "";
background: color-mix(in oklab, var(--tblr-navbar-color) 20%, transparent);
}
.navbar-vertical.navbar-expand-xl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .nav-section-title:first-child::before {
content: none;
}
.navbar-vertical.navbar-expand-xl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .nav-link.dropdown-toggle::after {
display: none;
}
.navbar-vertical.navbar-expand-xl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .dropdown-menu-columns {
flex-direction: row;
}
.navbar-vertical.navbar-expand-xl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .dropdown-menu {
position: absolute;
inset-inline-start: 100%;
top: 0;
z-index: 1030;
min-width: var(--tblr-dropdown-min-width);
padding: var(--tblr-dropdown-padding-y) var(--tblr-dropdown-padding-x);
margin: 0;
color: var(--tblr-dropdown-color);
background-color: var(--tblr-dropdown-bg);
background-clip: padding-box;
box-shadow: var(--tblr-dropdown-box-shadow);
border-radius: var(--tblr-dropdown-border-radius);
}
.navbar-vertical.navbar-expand-xl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .dropdown-menu .dropdown-item {
padding: var(--tblr-dropdown-item-padding-y) var(--tblr-dropdown-item-padding-x);
color: var(--tblr-dropdown-link-color);
border-radius: 0;
}
.navbar-vertical.navbar-expand-xl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
padding-inline-start: var(--tblr-dropdown-item-padding-x);
}
.navbar-vertical.navbar-expand-xl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
padding-inline-start: var(--tblr-dropdown-item-padding-x);
}
.navbar-vertical.navbar-expand-xl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .nav-item > .dropdown-menu {
inset-inline-start: calc(100% + var(--tblr-sidebar-inset) + 0.25rem);
}
.navbar-vertical.navbar-expand-xl.navbar-folded-hover, :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand-xl {
transition: transform 0.3s, width 0.3s;
}
}
@media (min-width: 1200px) and (prefers-reduced-motion: reduce) {
.navbar-vertical.navbar-expand-xl.navbar-folded-hover, :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand-xl {
transition: none;
}
}
@media (min-width: 1200px) {
.navbar-vertical.navbar-expand-xl.navbar-folded-hover .nav-link-title, :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand-xl .nav-link-title {
transition: opacity 0.3s;
}
}
@media (min-width: 1200px) and (prefers-reduced-motion: reduce) {
.navbar-vertical.navbar-expand-xl.navbar-folded-hover .nav-link-title, :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand-xl .nav-link-title {
transition: none;
}
}
@media (min-width: 1200px) {
.navbar-vertical.navbar-expand-xl.navbar-folded-hover:hover, .navbar-vertical.navbar-expand-xl.navbar-folded-hover:has(:focus-visible), :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand-xl:hover, :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand-xl:has(:focus-visible) {
width: 16rem;
box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color), var(--tblr-shadow-lg);
}
}
@media (min-width: 1400px) {
.navbar-vertical.navbar-expand-xxl {
position: fixed;
inset-inline-start: 0;
top: 0;
bottom: 0;
z-index: 1030;
align-items: start;
width: var(--tblr-sidebar-width);
padding: 0;
transition: transform 0.3s;
}
}
@media (min-width: 1400px) and (prefers-reduced-motion: reduce) {
.navbar-vertical.navbar-expand-xxl {
transition: none;
}
}
@media (min-width: 1400px) {
.navbar-vertical.navbar-expand-xxl.navbar-right, .navbar-vertical.navbar-expand-xxl.navbar-end {
inset-inline-start: auto;
inset-inline-end: 0;
}
.navbar-vertical.navbar-expand-xxl .navbar-brand {
--tblr-sidebar-brand-padding-x: 1rem;
justify-content: space-between;
padding: 0.75rem var(--tblr-sidebar-brand-padding-x);
margin-inline-end: 0;
}
.navbar-vertical.navbar-expand-xxl [data-bs-toggle=sidebar-folded] {
opacity: 0;
transition: opacity 0.3s;
}
}
@media (min-width: 1400px) and (prefers-reduced-motion: reduce) {
.navbar-vertical.navbar-expand-xxl [data-bs-toggle=sidebar-folded] {
transition: none;
}
}
@media (min-width: 1400px) {
.navbar-vertical.navbar-expand-xxl:hover [data-bs-toggle=sidebar-folded], .navbar-vertical.navbar-expand-xxl:has(:focus-visible) [data-bs-toggle=sidebar-folded] {
opacity: 1;
}
.navbar-vertical.navbar-expand-xxl .navbar-collapse {
align-items: stretch;
min-height: 0;
overflow-y: auto;
}
.navbar-vertical.navbar-expand-xxl .navbar-nav {
flex-grow: 1;
flex-direction: column;
min-height: auto;
}
.navbar-vertical.navbar-expand-xxl .navbar-footer {
order: 1;
padding-block: 0.5rem;
margin-top: auto;
border-top: var(--tblr-navbar-border-width) var(--tblr-border-style) var(--tblr-navbar-border-color);
}
.navbar-vertical.navbar-expand-xxl .navbar-footer .navbar-nav {
--tblr-sidebar-nav-padding-y: 0.5rem;
--tblr-sidebar-nav-padding-x: 0.5rem;
flex-grow: 0;
}
.navbar-vertical.navbar-expand-xxl .navbar-footer .nav-link .avatar {
flex-shrink: 0;
margin-inline-end: var(--tblr-nav-link-icon-margin-end);
}
.navbar-vertical.navbar-expand-xxl > [class^=container] {
flex-direction: column;
align-items: stretch;
justify-content: start;
height: 100%;
padding: 0;
}
.navbar-vertical.navbar-expand-xxl ~ .page {
padding-inline-start: var(--tblr-sidebar-width);
}
.navbar-vertical.navbar-expand-xxl ~ .page [class^=container] {
padding-inline-start: 1.5rem;
padding-inline-end: 1.5rem;
}
.navbar-vertical.navbar-expand-xxl.navbar-right ~ .page, .navbar-vertical.navbar-expand-xxl.navbar-end ~ .page {
padding-inline-start: 0;
padding-inline-end: var(--tblr-sidebar-width);
}
.navbar-vertical.navbar-expand-xxl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) {
overflow: visible;
}
.navbar-vertical.navbar-expand-xxl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) [class^=container] {
min-width: 0;
}
.navbar-vertical.navbar-expand-xxl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-brand {
overflow: hidden;
}
.navbar-vertical.navbar-expand-xxl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) [data-bs-toggle=sidebar-folded] {
display: none;
}
.navbar-vertical.navbar-expand-xxl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-nav .nav-link {
--tblr-nav-link-icon-margin-end: 0;
}
.navbar-vertical.navbar-expand-xxl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-nav .nav-item.active > .nav-link.dropdown-toggle {
background: var(--tblr-navbar-active-bg);
}
.navbar-vertical.navbar-expand-xxl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .nav-link-title {
width: 0;
overflow: hidden;
white-space: nowrap;
opacity: 0;
}
.navbar-vertical.navbar-expand-xxl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse {
overflow: visible;
}
.navbar-vertical.navbar-expand-xxl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .nav-section-title {
position: relative;
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
}
.navbar-vertical.navbar-expand-xxl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .nav-section-title::before {
position: absolute;
inset-inline-start: calc(50% - 0.625rem);
top: calc(50% - var(--tblr-sidebar-section-title-margin-top) / 2);
width: 1.25rem;
height: var(--tblr-border-width);
content: "";
background: color-mix(in oklab, var(--tblr-navbar-color) 20%, transparent);
}
.navbar-vertical.navbar-expand-xxl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .nav-section-title:first-child::before {
content: none;
}
.navbar-vertical.navbar-expand-xxl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .nav-link.dropdown-toggle::after {
display: none;
}
.navbar-vertical.navbar-expand-xxl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .dropdown-menu-columns {
flex-direction: row;
}
.navbar-vertical.navbar-expand-xxl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .dropdown-menu {
position: absolute;
inset-inline-start: 100%;
top: 0;
z-index: 1030;
min-width: var(--tblr-dropdown-min-width);
padding: var(--tblr-dropdown-padding-y) var(--tblr-dropdown-padding-x);
margin: 0;
color: var(--tblr-dropdown-color);
background-color: var(--tblr-dropdown-bg);
background-clip: padding-box;
box-shadow: var(--tblr-dropdown-box-shadow);
border-radius: var(--tblr-dropdown-border-radius);
}
.navbar-vertical.navbar-expand-xxl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .dropdown-menu .dropdown-item {
padding: var(--tblr-dropdown-item-padding-y) var(--tblr-dropdown-item-padding-x);
color: var(--tblr-dropdown-link-color);
border-radius: 0;
}
.navbar-vertical.navbar-expand-xxl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
padding-inline-start: var(--tblr-dropdown-item-padding-x);
}
.navbar-vertical.navbar-expand-xxl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
padding-inline-start: var(--tblr-dropdown-item-padding-x);
}
.navbar-vertical.navbar-expand-xxl:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .nav-item > .dropdown-menu {
inset-inline-start: calc(100% + var(--tblr-sidebar-inset) + 0.25rem);
}
.navbar-vertical.navbar-expand-xxl.navbar-folded-hover, :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand-xxl {
transition: transform 0.3s, width 0.3s;
}
}
@media (min-width: 1400px) and (prefers-reduced-motion: reduce) {
.navbar-vertical.navbar-expand-xxl.navbar-folded-hover, :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand-xxl {
transition: none;
}
}
@media (min-width: 1400px) {
.navbar-vertical.navbar-expand-xxl.navbar-folded-hover .nav-link-title, :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand-xxl .nav-link-title {
transition: opacity 0.3s;
}
}
@media (min-width: 1400px) and (prefers-reduced-motion: reduce) {
.navbar-vertical.navbar-expand-xxl.navbar-folded-hover .nav-link-title, :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand-xxl .nav-link-title {
transition: none;
}
}
@media (min-width: 1400px) {
.navbar-vertical.navbar-expand-xxl.navbar-folded-hover:hover, .navbar-vertical.navbar-expand-xxl.navbar-folded-hover:has(:focus-visible), :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand-xxl:hover, :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand-xxl:has(:focus-visible) {
width: 16rem;
box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color), var(--tblr-shadow-lg);
}
}
.navbar-vertical.navbar-expand {
position: fixed;
inset-inline-start: 0;
top: 0;
bottom: 0;
z-index: 1030;
align-items: start;
width: var(--tblr-sidebar-width);
padding: 0;
transition: transform 0.3s;
}
@media (prefers-reduced-motion: reduce) {
.navbar-vertical.navbar-expand {
transition: none;
}
}
.navbar-vertical.navbar-expand.navbar-right, .navbar-vertical.navbar-expand.navbar-end {
inset-inline-start: auto;
inset-inline-end: 0;
}
.navbar-vertical.navbar-expand .navbar-brand {
--tblr-sidebar-brand-padding-x: 1rem;
justify-content: space-between;
padding: 0.75rem var(--tblr-sidebar-brand-padding-x);
margin-inline-end: 0;
}
.navbar-vertical.navbar-expand [data-bs-toggle=sidebar-folded] {
opacity: 0;
transition: opacity 0.3s;
}
@media (prefers-reduced-motion: reduce) {
.navbar-vertical.navbar-expand [data-bs-toggle=sidebar-folded] {
transition: none;
}
}
.navbar-vertical.navbar-expand:hover [data-bs-toggle=sidebar-folded], .navbar-vertical.navbar-expand:has(:focus-visible) [data-bs-toggle=sidebar-folded] {
opacity: 1;
}
.navbar-vertical.navbar-expand .navbar-collapse {
align-items: stretch;
min-height: 0;
overflow-y: auto;
}
.navbar-vertical.navbar-expand .navbar-nav {
flex-grow: 1;
flex-direction: column;
min-height: auto;
}
.navbar-vertical.navbar-expand .navbar-footer {
order: 1;
padding-block: 0.5rem;
margin-top: auto;
border-top: var(--tblr-navbar-border-width) var(--tblr-border-style) var(--tblr-navbar-border-color);
}
.navbar-vertical.navbar-expand .navbar-footer .navbar-nav {
--tblr-sidebar-nav-padding-y: 0.5rem;
--tblr-sidebar-nav-padding-x: 0.5rem;
flex-grow: 0;
}
.navbar-vertical.navbar-expand .navbar-footer .nav-link .avatar {
flex-shrink: 0;
margin-inline-end: var(--tblr-nav-link-icon-margin-end);
}
.navbar-vertical.navbar-expand > [class^=container] {
flex-direction: column;
align-items: stretch;
justify-content: start;
height: 100%;
padding: 0;
}
.navbar-vertical.navbar-expand ~ .page {
padding-inline-start: var(--tblr-sidebar-width);
}
.navbar-vertical.navbar-expand ~ .page [class^=container] {
padding-inline-start: 1.5rem;
padding-inline-end: 1.5rem;
}
.navbar-vertical.navbar-expand.navbar-right ~ .page, .navbar-vertical.navbar-expand.navbar-end ~ .page {
padding-inline-start: 0;
padding-inline-end: var(--tblr-sidebar-width);
}
.navbar-vertical.navbar-expand:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) {
overflow: visible;
}
.navbar-vertical.navbar-expand:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) [class^=container] {
min-width: 0;
}
.navbar-vertical.navbar-expand:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-brand {
overflow: hidden;
}
.navbar-vertical.navbar-expand:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) [data-bs-toggle=sidebar-folded] {
display: none;
}
.navbar-vertical.navbar-expand:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-nav .nav-link {
--tblr-nav-link-icon-margin-end: 0;
}
.navbar-vertical.navbar-expand:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-nav .nav-item.active > .nav-link.dropdown-toggle {
background: var(--tblr-navbar-active-bg);
}
.navbar-vertical.navbar-expand:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .nav-link-title {
width: 0;
overflow: hidden;
white-space: nowrap;
opacity: 0;
}
.navbar-vertical.navbar-expand:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse {
overflow: visible;
}
.navbar-vertical.navbar-expand:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .nav-section-title {
position: relative;
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
}
.navbar-vertical.navbar-expand:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .nav-section-title::before {
position: absolute;
inset-inline-start: calc(50% - 0.625rem);
top: calc(50% - var(--tblr-sidebar-section-title-margin-top) / 2);
width: 1.25rem;
height: var(--tblr-border-width);
content: "";
background: color-mix(in oklab, var(--tblr-navbar-color) 20%, transparent);
}
.navbar-vertical.navbar-expand:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .nav-section-title:first-child::before {
content: none;
}
.navbar-vertical.navbar-expand:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .nav-link.dropdown-toggle::after {
display: none;
}
.navbar-vertical.navbar-expand:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .dropdown-menu-columns {
flex-direction: row;
}
.navbar-vertical.navbar-expand:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .dropdown-menu {
position: absolute;
inset-inline-start: 100%;
top: 0;
z-index: 1030;
min-width: var(--tblr-dropdown-min-width);
padding: var(--tblr-dropdown-padding-y) var(--tblr-dropdown-padding-x);
margin: 0;
color: var(--tblr-dropdown-color);
background-color: var(--tblr-dropdown-bg);
background-clip: padding-box;
box-shadow: var(--tblr-dropdown-box-shadow);
border-radius: var(--tblr-dropdown-border-radius);
}
.navbar-vertical.navbar-expand:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .dropdown-menu .dropdown-item {
padding: var(--tblr-dropdown-item-padding-y) var(--tblr-dropdown-item-padding-x);
color: var(--tblr-dropdown-link-color);
border-radius: 0;
}
.navbar-vertical.navbar-expand:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
padding-inline-start: var(--tblr-dropdown-item-padding-x);
}
.navbar-vertical.navbar-expand:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
padding-inline-start: var(--tblr-dropdown-item-padding-x);
}
.navbar-vertical.navbar-expand:is(.navbar-folded, .navbar-folded-hover:not(:hover):not(:has(:focus-visible)), [data-bs-sidebar=folded] *, [data-bs-sidebar=folded-hover] :not(:hover):not(:has(:focus-visible))) .navbar-collapse .nav-item > .dropdown-menu {
inset-inline-start: calc(100% + var(--tblr-sidebar-inset) + 0.25rem);
}
.navbar-vertical.navbar-expand.navbar-folded-hover, :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand {
transition: transform 0.3s, width 0.3s;
}
@media (prefers-reduced-motion: reduce) {
.navbar-vertical.navbar-expand.navbar-folded-hover, :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand {
transition: none;
}
}
.navbar-vertical.navbar-expand.navbar-folded-hover .nav-link-title, :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand .nav-link-title {
transition: opacity 0.3s;
}
@media (prefers-reduced-motion: reduce) {
.navbar-vertical.navbar-expand.navbar-folded-hover .nav-link-title, :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand .nav-link-title {
transition: none;
}
}
.navbar-vertical.navbar-expand.navbar-folded-hover:hover, .navbar-vertical.navbar-expand.navbar-folded-hover:has(:focus-visible), :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand:hover, :where([data-bs-sidebar=folded-hover]) .navbar-vertical.navbar-expand:has(:focus-visible) {
width: 16rem;
box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color), var(--tblr-shadow-lg);
}
@media print {
.navbar-vertical ~ .page {
padding-inline-start: 0;
padding-inline-end: 0;
}
}
.navbar-overlap::after {
position: absolute;
inset-inline-start: 0;
inset-inline-end: 0;
top: 100%;
z-index: -1;
height: 9rem;
content: "";
background: inherit;
box-shadow: inherit;
}
.navbar-floating,
html[data-bs-navbar-style=floating] .page > .navbar,
html[data-bs-navbar-style=floating] .page > [class*=navbar-expand] .navbar {
margin: var(--tblr-navbar-margin, 0);
outline: var(--tblr-navbar-outline-width, 0) solid var(--tblr-navbar-border-color);
outline-offset: calc(-1 * var(--tblr-navbar-outline-width, 0px));
border-radius: var(--tblr-navbar-border-radius, 0);
}
html[data-bs-navbar-style=floating] .page > [class*=navbar-expand] .navbar {
margin-top: 0;
}
@media (min-width: 576px) {
.navbar-floating.navbar-expand-sm,
html[data-bs-navbar-style=floating] .page > .navbar-expand-sm {
--tblr-navbar-margin: 0.5rem;
--tblr-navbar-border-radius: var(--tblr-border-radius-lg);
--tblr-navbar-outline-width: var(--tblr-navbar-border-width);
}
}
@media (min-width: 768px) {
.navbar-floating.navbar-expand-md,
html[data-bs-navbar-style=floating] .page > .navbar-expand-md {
--tblr-navbar-margin: 0.5rem;
--tblr-navbar-border-radius: var(--tblr-border-radius-lg);
--tblr-navbar-outline-width: var(--tblr-navbar-border-width);
}
}
@media (min-width: 992px) {
.navbar-floating.navbar-expand-lg,
html[data-bs-navbar-style=floating] .page > .navbar-expand-lg {
--tblr-navbar-margin: 0.5rem;
--tblr-navbar-border-radius: var(--tblr-border-radius-lg);
--tblr-navbar-outline-width: var(--tblr-navbar-border-width);
}
}
@media (min-width: 1200px) {
.navbar-floating.navbar-expand-xl,
html[data-bs-navbar-style=floating] .page > .navbar-expand-xl {
--tblr-navbar-margin: 0.5rem;
--tblr-navbar-border-radius: var(--tblr-border-radius-lg);
--tblr-navbar-outline-width: var(--tblr-navbar-border-width);
}
}
@media (min-width: 1400px) {
.navbar-floating.navbar-expand-xxl,
html[data-bs-navbar-style=floating] .page > .navbar-expand-xxl {
--tblr-navbar-margin: 0.5rem;
--tblr-navbar-border-radius: var(--tblr-border-radius-lg);
--tblr-navbar-outline-width: var(--tblr-navbar-border-width);
}
}
.navbar-floating.navbar-expand,
html[data-bs-navbar-style=floating] .page > .navbar-expand {
--tblr-navbar-margin: 0.5rem;
--tblr-navbar-border-radius: var(--tblr-border-radius-lg);
--tblr-navbar-outline-width: var(--tblr-navbar-border-width);
}
.navbar-vertical ~ .navbar-floating {
--tblr-sidebar-gap: var(--tblr-navbar-margin, 0px);
}
.navbar-floating.navbar-vertical ~ :is(.navbar, .page-wrapper),
html[data-bs-navbar-style=floating] .page > .navbar-vertical ~ :is(.navbar, .page-wrapper) {
--tblr-sidebar-gap: calc(2 * 0.5rem);
}
.skip-link {
outline-color: transparent;
transition: outline-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.skip-link {
transition: none;
}
}
.skip-link {
position: fixed;
inset-inline-start: 0;
top: 0;
z-index: 1080;
padding: 0.5rem 1rem;
color: var(--tblr-primary-fg, #fff);
text-decoration: none;
background: var(--tblr-primary);
}
.skip-link:focus-visible {
outline: var(--tblr-focus-ring, var(--tblr-focus-ring-width) solid var(--tblr-focus-ring-color));
outline-offset: var(--tblr-focus-ring-offset);
}
.page {
position: relative;
display: flex;
flex-direction: column;
min-height: 100%;
}
.page-center {
justify-content: center;
}
.page-wrapper {
display: flex;
flex: 1;
flex-direction: column;
}
@media print {
.page-wrapper {
margin: 0 !important;
}
}
.page-wrapper-full .page-body:first-child {
margin: 0;
border-top: 0;
}
.page-body {
display: flex;
flex: 1;
flex-direction: column;
margin-top: var(--tblr-page-padding-y);
margin-bottom: var(--tblr-page-padding-y);
}
.page-body-card {
flex: 1;
padding: var(--tblr-page-padding) 0;
margin-bottom: 0;
background: var(--tblr-bg-surface);
border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
}
.page-body ~ .page-body-card {
margin-top: 0;
}
.page-cover-overlay {
position: relative;
}
.page-cover-overlay::after {
position: absolute;
inset-inline-start: 0;
inset-inline-end: 0;
top: 0;
bottom: 0;
content: "";
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}
.page-header {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
max-width: 100%;
min-height: 2.25rem;
}
.page-wrapper .page-header {
margin: var(--tblr-page-padding-y) 0 0;
}
.page-header-border {
padding: var(--tblr-page-padding-y) 0;
margin: 0 !important;
background-color: var(--tblr-bg-surface);
border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
}
.page-pretitle {
font-size: 0.75rem;
font-weight: var(--tblr-font-weight-medium);
text-transform: uppercase;
letter-spacing: 0.04em;
line-height: 1rem;
color: var(--tblr-secondary);
}
.page-title {
display: flex;
align-items: center;
margin: 0;
font-size: var(--tblr-font-size-h2);
font-weight: var(--tblr-font-weight-headings);
line-height: var(--tblr-line-height-h2);
color: inherit;
}
.page-title svg {
width: 1.5rem;
height: 1.5rem;
margin-inline-end: 0.25rem;
}
.page-title-lg {
font-size: 1.5rem;
line-height: 2rem;
}
.page-subtitle {
margin-top: 0.25rem;
color: var(--tblr-secondary);
}
.page-section-title {
margin: 1rem 0 0;
font-size: 1.25rem;
font-weight: var(--tblr-font-weight-headings);
line-height: 1.75rem;
}
.page-section-description {
margin: 0.25rem 0 0;
color: var(--tblr-secondary);
}
.page-cover {
--tblr-page-cover-blur: 20px;
--tblr-page-cover-padding: 1rem;
position: relative;
min-height: 6rem;
padding: var(--tblr-page-cover-padding) 0;
overflow: hidden;
background: no-repeat center/cover;
}
@media (min-width: 768px) {
.page-cover {
min-height: 12rem;
}
}
@media (min-width: 992px) {
.page-cover {
min-height: 15rem;
}
}
.page-cover-img {
position: absolute;
inset-inline-start: calc(-2 * var(--tblr-page-cover-blur, 0));
inset-inline-end: calc(-2 * var(--tblr-page-cover-blur, 0));
top: calc(-2 * var(--tblr-page-cover-blur, 0));
bottom: calc(-2 * var(--tblr-page-cover-blur, 0));
z-index: -1;
pointer-events: none;
object-fit: cover;
filter: blur(var(--tblr-page-cover-blur));
background-position: center;
background-size: cover;
}
.page-tabs {
position: relative;
margin-top: 0.5rem;
}
.page-header-tabs .nav-bordered {
border: 0;
}
.page-header-tabs + .page-body-card {
margin-top: 0;
}
.footer {
padding: 2rem 0;
margin-top: auto;
color: var(--tblr-secondary-color);
background-color: var(--tblr-bg-surface);
border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
}
@media print {
.footer {
display: none;
}
}
.footer-transparent {
background-color: transparent;
border-top: 0;
}
:root:not(.theme-dark):not([data-bs-theme=dark], [data-theme=dark]) .hide-theme-light {
display: none !important;
}
:root:not(.theme-dark):not([data-bs-theme=dark], [data-theme=dark]) .img-dark {
display: none !important;
}
:root.theme-dark .hide-theme-dark, :root[data-bs-theme=dark] .hide-theme-dark, body[data-bs-theme=dark] [data-bs-theme=light]:root .hide-theme-dark,
body[data-theme=dark] [data-theme=light]:root .hide-theme-dark, html[data-bs-navbar-theme=dark] .page > .navbar:root .hide-theme-dark,
html[data-bs-navbar-theme=primary] .page > .navbar:root .hide-theme-dark,
html[data-bs-navbar-theme=dark] .page > [class*=navbar-expand] .navbar:root .hide-theme-dark,
html[data-bs-navbar-theme=primary] .page > [class*=navbar-expand] .navbar:root .hide-theme-dark, html[data-bs-navbar-theme=dark] .page > body.navbar [data-bs-theme=light]:root .hide-theme-dark,
html[data-bs-navbar-theme=primary] .page > body.navbar [data-bs-theme=light]:root .hide-theme-dark,
html[data-bs-navbar-theme=dark] .page > [class*=navbar-expand] body.navbar [data-bs-theme=light]:root .hide-theme-dark,
html[data-bs-navbar-theme=primary] .page > [class*=navbar-expand] body.navbar [data-bs-theme=light]:root .hide-theme-dark, :root[data-theme=dark] .hide-theme-dark {
display: none !important;
}
:root.theme-dark .img-light, :root[data-bs-theme=dark] .img-light, body[data-bs-theme=dark] [data-bs-theme=light]:root .img-light,
body[data-theme=dark] [data-theme=light]:root .img-light, html[data-bs-navbar-theme=dark] .page > .navbar:root .img-light,
html[data-bs-navbar-theme=primary] .page > .navbar:root .img-light,
html[data-bs-navbar-theme=dark] .page > [class*=navbar-expand] .navbar:root .img-light,
html[data-bs-navbar-theme=primary] .page > [class*=navbar-expand] .navbar:root .img-light, html[data-bs-navbar-theme=dark] .page > body.navbar [data-bs-theme=light]:root .img-light,
html[data-bs-navbar-theme=primary] .page > body.navbar [data-bs-theme=light]:root .img-light,
html[data-bs-navbar-theme=dark] .page > [class*=navbar-expand] body.navbar [data-bs-theme=light]:root .img-light,
html[data-bs-navbar-theme=primary] .page > [class*=navbar-expand] body.navbar [data-bs-theme=light]:root .img-light, :root[data-theme=dark] .img-light {
display: none !important;
}
.theme-dark,
[data-bs-theme=dark],
body[data-bs-theme=dark] [data-bs-theme=light],
body[data-theme=dark] [data-theme=light],
html[data-bs-navbar-theme=dark] .page > .navbar,
html[data-bs-navbar-theme=primary] .page > .navbar,
html[data-bs-navbar-theme=dark] .page > [class*=navbar-expand] .navbar,
html[data-bs-navbar-theme=primary] .page > [class*=navbar-expand] .navbar,
html[data-bs-navbar-theme=dark] .page > body.navbar [data-bs-theme=light],
html[data-bs-navbar-theme=primary] .page > body.navbar [data-bs-theme=light],
html[data-bs-navbar-theme=dark] .page > [class*=navbar-expand] body.navbar [data-bs-theme=light],
html[data-bs-navbar-theme=primary] .page > [class*=navbar-expand] body.navbar [data-bs-theme=light],
[data-theme=dark] {
color-scheme: dark;
--tblr-btn-color: oklch(from var(--tblr-dark) calc(l - 0.02) c h);
}
.theme-dark .navbar-brand-autodark .navbar-brand-image,
[data-bs-theme=dark] .navbar-brand-autodark .navbar-brand-image,
html[data-bs-navbar-theme=dark] .page > .navbar .navbar-brand-autodark .navbar-brand-image,
html[data-bs-navbar-theme=primary] .page > .navbar .navbar-brand-autodark .navbar-brand-image,
html[data-bs-navbar-theme=dark] .page > [class*=navbar-expand] .navbar .navbar-brand-autodark .navbar-brand-image,
html[data-bs-navbar-theme=primary] .page > [class*=navbar-expand] .navbar .navbar-brand-autodark .navbar-brand-image,
[data-theme=dark] .navbar-brand-autodark .navbar-brand-image {
filter: brightness(0) invert(1);
}
@media print {
:root,
[data-bs-theme=dark],
body[data-bs-theme=dark] [data-bs-theme=light],
body[data-theme=dark] [data-theme=light],
html[data-bs-navbar-theme=dark] .page > .navbar,
html[data-bs-navbar-theme=primary] .page > .navbar,
html[data-bs-navbar-theme=dark] .page > [class*=navbar-expand] .navbar,
html[data-bs-navbar-theme=primary] .page > [class*=navbar-expand] .navbar,
html[data-bs-navbar-theme=dark] .page > body.navbar [data-bs-theme=light],
html[data-bs-navbar-theme=primary] .page > body.navbar [data-bs-theme=light],
html[data-bs-navbar-theme=dark] .page > [class*=navbar-expand] body.navbar [data-bs-theme=light],
html[data-bs-navbar-theme=primary] .page > [class*=navbar-expand] body.navbar [data-bs-theme=light],
[data-theme=dark] {
color-scheme: light !important;
}
}
@media (forced-colors: active) {
:focus-visible {
outline: 2px solid Highlight;
outline-offset: 2px;
}
.btn-close {
forced-color-adjust: none;
}
}
@media (prefers-reduced-motion: reduce) {
.badge-blink,
.status-dot-animated::before,
.status-indicator-animated .status-indicator-circle,
.icon-pulse,
.icon-tada,
.icon-rotate,
.card-gradient-animated,
.btn-animate-icon-pulse .icon,
.btn-animate-icon-shake .icon,
.btn-animate-icon-tada .icon,
.wave-1,
.wave-2,
.wave-3,
.otp-slot-active:not(.otp-slot-filled)::after {
animation: none !important;
}
.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
animation: none !important;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
opacity: 1;
}
.dropzone .dz-preview .dz-details,
.dropzone .dz-preview .dz-progress,
.dropzone .dz-preview .dz-upload,
.dropzone .dz-preview .dz-error-message {
transition: none !important;
}
.loader::after,
.btn-loading::after,
.progress-bar-indeterminate::before,
.animated-dots::after {
animation-duration: 3s !important;
}
}
.accordion {
--tblr-accordion-color: var(--tblr-body-color);
--tblr-accordion-border-color: var(--tblr-border-color);
--tblr-accordion-border-radius: var(--tblr-border-radius);
--tblr-accordion-inner-border-radius: calc(var(--tblr-border-radius) - (var(--tblr-border-width)));
--tblr-accordion-padding-x: 1.25rem;
--tblr-accordion-gap: 0;
--tblr-accordion-active-color: inherit;
--tblr-accordion-btn-color: var(--tblr-accordion-color);
--tblr-accordion-btn-bg: transparent;
--tblr-accordion-btn-toggle-width: 1.25rem;
--tblr-accordion-btn-padding-x: var(--tblr-accordion-padding-x);
--tblr-accordion-btn-padding-y: 1rem;
--tblr-accordion-btn-font-weight: var(--tblr-font-weight-medium);
--tblr-accordion-btn-line-height: 1.25rem;
--tblr-accordion-body-padding-x: var(--tblr-accordion-padding-x);
--tblr-accordion-body-padding-y: 1rem;
--tblr-accordion-btn-gap: 0.75rem;
--tblr-accordion-header-gap: 1rem;
display: flex;
flex-direction: column;
gap: var(--tblr-accordion-gap);
}
.accordion-button {
position: relative;
display: flex;
gap: var(--tblr-accordion-btn-gap);
align-items: center;
width: 100%;
padding: var(--tblr-accordion-btn-padding-y) var(--tblr-accordion-btn-padding-x);
font-size: inherit;
font-weight: var(--tblr-accordion-btn-font-weight);
line-height: var(--tblr-accordion-btn-line-height);
color: inherit;
text-align: inherit;
background-color: var(--tblr-accordion-btn-bg);
border: 0;
outline-color: transparent;
transition: transform 0.3s, outline-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.accordion-button {
transition: none;
}
}
.accordion-button {
overflow-anchor: none;
}
.accordion-button:not(.collapsed) {
color: var(--tblr-accordion-active-color);
border-bottom-color: transparent;
box-shadow: none;
}
.accordion-button:hover {
z-index: 2;
}
.accordion-button:focus-visible {
z-index: 3;
outline: var(--tblr-focus-ring, var(--tblr-focus-ring-width) solid var(--tblr-focus-ring-color));
outline-offset: var(--tblr-focus-ring-offset);
outline-offset: -1px;
}
.accordion-header {
position: relative;
display: flex;
gap: var(--tblr-accordion-header-gap);
align-items: center;
width: 100%;
margin: 0;
color: var(--tblr-accordion-btn-color);
text-align: start;
background-color: transparent;
border: 0;
}
.accordion-button-icon {
color: var(--tblr-secondary);
}
.accordion-button-toggle {
display: flex;
width: var(--tblr-accordion-btn-toggle-width);
height: var(--tblr-accordion-btn-toggle-width);
margin-inline-start: auto;
margin-inline-end: 0;
line-height: 1;
color: var(--tblr-secondary);
transition: 0.3s transform;
}
.accordion-button:not(.collapsed) .accordion-button-toggle {
color: var(--tblr-accordion-active-color);
transform: rotate(-180deg);
}
.accordion-button:not(.collapsed) .accordion-button-toggle-plus {
transform: rotate(45deg);
}
.accordion-item {
color: var(--tblr-accordion-color);
border: var(--tblr-border-width) solid var(--tblr-accordion-border-color);
}
.accordion-item:first-of-type {
border-top-left-radius: var(--tblr-accordion-border-radius);
border-top-right-radius: var(--tblr-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header {
border-top-left-radius: var(--tblr-accordion-inner-border-radius);
border-top-right-radius: var(--tblr-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
border-top: 0;
}
.accordion-item:last-of-type {
border-bottom-right-radius: var(--tblr-accordion-border-radius);
border-bottom-left-radius: var(--tblr-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header:has(> .accordion-button.collapsed) {
border-bottom-right-radius: var(--tblr-accordion-inner-border-radius);
border-bottom-left-radius: var(--tblr-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
border-bottom-right-radius: var(--tblr-accordion-border-radius);
border-bottom-left-radius: var(--tblr-accordion-border-radius);
}
.accordion-body {
padding: 0 var(--tblr-accordion-body-padding-x) var(--tblr-accordion-body-padding-y);
color: var(--tblr-secondary);
}
.accordion-flush > .accordion-item {
border-inline-start: 0;
border-inline-end: 0;
border-radius: 0;
}
.accordion-flush > .accordion-item:first-child {
border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
border-bottom: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse,
.accordion-flush > .accordion-item > .accordion-header .accordion-button {
border-radius: 0;
}
.accordion-tabs {
--tblr-accordion-gap: 0.75rem;
}
.accordion-tabs > .accordion-item {
border: var(--tblr-border-width) solid var(--tblr-accordion-border-color);
border-radius: var(--tblr-accordion-border-radius);
}
.accordion-inverted .accordion-button-toggle {
order: -1;
margin-inline-start: 0;
}
.alert {
--tblr-alert-variant-color: var(--tblr-body-color);
--tblr-alert-color: var(--tblr-alert-variant-color);
--tblr-alert-bg: color-mix(in oklab, var(--tblr-alert-variant-color) 16%, var(--tblr-bg-surface));
--tblr-alert-padding-x: 1rem;
--tblr-alert-padding-y: 0.75rem;
--tblr-alert-margin-bottom: 1rem;
--tblr-alert-border-color: color-mix(in oklab, var(--tblr-alert-variant-color) 20%, var(--tblr-bg-surface));
--tblr-alert-border: var(--tblr-border-width) solid var(--tblr-alert-border-color);
--tblr-alert-border-radius: var(--tblr-border-radius);
--tblr-alert-link-color: inherit;
--tblr-alert-heading-font-weight: var(--tblr-font-weight-medium);
--tblr-alert-heading-margin-bottom: 0.25rem;
--tblr-alert-icon-size: 1.25rem;
--tblr-alert-padding-inline-end: 3rem;
--tblr-alert-gap: 1rem;
position: relative;
padding: var(--tblr-alert-padding-y) var(--tblr-alert-padding-x);
margin-bottom: var(--tblr-alert-margin-bottom);
color: var(--tblr-alert-color);
background-color: color-mix(in oklab, var(--tblr-alert-bg), var(--tblr-bg-surface));
border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-alert-border-color);
border-radius: var(--tblr-alert-border-radius);
}
.alert:has(> .alert-icon) {
padding-inline-start: calc(var(--tblr-alert-padding-x) + var(--tblr-alert-icon-size) + var(--tblr-alert-gap));
}
.alert-heading {
margin-bottom: var(--tblr-alert-heading-margin-bottom);
font-weight: var(--tblr-alert-heading-font-weight);
color: inherit;
}
.alert-description {
color: var(--tblr-secondary);
}
.alert-icon {
width: var(--tblr-alert-icon-size) !important;
height: var(--tblr-alert-icon-size) !important;
margin-inline-end: var(--tblr-alert-gap);
color: var(--tblr-alert-color);
}
.alert > .alert-icon {
position: absolute;
inset-inline-start: var(--tblr-alert-padding-x);
top: var(--tblr-alert-padding-y);
margin-inline-end: 0;
}
.alert-action,
.alert-link {
margin-inline-start: 0.25rem;
white-space: nowrap;
}
.alert-action {
color: var(--tblr-alert-color);
text-decoration: underline;
}
.alert-action:hover {
text-decoration: none;
}
.alert-list {
margin: 0;
}
.alert > .alert-heading + div:has(+ .alert-action),
.alert > .alert-heading + div:has(+ .alert-link) {
display: inline;
}
.alert-link {
font-weight: var(--tblr-font-weight-semibold);
color: var(--tblr-alert-link-color);
}
.alert-link:hover {
color: var(--tblr-alert-link-color);
}
.alert-dismissible {
padding-inline-end: var(--tblr-alert-padding-inline-end);
}
.alert-dismissible .btn-close {
position: absolute;
inset-inline-end: calc(var(--tblr-alert-padding-x) / 2 - 1px);
top: calc(var(--tblr-alert-padding-y) / 2 - 1px);
z-index: 1;
padding: calc(var(--tblr-alert-padding-y) * 1.25) var(--tblr-alert-padding-x);
}
.alert-important {
--tblr-alert-color: var(--tblr-white);
background-color: var(--tblr-alert-variant-color);
}
.alert-important .alert-description {
color: inherit;
}
.alert-minor {
background: transparent;
border-color: var(--tblr-border-color);
}
.alert-primary {
--tblr-alert-variant-color: var(--tblr-primary);
}
.alert-secondary {
--tblr-alert-variant-color: var(--tblr-secondary);
}
.alert-success {
--tblr-alert-variant-color: var(--tblr-success);
}
.alert-info {
--tblr-alert-variant-color: var(--tblr-info);
}
.alert-warning {
--tblr-alert-variant-color: var(--tblr-warning);
}
.alert-danger {
--tblr-alert-variant-color: var(--tblr-danger);
}
.alert-light {
--tblr-alert-variant-color: var(--tblr-light);
}
.alert-dark {
--tblr-alert-variant-color: var(--tblr-dark);
}
.alert-muted {
--tblr-alert-variant-color: var(--tblr-muted);
}
.alert-blue {
--tblr-alert-variant-color: var(--tblr-blue);
}
.alert-azure {
--tblr-alert-variant-color: var(--tblr-azure);
}
.alert-indigo {
--tblr-alert-variant-color: var(--tblr-indigo);
}
.alert-purple {
--tblr-alert-variant-color: var(--tblr-purple);
}
.alert-pink {
--tblr-alert-variant-color: var(--tblr-pink);
}
.alert-red {
--tblr-alert-variant-color: var(--tblr-red);
}
.alert-orange {
--tblr-alert-variant-color: var(--tblr-orange);
}
.alert-yellow {
--tblr-alert-variant-color: var(--tblr-yellow);
}
.alert-lime {
--tblr-alert-variant-color: var(--tblr-lime);
}
.alert-green {
--tblr-alert-variant-color: var(--tblr-green);
}
.alert-teal {
--tblr-alert-variant-color: var(--tblr-teal);
}
.alert-cyan {
--tblr-alert-variant-color: var(--tblr-cyan);
}
.avatar {
--tblr-avatar-size: var(--tblr-avatar-list-size, 2.5rem);
--tblr-avatar-status-size: 0.75rem;
--tblr-avatar-bg: var(--tblr-fill-tertiary);
--tblr-avatar-box-shadow-color: var(--tblr-border-color-translucent);
--tblr-avatar-box-shadow: inset 0 0 0 1px var(--tblr-avatar-box-shadow-color);
--tblr-avatar-font-size: 0.875rem;
--tblr-avatar-icon-size: 1.5rem;
--tblr-avatar-brand-size: 1.25rem;
--tblr-avatar-border-radius: var(--tblr-border-radius-pill);
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: var(--tblr-avatar-size);
height: var(--tblr-avatar-size);
font-size: var(--tblr-avatar-font-size);
font-weight: var(--tblr-font-weight-medium);
line-height: 1;
color: var(--tblr-secondary);
text-align: center;
text-transform: uppercase;
vertical-align: bottom;
-webkit-user-select: none;
user-select: none;
background: var(--tblr-avatar-bg) no-repeat center/cover;
box-shadow: var(--tblr-avatar-box-shadow);
transition: color 0.3s, background-color 0.3s, box-shadow 0.3s;
border-radius: var(--tblr-avatar-border-radius);
}
.avatar .icon {
width: var(--tblr-avatar-icon-size);
height: var(--tblr-avatar-icon-size);
}
.avatar .badge {
position: absolute;
inset-inline-end: 0;
bottom: 0;
border-radius: var(--tblr-border-radius-pill);
box-shadow: 0 0 0 calc(var(--tblr-avatar-status-size) / 4) var(--tblr-bg-surface);
}
a.avatar {
cursor: pointer;
}
a.avatar:hover {
color: var(--tblr-primary);
--tblr-avatar-box-shadow-color: var(--tblr-primary);
}
.avatar-rounded {
border-radius: var(--tblr-border-radius-pill);
}
.avatar-square {
border-radius: var(--tblr-border-radius);
}
.avatar-xxs {
--tblr-avatar-size: 1rem;
--tblr-avatar-status-size: 0.25rem;
--tblr-avatar-font-size: 0.5rem;
--tblr-avatar-icon-size: 0.5rem;
--tblr-avatar-brand-size: 0.5rem;
}
.avatar-xxs .badge:empty {
width: 0.25rem;
height: 0.25rem;
}
.avatar-xs {
--tblr-avatar-size: 1.25rem;
--tblr-avatar-status-size: 0.375rem;
--tblr-avatar-font-size: 0.625rem;
--tblr-avatar-icon-size: 0.75rem;
--tblr-avatar-brand-size: 0.75rem;
}
.avatar-xs .badge:empty {
width: 0.375rem;
height: 0.375rem;
}
.avatar-xs.avatar-square {
border-radius: 2px;
}
.avatar-sm {
--tblr-avatar-size: 2rem;
--tblr-avatar-status-size: 0.5rem;
--tblr-avatar-font-size: 0.75rem;
--tblr-avatar-icon-size: 1.5rem;
--tblr-avatar-brand-size: 1rem;
}
.avatar-sm .badge:empty {
width: 0.5rem;
height: 0.5rem;
}
.avatar-md {
--tblr-avatar-size: 2.5rem;
--tblr-avatar-status-size: 0.75rem;
--tblr-avatar-font-size: 0.875rem;
--tblr-avatar-icon-size: 1.5rem;
--tblr-avatar-brand-size: 1.25rem;
}
.avatar-md .badge:empty {
width: 0.75rem;
height: 0.75rem;
}
.avatar-lg {
--tblr-avatar-size: 3rem;
--tblr-avatar-status-size: 0.75rem;
--tblr-avatar-font-size: 1.25rem;
--tblr-avatar-icon-size: 2rem;
--tblr-avatar-brand-size: 1.25rem;
}
.avatar-lg .badge:empty {
width: 0.75rem;
height: 0.75rem;
}
.avatar-xl {
--tblr-avatar-size: 5rem;
--tblr-avatar-status-size: 1rem;
--tblr-avatar-font-size: 2rem;
--tblr-avatar-icon-size: 3rem;
--tblr-avatar-brand-size: 1.25rem;
}
.avatar-xl .badge:empty {
width: 1rem;
height: 1rem;
}
.avatar-2xl {
--tblr-avatar-size: 7rem;
--tblr-avatar-status-size: 1rem;
--tblr-avatar-font-size: 3rem;
--tblr-avatar-icon-size: 5rem;
--tblr-avatar-brand-size: 2rem;
}
.avatar-2xl .badge:empty {
width: 1rem;
height: 1rem;
}
.avatar-list {
--tblr-avatar-list-size: 2.5rem;
--tblr-list-gap: 0.5rem;
display: flex;
flex-wrap: wrap;
gap: var(--tblr-list-gap);
}
.avatar-list a.avatar:hover {
z-index: 1;
}
.avatar-list-stacked {
display: block;
--tblr-list-gap: 0;
}
.avatar-list-stacked .avatar {
box-shadow: var(--tblr-avatar-box-shadow), 0 0 0 2px var(--tblr-card-bg, var(--tblr-bg-surface));
}
.avatar-list-stacked .avatar:not(:first-child) {
margin-inline-start: calc(-0.5 * var(--tblr-avatar-size)) !important;
}
.avatar-list-xxs {
--tblr-avatar-list-size: 1rem;
}
.avatar-list-xs {
--tblr-avatar-list-size: 1.25rem;
}
.avatar-list-sm {
--tblr-avatar-list-size: 2rem;
}
.avatar-list-md {
--tblr-avatar-list-size: 2.5rem;
}
.avatar-list-lg {
--tblr-avatar-list-size: 3rem;
}
.avatar-list-xl {
--tblr-avatar-list-size: 5rem;
}
.avatar-list-2xl {
--tblr-avatar-list-size: 7rem;
}
.avatar-upload {
--tblr-avatar-upload-icon-size: 1.5rem;
--tblr-avatar-upload-text-margin-top: 0.25rem;
flex-direction: column;
background: var(--tblr-bg-forms);
border: var(--tblr-border-width) dashed var(--tblr-border-color);
box-shadow: none;
transition: color 0.3s, background-color 0.3s;
}
@media (prefers-reduced-motion: reduce) {
.avatar-upload {
transition: none;
}
}
.avatar-upload svg {
width: var(--tblr-avatar-upload-icon-size);
height: var(--tblr-avatar-upload-icon-size);
stroke-width: 1;
}
.avatar-upload:hover {
color: var(--tblr-primary);
text-decoration: none;
border-color: var(--tblr-primary);
}
.avatar-upload-text {
margin-top: var(--tblr-avatar-upload-text-margin-top);
font-size: 0.625rem;
line-height: 1;
}
.avatar-cover {
--tblr-avatar-cover-ring-width: 0.25rem;
margin-top: calc(-0.5 * var(--tblr-avatar-size));
box-shadow: 0 0 0 var(--tblr-avatar-cover-ring-width) var(--tblr-card-bg, var(--tblr-body-bg));
}
.avatar-brand {
--tblr-avatar-brand-offset: -2px;
position: absolute;
inset-inline-end: var(--tblr-avatar-brand-offset);
bottom: var(--tblr-avatar-brand-offset);
z-index: 1;
width: var(--tblr-avatar-brand-size);
height: var(--tblr-avatar-brand-size);
background: var(--tblr-bg-surface);
border: 1px solid var(--tblr-border-color);
border-radius: var(--tblr-border-radius);
}
.badge {
--tblr-badge-padding-x: 0.5em;
--tblr-badge-padding-y: 0.25em;
--tblr-badge-font-size: 0.85714285em;
--tblr-badge-font-weight: var(--tblr-font-weight-medium);
--tblr-badge-color: var(--tblr-secondary);
--tblr-badge-border-radius: var(--tblr-border-radius);
--tblr-badge-icon-size: 1em;
--tblr-badge-line-height: 1;
--tblr-badge-gap: 0.25rem;
display: inline-flex;
gap: var(--tblr-badge-gap);
align-items: center;
justify-content: center;
min-width: calc(1em + var(--tblr-badge-padding-y) * 2 + 2px);
padding: var(--tblr-badge-padding-y) var(--tblr-badge-padding-x);
overflow: hidden;
font-size: var(--tblr-badge-font-size);
font-weight: var(--tblr-badge-font-weight);
line-height: var(--tblr-badge-line-height);
color: var(--tblr-badge-color);
text-align: center;
letter-spacing: 0.04em;
white-space: nowrap;
vertical-align: bottom;
-webkit-user-select: none;
user-select: none;
background: var(--tblr-fill-tertiary);
border: var(--tblr-border-width) var(--tblr-border-style) transparent;
border-radius: var(--tblr-badge-border-radius);
}
a.badge {
background: var(--tblr-fill-secondary);
}
.badge .icon {
width: 1em;
height: 1em;
font-size: var(--tblr-badge-icon-size);
stroke-width: 2;
}
.badge:empty,
.badge-dot {
display: inline-block;
width: 0.5rem;
min-width: 0;
height: 0.5rem;
min-height: auto;
padding: 0;
vertical-align: baseline;
border-radius: var(--tblr-border-radius-pill);
}
.badge-outline {
background-color: transparent;
border: var(--tblr-border-width) var(--tblr-border-style) currentColor;
}
.badge-pill {
border-radius: var(--tblr-border-radius-pill);
}
.badge-list,
.badges-list {
--tblr-list-gap: 0.5rem;
display: flex;
flex-wrap: wrap;
gap: var(--tblr-list-gap);
}
.badge-notification {
position: absolute !important;
inset-inline-end: 0 !important;
top: 0 !important;
z-index: 1;
/* rtl:ignore */
transform: translate(calc(var(--tblr-dir) * 50%), -50%);
}
.badge-blink {
animation: blink 2s infinite;
}
.badge-sm {
--tblr-badge-font-size: 0.71428571em;
--tblr-badge-icon-size: 1em;
--tblr-badge-padding-y: 2px;
--tblr-badge-padding-x: 0.25rem;
}
.badge-lg {
--tblr-badge-font-size: 1em;
--tblr-badge-icon-size: 1em;
--tblr-badge-padding-y: 0.25rem;
--tblr-badge-padding-x: 0.5rem;
}
.badge-icononly {
--tblr-badge-padding-x: 0;
}
.breadcrumb {
--tblr-breadcrumb-padding-x: 0;
--tblr-breadcrumb-padding-y: 0;
--tblr-breadcrumb-margin-bottom: 1rem;
--tblr-breadcrumb-font-size: ;
--tblr-breadcrumb-bg: ;
--tblr-breadcrumb-border-radius: ;
--tblr-breadcrumb-divider-color: var(--tblr-secondary-color);
--tblr-breadcrumb-item-padding-x: 0.5rem;
--tblr-breadcrumb-item-active-color: inherit;
--tblr-breadcrumb-item-active-font-weight: var(--tblr-font-weight-semibold);
--tblr-breadcrumb-item-disabled-color: var(--tblr-disabled-color);
--tblr-breadcrumb-link-color: var(--tblr-link-color);
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0;
list-style: none;
background: transparent;
background-color: var(--tblr-breadcrumb-bg);
font-size: var(--tblr-breadcrumb-font-size);
border-radius: var(--tblr-breadcrumb-border-radius);
}
.breadcrumb a {
color: var(--tblr-breadcrumb-link-color);
}
.breadcrumb a:hover {
text-decoration: underline;
}
.breadcrumb .dropdown-item {
color: var(--tblr-dropdown-link-color);
}
.breadcrumb .dropdown-item:hover, .breadcrumb .dropdown-item:focus {
color: var(--tblr-dropdown-link-hover-color);
text-decoration: none;
}
.breadcrumb .dropdown-item.active, .breadcrumb .dropdown-item:active {
color: var(--tblr-dropdown-link-active-color);
}
.breadcrumb .dropdown-item.disabled, .breadcrumb .dropdown-item:disabled {
color: var(--tblr-dropdown-link-disabled-color);
}
.breadcrumb-muted {
--tblr-breadcrumb-link-color: var(--tblr-secondary);
}
.breadcrumb-item.active {
font-weight: var(--tblr-breadcrumb-item-active-font-weight);
color: var(--tblr-breadcrumb-item-active-color);
}
.breadcrumb-item.active a {
color: inherit;
pointer-events: none;
}
.breadcrumb-item.disabled {
color: var(--tblr-breadcrumb-item-disabled-color);
}
.breadcrumb-item.disabled::before {
color: inherit;
}
.breadcrumb-item.disabled a {
color: inherit;
pointer-events: none;
}
.breadcrumb-item + .breadcrumb-item {
padding-inline-start: var(--tblr-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
float: inline-start;
padding-inline-end: var(--tblr-breadcrumb-item-padding-x);
color: var(--tblr-breadcrumb-divider-color);
content: var(--tblr-breadcrumb-divider, "/");
/* rtl:raw:
transform: scaleX(-1);
*/
}
.breadcrumb-dots {
--tblr-breadcrumb-divider: '·';
}
.breadcrumb-arrows {
--tblr-breadcrumb-divider: '›';
}
.breadcrumb-bullets {
--tblr-breadcrumb-divider: '•';
}
.btn {
--tblr-btn-icon-size: 1.25rem;
--tblr-btn-icon-color: inherit;
--tblr-btn-bg: var(--tblr-bg-surface);
--tblr-btn-color: var(--tblr-body-color);
--tblr-btn-border-color: var(--tblr-border-color);
--tblr-btn-hover-bg: light-dark(color-mix(in oklab, var(--tblr-body-color) 6%, var(--tblr-bg-surface)), color-mix(in oklab, var(--tblr-body-color) 8%, var(--tblr-bg-surface)));
--tblr-btn-hover-border-color: var(--tblr-border-active-color);
--tblr-btn-active-color: var(--tblr-primary);
--tblr-btn-active-bg: light-dark(color-mix(in oklab, var(--tblr-primary) 4%, var(--tblr-bg-surface)), color-mix(in oklab, var(--tblr-primary) 12%, var(--tblr-bg-surface)));
--tblr-btn-active-border-color: var(--tblr-primary);
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: calc(var(--tblr-btn-line-height) * 1 + var(--tblr-btn-padding-y) * 2 + var(--tblr-btn-border-width) * 2);
min-height: calc(var(--tblr-btn-line-height) * 1 + var(--tblr-btn-padding-y) * 2 + var(--tblr-btn-border-width) * 2);
white-space: nowrap;
box-shadow: var(--tblr-btn-box-shadow);
border-radius: var(--tblr-btn-border-radius);
}
.btn .icon {
width: var(--tblr-btn-icon-size);
min-width: var(--tblr-btn-icon-size);
height: var(--tblr-btn-icon-size);
margin: 0 calc(var(--tblr-btn-padding-x) / 2) 0 calc(var(--tblr-btn-padding-x) / -4);
font-size: var(--tblr-btn-icon-size);
color: var(--tblr-btn-icon-color);
vertical-align: bottom;
}
.btn .avatar {
width: var(--tblr-btn-icon-size);
height: var(--tblr-btn-icon-size);
margin: 0 calc(var(--tblr-btn-padding-x) / 2) 0 calc(var(--tblr-btn-padding-x) / -4);
}
.btn .icon-right,
.btn .icon-end {
margin: 0 calc(var(--tblr-btn-padding-x) / -4) 0 calc(var(--tblr-btn-padding-x) / 2);
}
.btn .badge {
top: auto;
}
.btn-check + .btn:hover {
color: var(--tblr-btn-hover-color);
background-color: var(--tblr-btn-hover-bg);
border-color: var(--tblr-btn-hover-border-color);
}
.btn-link {
--tblr-btn-bg: transparent;
--tblr-btn-border-color: transparent;
color: oklch(from var(--tblr-primary) calc(l + 0.05) c h);
background-color: transparent;
border-color: transparent;
box-shadow: none;
}
.btn-link .icon {
color: inherit;
}
.btn-link:hover {
color: var(--tblr-link-hover-color);
border-color: transparent;
}
.btn-ghost {
--tblr-btn-bg: transparent;
--tblr-btn-border-color: transparent;
--tblr-btn-box-shadow: none;
--tblr-btn-hover-bg: var(--tblr-hover-bg);
--tblr-btn-hover-border-color: transparent;
--tblr-btn-hover-color: var(--tblr-body-color);
}
.btn-primary,
.btn-outline-primary,
.btn-ghost-primary {
--tblr-btn-variant: var(--tblr-primary);
--tblr-btn-variant-fg: var(--tblr-primary-fg);
--tblr-btn-variant-darken: var(--tblr-primary-darken);
}
.btn-secondary,
.btn-outline-secondary,
.btn-ghost-secondary {
--tblr-btn-variant: var(--tblr-secondary);
--tblr-btn-variant-fg: var(--tblr-secondary-fg);
--tblr-btn-variant-darken: var(--tblr-secondary-darken);
}
.btn-success,
.btn-outline-success,
.btn-ghost-success {
--tblr-btn-variant: var(--tblr-success);
--tblr-btn-variant-fg: var(--tblr-success-fg);
--tblr-btn-variant-darken: var(--tblr-success-darken);
}
.btn-info,
.btn-outline-info,
.btn-ghost-info {
--tblr-btn-variant: var(--tblr-info);
--tblr-btn-variant-fg: var(--tblr-info-fg);
--tblr-btn-variant-darken: var(--tblr-info-darken);
}
.btn-warning,
.btn-outline-warning,
.btn-ghost-warning {
--tblr-btn-variant: var(--tblr-warning);
--tblr-btn-variant-fg: var(--tblr-warning-fg);
--tblr-btn-variant-darken: var(--tblr-warning-darken);
}
.btn-danger,
.btn-outline-danger,
.btn-ghost-danger {
--tblr-btn-variant: var(--tblr-danger);
--tblr-btn-variant-fg: var(--tblr-danger-fg);
--tblr-btn-variant-darken: var(--tblr-danger-darken);
}
.btn-light,
.btn-outline-light,
.btn-ghost-light {
--tblr-btn-variant: var(--tblr-light);
--tblr-btn-variant-fg: var(--tblr-light-fg);
--tblr-btn-variant-darken: var(--tblr-light-darken);
}
.btn-dark,
.btn-outline-dark,
.btn-ghost-dark {
--tblr-btn-variant: var(--tblr-dark);
--tblr-btn-variant-fg: var(--tblr-dark-fg);
--tblr-btn-variant-darken: var(--tblr-dark-darken);
}
.btn-muted,
.btn-outline-muted,
.btn-ghost-muted {
--tblr-btn-variant: var(--tblr-muted);
--tblr-btn-variant-fg: var(--tblr-muted-fg);
--tblr-btn-variant-darken: var(--tblr-muted-darken);
}
.btn-blue,
.btn-outline-blue,
.btn-ghost-blue {
--tblr-btn-variant: var(--tblr-blue);
--tblr-btn-variant-fg: var(--tblr-blue-fg);
--tblr-btn-variant-darken: var(--tblr-blue-darken);
}
.btn-azure,
.btn-outline-azure,
.btn-ghost-azure {
--tblr-btn-variant: var(--tblr-azure);
--tblr-btn-variant-fg: var(--tblr-azure-fg);
--tblr-btn-variant-darken: var(--tblr-azure-darken);
}
.btn-indigo,
.btn-outline-indigo,
.btn-ghost-indigo {
--tblr-btn-variant: var(--tblr-indigo);
--tblr-btn-variant-fg: var(--tblr-indigo-fg);
--tblr-btn-variant-darken: var(--tblr-indigo-darken);
}
.btn-purple,
.btn-outline-purple,
.btn-ghost-purple {
--tblr-btn-variant: var(--tblr-purple);
--tblr-btn-variant-fg: var(--tblr-purple-fg);
--tblr-btn-variant-darken: var(--tblr-purple-darken);
}
.btn-pink,
.btn-outline-pink,
.btn-ghost-pink {
--tblr-btn-variant: var(--tblr-pink);
--tblr-btn-variant-fg: var(--tblr-pink-fg);
--tblr-btn-variant-darken: var(--tblr-pink-darken);
}
.btn-red,
.btn-outline-red,
.btn-ghost-red {
--tblr-btn-variant: var(--tblr-red);
--tblr-btn-variant-fg: var(--tblr-red-fg);
--tblr-btn-variant-darken: var(--tblr-red-darken);
}
.btn-orange,
.btn-outline-orange,
.btn-ghost-orange {
--tblr-btn-variant: var(--tblr-orange);
--tblr-btn-variant-fg: var(--tblr-orange-fg);
--tblr-btn-variant-darken: var(--tblr-orange-darken);
}
.btn-yellow,
.btn-outline-yellow,
.btn-ghost-yellow {
--tblr-btn-variant: var(--tblr-yellow);
--tblr-btn-variant-fg: var(--tblr-yellow-fg);
--tblr-btn-variant-darken: var(--tblr-yellow-darken);
}
.btn-lime,
.btn-outline-lime,
.btn-ghost-lime {
--tblr-btn-variant: var(--tblr-lime);
--tblr-btn-variant-fg: var(--tblr-lime-fg);
--tblr-btn-variant-darken: var(--tblr-lime-darken);
}
.btn-green,
.btn-outline-green,
.btn-ghost-green {
--tblr-btn-variant: var(--tblr-green);
--tblr-btn-variant-fg: var(--tblr-green-fg);
--tblr-btn-variant-darken: var(--tblr-green-darken);
}
.btn-teal,
.btn-outline-teal,
.btn-ghost-teal {
--tblr-btn-variant: var(--tblr-teal);
--tblr-btn-variant-fg: var(--tblr-teal-fg);
--tblr-btn-variant-darken: var(--tblr-teal-darken);
}
.btn-cyan,
.btn-outline-cyan,
.btn-ghost-cyan {
--tblr-btn-variant: var(--tblr-cyan);
--tblr-btn-variant-fg: var(--tblr-cyan-fg);
--tblr-btn-variant-darken: var(--tblr-cyan-darken);
}
.btn-x,
.btn-outline-x,
.btn-ghost-x {
--tblr-btn-variant: var(--tblr-x);
--tblr-btn-variant-fg: var(--tblr-x-fg);
--tblr-btn-variant-darken: var(--tblr-x-darken);
}
.btn-facebook,
.btn-outline-facebook,
.btn-ghost-facebook {
--tblr-btn-variant: var(--tblr-facebook);
--tblr-btn-variant-fg: var(--tblr-facebook-fg);
--tblr-btn-variant-darken: var(--tblr-facebook-darken);
}
.btn-twitter,
.btn-outline-twitter,
.btn-ghost-twitter {
--tblr-btn-variant: var(--tblr-twitter);
--tblr-btn-variant-fg: var(--tblr-twitter-fg);
--tblr-btn-variant-darken: var(--tblr-twitter-darken);
}
.btn-linkedin,
.btn-outline-linkedin,
.btn-ghost-linkedin {
--tblr-btn-variant: var(--tblr-linkedin);
--tblr-btn-variant-fg: var(--tblr-linkedin-fg);
--tblr-btn-variant-darken: var(--tblr-linkedin-darken);
}
.btn-google,
.btn-outline-google,
.btn-ghost-google {
--tblr-btn-variant: var(--tblr-google);
--tblr-btn-variant-fg: var(--tblr-google-fg);
--tblr-btn-variant-darken: var(--tblr-google-darken);
}
.btn-youtube,
.btn-outline-youtube,
.btn-ghost-youtube {
--tblr-btn-variant: var(--tblr-youtube);
--tblr-btn-variant-fg: var(--tblr-youtube-fg);
--tblr-btn-variant-darken: var(--tblr-youtube-darken);
}
.btn-vimeo,
.btn-outline-vimeo,
.btn-ghost-vimeo {
--tblr-btn-variant: var(--tblr-vimeo);
--tblr-btn-variant-fg: var(--tblr-vimeo-fg);
--tblr-btn-variant-darken: var(--tblr-vimeo-darken);
}
.btn-dribbble,
.btn-outline-dribbble,
.btn-ghost-dribbble {
--tblr-btn-variant: var(--tblr-dribbble);
--tblr-btn-variant-fg: var(--tblr-dribbble-fg);
--tblr-btn-variant-darken: var(--tblr-dribbble-darken);
}
.btn-github,
.btn-outline-github,
.btn-ghost-github {
--tblr-btn-variant: var(--tblr-github);
--tblr-btn-variant-fg: var(--tblr-github-fg);
--tblr-btn-variant-darken: var(--tblr-github-darken);
}
.btn-instagram,
.btn-outline-instagram,
.btn-ghost-instagram {
--tblr-btn-variant: var(--tblr-instagram);
--tblr-btn-variant-fg: var(--tblr-instagram-fg);
--tblr-btn-variant-darken: var(--tblr-instagram-darken);
}
.btn-pinterest,
.btn-outline-pinterest,
.btn-ghost-pinterest {
--tblr-btn-variant: var(--tblr-pinterest);
--tblr-btn-variant-fg: var(--tblr-pinterest-fg);
--tblr-btn-variant-darken: var(--tblr-pinterest-darken);
}
.btn-vk,
.btn-outline-vk,
.btn-ghost-vk {
--tblr-btn-variant: var(--tblr-vk);
--tblr-btn-variant-fg: var(--tblr-vk-fg);
--tblr-btn-variant-darken: var(--tblr-vk-darken);
}
.btn-rss,
.btn-outline-rss,
.btn-ghost-rss {
--tblr-btn-variant: var(--tblr-rss);
--tblr-btn-variant-fg: var(--tblr-rss-fg);
--tblr-btn-variant-darken: var(--tblr-rss-darken);
}
.btn-flickr,
.btn-outline-flickr,
.btn-ghost-flickr {
--tblr-btn-variant: var(--tblr-flickr);
--tblr-btn-variant-fg: var(--tblr-flickr-fg);
--tblr-btn-variant-darken: var(--tblr-flickr-darken);
}
.btn-bitbucket,
.btn-outline-bitbucket,
.btn-ghost-bitbucket {
--tblr-btn-variant: var(--tblr-bitbucket);
--tblr-btn-variant-fg: var(--tblr-bitbucket-fg);
--tblr-btn-variant-darken: var(--tblr-bitbucket-darken);
}
.btn-tabler,
.btn-outline-tabler,
.btn-ghost-tabler {
--tblr-btn-variant: var(--tblr-tabler);
--tblr-btn-variant-fg: var(--tblr-tabler-fg);
--tblr-btn-variant-darken: var(--tblr-tabler-darken);
}
.btn-primary, .btn-secondary, .btn-success, .btn-info, .btn-warning, .btn-danger, .btn-light, .btn-dark, .btn-muted, .btn-blue, .btn-azure, .btn-indigo, .btn-purple, .btn-pink, .btn-red, .btn-orange, .btn-yellow, .btn-lime, .btn-green, .btn-teal, .btn-cyan, .btn-x, .btn-facebook, .btn-twitter, .btn-linkedin, .btn-google, .btn-youtube, .btn-vimeo, .btn-dribbble, .btn-github, .btn-instagram, .btn-pinterest, .btn-vk, .btn-rss, .btn-flickr, .btn-bitbucket, .btn-tabler {
--tblr-btn-border-color: color-mix(in oklab, var(--tblr-btn-variant), var(--tblr-black) 10%);
--tblr-btn-hover-border-color: color-mix(in oklab, var(--tblr-btn-variant), var(--tblr-black) 10%);
--tblr-btn-active-border-color: color-mix(in oklab, var(--tblr-btn-variant), var(--tblr-black) 10%);
--tblr-btn-color: var(--tblr-btn-variant-fg, #fff);
--tblr-btn-bg: var(--tblr-btn-variant);
--tblr-btn-hover-color: var(--tblr-btn-variant-fg);
--tblr-btn-hover-bg: var(--tblr-btn-variant-darken);
--tblr-btn-active-color: var(--tblr-btn-variant-fg);
--tblr-btn-active-bg: var(--tblr-btn-variant-darken);
--tblr-btn-disabled-bg: var(--tblr-btn-variant);
--tblr-btn-disabled-color: var(--tblr-btn-variant-fg);
--tblr-btn-box-shadow: inset 0 1px 0 0 color-mix(in oklab, var(--tblr-btn-variant), var(--tblr-white) 30%), inset 0 -1px 0 0 color-mix(in oklab, var(--tblr-btn-variant), var(--tblr-black) 4%), var(--tblr-shadow-input);
--tblr-btn-gradient: linear-gradient(180deg, color-mix(in oklab, var(--tblr-white) 12%, transparent), transparent);
background-image: var(--tblr-btn-gradient);
}
.btn-dark {
--tblr-btn-border-color: var(--tblr-dark-mode-border-color);
--tblr-btn-hover-border-color: var(--tblr-dark-mode-border-active-color);
--tblr-btn-active-border-color: var(--tblr-dark-mode-border-active-color);
}
.btn-outline-primary, .btn-outline-secondary, .btn-outline-success, .btn-outline-info, .btn-outline-warning, .btn-outline-danger, .btn-outline-light, .btn-outline-dark, .btn-outline-muted, .btn-outline-blue, .btn-outline-azure, .btn-outline-indigo, .btn-outline-purple, .btn-outline-pink, .btn-outline-red, .btn-outline-orange, .btn-outline-yellow, .btn-outline-lime, .btn-outline-green, .btn-outline-teal, .btn-outline-cyan, .btn-outline-x, .btn-outline-facebook, .btn-outline-twitter, .btn-outline-linkedin, .btn-outline-google, .btn-outline-youtube, .btn-outline-vimeo, .btn-outline-dribbble, .btn-outline-github, .btn-outline-instagram, .btn-outline-pinterest, .btn-outline-vk, .btn-outline-rss, .btn-outline-flickr, .btn-outline-bitbucket, .btn-outline-tabler, .btn-outline.btn-primary, .btn-outline.btn-secondary, .btn-outline.btn-success, .btn-outline.btn-info, .btn-outline.btn-warning, .btn-outline.btn-danger, .btn-outline.btn-light, .btn-outline.btn-dark, .btn-outline.btn-muted, .btn-outline.btn-blue, .btn-outline.btn-azure, .btn-outline.btn-indigo, .btn-outline.btn-purple, .btn-outline.btn-pink, .btn-outline.btn-red, .btn-outline.btn-orange, .btn-outline.btn-yellow, .btn-outline.btn-lime, .btn-outline.btn-green, .btn-outline.btn-teal, .btn-outline.btn-cyan, .btn-outline.btn-x, .btn-outline.btn-facebook, .btn-outline.btn-twitter, .btn-outline.btn-linkedin, .btn-outline.btn-google, .btn-outline.btn-youtube, .btn-outline.btn-vimeo, .btn-outline.btn-dribbble, .btn-outline.btn-github, .btn-outline.btn-instagram, .btn-outline.btn-pinterest, .btn-outline.btn-vk, .btn-outline.btn-rss, .btn-outline.btn-flickr, .btn-outline.btn-bitbucket, .btn-outline.btn-tabler {
--tblr-btn-color: var(--tblr-btn-variant);
--tblr-btn-bg: transparent;
--tblr-btn-border-color: var(--tblr-btn-variant);
--tblr-btn-hover-color: var(--tblr-btn-variant-fg);
--tblr-btn-hover-border-color: transparent;
--tblr-btn-hover-bg: var(--tblr-btn-variant);
--tblr-btn-active-color: var(--tblr-btn-variant-fg);
--tblr-btn-active-bg: var(--tblr-btn-variant);
--tblr-btn-active-border-color: var(--tblr-btn-variant);
--tblr-btn-disabled-color: var(--tblr-btn-variant);
--tblr-btn-disabled-border-color: var(--tblr-btn-variant);
--tblr-btn-gradient: none;
--tblr-btn-box-shadow: none;
}
.btn-ghost-primary, .btn-ghost-secondary, .btn-ghost-success, .btn-ghost-info, .btn-ghost-warning, .btn-ghost-danger, .btn-ghost-light, .btn-ghost-dark, .btn-ghost-muted, .btn-ghost-blue, .btn-ghost-azure, .btn-ghost-indigo, .btn-ghost-purple, .btn-ghost-pink, .btn-ghost-red, .btn-ghost-orange, .btn-ghost-yellow, .btn-ghost-lime, .btn-ghost-green, .btn-ghost-teal, .btn-ghost-cyan, .btn-ghost-x, .btn-ghost-facebook, .btn-ghost-twitter, .btn-ghost-linkedin, .btn-ghost-google, .btn-ghost-youtube, .btn-ghost-vimeo, .btn-ghost-dribbble, .btn-ghost-github, .btn-ghost-instagram, .btn-ghost-pinterest, .btn-ghost-vk, .btn-ghost-rss, .btn-ghost-flickr, .btn-ghost-bitbucket, .btn-ghost-tabler, .btn-ghost.btn-primary, .btn-ghost.btn-secondary, .btn-ghost.btn-success, .btn-ghost.btn-info, .btn-ghost.btn-warning, .btn-ghost.btn-danger, .btn-ghost.btn-light, .btn-ghost.btn-dark, .btn-ghost.btn-muted, .btn-ghost.btn-blue, .btn-ghost.btn-azure, .btn-ghost.btn-indigo, .btn-ghost.btn-purple, .btn-ghost.btn-pink, .btn-ghost.btn-red, .btn-ghost.btn-orange, .btn-ghost.btn-yellow, .btn-ghost.btn-lime, .btn-ghost.btn-green, .btn-ghost.btn-teal, .btn-ghost.btn-cyan, .btn-ghost.btn-x, .btn-ghost.btn-facebook, .btn-ghost.btn-twitter, .btn-ghost.btn-linkedin, .btn-ghost.btn-google, .btn-ghost.btn-youtube, .btn-ghost.btn-vimeo, .btn-ghost.btn-dribbble, .btn-ghost.btn-github, .btn-ghost.btn-instagram, .btn-ghost.btn-pinterest, .btn-ghost.btn-vk, .btn-ghost.btn-rss, .btn-ghost.btn-flickr, .btn-ghost.btn-bitbucket, .btn-ghost.btn-tabler {
--tblr-btn-color: var(--tblr-btn-variant);
--tblr-btn-bg: transparent;
--tblr-btn-border-color: transparent;
--tblr-btn-hover-color: var(--tblr-btn-variant-fg);
--tblr-btn-hover-bg: var(--tblr-btn-variant);
--tblr-btn-hover-border-color: var(--tblr-btn-variant);
--tblr-btn-active-color: var(--tblr-btn-variant-fg);
--tblr-btn-active-bg: var(--tblr-btn-variant);
--tblr-btn-active-border-color: transparent;
--tblr-btn-active-shadow: inset 0 3px 5px color-mix(in oklab, var(--tblr-black) 12.5%, transparent);
--tblr-btn-disabled-color: var(--tblr-btn-variant);
--tblr-btn-disabled-bg: transparent;
--tblr-btn-disabled-border-color: transparent;
--tblr-gradient: none;
--tblr-btn-gradient: none;
--tblr-btn-box-shadow: none;
}
.btn-sm,
.btn-group-sm > .btn {
--tblr-btn-line-height: 1rem;
--tblr-btn-icon-size: 1rem;
}
.btn-lg,
.btn-group-lg > .btn {
--tblr-btn-line-height: 1.5rem;
--tblr-btn-icon-size: 1.5rem;
}
.btn-xl,
.btn-group-xl > .btn {
--tblr-btn-line-height: 2rem;
--tblr-btn-icon-size: 1.75rem;
--tblr-btn-padding-y: 0.6875rem;
--tblr-btn-padding-x: 1.75rem;
--tblr-btn-font-size: 1.25rem;
--tblr-btn-border-radius: var(--tblr-border-radius-lg);
}
.btn-pill {
padding-inline-start: 1.5em;
padding-inline-end: 1.5em;
border-radius: var(--tblr-border-radius-pill);
}
.btn-pill[class*=btn-icon] {
--tblr-btn-pill-icon-padding-y: 0.375rem;
--tblr-btn-pill-icon-padding-x: 15px;
padding: var(--tblr-btn-pill-icon-padding-y) var(--tblr-btn-pill-icon-padding-x);
}
.btn-square {
border-radius: 0;
}
.btn-icon,
.btn-action {
outline-color: transparent;
transition: outline-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.btn-icon,
.btn-action {
transition: none;
}
}
.btn-icon,
.btn-action {
min-width: calc(var(--tblr-btn-line-height) + var(--tblr-btn-padding-y) * 2 + var(--tblr-btn-border-width) * 2);
padding-inline-start: 0;
padding-inline-end: 0;
}
.btn-icon .icon,
.btn-action .icon {
margin: calc(-1 * var(--tblr-btn-padding-x));
}
.btn-list {
--tblr-list-gap: 0.5rem;
display: flex;
flex-wrap: wrap;
gap: var(--tblr-list-gap);
}
.btn-list-center {
justify-content: center;
}
.btn-floating {
--tblr-btn-floating-offset: 1rem;
position: fixed;
inset-inline-end: var(--tblr-btn-floating-offset);
bottom: var(--tblr-btn-floating-offset);
z-index: 1030;
box-shadow: var(--tblr-shadow-dropdown);
}
@media print {
.btn-floating {
display: none;
}
}
.btn-loading {
position: relative;
color: transparent !important;
text-shadow: none !important;
pointer-events: none;
}
.btn-loading > * {
opacity: 0;
}
.btn-loading::after {
position: absolute;
inset-inline-start: calc(50% - var(--tblr-btn-icon-size) / 2);
top: calc(50% - var(--tblr-btn-icon-size) / 2);
display: inline-block;
width: var(--tblr-btn-icon-size);
height: var(--tblr-btn-icon-size);
color: var(--tblr-btn-color);
vertical-align: text-bottom;
content: "";
border: 2px var(--tblr-border-style) currentColor;
border-inline-end-color: transparent;
animation: spinner-border 0.75s linear infinite;
border-radius: var(--tblr-border-radius-pill);
}
.btn-action {
--tblr-border-color: transparent;
--tblr-btn-bg: transparent;
--tblr-btn-disabled-color: var(--tblr-secondary);
color: var(--tblr-secondary);
border-radius: var(--tblr-border-radius);
background: transparent;
box-shadow: none;
}
.btn-action::after {
content: none;
}
.btn-action:focus:not(:focus-visible) {
outline: none;
box-shadow: none;
}
.btn-action:focus-visible {
outline: var(--tblr-focus-ring, var(--tblr-focus-ring-width) solid var(--tblr-focus-ring-color));
outline-offset: calc(var(--tblr-focus-ring-width) * -1);
box-shadow: none;
}
.btn-action:hover, .btn-action.show {
color: var(--tblr-body-color);
background: var(--tblr-hover-bg);
border-color: transparent;
}
.btn-action.show {
color: var(--tblr-primary);
background: var(--tblr-active-bg);
}
@media print {
.btn-action {
display: none;
}
}
.btn-actions {
display: flex;
}
@media print {
.btn-actions {
display: none;
}
}
.btn-animate-icon .icon {
transition: transform 0.3s ease;
}
.btn-animate-icon:hover .icon, .btn-animate-icon:focus-visible .icon {
/* rtl:ignore */
transform: translateX(calc(var(--tblr-dir) * 4px));
}
.btn-animate-icon.btn-animate-icon-rotate:hover .icon, .btn-animate-icon.btn-animate-icon-rotate:focus-visible .icon {
transform: rotate(90deg);
}
.btn-animate-icon.btn-animate-icon-move-start:hover .icon, .btn-animate-icon.btn-animate-icon-move-start:focus-visible .icon {
/* rtl:ignore */
transform: translateX(calc(var(--tblr-dir) * -4px));
}
.btn-animate-icon.btn-animate-icon-pulse:hover .icon, .btn-animate-icon.btn-animate-icon-pulse:focus-visible .icon {
transform: none;
animation: pulse 0.9s;
}
.btn-animate-icon.btn-animate-icon-shake:hover .icon, .btn-animate-icon.btn-animate-icon-shake:focus-visible .icon {
transform: none;
animation: shake 0.9s;
}
.btn-animate-icon.btn-animate-icon-tada:hover .icon, .btn-animate-icon.btn-animate-icon-tada:focus-visible .icon {
transform: none;
animation: tada 0.9s;
}
.btn-group,
.btn-group-vertical {
box-shadow: var(--tblr-shadow-input);
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
z-index: 5;
}
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus {
z-index: 1;
}
.calendar {
--tblr-calendar-padding-y: 0.5rem;
--tblr-calendar-date-padding: 0.2rem;
--tblr-calendar-date-size: 1.4rem;
display: block;
font-size: 0.765625rem;
border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
border-radius: var(--tblr-border-radius);
}
.calendar-nav {
display: flex;
align-items: center;
}
.calendar-title {
flex: 1;
text-align: center;
}
.calendar-body,
.calendar-header {
display: flex;
flex-wrap: wrap;
justify-content: start;
padding: var(--tblr-calendar-padding-y) 0;
}
.calendar-header {
color: var(--tblr-secondary);
}
.calendar-date {
flex: 0 0 14.2857142857%;
max-width: 14.2857142857%;
padding: var(--tblr-calendar-date-padding);
text-align: center;
border: 0;
}
.calendar-date.prev-month, .calendar-date.next-month {
opacity: 0.25;
}
.calendar-date .date-item {
position: relative;
display: inline-block;
width: var(--tblr-calendar-date-size);
height: var(--tblr-calendar-date-size);
line-height: var(--tblr-calendar-date-size);
color: var(--tblr-secondary-color);
text-align: center;
text-decoration: none;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
background: 0 0;
border: var(--tblr-border-width) var(--tblr-border-style) transparent;
border-radius: var(--tblr-border-radius-pill);
outline: 0;
outline-color: transparent;
transition: background 0.3s, border 0.3s, box-shadow 0.32s, color 0.3s, outline-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.calendar-date .date-item {
transition: none;
}
}
.calendar-date .date-item:hover {
color: var(--tblr-primary);
text-decoration: none;
background: var(--tblr-bg-surface);
border-color: var(--tblr-border-color);
}
.calendar-date .date-item:focus-visible {
outline: var(--tblr-focus-ring, var(--tblr-focus-ring-width) solid var(--tblr-focus-ring-color));
outline-offset: var(--tblr-focus-ring-offset);
}
.calendar-date .date-today {
color: var(--tblr-primary);
border-color: var(--tblr-border-color);
}
.calendar-range {
position: relative;
}
.calendar-range::before {
position: absolute;
inset-inline-start: 0;
inset-inline-end: 0;
top: 50%;
height: var(--tblr-calendar-date-size);
content: "";
background: color-mix(in oklab, var(--tblr-primary) 10%, transparent);
transform: translateY(-50%);
}
.calendar-range.range-start .date-item, .calendar-range.range-end .date-item {
color: #fff;
background: var(--tblr-primary);
border-color: var(--tblr-primary);
}
.calendar-range.range-start::before {
inset-inline-start: 50%;
}
.calendar-range.range-end::before {
inset-inline-end: 50%;
}
[data-vc=calendar] {
--tblr-calendar-padding: 0;
--tblr-calendar-color: var(--tblr-body-color);
--tblr-calendar-font-size: 0.765625rem;
--tblr-calendar-header-font-weight: 500;
--tblr-calendar-weekday-color: var(--tblr-secondary);
--tblr-calendar-week-number-color: var(--tblr-secondary);
--tblr-calendar-week-number-border-color: var(--tblr-border-color);
--tblr-calendar-day-hover-bg: var(--tblr-hover-bg);
--tblr-calendar-day-selected-bg: var(--tblr-primary);
--tblr-calendar-day-selected-color: var(--tblr-primary-fg);
--tblr-calendar-day-today-bg: color-mix(in oklab, var(--tblr-body-color) 6%, transparent);
--tblr-calendar-day-today-color: var(--tblr-primary);
--tblr-calendar-day-disabled-color: var(--tblr-disabled-color);
--tblr-calendar-day-size: 2rem;
--tblr-calendar-day-font-size: 0.765625rem;
--tblr-calendar-border-radius: var(--tblr-border-radius);
position: relative;
box-sizing: border-box;
display: flex;
flex-direction: column;
width: fit-content;
padding: var(--tblr-calendar-padding);
font-family: inherit;
font-size: var(--tblr-calendar-font-size);
color: var(--tblr-calendar-color);
}
[data-vc=calendar] button {
font-family: inherit;
outline-color: transparent;
transition: outline-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
[data-vc=calendar] button {
transition: none;
}
}
[data-vc=calendar] button:focus-visible {
position: relative;
z-index: 1;
outline: var(--tblr-focus-ring, var(--tblr-focus-ring-width) solid var(--tblr-focus-ring-color));
outline-offset: var(--tblr-focus-ring-offset);
}
[data-vc-arrow] {
position: relative;
display: block;
width: 2rem;
height: 2rem;
color: var(--tblr-calendar-color);
pointer-events: auto;
cursor: pointer;
background-color: transparent;
border: 0;
border-radius: var(--tblr-calendar-border-radius);
}
[data-vc-arrow]::before {
position: absolute;
inset: 0.25rem;
content: "";
background-color: currentColor;
mask-image: url("data:image/svg+xml,");
mask-repeat: no-repeat;
mask-position: center;
mask-size: 1rem;
}
[data-vc-arrow]:hover {
background-color: var(--tblr-calendar-day-hover-bg);
}
[data-vc-arrow=prev]::before {
transform: rotate(90deg);
}
[data-vc-arrow=next]::before {
transform: rotate(-90deg);
}
[data-vc=controls] {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 20;
display: flex;
align-items: center;
justify-content: space-between;
padding-block-start: var(--tblr-calendar-padding);
padding-inline: var(--tblr-calendar-padding);
pointer-events: none;
}
[data-vc=grid] {
display: flex;
flex-grow: 1;
flex-wrap: wrap;
gap: 1.75rem;
}
[data-vc=column] {
display: flex;
flex-grow: 1;
flex-direction: column;
min-width: 240px;
}
[data-vc=header] {
position: relative;
display: flex;
align-items: center;
margin-bottom: 0.75rem;
}
[data-vc-header=content] {
display: inline-flex;
flex-grow: 1;
align-items: center;
justify-content: center;
white-space: pre-wrap;
}
[data-vc=month],
[data-vc=year] {
padding: 0.25rem 0.5rem;
margin-inline: -0.125rem;
font-size: var(--tblr-font-size-base, 1rem);
font-weight: var(--tblr-calendar-header-font-weight);
color: var(--tblr-calendar-color);
background-color: transparent;
border: 0;
border-radius: var(--tblr-calendar-border-radius);
}
[data-vc=month]:disabled,
[data-vc=year]:disabled {
color: var(--tblr-calendar-day-disabled-color);
pointer-events: none;
}
[data-vc=month]:hover:not(:disabled),
[data-vc=year]:hover:not(:disabled) {
background-color: var(--tblr-calendar-day-hover-bg);
}
[data-vc=wrapper] {
display: flex;
flex-grow: 1;
}
[data-vc=content] {
display: flex;
flex-grow: 1;
flex-direction: column;
}
[data-vc=months],
[data-vc=years] {
display: flex;
flex-grow: 1;
flex-direction: column;
row-gap: 1rem;
}
[data-vc-months=row],
[data-vc-years=row] {
display: grid;
grid-template-columns: repeat(var(--tblr-calendar-columns, 4), minmax(0, 1fr));
column-gap: 0.25rem;
align-items: center;
}
[data-vc=years] {
--tblr-calendar-columns: 5;
}
[data-vc-months=cell],
[data-vc-years=cell] {
display: flex;
}
[data-vc-months-month],
[data-vc-years-year] {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 2.5rem;
padding: 0.25rem;
font-size: var(--tblr-calendar-day-font-size);
font-weight: var(--tblr-calendar-header-font-weight);
line-height: 1rem;
color: var(--tblr-calendar-weekday-color);
text-align: center;
word-break: break-all;
cursor: pointer;
background-color: transparent;
border: 0;
border-radius: var(--tblr-calendar-border-radius);
}
[data-vc-months-month]:disabled,
[data-vc-years-year]:disabled {
color: var(--tblr-calendar-day-disabled-color);
pointer-events: none;
}
[data-vc-months-month]:hover:not(:disabled),
[data-vc-years-year]:hover:not(:disabled) {
background-color: var(--tblr-calendar-day-hover-bg);
}
[data-vc-months-month][data-vc-months-month-selected], [data-vc-months-month][data-vc-years-year-selected],
[data-vc-years-year][data-vc-months-month-selected],
[data-vc-years-year][data-vc-years-year-selected] {
color: var(--tblr-calendar-day-selected-color);
background-color: var(--tblr-calendar-day-selected-bg);
}
[data-vc-months-month][data-vc-months-month-selected]:hover, [data-vc-months-month][data-vc-years-year-selected]:hover,
[data-vc-years-year][data-vc-months-month-selected]:hover,
[data-vc-years-year][data-vc-years-year-selected]:hover {
color: var(--tblr-calendar-day-selected-color);
background-color: var(--tblr-calendar-day-selected-bg);
}
[data-vc=week] {
display: grid;
grid-template-columns: repeat(7, 1fr);
justify-items: center;
margin-bottom: 0.5rem;
}
[data-vc-week-day] {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-width: var(--tblr-calendar-day-size);
padding: 0;
margin: 0;
font-size: var(--tblr-calendar-day-font-size);
font-weight: var(--tblr-calendar-header-font-weight);
line-height: 1rem;
color: var(--tblr-calendar-weekday-color);
background-color: transparent;
border: 0;
}
button[data-vc-week-day] {
cursor: pointer;
}
[data-vc-week=numbers] {
display: flex;
flex-direction: column;
padding-inline-end: 0.5rem;
margin-inline-end: 0.5rem;
border-inline-end: var(--tblr-border-width) solid var(--tblr-calendar-week-number-border-color);
}
[data-vc-week-numbers=title] {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0.5rem;
font-size: var(--tblr-calendar-day-font-size);
font-weight: var(--tblr-calendar-header-font-weight);
line-height: 1rem;
color: var(--tblr-calendar-week-number-color);
}
[data-vc-week-numbers=content] {
display: grid;
grid-auto-rows: calc(var(--tblr-calendar-day-size) + 0.25rem);
align-items: center;
justify-items: center;
}
[data-vc-week-number] {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-width: var(--tblr-calendar-day-size);
font-size: var(--tblr-calendar-day-font-size);
font-weight: 400;
line-height: 1rem;
color: var(--tblr-calendar-week-number-color);
}
[data-vc=dates] {
pointer-events: none;
}
[data-vc-dates=row] {
display: grid;
grid-template-columns: repeat(7, 1fr);
align-items: center;
justify-items: center;
width: 100%;
}
[data-vc-date] {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding-top: 0.125rem;
padding-bottom: 0.125rem;
pointer-events: auto;
}
[data-vc-date]:not(:has([data-vc-date-btn])), [data-vc-date][data-vc-date-disabled], [data-vc-date][data-vc-date-disabled] [data-vc-date-btn] {
pointer-events: none;
}
[data-vc-date-btn] {
--tblr-calendar-day-bg: transparent;
--tblr-calendar-day-bg-opacity: 100%;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-width: var(--tblr-calendar-day-size);
height: 100%;
min-height: var(--tblr-calendar-day-size);
padding: 0;
font-size: var(--tblr-calendar-day-font-size);
font-weight: 400;
line-height: 1rem;
color: var(--tblr-calendar-color);
cursor: pointer;
background-color: color-mix(in oklab, var(--tblr-calendar-day-bg) var(--tblr-calendar-day-bg-opacity), transparent);
border: 0;
border-radius: var(--tblr-calendar-border-radius);
outline-color: transparent;
transition: color 0.3s, background-color 0.3s, outline-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
[data-vc-date-btn] {
transition: none;
}
}
[data-vc-date-btn]:hover {
--tblr-calendar-day-bg: var(--tblr-calendar-day-hover-bg);
}
[data-vc-date-today] [data-vc-date-btn] {
font-weight: 700;
--tblr-calendar-day-bg: var(--tblr-calendar-day-today-bg);
color: var(--tblr-calendar-day-today-color);
}
[data-vc-date-month=next] [data-vc-date-btn],
[data-vc-date-month=prev] [data-vc-date-btn] {
--tblr-calendar-day-bg-opacity: 50%;
color: var(--tblr-calendar-weekday-color);
}
[data-vc-date-disabled] [data-vc-date-btn] {
color: var(--tblr-calendar-day-disabled-color);
}
[data-vc-date-hover] [data-vc-date-btn] {
--tblr-calendar-day-bg: var(--tblr-calendar-day-hover-bg);
border-radius: 0;
}
[data-vc-date-hover=first] [data-vc-date-btn] {
border-start-start-radius: var(--tblr-calendar-border-radius);
border-end-start-radius: var(--tblr-calendar-border-radius);
}
[data-vc-date-hover=last] [data-vc-date-btn] {
border-start-end-radius: var(--tblr-calendar-border-radius);
border-end-end-radius: var(--tblr-calendar-border-radius);
}
[data-vc-date-hover=first-and-last] [data-vc-date-btn] {
border-radius: var(--tblr-calendar-border-radius);
}
[data-vc-date-selected] [data-vc-date-btn] {
--tblr-calendar-day-bg: var(--tblr-calendar-day-selected-bg);
color: var(--tblr-calendar-day-selected-color);
}
[data-vc-date-selected=middle] [data-vc-date-btn] {
--tblr-calendar-day-bg-opacity: 10%;
color: var(--tblr-calendar-color);
border-radius: 0;
}
[data-vc-date-selected=first] [data-vc-date-btn] {
border-start-start-radius: var(--tblr-calendar-border-radius);
border-start-end-radius: 0;
border-end-start-radius: var(--tblr-calendar-border-radius);
border-end-end-radius: 0;
}
[data-vc-date-selected=last] [data-vc-date-btn] {
border-start-start-radius: 0;
border-start-end-radius: var(--tblr-calendar-border-radius);
border-end-start-radius: 0;
border-end-end-radius: var(--tblr-calendar-border-radius);
}
[data-vc-date-selected=first-and-last] [data-vc-date-btn] {
border-radius: var(--tblr-calendar-border-radius);
}
[data-vc=calendar][data-vc-input] {
--tblr-datepicker-padding: 1rem;
--tblr-datepicker-bg: var(--tblr-bg-surface);
--tblr-datepicker-border-radius: var(--tblr-border-radius);
--tblr-datepicker-box-shadow: var(--tblr-shadow-dropdown);
--tblr-datepicker-min-width: 280px;
--tblr-datepicker-zindex: 1000;
--tblr-calendar-padding: var(--tblr-datepicker-padding);
position: absolute;
z-index: var(--tblr-datepicker-zindex);
min-width: var(--tblr-datepicker-min-width);
background-color: var(--tblr-datepicker-bg);
box-shadow: var(--tblr-datepicker-box-shadow);
border-radius: var(--tblr-datepicker-border-radius);
}
[data-vc=calendar][data-vc-input][data-vc-calendar-hidden] {
pointer-events: none;
opacity: 0;
}
[data-vc-position=bottom] {
margin-block-start: 0.25rem;
}
[data-vc-position=top] {
margin-block-end: -0.25rem;
}
.carousel-indicators-vertical {
--tblr-carousel-indicators-vertical-margin-inline-end: 1rem;
inset-inline-start: auto;
top: 0;
flex-direction: column;
margin-block: 0;
margin-inline: 0 var(--tblr-carousel-indicators-vertical-margin-inline-end);
}
.carousel-indicators-vertical [data-bs-target],
.carousel-indicators-vertical [data-target] {
width: 3px;
height: 30px;
margin: 3px 0 3px;
border: 0;
border-inline-start: 10px var(--tblr-border-style) transparent;
border-inline-end: 10px var(--tblr-border-style) transparent;
}
.carousel-indicators-dot [data-bs-target],
.carousel-indicators-dot [data-target] {
width: 0.5rem;
height: 0.5rem;
margin: 0;
border: 10px var(--tblr-border-style) transparent;
border-radius: var(--tblr-border-radius-pill);
}
.carousel-indicators-thumb [data-bs-target],
.carousel-indicators-thumb [data-target] {
width: 2rem;
height: auto;
margin: 0 3px;
background: no-repeat center/cover;
border: 0;
box-shadow: 0px 2px 4px -1px color-mix(in oklab, var(--tblr-shadow-color) 15%, transparent), 0px 4px 6px -1px color-mix(in oklab, var(--tblr-shadow-color) 20%, transparent);
opacity: 0.75;
border-radius: var(--tblr-border-radius);
}
@media (min-width: 992px) {
.carousel-indicators-thumb [data-bs-target],
.carousel-indicators-thumb [data-target] {
width: 4rem;
}
}
.carousel-indicators-thumb [data-bs-target]::before,
.carousel-indicators-thumb [data-target]::before {
display: block;
padding-top: var(--tblr-aspect-ratio, 100%);
content: "";
}
.carousel-indicators-thumb.carousel-indicators-vertical [data-bs-target],
.carousel-indicators-thumb.carousel-indicators-vertical [data-target] {
margin: 3px 0;
}
.carousel-caption-background {
position: absolute;
inset-inline-start: 0;
inset-inline-end: 0;
bottom: 0;
height: 90%;
background: oklch(26.86% 0 0deg);
background: linear-gradient(0deg, color-mix(in oklab, var(--tblr-dark) 90%, transparent), color-mix(in oklab, var(--tblr-dark) 0%, transparent));
}
@property --tblr-card-gradient-direction {
syntax: "";
inherits: true;
initial-value: 180deg;
}
@keyframes gradient-animation {
0% {
--tblr-card-gradient-direction: 180deg;
}
100% {
--tblr-card-gradient-direction: 540deg;
}
}
.card {
transition: transform 0.3s ease-out, opacity 0.3s ease-out, box-shadow 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
.card {
transition: none;
}
}
@media print {
.card {
border: none;
box-shadow: none;
break-inside: avoid;
}
}
a.card {
color: inherit;
}
a.card:hover {
text-decoration: none;
box-shadow: var(--tblr-shadow-card-hover);
}
.card .card {
box-shadow: none;
}
.card-borderless,
.card-borderless .card-header,
.card-borderless .card-footer {
border-color: transparent;
}
.card-dashed {
border: var(--tblr-border-width) dashed var(--tblr-border-color);
}
.card-transparent {
background: transparent;
border: var(--tblr-border-width) dashed var(--tblr-border-color);
box-shadow: none;
}
.card-stamp {
--tblr-stamp-size: 7rem;
position: absolute;
inset-inline-end: 0;
top: 0;
width: calc(var(--tblr-stamp-size) * 1);
height: calc(var(--tblr-stamp-size) * 1);
max-height: 100%;
overflow: hidden;
pointer-events: none;
border-start-end-radius: 6px;
opacity: 0.2;
}
.card-stamp-lg {
--tblr-stamp-size: 13rem;
}
.card-stamp-icon {
position: relative;
inset-inline-end: calc(var(--tblr-stamp-size) * -0.25);
top: calc(var(--tblr-stamp-size) * -0.25);
display: flex;
align-items: center;
justify-content: center;
width: calc(var(--tblr-stamp-size) * 1);
height: calc(var(--tblr-stamp-size) * 1);
font-size: calc(var(--tblr-stamp-size) * 0.75);
color: var(--tblr-card-bg, var(--tblr-bg-surface));
background: var(--tblr-secondary);
transform: rotate(10deg);
border-radius: var(--tblr-border-radius-pill);
}
.card-stamp-icon .icon {
width: calc(var(--tblr-stamp-size) * 0.75);
height: calc(var(--tblr-stamp-size) * 0.75);
stroke-width: 2;
}
.card-img,
.card-img-start {
border-top-left-radius: calc(var(--tblr-border-radius-lg) - (var(--tblr-border-width)));
border-bottom-left-radius: calc(var(--tblr-border-radius-lg) - (var(--tblr-border-width)));
}
.card-img,
.card-img-end {
border-top-right-radius: calc(var(--tblr-border-radius-lg) - (var(--tblr-border-width)));
border-bottom-right-radius: calc(var(--tblr-border-radius-lg) - (var(--tblr-border-width)));
}
.card-img-overlay {
display: flex;
flex-direction: column;
justify-content: end;
}
.card-img-overlay-dark {
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}
.card-inactive {
pointer-events: none;
box-shadow: none;
}
.card-inactive .card-body {
opacity: 0.64;
}
.card-active {
--tblr-card-border-color: var(--tblr-primary);
--tblr-card-bg: var(--tblr-active-bg);
}
.card-btn {
display: flex;
flex: 1;
align-items: center;
justify-content: center;
padding: 1.25rem 1.25rem;
font-weight: var(--tblr-font-weight-medium);
color: inherit;
text-align: center;
border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
transition: background 0.3s;
}
@media (prefers-reduced-motion: reduce) {
.card-btn {
transition: none;
}
}
.card-btn:hover {
text-decoration: none;
background: var(--tblr-active-bg);
}
.card-btn + .card-btn {
border-inline-start: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
}
.card-stacked {
--tblr-card-stacked-offset: 0.25rem;
position: relative;
}
.card-stacked::after {
position: absolute;
inset-inline-start: var(--tblr-card-stacked-offset);
inset-inline-end: var(--tblr-card-stacked-offset);
top: calc(-1 * var(--tblr-card-stacked-offset));
height: var(--tblr-card-stacked-offset);
content: "";
background: var(--tblr-card-bg, var(--tblr-bg-surface));
border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-card-border-color);
border-radius: var(--tblr-card-border-radius) var(--tblr-card-border-radius) 0 0;
}
.card-cover {
position: relative;
padding: 1.25rem 1.25rem;
background: #666 no-repeat center/cover;
}
.card-cover::before {
position: absolute;
inset-inline-start: 0;
inset-inline-end: 0;
top: 0;
bottom: 0;
content: "";
background: color-mix(in oklab, var(--tblr-dark) 48%, transparent);
}
.card-cover:first-child, .card-cover:first-child::before {
border-radius: 6px 6px 0 0;
}
.card-cover-blurred::before {
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
}
.card-actions {
--tblr-card-actions-gutter: 0.5rem;
padding-inline-start: var(--tblr-card-actions-gutter);
margin-block: calc(-1 * var(--tblr-card-actions-gutter));
margin-inline: auto calc(-1 * var(--tblr-card-actions-gutter));
}
.card-actions a {
text-decoration: none;
}
.card-header {
display: flex;
align-items: center;
color: inherit;
background-color: var(--tblr-card-header-bg, var(--tblr-card-cap-bg));
}
.card-header:first-child {
border-radius: var(--tblr-card-border-radius) var(--tblr-card-border-radius) 0 0;
}
.card-header-light {
background: var(--tblr-bg-surface-tertiary);
border-bottom-color: transparent;
}
.card-header-tabs {
flex: 1;
padding: calc(var(--tblr-card-cap-padding-y) * 0.5) calc(var(--tblr-card-cap-padding-x) * 0.5) 0;
margin: calc(var(--tblr-card-cap-padding-y) * -1) calc(var(--tblr-card-cap-padding-x) * -1);
background: var(--tblr-bg-surface-tertiary);
border-radius: var(--tblr-card-border-radius) var(--tblr-card-border-radius) 0 0;
}
.card-header-pills {
--tblr-card-header-pills-margin: 0.5rem;
flex: 1;
margin-top: calc(-1 * var(--tblr-card-header-pills-margin));
margin-bottom: calc(-1 * var(--tblr-card-header-pills-margin));
}
.card-rotate-left,
.card-rotate-start {
transform: rotate(-1.5deg);
}
.card-rotate-right,
.card-rotate-end {
transform: rotate(1.5deg);
}
.card-link {
color: inherit;
}
.card-link:hover {
color: inherit;
text-decoration: none;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.08);
}
.card-link-rotate:hover {
opacity: 1;
transform: rotate(1.5deg);
}
.card-link-pop:hover {
opacity: 1;
transform: translateY(-2px);
}
.card-footer {
margin-top: auto;
}
.card-footer:last-child {
border-radius: 0 0 var(--tblr-card-border-radius) var(--tblr-card-border-radius);
}
.card-footer-transparent {
padding-top: 0;
background: transparent;
border-color: transparent;
}
.card-footer-borderless {
border-top: none;
}
.card-progress {
--tblr-card-progress-height: 0.25rem;
height: var(--tblr-card-progress-height);
}
.card-progress:last-child {
border-radius: 0 0 2px 2px;
}
.card-progress:first-child {
border-radius: 2px 2px 0 0;
}
.card > .card-progress {
--tblr-card-progress-offset: calc(-1 * var(--tblr-card-border-width));
position: absolute;
inset: var(--tblr-card-progress-offset);
width: auto;
height: auto;
pointer-events: none;
border-radius: var(--tblr-card-border-radius);
}
.card > .card-progress:last-child {
mask-image: linear-gradient(to top, #000 var(--tblr-card-progress-height), transparent var(--tblr-card-progress-height));
}
.card > .card-progress:first-child {
mask-image: linear-gradient(to bottom, #000 var(--tblr-card-progress-height), transparent var(--tblr-card-progress-height));
}
.card-meta {
color: var(--tblr-secondary);
}
.card-title {
--tblr-card-title-margin-bottom: 1rem;
--tblr-card-title-line-height: 1.5rem;
display: block;
margin: 0 0 var(--tblr-card-title-margin-bottom);
font-size: 1rem;
font-weight: var(--tblr-font-weight-medium);
line-height: var(--tblr-card-title-line-height);
color: var(--tblr-heading-color);
}
a.card-title:hover {
color: inherit;
}
.card-header .card-title {
margin: 0;
}
.card-subtitle {
--tblr-card-subtitle-margin-start: 0.25rem;
margin-bottom: 1.25rem;
font-weight: 400;
color: var(--tblr-secondary);
}
.card-header .card-subtitle {
margin: 0;
}
.card-title .card-subtitle {
margin-block: 0;
margin-inline: var(--tblr-card-subtitle-margin-start) 0;
font-size: 0.875rem;
}
.card-body {
--tblr-card-body-padding-sm: 1rem;
--tblr-card-body-padding-md: 2.5rem;
--tblr-card-body-padding-lg: 2rem;
--tblr-card-body-padding-lg-up: 4rem;
position: relative;
}
.card-body > :last-child {
margin-bottom: 0;
}
.card-sm > .card-body {
padding: var(--tblr-card-body-padding-sm);
}
@media (min-width: 768px) {
.card-md > .card-body {
padding: var(--tblr-card-body-padding-md);
}
}
@media (min-width: 768px) {
.card-lg > .card-body {
padding: var(--tblr-card-body-padding-lg);
}
}
@media (min-width: 992px) {
.card-lg > .card-body {
padding: var(--tblr-card-body-padding-lg-up);
}
}
@media print {
.card-body {
padding: 0;
}
}
.card-body + .card-body {
border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
}
.card-body-scrollable {
overflow: auto;
}
.card-body-scrollable:focus-visible {
--tblr-focus-ring-offset: -2px;
outline: var(--tblr-focus-ring, var(--tblr-focus-ring-width) solid var(--tblr-focus-ring-color));
outline-offset: var(--tblr-focus-ring-offset);
}
.card-options {
--tblr-card-options-top: 1.5rem;
--tblr-card-options-inset: 0.75rem;
display: flex;
margin-inline-start: auto;
}
.card-options-link {
--tblr-card-options-link-min-width: 1rem;
--tblr-card-options-link-margin-start: 0.25rem;
display: inline-block;
min-width: var(--tblr-card-options-link-min-width);
margin-inline-start: var(--tblr-card-options-link-margin-start);
color: var(--tblr-secondary);
}
.card-status-top,
.card-status-start,
.card-status-bottom {
--tblr-card-status-size: 3px;
--tblr-card-status-offset: calc(-1 * var(--tblr-card-border-width));
position: absolute;
inset: var(--tblr-card-status-offset);
pointer-events: none;
border-radius: var(--tblr-card-border-radius);
}
.card-status-top {
mask-image: linear-gradient(to bottom, #000 var(--tblr-card-status-size), transparent var(--tblr-card-status-size));
}
.card-status-start {
mask-image: linear-gradient(to right, #000 var(--tblr-card-status-size), transparent var(--tblr-card-status-size));
}
[dir=rtl] .card-status-start {
mask-image: linear-gradient(to left, #000 var(--tblr-card-status-size), transparent var(--tblr-card-status-size));
}
.card-status-bottom {
mask-image: linear-gradient(to top, #000 var(--tblr-card-status-size), transparent var(--tblr-card-status-size));
}
.card-table {
--tblr-card-table-top-radius: 0;
--tblr-card-table-bottom-radius: 0;
margin-bottom: 0 !important;
}
.card-table tr td:first-child,
.card-table tr th:first-child {
padding-inline-start: 1.25rem;
border-inline-start: 0;
}
.card-table tr td:last-child,
.card-table tr th:last-child {
padding-inline-end: 1.25rem;
border-inline-end: 0;
}
.card-table thead:first-child tr:first-child > *:first-child,
.card-table tbody:first-child tr:first-child > *:first-child,
.card-table tfoot:first-child tr:first-child > *:first-child {
border-start-start-radius: var(--tblr-card-table-top-radius);
}
.card-table thead:first-child tr:first-child > *:last-child,
.card-table tbody:first-child tr:first-child > *:last-child,
.card-table tfoot:first-child tr:first-child > *:last-child {
border-start-end-radius: var(--tblr-card-table-top-radius);
}
.card-table thead:last-child tr:last-child > *:last-child,
.card-table tbody:last-child tr:last-child > *:last-child,
.card-table tfoot:last-child tr:last-child > *:last-child {
border-end-end-radius: var(--tblr-card-table-bottom-radius);
}
.card-table thead:last-child tr:last-child > *:first-child,
.card-table tbody:last-child tr:last-child > *:first-child,
.card-table tfoot:last-child tr:last-child > *:first-child {
border-end-start-radius: var(--tblr-card-table-bottom-radius);
}
.card-table thead tr:first-child,
.card-table tbody tr:first-child,
.card-table tfoot tr:first-child {
border-top: 0;
}
.card-table thead tr:first-child td,
.card-table thead tr:first-child th,
.card-table tbody tr:first-child td,
.card-table tbody tr:first-child th,
.card-table tfoot tr:first-child td,
.card-table tfoot tr:first-child th {
border-top: 0;
}
.card-table tbody tr:last-child td {
border-bottom: 0;
}
.card-table tfoot tr:last-child {
border-bottom: 0;
}
.card-body + .card-table {
border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-table-border-color);
}
.card > .card-table:first-child,
.card > :is(.table-responsive, .table-responsive-sm, .table-responsive-md, .table-responsive-lg, .table-responsive-xl, .table-responsive-xxl):first-child > .card-table {
--tblr-card-table-top-radius: var(--tblr-card-border-radius);
}
.card > .card-table:last-child,
.card > :is(.table-responsive, .table-responsive-sm, .table-responsive-md, .table-responsive-lg, .table-responsive-xl, .table-responsive-xxl):last-child > .card-table {
--tblr-card-table-bottom-radius: calc(var(--tblr-card-border-radius) - var(--tblr-card-border-width));
}
/*
Card code
*/
.card-code {
padding: 0;
overflow: hidden;
}
.card-code:first-child {
border-top-left-radius: var(--tblr-card-border-radius);
border-top-right-radius: var(--tblr-card-border-radius);
}
.card-code:last-child {
border-bottom-right-radius: var(--tblr-card-border-radius);
border-bottom-left-radius: var(--tblr-card-border-radius);
}
.card-code .highlight {
margin: 0;
border: 0;
}
.card-code pre {
margin: 0 !important;
border: 0 !important;
border-radius: 0;
}
/*
Card chart
*/
.card-chart {
--tblr-card-avatar-height: 3.5rem;
position: relative;
z-index: 1;
height: var(--tblr-card-avatar-height);
}
.card-avatar {
--tblr-card-avatar-ring-width: 0.25rem;
margin-inline-start: auto;
margin-inline-end: auto;
margin-top: calc(-1 * var(--tblr-avatar-size) * 0.5);
box-shadow: 0 0 0 var(--tblr-card-avatar-ring-width) var(--tblr-card-bg, var(--tblr-bg-surface));
}
/*
Card list group
*/
.card-body + .card-list-group {
border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
}
.card-list-group .list-group-item {
padding-inline-start: 1.25rem;
padding-inline-end: 1.25rem;
border-inline-start: 0;
border-inline-end: 0;
border-radius: 0;
}
.card-list-group .list-group-item:last-child {
border-bottom: 0;
}
.card-list-group .list-group-item:first-child {
border-top: 0;
}
.card-tabs .nav-tabs {
position: relative;
z-index: 1;
border-bottom: 0;
}
.card-tabs .nav-tabs .nav-link {
background: var(--tblr-bg-surface-tertiary);
border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
}
.card-tabs .nav-tabs .nav-link.active, .card-tabs .nav-tabs .nav-link:active, .card-tabs .nav-tabs .nav-link:hover {
color: var(--tblr-body-color);
border-color: var(--tblr-border-color-translucent);
}
.card-tabs .nav-tabs .nav-link.active {
color: var(--tblr-heading-color, var(--tblr-emphasis-color));
background: var(--tblr-card-bg, var(--tblr-bg-surface));
border-bottom-color: transparent;
}
.card-tabs .nav-tabs .nav-item:not(:first-child) .nav-link {
border-start-start-radius: 0;
}
.card-tabs .nav-tabs .nav-item:not(:last-child) .nav-link {
border-start-end-radius: 0;
}
.card-tabs .nav-tabs .nav-item + .nav-item {
margin-inline-start: calc(-1 * var(--tblr-border-width));
}
.card-tabs .nav-tabs-bottom {
margin-bottom: 0;
}
.card-tabs .nav-tabs-bottom .nav-link {
margin-bottom: 0;
}
.card-tabs .nav-tabs-bottom .nav-link.active {
border-top-color: transparent;
}
.card-tabs .nav-tabs-bottom .nav-item {
margin-top: calc(-1 * var(--tblr-border-width));
margin-bottom: 0;
}
.card-tabs .nav-tabs-bottom .nav-item .nav-link {
border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
border-radius: 0 0 var(--tblr-border-radius-lg) var(--tblr-border-radius-lg);
}
.card-tabs .nav-tabs-bottom .nav-item:not(:first-child) .nav-link {
border-end-start-radius: 0;
}
.card-tabs .nav-tabs-bottom .nav-item:not(:last-child) .nav-link {
border-end-end-radius: 0;
}
.card-tabs .card {
border-end-start-radius: 0;
}
.card-tabs .nav-tabs + .tab-content .card {
border-start-start-radius: 0 !important;
border-end-start-radius: var(--tblr-card-border-radius);
}
.card-tabs .tab-content:has(+ .nav-tabs) .card {
border-start-start-radius: var(--tblr-card-border-radius);
border-end-start-radius: 0 !important;
}
.card-note {
--tblr-card-bg: color-mix(in oklab, var(--tblr-yellow) 12%, var(--tblr-bg-surface));
--tblr-card-border-color: color-mix(in oklab, var(--tblr-yellow) 20%, var(--tblr-bg-surface));
}
.card-gradient {
--tblr-card-gradient-direction: 180deg;
--tblr-card-gradient-opacity: 86%;
--tblr-card-gradient: var(--tblr-primary), var(--tblr-primary);
background: radial-gradient(ellipse at center, var(--tblr-card-bg) 0%, color-mix(in oklab, var(--tblr-card-bg) 0%, transparent) 80%) border-box, linear-gradient(var(--tblr-card-gradient-direction), color-mix(in oklab, var(--tblr-card-bg) var(--tblr-card-gradient-opacity), transparent) 0%, var(--tblr-card-bg) 40%) border-box, linear-gradient(calc(270deg + var(--tblr-card-gradient-direction)), var(--tblr-card-gradient)) border-box;
}
.card-gradient-blue {
--tblr-card-gradient: var(--tblr-blue), var(--tblr-blue);
}
.card-gradient-azure {
--tblr-card-gradient: var(--tblr-azure), var(--tblr-azure);
}
.card-gradient-indigo {
--tblr-card-gradient: var(--tblr-indigo), var(--tblr-indigo);
}
.card-gradient-purple {
--tblr-card-gradient: var(--tblr-purple), var(--tblr-purple);
}
.card-gradient-pink {
--tblr-card-gradient: var(--tblr-pink), var(--tblr-pink);
}
.card-gradient-red {
--tblr-card-gradient: var(--tblr-red), var(--tblr-red);
}
.card-gradient-orange {
--tblr-card-gradient: var(--tblr-orange), var(--tblr-orange);
}
.card-gradient-yellow {
--tblr-card-gradient: var(--tblr-yellow), var(--tblr-yellow);
}
.card-gradient-lime {
--tblr-card-gradient: var(--tblr-lime), var(--tblr-lime);
}
.card-gradient-green {
--tblr-card-gradient: var(--tblr-green), var(--tblr-green);
}
.card-gradient-teal {
--tblr-card-gradient: var(--tblr-teal), var(--tblr-teal);
}
.card-gradient-cyan {
--tblr-card-gradient: var(--tblr-cyan), var(--tblr-cyan);
}
.card-gradient-black {
--tblr-card-gradient: var(--tblr-black), var(--tblr-black);
}
.card-gradient-white {
--tblr-card-gradient: var(--tblr-white), var(--tblr-white);
}
.card-gradient-gray {
--tblr-card-gradient: var(--tblr-gray), var(--tblr-gray);
}
.card-gradient-gray-dark {
--tblr-card-gradient: var(--tblr-gray-dark), var(--tblr-gray-dark);
}
.card-gradient-primary {
--tblr-card-gradient: var(--tblr-primary), var(--tblr-primary);
}
.card-gradient-secondary {
--tblr-card-gradient: var(--tblr-secondary), var(--tblr-secondary);
}
.card-gradient-success {
--tblr-card-gradient: var(--tblr-success), var(--tblr-success);
}
.card-gradient-info {
--tblr-card-gradient: var(--tblr-info), var(--tblr-info);
}
.card-gradient-warning {
--tblr-card-gradient: var(--tblr-warning), var(--tblr-warning);
}
.card-gradient-danger {
--tblr-card-gradient: var(--tblr-danger), var(--tblr-danger);
}
.card-gradient-light {
--tblr-card-gradient: var(--tblr-light), var(--tblr-light);
}
.card-gradient-dark {
--tblr-card-gradient: var(--tblr-dark), var(--tblr-dark);
}
.card-gradient-muted {
--tblr-card-gradient: var(--tblr-muted), var(--tblr-muted);
}
.card-gradient-rainbow {
--tblr-card-gradient: #78c5d6, #459ba8, #79c267, #c5d647, #f5d63d, #f08b33, #e868a2, #be61a5;
}
.card-gradient-sun {
--tblr-card-gradient: #fd1d1d, #fcb045;
}
.card-gradient-snow {
--tblr-card-gradient: #333, #e9ecef;
}
.card-gradient-ocean {
--tblr-card-gradient: #1cb5e0, #000851;
}
.card-gradient-mellow {
--tblr-card-gradient: #f8ff00, #3ad59f;
}
.card-gradient-disco {
--tblr-card-gradient: #fc466b, #3f5efb;
}
.card-gradient-psychedelic {
--tblr-card-gradient: #fcc5e4, #fda34b, #ff7882, #c8699e, #7046aa, #0c1db8, #020f75;
}
.card-gradient-love {
--tblr-card-gradient: #f235e6, #bc0707;
}
.card-gradient-gold {
--tblr-card-gradient: #9d4100, #bf7122, #f59f00, #ffd700;
}
.card-gradient-animated {
animation: gradient-animation 15s linear infinite;
}
.card-gradient-bottom {
--tblr-card-gradient-direction: 0deg;
}
.card-gradient-end {
--tblr-card-gradient-direction: 270deg;
}
.card-gradient-start {
--tblr-card-gradient-direction: 90deg;
}
.btn-close {
outline-color: transparent;
transition: outline-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.btn-close {
transition: none;
}
}
.btn-close {
--tblr-btn-close-color: currentColor;
--tblr-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27oklch%2826.86%25 0 0deg%29%27%3e%3cpath d=%27M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414%27/%3e%3c/svg%3e");
--tblr-btn-close-opacity: 0.4;
--tblr-btn-close-hover-opacity: 0.75;
--tblr-btn-close-focus-opacity: 1;
--tblr-btn-close-disabled-opacity: 0.25;
--tblr-btn-close-size: 1em;
position: relative;
display: block;
width: var(--tblr-btn-close-size);
height: var(--tblr-btn-close-size);
padding: 0.875em 0.875em;
color: var(--tblr-btn-close-color);
cursor: pointer;
background-color: var(--tblr-btn-close-color);
border: 0;
opacity: var(--tblr-btn-close-opacity);
mask: var(--tblr-btn-close-bg) no-repeat center/calc(var(--tblr-btn-close-size) * 0.75);
border-radius: var(--tblr-border-radius);
}
.btn-close::before {
position: absolute;
top: 50%;
left: 50%;
width: max(100%, 24px);
height: max(100%, 24px);
content: "";
transform: translate(-50%, -50%);
}
.btn-close:hover {
color: var(--tblr-btn-close-color);
text-decoration: none;
background-color: var(--tblr-btn-close-color);
opacity: var(--tblr-btn-close-hover-opacity);
}
.btn-close:focus {
outline: 0;
opacity: var(--tblr-btn-close-focus-opacity);
}
.btn-close:focus-visible {
outline: var(--tblr-focus-ring, var(--tblr-focus-ring-width) solid var(--tblr-focus-ring-color));
outline-offset: var(--tblr-focus-ring-offset);
}
.btn-close:disabled, .btn-close.disabled {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
opacity: var(--tblr-btn-close-disabled-opacity);
}
@media print {
.btn-close {
display: none;
}
}
.dropdown-menu {
--tblr-dropdown-item-gap: 0.5rem;
--tblr-dropdown-item-icon-size: 1.25rem;
--tblr-dropdown-item-icon-color: var(--tblr-tertiary);
--tblr-dropdown-header-padding-bottom: 0.25rem;
--tblr-dropdown-menu-columns-gap: 0.25rem;
--tblr-dropdown-arrow-offset: 0.25rem;
--tblr-dropdown-arrow-inset: 0.75rem;
--tblr-dropdown-dropend-offset: 0.25rem;
--tblr-dropdown-menu-card-min-width: 20rem;
-webkit-user-select: none;
user-select: none;
background-clip: border-box;
}
.dropdown-menu.card {
display: none;
min-width: 25rem;
padding: 0;
}
.dropdown-menu.card.show {
display: flex;
}
@media print {
.dropdown-menu {
display: none;
}
}
.dropdown-item {
display: flex;
gap: var(--tblr-dropdown-item-gap, 0.5rem);
align-items: center;
min-width: 11rem;
margin: 0;
line-height: 1.4285714286;
}
.dropdown-item-icon {
width: var(--tblr-dropdown-item-icon-size) !important;
height: var(--tblr-dropdown-item-icon-size) !important;
color: var(--tblr-dropdown-item-icon-color);
text-align: center;
}
.dropdown-item-indicator {
display: inline-flex;
align-items: center;
height: var(--tblr-dropdown-item-icon-size);
line-height: 1;
vertical-align: bottom;
}
.dropdown-header {
font-size: 0.75rem;
font-weight: var(--tblr-font-weight-medium);
text-transform: uppercase;
letter-spacing: 0.04em;
line-height: 1rem;
color: var(--tblr-secondary);
padding-bottom: var(--tblr-dropdown-header-padding-bottom);
pointer-events: none;
}
.dropdown-menu-scrollable {
height: auto;
max-height: 13rem;
overflow-x: hidden;
overscroll-behavior: contain;
}
.dropdown-menu-column {
min-width: 11rem;
}
.dropdown-menu-column .dropdown-item {
min-width: 0;
}
.dropdown-menu-columns {
display: flex;
gap: var(--tblr-dropdown-menu-columns-gap);
}
.dropdown-menu-arrow::before {
position: absolute;
inset-inline-start: var(--tblr-dropdown-arrow-inset);
top: calc(-1 * var(--tblr-dropdown-arrow-offset));
z-index: -1;
display: block;
width: 14px;
height: 14px;
clip-path: inset(0 5px 5px 0);
content: "";
background: inherit;
border: 1px solid var(--tblr-dropdown-border-color);
border-width: 1px 0 0 1px;
/* rtl:ignore */
transform: rotate(45deg);
transform-origin: center;
}
.dropdown-menu-arrow.dropdown-menu-end::before {
inset-inline-start: auto;
inset-inline-end: var(--tblr-dropdown-arrow-inset);
}
.dropend > .dropdown-menu {
margin-inline-start: calc(-1 * var(--tblr-dropdown-dropend-offset));
margin-top: calc(-0.25rem - 1px);
}
.dropend .dropdown-toggle::after {
margin-inline-start: auto;
}
.dropdown-menu-card {
min-width: var(--tblr-dropdown-menu-card-min-width);
padding: 0;
}
.dropdown-menu-card > .card {
margin: 0;
border: 0;
box-shadow: none;
}
.datagrid {
--tblr-datagrid-padding: 1.5rem;
--tblr-datagrid-item-width: 15rem;
--tblr-datagrid-title-margin-bottom: 0.25rem;
--tblr-datagrid-title-width: 10rem;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(var(--tblr-datagrid-item-width), 1fr));
grid-gap: var(--tblr-datagrid-padding);
}
.datagrid-title {
font-size: 0.75rem;
font-weight: var(--tblr-font-weight-medium);
text-transform: uppercase;
letter-spacing: 0.04em;
line-height: 1rem;
color: var(--tblr-secondary);
margin-bottom: var(--tblr-datagrid-title-margin-bottom);
}
.datagrid-content {
margin: 0;
}
.datagrid-horizontal {
--tblr-datagrid-title-margin-bottom: 0;
grid-template-columns: minmax(0, 1fr);
}
.datagrid-horizontal .datagrid-item {
display: grid;
grid-template-columns: var(--tblr-datagrid-title-width) 1fr;
gap: 1rem;
align-items: baseline;
}
.datagrid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.datagrid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.datagrid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.datagrid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.empty {
--tblr-empty-padding: 1rem;
--tblr-empty-padding-md: 3rem;
--tblr-empty-icon-size: 3rem;
--tblr-empty-icon-margin-bottom: 1rem;
--tblr-empty-img-margin-bottom: 2rem;
--tblr-empty-header-margin-bottom: 1rem;
--tblr-empty-header-font-size: 4rem;
--tblr-empty-title-margin-bottom: 0.5rem;
--tblr-empty-action-margin-top: 1.5rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
padding: var(--tblr-empty-padding);
text-align: center;
}
@media (min-width: 768px) {
.empty {
padding: var(--tblr-empty-padding-md);
}
}
.empty-icon {
width: var(--tblr-empty-icon-size);
height: var(--tblr-empty-icon-size);
margin: 0 0 var(--tblr-empty-icon-margin-bottom);
line-height: 1;
color: var(--tblr-secondary);
}
.empty-icon svg {
width: 100%;
height: 100%;
}
.empty-img {
margin: 0 0 var(--tblr-empty-img-margin-bottom);
line-height: 1;
}
.empty-header {
margin: 0 0 var(--tblr-empty-header-margin-bottom);
font-size: var(--tblr-empty-header-font-size);
font-weight: var(--tblr-font-weight-light);
line-height: 1;
color: var(--tblr-secondary);
}
.empty-title {
font-size: 1.25rem;
font-weight: var(--tblr-font-weight-semibold);
line-height: 1.75rem;
}
.empty-title,
.empty-subtitle {
margin: 0 0 var(--tblr-empty-title-margin-bottom);
}
.empty-action {
margin-top: var(--tblr-empty-action-margin-top);
}
.empty-bordered {
border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
border-radius: var(--tblr-border-radius);
}
.row > * {
min-width: 0;
}
.col-separator {
border-inline-start: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
}
.container-slim {
--tblr-gutter-x: calc(var(--tblr-page-padding) * 2);
--tblr-gutter-y: 0;
width: 100%;
padding-inline-end: calc(var(--tblr-gutter-x) * 0.5);
padding-inline-start: calc(var(--tblr-gutter-x) * 0.5);
margin-inline-end: auto;
margin-inline-start: auto;
max-width: 16rem;
}
.container-tight {
--tblr-gutter-x: calc(var(--tblr-page-padding) * 2);
--tblr-gutter-y: 0;
width: 100%;
padding-inline-end: calc(var(--tblr-gutter-x) * 0.5);
padding-inline-start: calc(var(--tblr-gutter-x) * 0.5);
margin-inline-end: auto;
margin-inline-start: auto;
max-width: 32rem;
}
.container-narrow {
--tblr-gutter-x: calc(var(--tblr-page-padding) * 2);
--tblr-gutter-y: 0;
width: 100%;
padding-inline-end: calc(var(--tblr-gutter-x) * 0.5);
padding-inline-start: calc(var(--tblr-gutter-x) * 0.5);
margin-inline-end: auto;
margin-inline-start: auto;
max-width: 61.875rem;
}
.row-0 {
--tblr-grid-row-gutter: 0;
margin-inline-start: calc(-1 * var(--tblr-grid-row-gutter));
margin-inline-end: calc(-1 * var(--tblr-grid-row-gutter));
}
.row-0 > .col,
.row-0 > [class*=col-] {
padding-inline-start: var(--tblr-grid-row-gutter);
padding-inline-end: var(--tblr-grid-row-gutter);
}
.row-0 .card {
margin-bottom: calc(2 * var(--tblr-grid-row-gutter));
}
.row-sm {
--tblr-grid-row-gutter: 0.375rem;
margin-inline-start: calc(-1 * var(--tblr-grid-row-gutter));
margin-inline-end: calc(-1 * var(--tblr-grid-row-gutter));
}
.row-sm > .col,
.row-sm > [class*=col-] {
padding-inline-start: var(--tblr-grid-row-gutter);
padding-inline-end: var(--tblr-grid-row-gutter);
}
.row-sm .card {
margin-bottom: calc(2 * var(--tblr-grid-row-gutter));
}
.row-md {
--tblr-grid-row-gutter: 1.5rem;
margin-inline-start: calc(-1 * var(--tblr-grid-row-gutter));
margin-inline-end: calc(-1 * var(--tblr-grid-row-gutter));
}
.row-md > .col,
.row-md > [class*=col-] {
padding-inline-start: var(--tblr-grid-row-gutter);
padding-inline-end: var(--tblr-grid-row-gutter);
}
.row-md .card {
margin-bottom: calc(2 * var(--tblr-grid-row-gutter));
}
.row-lg {
--tblr-grid-row-gutter: 3rem;
margin-inline-start: calc(-1 * var(--tblr-grid-row-gutter));
margin-inline-end: calc(-1 * var(--tblr-grid-row-gutter));
}
.row-lg > .col,
.row-lg > [class*=col-] {
padding-inline-start: var(--tblr-grid-row-gutter);
padding-inline-end: var(--tblr-grid-row-gutter);
}
.row-lg .card {
margin-bottom: calc(2 * var(--tblr-grid-row-gutter));
}
.row-deck > .col,
.row-deck > [class*=col-] {
display: flex;
align-items: stretch;
}
.row-deck > .col .card,
.row-deck > [class*=col-] .card {
flex: 1 1 auto;
}
.row-cards {
--tblr-gutter-x: var(--tblr-page-padding);
--tblr-gutter-y: var(--tblr-page-padding);
min-width: 0;
}
.row-cards .row-cards {
flex: 1;
}
.space-y {
display: flex;
flex-direction: column;
gap: 1rem;
}
.space-x {
display: flex;
gap: 1rem;
}
.space-y-0 {
display: flex;
flex-direction: column;
gap: 0;
}
.space-x-0 {
display: flex;
gap: 0;
}
.space-y-1 {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.space-x-1 {
display: flex;
gap: 0.25rem;
}
.space-y-2 {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.space-x-2 {
display: flex;
gap: 0.5rem;
}
.space-y-3 {
display: flex;
flex-direction: column;
gap: 1rem;
}
.space-x-3 {
display: flex;
gap: 1rem;
}
.space-y-4 {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.space-x-4 {
display: flex;
gap: 1.5rem;
}
.space-y-5 {
display: flex;
flex-direction: column;
gap: 2rem;
}
.space-x-5 {
display: flex;
gap: 2rem;
}
.space-y-6 {
display: flex;
flex-direction: column;
gap: 2.5rem;
}
.space-x-6 {
display: flex;
gap: 2.5rem;
}
.divide-y > :not(template) ~ :not(template) {
border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}
.divide-y > :not(template):not(:first-child) {
padding-top: 1rem !important;
}
.divide-y > :not(template):not(:last-child) {
padding-bottom: 1rem !important;
}
.divide-x > :not(template) ~ :not(template) {
border-inline-start: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}
.divide-x > :not(template):not(:first-child) {
padding-inline-start: 1rem !important;
}
.divide-x > :not(template):not(:last-child) {
padding-inline-end: 1rem !important;
}
.divide-y-0 > :not(template) ~ :not(template) {
border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}
.divide-y-0 > :not(template):not(:first-child) {
padding-top: 0 !important;
}
.divide-y-0 > :not(template):not(:last-child) {
padding-bottom: 0 !important;
}
.divide-x-0 > :not(template) ~ :not(template) {
border-inline-start: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}
.divide-x-0 > :not(template):not(:first-child) {
padding-inline-start: 0 !important;
}
.divide-x-0 > :not(template):not(:last-child) {
padding-inline-end: 0 !important;
}
.divide-y-1 > :not(template) ~ :not(template) {
border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}
.divide-y-1 > :not(template):not(:first-child) {
padding-top: 0.25rem !important;
}
.divide-y-1 > :not(template):not(:last-child) {
padding-bottom: 0.25rem !important;
}
.divide-x-1 > :not(template) ~ :not(template) {
border-inline-start: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}
.divide-x-1 > :not(template):not(:first-child) {
padding-inline-start: 0.25rem !important;
}
.divide-x-1 > :not(template):not(:last-child) {
padding-inline-end: 0.25rem !important;
}
.divide-y-2 > :not(template) ~ :not(template) {
border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}
.divide-y-2 > :not(template):not(:first-child) {
padding-top: 0.5rem !important;
}
.divide-y-2 > :not(template):not(:last-child) {
padding-bottom: 0.5rem !important;
}
.divide-x-2 > :not(template) ~ :not(template) {
border-inline-start: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}
.divide-x-2 > :not(template):not(:first-child) {
padding-inline-start: 0.5rem !important;
}
.divide-x-2 > :not(template):not(:last-child) {
padding-inline-end: 0.5rem !important;
}
.divide-y-3 > :not(template) ~ :not(template) {
border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}
.divide-y-3 > :not(template):not(:first-child) {
padding-top: 1rem !important;
}
.divide-y-3 > :not(template):not(:last-child) {
padding-bottom: 1rem !important;
}
.divide-x-3 > :not(template) ~ :not(template) {
border-inline-start: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}
.divide-x-3 > :not(template):not(:first-child) {
padding-inline-start: 1rem !important;
}
.divide-x-3 > :not(template):not(:last-child) {
padding-inline-end: 1rem !important;
}
.divide-y-4 > :not(template) ~ :not(template) {
border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}
.divide-y-4 > :not(template):not(:first-child) {
padding-top: 1.5rem !important;
}
.divide-y-4 > :not(template):not(:last-child) {
padding-bottom: 1.5rem !important;
}
.divide-x-4 > :not(template) ~ :not(template) {
border-inline-start: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}
.divide-x-4 > :not(template):not(:first-child) {
padding-inline-start: 1.5rem !important;
}
.divide-x-4 > :not(template):not(:last-child) {
padding-inline-end: 1.5rem !important;
}
.divide-y-5 > :not(template) ~ :not(template) {
border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}
.divide-y-5 > :not(template):not(:first-child) {
padding-top: 2rem !important;
}
.divide-y-5 > :not(template):not(:last-child) {
padding-bottom: 2rem !important;
}
.divide-x-5 > :not(template) ~ :not(template) {
border-inline-start: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}
.divide-x-5 > :not(template):not(:first-child) {
padding-inline-start: 2rem !important;
}
.divide-x-5 > :not(template):not(:last-child) {
padding-inline-end: 2rem !important;
}
.divide-y-6 > :not(template) ~ :not(template) {
border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}
.divide-y-6 > :not(template):not(:first-child) {
padding-top: 2.5rem !important;
}
.divide-y-6 > :not(template):not(:last-child) {
padding-bottom: 2.5rem !important;
}
.divide-x-6 > :not(template) ~ :not(template) {
border-inline-start: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}
.divide-x-6 > :not(template):not(:first-child) {
padding-inline-start: 2.5rem !important;
}
.divide-x-6 > :not(template):not(:last-child) {
padding-inline-end: 2.5rem !important;
}
.divide-y-fill {
display: flex;
flex-direction: column;
height: 100%;
}
.divide-y-fill > :not(template) {
display: flex;
flex: 1;
flex-direction: column;
justify-content: center;
}
.hover-gallery {
--tblr-hover-gallery-aspect-ratio: 1;
--tblr-hover-gallery-indicator-size: 2px;
--tblr-hover-gallery-indicator-gap: 0.25rem;
--tblr-hover-gallery-indicator-padding: 0.5rem;
--tblr-hover-gallery-indicator-color: #fff;
--tblr-hover-gallery-indicator-scrim-height: 40%;
--tblr-hover-gallery-indicator-scrim-bg: linear-gradient(to top, rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0.1) 45%, rgba(0, 0, 0, 0.03) 75%, transparent);
--tblr-hover-gallery-indicator-inactive-opacity: 0.5;
position: relative;
display: flex;
aspect-ratio: var(--tblr-hover-gallery-aspect-ratio);
overflow: hidden;
}
.hover-gallery-item {
flex: 1;
}
.hover-gallery-item img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
pointer-events: none;
object-fit: cover;
opacity: 0;
}
.hover-gallery-item:first-child img, .hover-gallery-item:hover img {
opacity: 1;
}
.hover-gallery-item:hover img {
z-index: 1;
}
.hover-gallery-indicators {
gap: var(--tblr-hover-gallery-indicator-gap);
padding: var(--tblr-hover-gallery-indicator-padding);
}
.hover-gallery-indicators::after {
position: absolute;
inset: auto 0 0;
z-index: 1;
height: var(--tblr-hover-gallery-indicator-scrim-height);
pointer-events: none;
content: "";
background: var(--tblr-hover-gallery-indicator-scrim-bg);
}
.hover-gallery-indicators .hover-gallery-item {
display: flex;
align-items: flex-end;
padding-inline: calc(var(--tblr-hover-gallery-indicator-gap) * 0.5);
margin-inline: calc(var(--tblr-hover-gallery-indicator-gap) * -0.5);
}
.hover-gallery-indicators .hover-gallery-item::after {
position: relative;
z-index: 2;
flex: 1;
height: var(--tblr-hover-gallery-indicator-size);
content: "";
background: var(--tblr-hover-gallery-indicator-color);
opacity: var(--tblr-hover-gallery-indicator-inactive-opacity);
border-radius: var(--tblr-hover-gallery-indicator-size);
}
.hover-gallery-indicators .hover-gallery-item:hover::after {
opacity: 1;
}
.hover-gallery-indicators:not(:hover) .hover-gallery-item:first-child::after {
opacity: 1;
}
@media (hover: none) {
.hover-gallery {
gap: 0;
padding: 0;
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
}
.hover-gallery::after {
display: none;
}
.hover-gallery .hover-gallery-item {
flex: 0 0 100%;
padding: 0;
margin: 0;
scroll-snap-align: start;
}
.hover-gallery .hover-gallery-item img {
position: static;
opacity: 1;
}
.hover-gallery .hover-gallery-item::after {
display: none;
}
}
.icon {
--tblr-icon-size: 1.25rem;
display: inline-block;
width: var(--tblr-icon-size);
height: var(--tblr-icon-size);
font-size: var(--tblr-icon-size);
vertical-align: bottom;
transform-origin: center;
stroke-width: 1.5;
}
.icon:hover {
text-decoration: none;
}
.icon-inline {
--tblr-icon-size: 1rem;
--tblr-icon-inline-vertical-align: -0.2rem;
vertical-align: var(--tblr-icon-inline-vertical-align);
}
.icon-filled {
fill: currentColor;
}
.icon-sm {
--tblr-icon-size: 1rem;
stroke-width: 1.5;
}
.icon-md {
--tblr-icon-size: 2.5rem;
stroke-width: 1;
}
.icon-lg {
--tblr-icon-size: 3.5rem;
stroke-width: 1;
}
.icon-pulse {
transition: all 0.15s ease 0s;
animation: pulse 2s ease infinite;
animation-fill-mode: both;
}
.icon-tada {
transition: all 0.15s ease 0s;
animation: tada 3s ease infinite;
animation-fill-mode: both;
}
.icon-rotate {
transition: all 0.15s ease 0s;
animation: rotate-360 3s linear infinite;
animation-fill-mode: both;
}
.img-responsive {
--tblr-img-responsive-ratio: 75%;
padding-top: var(--tblr-img-responsive-ratio);
background: no-repeat center/cover;
}
.img-responsive-grid {
padding-top: calc(var(--tblr-img-responsive-ratio) - var(--tblr-gutter-y) / 2);
}
.img-responsive-1x1 {
--tblr-img-responsive-ratio: 100%;
}
.img-responsive-2x1 {
--tblr-img-responsive-ratio: 50%;
}
.img-responsive-1x2 {
--tblr-img-responsive-ratio: 200%;
}
.img-responsive-3x1 {
--tblr-img-responsive-ratio: 33.3333333333%;
}
.img-responsive-1x3 {
--tblr-img-responsive-ratio: 300%;
}
.img-responsive-4x1 {
--tblr-img-responsive-ratio: 25%;
}
.img-responsive-1x4 {
--tblr-img-responsive-ratio: 400%;
}
.img-responsive-4x3 {
--tblr-img-responsive-ratio: 75%;
}
.img-responsive-3x4 {
--tblr-img-responsive-ratio: 133.3333333333%;
}
.img-responsive-16x9 {
--tblr-img-responsive-ratio: 56.25%;
}
.img-responsive-9x16 {
--tblr-img-responsive-ratio: 177.7777777778%;
}
.img-responsive-21x9 {
--tblr-img-responsive-ratio: 42.8571428571%;
}
.img-responsive-9x21 {
--tblr-img-responsive-ratio: 233.3333333333%;
}
.img-bg {
background: no-repeat center/cover;
}
.img-labeled {
position: relative;
display: inline-block;
max-width: 100%;
vertical-align: middle;
}
.img-label {
--tblr-img-label-offset: 0.375rem;
--tblr-img-label-padding-y: 0.25rem;
--tblr-img-label-padding-x: 0.375rem;
--tblr-img-label-gap: 0.25rem;
--tblr-img-label-font-size: 0.75rem;
--tblr-img-label-font-weight: var(--tblr-font-weight-medium);
--tblr-img-label-color: #fff;
--tblr-img-label-bg: rgba(0, 0, 0, 0.6);
--tblr-img-label-border-radius: var(--tblr-border-radius-sm);
--tblr-img-label-backdrop-filter: blur(4px);
--tblr-img-label-icon-size: 0.75rem;
position: absolute;
inset-block-end: var(--tblr-img-label-offset);
inset-inline-end: var(--tblr-img-label-offset);
z-index: 1;
display: inline-flex;
gap: var(--tblr-img-label-gap);
align-items: center;
max-width: calc(100% - 2 * var(--tblr-img-label-offset));
padding: var(--tblr-img-label-padding-y) var(--tblr-img-label-padding-x);
font-size: var(--tblr-img-label-font-size);
font-weight: var(--tblr-img-label-font-weight);
line-height: 1;
color: var(--tblr-img-label-color);
white-space: nowrap;
pointer-events: none;
background: var(--tblr-img-label-bg);
-webkit-backdrop-filter: var(--tblr-img-label-backdrop-filter);
backdrop-filter: var(--tblr-img-label-backdrop-filter);
border-radius: var(--tblr-img-label-border-radius);
}
.img-label .icon {
--tblr-icon-size: var(--tblr-img-label-icon-size);
}
.img-label-icon {
--tblr-img-label-padding-x: var(--tblr-img-label-padding-y);
}
.img-label-top-start,
.img-label-top-end {
inset-block: var(--tblr-img-label-offset) auto;
}
.img-label-top-start,
.img-label-bottom-start {
inset-inline: var(--tblr-img-label-offset) auto;
}
textarea[cols] {
height: auto;
}
.col-form-label,
.form-label {
--tblr-form-label-required-gap: 0.25rem;
display: block;
font-weight: var(--tblr-font-weight-medium);
}
.col-form-label.required::after,
.form-label.required::after {
margin-inline-start: var(--tblr-form-label-required-gap);
color: oklch(58.29% 0.1941 25.59deg);
content: "*";
}
.form-label-description {
float: inline-end;
font-weight: var(--tblr-font-weight-normal);
color: var(--tblr-secondary);
}
.form-select:-moz-focusring {
color: var(--tblr-body-color);
}
.form-control:-webkit-autofill {
color: var(--tblr-body-color);
box-shadow: 0 0 0 1000px var(--tblr-bg-surface-secondary) inset;
-webkit-text-fill-color: var(--tblr-body-color);
}
.form-control:disabled, .form-control.disabled {
color: var(--tblr-control-disabled-color);
-webkit-user-select: none;
user-select: none;
}
.form-control[size] {
width: auto;
}
.form-control-light {
background-color: var(--tblr-bg-surface-secondary);
border-color: transparent;
}
.form-control-dark {
color: #fff;
background-color: color-mix(in oklab, var(--tblr-black) 10%, transparent);
border-color: transparent;
}
.form-control-dark:focus {
background-color: color-mix(in oklab, var(--tblr-black) 10%, transparent);
border-color: color-mix(in oklab, var(--tblr-white) 24%, transparent);
box-shadow: none;
}
.form-control-dark::placeholder {
color: color-mix(in oklab, var(--tblr-white) 60%, transparent);
}
.form-control-rounded {
border-radius: var(--tblr-border-radius-pill);
}
.form-control-flush {
padding: 0;
line-height: inherit;
resize: none;
background: none !important;
border-color: transparent !important;
box-shadow: none !important;
}
.form-footer {
--tblr-form-footer-margin-top: 2rem;
margin-top: var(--tblr-form-footer-margin-top);
}
.form-fieldset {
--tblr-form-fieldset-padding: 1rem;
--tblr-form-fieldset-margin-bottom: 1rem;
padding: var(--tblr-form-fieldset-padding);
margin-bottom: var(--tblr-form-fieldset-margin-bottom);
background: var(--tblr-bg-surface-secondary);
border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
border-radius: var(--tblr-border-radius);
}
fieldset:empty {
display: none;
}
.form-help {
--tblr-form-help-size: 1.125rem;
--tblr-form-help-font-size: 0.75rem;
display: inline-flex;
align-items: center;
justify-content: center;
width: var(--tblr-form-help-size);
height: var(--tblr-form-help-size);
padding: 0;
font-size: var(--tblr-form-help-font-size);
font-weight: var(--tblr-font-weight-semibold);
color: var(--tblr-secondary);
text-align: center;
text-decoration: none;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
background: var(--tblr-bg-surface-tertiary);
border: 0;
border-radius: var(--tblr-border-radius-pill);
transition: background-color 0.3s, color 0.3s;
}
@media (prefers-reduced-motion: reduce) {
.form-help {
transition: none;
}
}
.form-help:hover, .form-help[aria-describedby] {
color: #fff;
background: var(--tblr-primary);
}
.input-group {
box-shadow: var(--tblr-shadow-input);
border-radius: var(--tblr-input-group-addon-border-radius);
}
.input-group .form-control,
.input-group .form-select,
.input-group .btn {
box-shadow: none;
}
.input-group-link {
font-size: 0.75rem;
}
.input-group-flat {
outline-color: transparent;
transition: outline-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.input-group-flat {
transition: none;
}
}
.input-group-flat:focus-within {
--tblr-focus-ring-offset: -1px;
outline: var(--tblr-focus-ring, var(--tblr-focus-ring-width) solid var(--tblr-focus-ring-color));
outline-offset: var(--tblr-focus-ring-offset);
border-radius: var(--tblr-input-group-addon-border-radius);
}
.input-group-flat:focus-within .form-control,
.input-group-flat:focus-within .input-group-text {
border-color: color-mix(in oklab, var(--tblr-white) 50%, var(--tblr-primary)) !important;
}
.input-group-flat .form-control:focus {
border-color: var(--tblr-control-border-color);
outline: 0;
box-shadow: none;
}
.input-group-flat .form-control:not(:last-child) {
border-inline-end: 0;
}
.input-group-flat .form-control:not(:first-child) {
border-inline-start: 0;
}
.input-group-flat .input-group-text {
z-index: 10;
background: var(--tblr-btn-input-bg);
transition: border-color 0.15s ease-in-out, outline-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.input-group-flat .input-group-text {
transition: none;
}
}
.input-group-flat .input-group-text:first-child {
padding-inline-end: 0;
border-inline-end: 0;
}
.input-group-flat .input-group-text:last-child {
padding-inline-start: 0;
border-inline-start: 0;
}
.input-group-flat:has(.form-control.is-valid) .input-group-text, .was-validated .input-group-flat:has(.form-control:valid) .input-group-text {
border-color: var(--tblr-form-valid-border-color);
}
.input-group-flat:has(.form-control.is-valid):focus-within, .was-validated .input-group-flat:has(.form-control:valid):focus-within {
outline-color: light-dark(color-mix(in oklab, var(--tblr-success) calc(var(--tblr-focus-ring-opacity) * 100%), var(--tblr-body-bg)), color-mix(in oklab, var(--tblr-success) calc(var(--tblr-focus-ring-opacity-dark) * 100%), var(--tblr-body-bg)));
}
.input-group-flat:has(.form-control.is-valid):focus-within .form-control,
.input-group-flat:has(.form-control.is-valid):focus-within .input-group-text, .was-validated .input-group-flat:has(.form-control:valid):focus-within .form-control,
.was-validated .input-group-flat:has(.form-control:valid):focus-within .input-group-text {
border-color: var(--tblr-form-valid-border-color) !important;
}
.input-group-flat:has(.form-control.is-invalid) .input-group-text, .was-validated .input-group-flat:has(.form-control:invalid) .input-group-text {
border-color: var(--tblr-form-invalid-border-color);
}
.input-group-flat:has(.form-control.is-invalid):focus-within, .was-validated .input-group-flat:has(.form-control:invalid):focus-within {
outline-color: light-dark(color-mix(in oklab, var(--tblr-danger) calc(var(--tblr-focus-ring-opacity) * 100%), var(--tblr-body-bg)), color-mix(in oklab, var(--tblr-danger) calc(var(--tblr-focus-ring-opacity-dark) * 100%), var(--tblr-body-bg)));
}
.input-group-flat:has(.form-control.is-invalid):focus-within .form-control,
.input-group-flat:has(.form-control.is-invalid):focus-within .input-group-text, .was-validated .input-group-flat:has(.form-control:invalid):focus-within .form-control,
.was-validated .input-group-flat:has(.form-control:invalid):focus-within .input-group-text {
border-color: var(--tblr-form-invalid-border-color) !important;
}
.form-file-button {
margin-inline-start: 0;
border-inline-start: 0;
}
.form-control,
.form-select {
--tblr-form-control-mobile-font-size: 1rem;
}
@media (max-width: 575.98px) {
.form-control,
.form-select {
font-size: var(--tblr-form-control-mobile-font-size);
}
}
.input-icon {
--tblr-input-icon-padding-end: 2.5rem;
--tblr-input-icon-padding-start: 2.5rem;
--tblr-input-icon-addon-height: var(--tblr-btn-input-min-height);
position: relative;
}
.input-icon .form-control:not(:last-child),
.input-icon .form-select:not(:last-child) {
padding-inline-end: var(--tblr-input-icon-padding-end);
}
.input-icon .form-control:not(:first-child),
.input-icon .form-select:not(:first-child) {
padding-inline-start: var(--tblr-input-icon-padding-start);
}
.input-icon:has(> .form-control-sm, > .form-select-sm) {
--tblr-input-icon-addon-height: var(--tblr-btn-input-sm-min-height);
}
.input-icon:has(> .form-control-lg, > .form-select-lg) {
--tblr-input-icon-addon-height: var(--tblr-btn-input-lg-min-height);
}
.input-icon-addon {
--tblr-input-icon-addon-width: 2.5rem;
position: absolute;
inset-inline-start: 0;
top: 0;
bottom: 0;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
min-width: var(--tblr-input-icon-addon-width);
height: var(--tblr-input-icon-addon-height, var(--tblr-btn-input-min-height));
font-size: 1.2em;
color: var(--tblr-icon-color);
pointer-events: none;
}
.input-icon-addon:last-child {
inset-inline-start: auto;
inset-inline-end: 0;
}
/*
Color Input
*/
.form-colorinput {
--tblr-form-colorinput-size: 1.5rem;
position: relative;
display: inline-block;
margin: 0;
line-height: 1;
cursor: pointer;
}
.form-colorinput-input {
position: absolute;
z-index: -1;
opacity: 0;
}
.form-colorinput-color {
outline-color: transparent;
transition: outline-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-colorinput-color {
transition: none;
}
}
.form-colorinput-color {
display: block;
width: var(--tblr-form-colorinput-size);
height: var(--tblr-form-colorinput-size);
color: #fff;
border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
border-radius: var(--tblr-border-radius);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.form-colorinput-color::before {
position: absolute;
inset-inline-start: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
background: no-repeat center center/1.25rem;
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 width=%2716%27 height=%2716%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 8.5l2.5 2.5l5.5 -5.5%27/%3e%3c/svg%3e");
opacity: 0;
transition: opacity 0.3s;
}
@media (prefers-reduced-motion: reduce) {
.form-colorinput-color::before {
transition: none;
}
}
.form-colorinput-input:checked ~ .form-colorinput-color::before {
opacity: 1;
}
.form-colorinput-input:focus ~ .form-colorinput-color {
border-color: var(--tblr-primary);
outline: var(--tblr-focus-ring, var(--tblr-focus-ring-width) solid var(--tblr-focus-ring-color));
outline-offset: var(--tblr-focus-ring-offset);
}
.form-colorinput-light .form-colorinput-color::before {
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 width=%2716%27 height=%2716%27%3e%3cpath fill=%27none%27 stroke=%27oklch%2826.86%25 0 0deg%29%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 8.5l2.5 2.5l5.5 -5.5%27/%3e%3c/svg%3e");
}
.form-imagecheck {
--tblr-form-imagecheck-radius: var(--tblr-border-radius);
--tblr-form-imagecheck-check-offset: 0.25rem;
--tblr-form-imagecheck-caption-padding: 0.25rem;
position: relative;
margin: 0;
cursor: pointer;
}
.form-imagecheck-input {
position: absolute;
z-index: -1;
opacity: 0;
}
.form-imagecheck-figure {
outline-color: transparent;
transition: outline-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-imagecheck-figure {
transition: none;
}
}
.form-imagecheck-figure {
position: relative;
display: block;
margin: 0;
-webkit-user-select: none;
user-select: none;
border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
border-radius: var(--tblr-form-imagecheck-radius);
}
.form-imagecheck-input:focus ~ .form-imagecheck-figure {
border-color: var(--tblr-primary);
outline: var(--tblr-focus-ring, var(--tblr-focus-ring-width) solid var(--tblr-focus-ring-color));
outline-offset: var(--tblr-focus-ring-offset);
}
.form-imagecheck-input:checked ~ .form-imagecheck-figure {
border-color: var(--tblr-primary);
}
.form-imagecheck-figure::before {
position: absolute;
inset-inline-start: var(--tblr-form-imagecheck-check-offset);
top: var(--tblr-form-imagecheck-check-offset);
z-index: 1;
display: block;
width: 1.25rem;
height: 1.25rem;
color: #fff;
pointer-events: none;
content: "";
-webkit-user-select: none;
user-select: none;
background: var(--tblr-bg-forms);
border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
border-radius: var(--tblr-border-radius);
transition: opacity 0.3s;
}
@media (prefers-reduced-motion: reduce) {
.form-imagecheck-figure::before {
transition: none;
}
}
.form-imagecheck-input:checked ~ .form-imagecheck-figure::before {
background-color: var(--tblr-primary);
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 width=%2716%27 height=%2716%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 8.5l2.5 2.5l5.5 -5.5%27/%3e%3c/svg%3e");
background-repeat: repeat;
background-position: center;
background-size: 1.25rem;
border-color: var(--tblr-border-color-translucent);
}
.form-imagecheck-input[type=radio] ~ .form-imagecheck-figure::before {
border-radius: 50%;
}
.form-imagecheck-input[type=radio]:checked ~ .form-imagecheck-figure::before {
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3ccircle r=%273%27 fill=%27%23fff%27 cx=%278%27 cy=%278%27 /%3e%3c/svg%3e");
}
.form-imagecheck-image {
display: block;
max-width: 100%;
opacity: 0.64;
transition: opacity 0.3s;
}
@media (prefers-reduced-motion: reduce) {
.form-imagecheck-image {
transition: none;
}
}
.form-imagecheck-image:first-child {
border-start-start-radius: calc(var(--tblr-form-imagecheck-radius) - 1px);
border-start-end-radius: calc(var(--tblr-form-imagecheck-radius) - 1px);
}
.form-imagecheck-image:last-child {
border-end-start-radius: calc(var(--tblr-form-imagecheck-radius) - 1px);
border-end-end-radius: calc(var(--tblr-form-imagecheck-radius) - 1px);
}
.form-imagecheck:hover .form-imagecheck-image, .form-imagecheck-input:focus ~ .form-imagecheck-figure .form-imagecheck-image, .form-imagecheck-input:checked ~ .form-imagecheck-figure .form-imagecheck-image {
opacity: 1;
}
.form-imagecheck-image .avatar {
border-radius: inherit;
}
.form-imagecheck-caption {
padding: var(--tblr-form-imagecheck-caption-padding);
font-size: 0.765625rem;
color: var(--tblr-secondary);
text-align: center;
transition: color 0.3s;
}
@media (prefers-reduced-motion: reduce) {
.form-imagecheck-caption {
transition: none;
}
}
.form-imagecheck:hover .form-imagecheck-caption, .form-imagecheck-input:focus ~ .form-imagecheck-figure .form-imagecheck-caption, .form-imagecheck-input:checked ~ .form-imagecheck-figure .form-imagecheck-caption {
color: var(--tblr-body-color);
}
/*
Select group
*/
.form-selectgroup {
--tblr-form-selectgroup-gap: 0.5rem;
--tblr-form-selectgroup-icon-margin-x: -0.25rem;
display: inline-flex;
flex-wrap: wrap;
gap: var(--tblr-form-selectgroup-gap);
margin: 0;
}
.form-selectgroup .form-selectgroup-item {
margin: 0;
}
.form-selectgroup-vertical {
flex-direction: column;
}
.form-selectgroup-item {
position: relative;
display: block;
}
.form-selectgroup-input {
position: absolute;
inset-inline-start: 0;
top: 0;
z-index: -1;
opacity: 0;
}
.form-selectgroup-label {
position: relative;
display: block;
min-width: var(--tblr-btn-input-min-height);
padding: var(--tblr-btn-input-padding-y) var(--tblr-btn-input-padding-x);
margin: 0;
font-size: var(--tblr-btn-input-font-size);
line-height: var(--tblr-btn-input-line-height);
color: var(--tblr-secondary);
text-align: center;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
background: var(--tblr-bg-forms);
border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
box-shadow: var(--tblr-shadow-input);
border-radius: var(--tblr-border-radius);
outline-color: transparent;
transition: border-color 0.3s, background 0.3s, color 0.3s, outline-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-selectgroup-label {
transition: none;
}
}
.form-selectgroup-label > .icon:only-child {
margin: 0 var(--tblr-form-selectgroup-icon-margin-x);
}
.form-selectgroup-label:hover {
color: var(--tblr-body-color);
}
.form-selectgroup-check {
display: inline-block;
width: 1.25rem;
height: 1.25rem;
vertical-align: middle;
border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
box-shadow: var(--tblr-shadow-input);
}
.form-selectgroup-input[type=checkbox] + .form-selectgroup-label .form-selectgroup-check {
border-radius: var(--tblr-border-radius);
}
.form-selectgroup-input[type=radio] + .form-selectgroup-label .form-selectgroup-check {
border-radius: 50%;
}
.form-selectgroup-input:checked + .form-selectgroup-label .form-selectgroup-check {
background-color: var(--tblr-primary);
background-repeat: repeat;
background-position: center;
background-size: 1.25rem;
border-color: var(--tblr-border-color-translucent);
}
.form-selectgroup-input[type=checkbox]:checked + .form-selectgroup-label .form-selectgroup-check {
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 width=%2716%27 height=%2716%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 8.5l2.5 2.5l5.5 -5.5%27/%3e%3c/svg%3e");
}
.form-selectgroup-input[type=radio]:checked + .form-selectgroup-label .form-selectgroup-check {
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3ccircle r=%273%27 fill=%27%23fff%27 cx=%278%27 cy=%278%27 /%3e%3c/svg%3e");
}
.form-selectgroup-check-floated {
position: absolute;
inset-inline-end: var(--tblr-btn-input-padding-y);
top: var(--tblr-btn-input-padding-y);
}
.form-selectgroup-input:checked + .form-selectgroup-label {
z-index: 1;
color: var(--tblr-primary);
background: var(--tblr-active-bg);
border-color: var(--tblr-primary);
}
.form-selectgroup-input:focus + .form-selectgroup-label {
z-index: 2;
color: var(--tblr-primary);
border-color: var(--tblr-primary);
outline: var(--tblr-focus-ring, var(--tblr-focus-ring-width) solid var(--tblr-focus-ring-color));
outline-offset: var(--tblr-focus-ring-offset);
}
.form-selectgroup-boxes .form-selectgroup-label {
padding: 1.25rem 1.25rem;
color: inherit;
text-align: start;
}
.form-selectgroup-boxes .form-selectgroup-input:checked + .form-selectgroup-label {
color: inherit;
}
.form-selectgroup-boxes .form-selectgroup-input:checked + .form-selectgroup-label .form-selectgroup-title {
color: var(--tblr-primary);
}
.form-selectgroup-boxes .form-selectgroup-input:checked + .form-selectgroup-label .form-selectgroup-label-content {
opacity: 1;
}
.form-selectgroup-pills {
flex-wrap: wrap;
align-items: start;
}
.form-selectgroup-pills .form-selectgroup-item {
flex-grow: 0;
}
.form-selectgroup-pills .form-selectgroup-label {
border-radius: var(--tblr-border-radius-pill);
}
.form-control-color::-webkit-color-swatch {
border: none;
}
.form-control[type=search] {
appearance: textfield;
}
/*
Form check
*/
label.form-check {
width: fit-content;
}
label.form-check.form-check-reverse {
margin-inline-start: auto;
}
.form-check {
-webkit-user-select: none;
user-select: none;
}
.form-check.form-check-highlight .form-check-input:not(:checked) ~ .form-check-label {
color: var(--tblr-secondary);
}
.form-check .form-check-label-off {
color: var(--tblr-secondary);
}
.form-check .form-check-input:checked ~ .form-check-label-off {
display: none;
}
.form-check .form-check-input:not(:checked) ~ .form-check-label-on {
display: none;
}
.form-check-input {
margin-top: calc((1.25rem - var(--tblr-form-check-input-width)) / 2);
background-size: var(--tblr-form-check-input-width);
box-shadow: var(--tblr-form-check-box-shadow);
}
.form-check-label {
--tblr-form-check-label-required-gap: 0.25rem;
display: block;
width: fit-content;
}
.form-check-reverse .form-check-label {
margin-inline-start: auto;
}
.form-check-label.required::after {
margin-inline-start: var(--tblr-form-check-label-required-gap);
color: oklch(58.29% 0.1941 25.59deg);
content: "*";
}
.form-check-description {
--tblr-form-check-description-margin-top: 0.25rem;
display: block;
margin-top: var(--tblr-form-check-description-margin-top);
font-size: 0.75rem;
color: var(--tblr-secondary);
}
.form-check-single {
margin: 0;
}
.form-check-single .form-check-input {
margin: 0;
}
/*
Form switch
*/
.form-switch .form-check-input {
height: var(--tblr-form-switch-height);
margin-top: calc((1.25rem - var(--tblr-form-switch-height)) / 2);
transition: background-color 0.3s, background-position 0.3s, outline-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-switch .form-check-input {
transition: none;
}
}
.form-switch .form-check-input:disabled:not(:checked) {
--tblr-form-switch-color: var(--tblr-form-switch-disabled-color);
background-color: var(--tblr-form-switch-disabled-bg);
}
.form-switch-lg {
--tblr-form-switch-lg-padding-start: 3.5rem;
--tblr-form-switch-lg-min-height: 1.5rem;
--tblr-form-switch-lg-height: 1.5rem;
--tblr-form-switch-lg-width: 2.75rem;
--tblr-form-switch-lg-bg-size: 1.5rem;
--tblr-form-switch-lg-input-offset: -3.5rem;
--tblr-form-switch-lg-label-padding-top: 0.125rem;
min-height: var(--tblr-form-switch-lg-min-height);
padding-inline-start: var(--tblr-form-switch-lg-padding-start);
}
.form-switch-lg .form-check-input {
--tblr-form-switch-knob-offset: 0.1875rem;
--tblr-form-switch-knob-size: calc(var(--tblr-form-switch-lg-height) - var(--tblr-form-switch-knob-offset) * 2);
width: var(--tblr-form-switch-lg-width);
height: var(--tblr-form-switch-lg-height);
margin-inline-start: var(--tblr-form-switch-lg-input-offset);
}
.form-switch-lg .form-check-label {
padding-top: var(--tblr-form-switch-lg-label-padding-top);
}
.otp {
--tblr-otp-size: calc(1.25rem + 1.125rem + calc(var(--tblr-border-width) * 2));
--tblr-otp-font-size: 0.875rem;
--tblr-otp-gap: 0.5rem;
--tblr-otp-slot-color: var(--tblr-body-color);
--tblr-otp-slot-bg: var(--tblr-bg-forms);
--tblr-otp-slot-border-width: var(--tblr-border-width);
--tblr-otp-slot-border-color: var(--tblr-border-color);
--tblr-otp-slot-border-radius: var(--tblr-border-radius);
--tblr-otp-slot-box-shadow: var(--tblr-shadow-input);
--tblr-otp-separator-color: var(--tblr-secondary);
position: relative;
display: inline-flex;
gap: var(--tblr-otp-gap);
align-items: center;
min-height: var(--tblr-otp-size);
vertical-align: bottom;
}
.otp > input {
width: 100%;
height: var(--tblr-otp-size);
padding-inline: 0.75rem;
font-size: var(--tblr-otp-font-size);
color: var(--tblr-otp-slot-color);
background-color: var(--tblr-otp-slot-bg);
border: var(--tblr-otp-slot-border-width) solid var(--tblr-otp-slot-border-color);
box-shadow: var(--tblr-otp-slot-box-shadow);
border-radius: var(--tblr-otp-slot-border-radius);
}
.otp-rendered .otp-input {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
color: transparent;
cursor: text;
caret-color: transparent;
background-color: transparent;
border: 0;
box-shadow: none;
}
.otp-rendered .otp-input:focus {
outline: 0;
}
.otp-rendered .otp-input::selection {
background-color: transparent;
}
.otp-slots {
display: inline-flex;
gap: var(--tblr-otp-gap);
align-items: center;
pointer-events: none;
}
.otp-slot {
position: relative;
display: flex;
flex: none;
align-items: center;
justify-content: center;
width: var(--tblr-otp-size);
height: var(--tblr-otp-size);
font-size: var(--tblr-otp-font-size);
color: var(--tblr-otp-slot-color);
background-color: var(--tblr-otp-slot-bg);
border: var(--tblr-otp-slot-border-width) solid var(--tblr-otp-slot-border-color);
box-shadow: var(--tblr-otp-slot-box-shadow);
border-radius: var(--tblr-otp-slot-border-radius);
outline-color: transparent;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, outline-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.otp-slot {
transition: none;
}
}
.otp-slot-active {
z-index: 1;
--tblr-focus-ring-offset: -1px;
border-color: color-mix(in oklab, var(--tblr-white) 50%, var(--tblr-primary));
outline: var(--tblr-focus-ring, var(--tblr-focus-ring-width) solid var(--tblr-focus-ring-color));
outline-offset: var(--tblr-focus-ring-offset);
}
.otp-slot-active:not(.otp-slot-filled)::after {
display: block;
width: 1px;
height: 1.2em;
content: "";
background-color: var(--tblr-otp-slot-color);
animation: otp-caret-blink 1s step-end infinite;
}
.otp-input:disabled ~ .otp-slots .otp-slot {
color: var(--tblr-disabled-color);
background-color: var(--tblr-control-disabled-bg);
}
.otp-connected {
--tblr-otp-gap: 0;
}
.otp-connected .otp-slot {
margin-inline-start: calc(var(--tblr-otp-slot-border-width) * -1);
border-radius: 0;
}
.otp-connected .otp-slot:first-child {
margin-inline-start: 0;
border-start-start-radius: var(--tblr-otp-slot-border-radius);
border-end-start-radius: var(--tblr-otp-slot-border-radius);
}
.otp-connected .otp-slot:last-child {
border-start-end-radius: var(--tblr-otp-slot-border-radius);
border-end-end-radius: var(--tblr-otp-slot-border-radius);
}
.otp-separator {
display: flex;
flex: none;
align-items: center;
justify-content: center;
padding-inline: calc(var(--tblr-otp-gap) / 2);
color: var(--tblr-otp-separator-color);
}
.otp-sm {
--tblr-otp-size: var(--tblr-btn-input-sm-min-height);
--tblr-otp-font-size: 0.75rem;
}
.otp-lg {
--tblr-otp-size: var(--tblr-btn-input-lg-min-height);
--tblr-otp-font-size: 1rem;
}
@keyframes otp-caret-blink {
0%, 50% {
opacity: 1;
}
50.01%, 100% {
opacity: 0;
}
}
/*
Number input (a field with a decrease and an increase button)
*/
.number-input {
--tblr-number-input-input-width: 3.5rem;
--tblr-number-input-bg: var(--tblr-bg-forms);
--tblr-number-input-border-color: var(--tblr-border-color);
--tblr-number-input-border-radius: var(--tblr-border-radius);
position: relative;
display: inline-flex;
align-items: stretch;
width: fit-content;
vertical-align: middle;
background-color: var(--tblr-number-input-bg);
border: var(--tblr-border-width) solid var(--tblr-number-input-border-color);
box-shadow: var(--tblr-shadow-input);
border-radius: var(--tblr-number-input-border-radius);
outline-color: transparent;
transition: border-color, outline-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.number-input {
transition: none;
}
}
.number-input:focus-within {
--tblr-focus-ring-offset: -1px;
border-color: color-mix(in oklab, var(--tblr-white) 50%, var(--tblr-primary));
outline: var(--tblr-focus-ring, var(--tblr-focus-ring-width) solid var(--tblr-focus-ring-color));
outline-offset: var(--tblr-focus-ring-offset);
}
.number-input:has(> .form-control:disabled) {
background-color: var(--tblr-bg-forms-disabled);
}
.number-input > .form-control {
--tblr-control-border-width: 0px;
flex: 0 0 auto;
width: var(--tblr-number-input-input-width);
min-width: 0;
padding-inline: 0.25rem;
text-align: center;
appearance: textfield;
background-color: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
}
.number-input > .form-control::-webkit-inner-spin-button, .number-input > .form-control::-webkit-outer-spin-button {
margin: 0;
appearance: none;
}
.number-input > .form-control:focus {
background-color: transparent;
outline: 0;
box-shadow: none;
}
.number-input > .form-control.is-valid, .was-validated .number-input > .form-control:valid {
padding-inline-end: 0.25rem !important;
background-image: none;
}
.number-input > .form-control.is-invalid, .was-validated .number-input > .form-control:invalid {
padding-inline-end: 0.25rem !important;
background-image: none;
}
.number-input > .btn {
--tblr-btn-border-width: 0px;
--tblr-btn-bg: transparent;
--tblr-btn-border-color: transparent;
--tblr-btn-hover-border-color: transparent;
--tblr-btn-active-border-color: transparent;
--tblr-btn-hover-bg: var(--tblr-hover-bg);
--tblr-btn-box-shadow: none;
--tblr-focus-ring-offset: -2px;
touch-action: manipulation;
-webkit-user-select: none;
user-select: none;
border-radius: 0;
}
.number-input > .btn[data-bs-number-input-action=decrement], .number-input > .btn[data-tblr-number-input-action=decrement] {
--tblr-number-input-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3e%3cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M5 12h14%27/%3e%3c/svg%3e");
}
.number-input > .btn[data-bs-number-input-action=increment], .number-input > .btn[data-tblr-number-input-action=increment] {
--tblr-number-input-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3e%3cpath fill=%27none%27 stroke=%27black%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M12 5v14M5 12h14%27/%3e%3c/svg%3e");
}
.number-input > .btn:not(:has(> *))::before {
width: var(--tblr-btn-icon-size);
height: var(--tblr-btn-icon-size);
content: "";
background-color: currentColor;
mask-image: var(--tblr-number-input-icon);
mask-repeat: no-repeat;
mask-position: center;
mask-size: 100%;
}
.number-input > .btn:first-child {
border-top-left-radius: calc(var(--tblr-number-input-border-radius) - var(--tblr-border-width));
border-bottom-left-radius: calc(var(--tblr-number-input-border-radius) - var(--tblr-border-width));
}
.number-input > .btn:last-child {
border-top-right-radius: calc(var(--tblr-number-input-border-radius) - var(--tblr-border-width));
border-bottom-right-radius: calc(var(--tblr-number-input-border-radius) - var(--tblr-border-width));
}
.number-input:has(> .form-control.is-valid), .was-validated .number-input:has(> .form-control:valid) {
border-color: var(--tblr-form-valid-border-color);
}
.number-input:has(> .form-control.is-valid):focus-within, .was-validated .number-input:has(> .form-control:valid):focus-within {
outline-color: light-dark(color-mix(in oklab, var(--tblr-success) calc(var(--tblr-focus-ring-opacity) * 100%), var(--tblr-body-bg)), color-mix(in oklab, var(--tblr-success) calc(var(--tblr-focus-ring-opacity-dark) * 100%), var(--tblr-body-bg)));
}
.number-input:has(> .form-control.is-valid) ~ .valid-feedback,
.number-input:has(> .form-control.is-valid) ~ .valid-tooltip, .was-validated .number-input:has(> .form-control:valid) ~ .valid-feedback,
.was-validated .number-input:has(> .form-control:valid) ~ .valid-tooltip {
display: block;
}
.number-input:has(> .form-control.is-invalid), .was-validated .number-input:has(> .form-control:invalid) {
border-color: var(--tblr-form-invalid-border-color);
}
.number-input:has(> .form-control.is-invalid):focus-within, .was-validated .number-input:has(> .form-control:invalid):focus-within {
outline-color: light-dark(color-mix(in oklab, var(--tblr-danger) calc(var(--tblr-focus-ring-opacity) * 100%), var(--tblr-body-bg)), color-mix(in oklab, var(--tblr-danger) calc(var(--tblr-focus-ring-opacity-dark) * 100%), var(--tblr-body-bg)));
}
.number-input:has(> .form-control.is-invalid) ~ .invalid-feedback,
.number-input:has(> .form-control.is-invalid) ~ .invalid-tooltip, .was-validated .number-input:has(> .form-control:invalid) ~ .invalid-feedback,
.was-validated .number-input:has(> .form-control:invalid) ~ .invalid-tooltip {
display: block;
}
.number-input-sm {
--tblr-number-input-input-width: 3rem;
--tblr-number-input-border-radius: var(--tblr-btn-input-sm-border-radius);
}
.number-input-sm > .form-control {
--tblr-control-padding-y: var(--tblr-btn-input-sm-padding-y);
--tblr-control-font-size: var(--tblr-btn-input-sm-font-size);
--tblr-control-line-height: var(--tblr-btn-input-sm-line-height);
}
.number-input-sm > .btn {
--tblr-btn-padding-y: var(--tblr-btn-input-sm-padding-y);
--tblr-btn-font-size: var(--tblr-btn-input-sm-font-size);
--tblr-btn-line-height: var(--tblr-btn-input-sm-line-height);
--tblr-btn-icon-size: 1rem;
}
.number-input-lg {
--tblr-number-input-input-width: 4rem;
--tblr-number-input-border-radius: var(--tblr-btn-input-lg-border-radius);
}
.number-input-lg > .form-control {
--tblr-control-padding-y: var(--tblr-btn-input-lg-padding-y);
--tblr-control-font-size: var(--tblr-btn-input-lg-font-size);
--tblr-control-line-height: var(--tblr-btn-input-lg-line-height);
}
.number-input-lg > .btn {
--tblr-btn-padding-y: var(--tblr-btn-input-lg-padding-y);
--tblr-btn-font-size: var(--tblr-btn-input-lg-font-size);
--tblr-btn-line-height: var(--tblr-btn-input-lg-line-height);
--tblr-btn-icon-size: 1.5rem;
}
.form-select.is-invalid-lite, .form-control.is-invalid-lite, .form-select.is-valid-lite, .form-control.is-valid-lite {
border-color: var(--tblr-border-color) !important;
}
.form-control.is-invalid, .form-control.is-valid {
--tblr-form-feedback-icon-size: 1.25rem;
--tblr-form-feedback-icon-inset: var(--tblr-btn-input-padding-x);
padding-inline-end: calc(var(--tblr-form-feedback-icon-size) + var(--tblr-form-feedback-icon-inset) * 2) !important;
background-position: right var(--tblr-form-feedback-icon-inset) center !important;
background-size: var(--tblr-form-feedback-icon-size) var(--tblr-form-feedback-icon-size) !important;
}
.form-control-sm.is-invalid, .form-control-sm.is-valid {
--tblr-form-feedback-icon-size: 1rem;
--tblr-form-feedback-icon-inset: var(--tblr-btn-input-sm-padding-x);
}
.form-control-lg.is-invalid, .form-control-lg.is-valid {
--tblr-form-feedback-icon-size: 1.5rem;
--tblr-form-feedback-icon-inset: var(--tblr-btn-input-lg-padding-x);
}
textarea.form-control.is-invalid, textarea.form-control.is-valid {
background-position: top var(--tblr-form-feedback-icon-inset) right var(--tblr-form-feedback-icon-inset) !important;
}
.form-select.is-invalid, .form-select.is-valid {
--tblr-form-feedback-icon-size: 1.25rem;
background-size: 16px 12px, var(--tblr-form-feedback-icon-size) var(--tblr-form-feedback-icon-size) !important;
}
.otp.is-valid .otp-slot {
--tblr-otp-slot-border-color: var(--tblr-form-valid-border-color);
}
.otp.is-invalid .otp-slot {
--tblr-otp-slot-border-color: var(--tblr-form-invalid-border-color);
}
/*
Password strength meter
*/
.strength {
--tblr-strength-height: 0.25rem;
--tblr-strength-gap: 0.25rem;
--tblr-strength-bg: var(--tblr-border-color);
--tblr-strength-border-radius: var(--tblr-border-radius-pill);
--tblr-strength-color: var(--tblr-border-color);
--tblr-strength-margin-top: 0.5rem;
display: flex;
gap: var(--tblr-strength-gap);
width: 100%;
}
.form-control + .strength, .form-select + .strength, .input-group + .strength, .form-hint + .strength {
margin-top: var(--tblr-strength-margin-top);
}
.strength-segment {
flex: 1;
height: var(--tblr-strength-height);
background: var(--tblr-strength-bg);
border-radius: var(--tblr-strength-border-radius);
transition: background-color 0.2s ease-in-out;
}
.strength-segment.active {
background: var(--tblr-strength-color);
}
@media (prefers-reduced-motion: reduce) {
.strength-segment {
transition: none;
}
}
.strength + .strength-text {
margin-top: 0.25rem;
}
.strength-text {
font-size: 0.875em;
color: var(--tblr-strength-color, var(--tblr-secondary));
}
.strength-text:empty {
display: none;
}
.strength[data-bs-strength=weak],
.strength-text[data-bs-strength=weak] {
--tblr-strength-color: var(--tblr-danger);
}
.strength[data-bs-strength=fair],
.strength-text[data-bs-strength=fair] {
--tblr-strength-color: var(--tblr-warning);
}
.strength[data-bs-strength=good],
.strength-text[data-bs-strength=good] {
--tblr-strength-color: var(--tblr-info);
}
.strength[data-bs-strength=strong],
.strength-text[data-bs-strength=strong] {
--tblr-strength-color: var(--tblr-success);
}
.legend-dot, .legend:empty {
--tblr-legend-size: 0.5rem;
--tblr-legend-color: var(--tblr-border-color);
display: inline-block;
flex-shrink: 0;
width: var(--tblr-legend-size);
height: var(--tblr-legend-size);
background: var(--tblr-legend-color);
border: 1px solid var(--tblr-border-color-translucent);
border-radius: var(--tblr-border-radius-pill);
}
.legend {
--tblr-legend-color: var(--tblr-border-color);
--tblr-legend-gap: 0.5rem;
--tblr-legend-padding-y: 0.375rem;
--tblr-legend-padding-x: 0.75rem;
--tblr-legend-hover-bg: color-mix(in oklab, var(--tblr-legend-color) 10%, transparent);
display: inline-flex;
gap: var(--tblr-legend-gap);
align-items: center;
padding: var(--tblr-legend-padding-y) 0;
margin: 0;
font: inherit;
font-weight: var(--tblr-font-weight-medium);
line-height: 1;
color: var(--tblr-body-color);
text-decoration: none;
white-space: nowrap;
background: transparent;
border: 0;
outline-color: transparent;
transition: background-color 0.3s, opacity 0.3s, outline-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.legend {
transition: none;
}
}
.legend {
border-radius: var(--tblr-border-radius-pill);
}
.legend .legend-dot, .legend .legend:empty {
--tblr-legend-color: inherit;
}
.legend:focus:not(:focus-visible) {
outline: none;
}
.legend:focus-visible {
outline: var(--tblr-focus-ring, var(--tblr-focus-ring-width) solid var(--tblr-focus-ring-color));
outline-offset: calc(var(--tblr-focus-ring-width) * -1);
}
a.legend,
button.legend {
padding-inline: var(--tblr-legend-padding-x);
cursor: pointer;
}
a.legend:hover, a.legend.active,
button.legend:hover,
button.legend.active {
color: var(--tblr-body-color);
text-decoration: none;
background: var(--tblr-legend-hover-bg);
}
.legend-off {
opacity: 0.5;
}
.legend-off .legend-dot, .legend-off .legend:empty {
--tblr-legend-color: var(--tblr-border-color);
}
.legend-value {
font-variant-numeric: tabular-nums;
color: var(--tblr-secondary);
}
.legend-unit {
font-size: 0.75rem;
font-weight: var(--tblr-font-weight-normal);
color: var(--tblr-secondary);
}
.legend-lg {
display: inline-grid;
grid-template-columns: auto 1fr;
row-gap: 0.5rem;
min-width: 9rem;
border-radius: var(--tblr-border-radius);
font-weight: var(--tblr-font-weight-normal);
text-align: start;
}
.legend-lg .legend-value {
grid-column: 1/-1;
font-size: 1.25rem;
font-weight: var(--tblr-font-weight-medium);
color: var(--tblr-body-color);
}
.legend-primary {
--tblr-legend-color: var(--tblr-primary);
}
.legend-secondary {
--tblr-legend-color: var(--tblr-secondary);
}
.legend-success {
--tblr-legend-color: var(--tblr-success);
}
.legend-info {
--tblr-legend-color: var(--tblr-info);
}
.legend-warning {
--tblr-legend-color: var(--tblr-warning);
}
.legend-danger {
--tblr-legend-color: var(--tblr-danger);
}
.legend-light {
--tblr-legend-color: var(--tblr-light);
}
.legend-dark {
--tblr-legend-color: var(--tblr-dark);
}
.legend-muted {
--tblr-legend-color: var(--tblr-muted);
}
.legend-blue {
--tblr-legend-color: var(--tblr-blue);
}
.legend-azure {
--tblr-legend-color: var(--tblr-azure);
}
.legend-indigo {
--tblr-legend-color: var(--tblr-indigo);
}
.legend-purple {
--tblr-legend-color: var(--tblr-purple);
}
.legend-pink {
--tblr-legend-color: var(--tblr-pink);
}
.legend-red {
--tblr-legend-color: var(--tblr-red);
}
.legend-orange {
--tblr-legend-color: var(--tblr-orange);
}
.legend-yellow {
--tblr-legend-color: var(--tblr-yellow);
}
.legend-lime {
--tblr-legend-color: var(--tblr-lime);
}
.legend-green {
--tblr-legend-color: var(--tblr-green);
}
.legend-teal {
--tblr-legend-color: var(--tblr-teal);
}
.legend-cyan {
--tblr-legend-color: var(--tblr-cyan);
}
.legend-x {
--tblr-legend-color: var(--tblr-x);
}
.legend-facebook {
--tblr-legend-color: var(--tblr-facebook);
}
.legend-twitter {
--tblr-legend-color: var(--tblr-twitter);
}
.legend-linkedin {
--tblr-legend-color: var(--tblr-linkedin);
}
.legend-google {
--tblr-legend-color: var(--tblr-google);
}
.legend-youtube {
--tblr-legend-color: var(--tblr-youtube);
}
.legend-vimeo {
--tblr-legend-color: var(--tblr-vimeo);
}
.legend-dribbble {
--tblr-legend-color: var(--tblr-dribbble);
}
.legend-github {
--tblr-legend-color: var(--tblr-github);
}
.legend-instagram {
--tblr-legend-color: var(--tblr-instagram);
}
.legend-pinterest {
--tblr-legend-color: var(--tblr-pinterest);
}
.legend-vk {
--tblr-legend-color: var(--tblr-vk);
}
.legend-rss {
--tblr-legend-color: var(--tblr-rss);
}
.legend-flickr {
--tblr-legend-color: var(--tblr-flickr);
}
.legend-bitbucket {
--tblr-legend-color: var(--tblr-bitbucket);
}
.legend-tabler {
--tblr-legend-color: var(--tblr-tabler);
}
.legend-list {
--tblr-legend-list-gap: 0.25rem 1rem;
display: flex;
flex-wrap: wrap;
gap: var(--tblr-legend-list-gap);
align-items: center;
}
.legend-list:has(> a.legend, > button.legend) {
--tblr-legend-list-gap: 0.25rem;
}
.legend-list-vertical {
flex-direction: column;
align-items: flex-start;
}
.legend-list-divided, .legend-list-divided:has(> a.legend, > button.legend) {
--tblr-legend-list-gap: 0.5rem 1.5rem;
}
.legend-list-divided > .legend {
position: relative;
}
.legend-list-divided > .legend + .legend::before {
position: absolute;
inset-block: 0;
inset-inline-start: -0.75rem;
content: "";
border-inline-start: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
}
.list-group {
--tblr-list-group-header-padding-y: 0.5rem;
--tblr-list-group-item-gap: 1rem;
--tblr-list-group-nested-indent: 2.25rem;
margin-inline-start: 0;
margin-inline-end: 0;
}
.list-group-header {
padding: var(--tblr-list-group-header-padding-y) 1.25rem;
font-size: 0.75rem;
font-weight: var(--tblr-font-weight-medium);
line-height: 1;
color: var(--tblr-secondary-color);
text-transform: uppercase;
background: var(--tblr-fill-tertiary);
border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
}
.list-group-flush > .list-group-header:last-child {
border-bottom-width: 0;
}
.list-group-item.disabled, .list-group-item:disabled {
color: oklch(55.55% 0 0deg);
background-color: var(--tblr-hover-bg);
}
.list-group-item.active,
.list-group-selectable .list-group-item:has(.list-group-selectable-check:checked) {
background-color: var(--tblr-active-bg);
box-shadow: inset 2px 0 0 oklch(54.6% 0.1724 254.2deg);
}
.list-group-sm {
--tblr-list-group-item-padding-y: 0.5rem;
--tblr-list-group-item-gap: 0.75rem;
}
.list-group-lg {
--tblr-list-group-item-padding-y: 1.5rem;
--tblr-list-group-item-gap: 1.25rem;
}
.list-group-item:has(> .list-group-item-content) {
display: flex;
gap: var(--tblr-list-group-item-gap);
align-items: center;
}
.list-group-item-media,
.list-group-item-meta,
.list-group-item-actions {
flex: none;
}
.list-group-item-media {
display: flex;
align-items: center;
}
.list-group-item-content {
flex: 1;
min-width: 0;
}
.list-group-item-title,
.list-group-item-description {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.list-group-item-title {
color: inherit;
}
.list-group-item-description,
.list-group-item-meta {
color: var(--tblr-secondary);
}
.list-group-nested {
border: var(--tblr-list-group-border-width) solid var(--tblr-list-group-border-color);
border-top-width: 0;
}
.list-group-nested > .list-group-item {
padding-inline-start: calc(var(--tblr-list-group-item-padding-x) + var(--tblr-list-group-nested-indent));
border-width: 0;
}
.list-group-nested + .list-group-item {
border-top-width: 0;
}
.list-group-flush > .list-group-nested {
border-inline-width: 0;
}
.list-group-flush > .list-group-nested:last-child {
border-bottom-width: 0;
}
.list-group-item-toggle {
transition: transform 0.3s;
}
@media (prefers-reduced-motion: reduce) {
.list-group-item-toggle {
transition: none;
}
}
[aria-expanded=true] .list-group-item-toggle {
transform: rotate(180deg);
}
.list-bordered .list-item {
margin-top: -1px;
border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
}
.list-bordered .list-item:first-child {
border-top: none;
}
.list-group-hoverable .list-group-item:active, .list-group-hoverable .list-group-item:focus, .list-group-hoverable .list-group-item:hover {
background-color: var(--tblr-hover-bg);
}
.list-group-hoverable .list-group-item-actions {
opacity: 0;
transition: opacity 0.3s;
}
@media (prefers-reduced-motion: reduce) {
.list-group-hoverable .list-group-item-actions {
transition: none;
}
}
.list-group-hoverable .list-group-item:hover .list-group-item-actions,
.list-group-hoverable .list-group-item-actions.show {
opacity: 1;
}
.list-group-transparent {
--tblr-list-group-border-radius: 0;
margin: 0 -1.25rem;
}
.list-group-transparent .list-group-item {
background: none;
border: 0;
}
.list-group-transparent .list-group-item .icon {
color: var(--tblr-secondary);
}
.list-group-transparent .list-group-item.active {
font-weight: var(--tblr-font-weight-semibold);
color: inherit;
background: var(--tblr-active-bg);
}
.list-group-transparent .list-group-item.active .icon {
color: inherit;
}
.list-separated {
display: flex;
flex-direction: column;
gap: 1rem;
}
.list-inline {
margin: 0;
}
.list-inline-dots .list-inline-item + .list-inline-item::before {
margin-inline-end: 0.5rem;
content: " · ";
}
.list-icon {
--tblr-list-icon-gap: 0.5rem;
--tblr-list-icon-row-gap: 0.5rem;
--tblr-list-icon-inline-gap: 1.5rem;
--tblr-list-icon-size: 1rem;
--tblr-list-icon-color: var(--tblr-secondary);
display: flex;
flex-direction: column;
gap: var(--tblr-list-icon-row-gap);
padding-inline-start: 0;
list-style: none;
}
.list-icon > * {
display: flex;
gap: var(--tblr-list-icon-gap);
align-items: flex-start;
}
.list-icon > * > .icon:first-child {
--tblr-icon-size: var(--tblr-list-icon-size);
flex-shrink: 0;
margin-top: calc((1lh - var(--tblr-list-icon-size)) / 2);
font-size: inherit;
color: var(--tblr-list-icon-color);
}
.list-icon-inline {
flex-flow: row wrap;
gap: var(--tblr-list-icon-row-gap) var(--tblr-list-icon-inline-gap);
}
.loader {
position: relative;
display: block;
width: 2.5rem;
height: 2.5rem;
color: oklch(54.6% 0.1724 254.2deg);
vertical-align: middle;
}
.loader::after {
position: absolute;
inset-inline-start: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
border: 1px var(--tblr-border-style);
border-color: transparent;
border-inline-start-color: currentColor;
border-top-color: currentColor;
animation: rotate-360 0.6s linear;
animation-iteration-count: infinite;
border-radius: var(--tblr-border-radius-pill);
}
.dimmer {
position: relative;
}
.dimmer .loader {
position: absolute;
inset-inline-start: 0;
inset-inline-end: 0;
top: 50%;
display: none;
margin: 0 auto;
transform: translateY(-50%);
}
.dimmer.active .loader {
display: block;
}
.dimmer.active .dimmer-content {
pointer-events: none;
opacity: 0.1;
}
@keyframes animated-dots {
0% {
/* rtl:ignore */
transform: translateX(calc(var(--tblr-dir) * -100%));
}
}
.animated-dots {
display: inline-block;
overflow: hidden;
vertical-align: bottom;
}
.animated-dots::after {
display: inline-block;
content: "...";
animation: animated-dots 1.2s steps(4, jump-none) infinite;
}
.mockup-browser {
--tblr-mockup-browser-bg: var(--tblr-bg-surface);
--tblr-mockup-browser-border-color: var(--tblr-border-light-color);
--tblr-mockup-browser-border-radius: var(--tblr-border-radius-lg);
--tblr-mockup-browser-box-shadow: var(--tblr-shadow-lg);
--tblr-mockup-browser-toolbar-min-height: 2rem;
--tblr-mockup-browser-toolbar-padding-y: 0.5rem;
--tblr-mockup-browser-toolbar-padding-x: 12.5%;
--tblr-mockup-browser-toolbar-color: var(--tblr-secondary);
--tblr-mockup-browser-toolbar-bg: var(--tblr-bg-surface-secondary);
--tblr-mockup-browser-control-offset: 1rem;
--tblr-mockup-browser-control-size: 0.75rem;
--tblr-mockup-browser-control-gap: 0.5rem;
--tblr-mockup-browser-control-color-1: #ff5f57;
--tblr-mockup-browser-control-color-2: #febc2e;
--tblr-mockup-browser-control-color-3: #28c840;
--tblr-mockup-browser-url-font-size: 0.75rem;
--tblr-mockup-browser-url-line-height: 1rem;
--tblr-mockup-browser-url-icon-size: 0.875rem;
display: flex;
flex-direction: column;
overflow: hidden;
background: var(--tblr-mockup-browser-bg);
border: var(--tblr-border-width) solid var(--tblr-mockup-browser-border-color);
box-shadow: var(--tblr-mockup-browser-box-shadow);
border-radius: var(--tblr-mockup-browser-border-radius);
}
.mockup-browser-sm {
--tblr-mockup-browser-border-radius: var(--tblr-border-radius);
--tblr-mockup-browser-toolbar-min-height: 1.5rem;
--tblr-mockup-browser-toolbar-padding-y: 0.25rem;
--tblr-mockup-browser-control-size: 0.5rem;
--tblr-mockup-browser-control-gap: 0.25rem;
--tblr-mockup-browser-url-font-size: 0.625rem;
--tblr-mockup-browser-url-icon-size: 0.75rem;
}
.mockup-browser-toolbar {
position: relative;
display: flex;
align-items: center;
min-height: var(--tblr-mockup-browser-toolbar-min-height);
padding: var(--tblr-mockup-browser-toolbar-padding-y) var(--tblr-mockup-browser-toolbar-padding-x);
color: var(--tblr-mockup-browser-toolbar-color);
background: var(--tblr-mockup-browser-toolbar-bg);
box-shadow: inset 0 calc(-1 * var(--tblr-border-width)) var(--tblr-mockup-browser-border-color);
}
.mockup-browser-controls {
position: absolute;
inset-inline-start: var(--tblr-mockup-browser-control-offset);
width: var(--tblr-mockup-browser-control-size);
height: var(--tblr-mockup-browser-control-size);
background: var(--tblr-mockup-browser-control-color-1);
border-radius: 50%;
box-shadow: calc(var(--tblr-mockup-browser-control-size) + var(--tblr-mockup-browser-control-gap)) 0 0 var(--tblr-mockup-browser-control-color-2), calc(2 * (var(--tblr-mockup-browser-control-size) + var(--tblr-mockup-browser-control-gap))) 0 0 var(--tblr-mockup-browser-control-color-3);
}
.mockup-browser-url {
display: flex;
gap: 0.25rem;
align-items: center;
justify-content: center;
width: 100%;
min-width: 0;
font-size: var(--tblr-mockup-browser-url-font-size);
line-height: var(--tblr-mockup-browser-url-line-height);
}
.mockup-browser-url > span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mockup-browser-url .icon {
--tblr-icon-size: var(--tblr-mockup-browser-url-icon-size);
flex-shrink: 0;
}
.mockup-browser-body {
flex: 1;
min-height: 0;
}
.mockup-browser-body > img,
.mockup-browser-body > iframe,
.mockup-browser-body > video {
display: block;
width: 100%;
}
.mockup-browser-body > iframe {
border: 0;
}
.modal-content > .btn-close,
.modal-header > .btn-close {
position: absolute;
inset-inline-end: 0;
top: 0;
z-index: 10;
width: 3.5rem;
height: 3.5rem;
padding: 0;
margin: 0;
}
.modal-body {
scrollbar-color: color-mix(in oklab, var(--tblr-scrollbar-color, var(--tblr-body-color)) 20%, transparent) transparent;
}
.modal-body::-webkit-scrollbar {
width: 1rem;
height: 1rem;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
@media (prefers-reduced-motion: reduce) {
.modal-body::-webkit-scrollbar {
-webkit-transition: none;
transition: none;
}
}
.modal-body::-webkit-scrollbar-thumb {
border-radius: 1rem;
border: 5px solid transparent;
box-shadow: inset 0 0 0 1rem color-mix(in oklab, var(--tblr-scrollbar-color, var(--tblr-body-color)) 20%, transparent);
}
.modal-body::-webkit-scrollbar-track {
background: transparent;
}
.modal-body:hover::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 0 1rem color-mix(in oklab, var(--tblr-scrollbar-color, var(--tblr-body-color)) 40%, transparent);
}
.modal-body::-webkit-scrollbar-corner {
background: transparent;
}
.modal-body {
overscroll-behavior: contain;
}
.modal-body .modal-title {
margin-bottom: var(--tblr-modal-body-title-margin-bottom);
}
.modal-body + .modal-body {
border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
}
.modal-status {
position: absolute;
inset-inline-start: 0;
inset-inline-end: 0;
top: 0;
height: 2px;
background: var(--tblr-secondary);
border-radius: var(--tblr-border-radius-lg) var(--tblr-border-radius-lg) 0 0;
}
.modal-header {
align-items: center;
min-height: 3.5rem;
padding-block: 1rem;
padding-inline: 1.5rem 3.5rem;
background: transparent;
}
.modal-title {
font-size: 1rem;
font-weight: var(--tblr-font-weight-semibold);
line-height: 1.4285714286;
color: var(--tblr-heading-color, var(--tblr-emphasis-color));
}
.modal-footer {
padding-top: var(--tblr-modal-footer-padding-y);
padding-bottom: var(--tblr-modal-footer-padding-y);
}
.modal-blur {
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}
.modal-full-width {
max-width: none;
margin: 0 0.5rem;
}
.modal {
--tblr-modal-body-title-margin-bottom: 1rem;
--tblr-modal-footer-padding-y: 0.75rem;
overscroll-behavior: contain;
}
@media print {
.modal {
display: none !important;
}
}
dialog::backdrop {
background: color-mix(in oklab, var(--tblr-backdrop-bg) calc(var(--tblr-backdrop-opacity) * 100%), transparent);
}
dialog.modal-blur::backdrop {
-webkit-backdrop-filter: var(--tblr-backdrop-filter);
backdrop-filter: var(--tblr-backdrop-filter);
}
.nav {
--tblr-nav-link-hover-bg: var(--tblr-hover-bg);
--tblr-nav-link-active-color: var(--tblr-body-color);
--tblr-nav-vertical-nested-margin-start: 1.25rem;
--tblr-nav-vertical-nested-padding-start: 0.5rem;
--tblr-nav-link-toggle-padding-x: 0.25rem;
--tblr-nav-link-icon-margin-end: 0.5rem;
font-size: var(--tblr-body-font-size);
}
.nav-vertical,
.nav-vertical .nav {
flex-direction: column;
flex-wrap: nowrap;
}
.nav-vertical .nav {
padding-inline-start: var(--tblr-nav-vertical-nested-padding-start);
margin-inline-start: var(--tblr-nav-vertical-nested-margin-start);
border-inline-start: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
}
.nav-vertical .nav-link.active,
.nav-vertical .nav-item.show .nav-link {
font-weight: var(--tblr-font-weight-semibold);
color: var(--tblr-nav-link-active-color);
}
.nav-vertical.nav-pills {
margin: 0 -0.75rem;
}
.nav-bordered {
border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
}
.nav-bordered .nav-item + .nav-item {
margin-inline-start: 1.25rem;
}
.nav-bordered .nav-link {
padding-inline-start: 0;
padding-inline-end: 0;
margin: 0 0 calc(-1 * var(--tblr-border-width));
border: 0;
border-bottom: 2px var(--tblr-border-style) transparent;
}
.nav-bordered .nav-link:hover {
background-color: transparent;
}
.nav-bordered .nav-link.active,
.nav-bordered .nav-item.show .nav-link {
color: var(--tblr-primary);
border-color: var(--tblr-primary);
}
.nav-underline .nav-link {
border-radius: 0;
}
.nav-link {
display: flex;
align-items: center;
transition: color 0.3s, background-color 0.3s, outline-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.nav-link {
transition: none;
}
}
.nav-link:hover, .nav-link:focus {
background-color: var(--tblr-nav-link-hover-bg);
}
.nav-link-toggle {
padding: 0 var(--tblr-nav-link-toggle-padding-x);
margin-inline-start: auto;
transition: transform 0.3s;
}
@media (prefers-reduced-motion: reduce) {
.nav-link-toggle {
transition: none;
}
}
.nav-link-toggle:after {
content: "";
display: inline-block;
vertical-align: 0.306em;
width: 0.36em;
height: 0.36em;
border-bottom: 1px var(--tblr-border-style);
border-inline-start: 1px var(--tblr-border-style);
margin-inline-start: 0.306em;
margin-inline-end: 0.1em;
transform: rotate(-45deg);
}
.nav-link-toggle::after {
margin: 0;
}
.nav-link[aria-expanded=true] .nav-link-toggle {
transform: rotate(180deg);
}
.nav-link-icon {
flex-shrink: 0;
width: var(--tblr-nav-link-icon-width, 1.25rem);
height: var(--tblr-nav-link-icon-height, 1.25rem);
margin-inline-end: var(--tblr-nav-link-icon-margin-end);
color: var(--tblr-nav-link-icon-color, color-mix(in oklab, var(--tblr-nav-link-color) 50%, transparent));
}
.nav-link-icon svg {
display: block;
height: 100%;
}
.nav-link:hover .nav-link-icon {
color: var(--tblr-nav-link-hover-icon-color, color-mix(in oklab, var(--tblr-nav-link-color) 80%, transparent));
}
.nav-fill .nav-item .nav-link {
justify-content: center;
}
.nav-overflow {
contain: inline-size;
flex: 1 1 0;
min-width: 0;
}
.nav-overflow:not(.nav-overflow-initialized) {
overflow: clip;
}
.nav-overflow > .nav,
.nav-overflow > .navbar-nav {
display: flex;
flex-wrap: nowrap;
min-width: 0;
}
.nav-overflow > .nav > .nav-item,
.nav-overflow > .navbar-nav > .nav-item {
flex-shrink: 0;
}
.nav-overflow-item {
margin-inline-start: auto;
}
.nav-overflow-toggle {
gap: var(--tblr-nav-link-icon-margin-end);
}
.nav-overflow-icon {
display: flex;
}
.nav-overflow-icon .icon {
width: var(--tblr-nav-link-icon-width, 1.25rem);
height: var(--tblr-nav-link-icon-height, 1.25rem);
}
.stars {
--tblr-stars-gap: 0.25rem;
display: inline-flex;
font-size: 0.75rem;
color: oklch(71.55% 0 0deg);
}
.stars .star:not(:first-child) {
margin-inline-start: var(--tblr-stars-gap);
}
.pagination {
gap: var(--tblr-pagination-gap);
margin: 0;
line-height: var(--tblr-body-line-height);
-webkit-user-select: none;
user-select: none;
--tblr-pagination-gap: 0.25rem;
--tblr-pagination-link-min-width: 2rem;
--tblr-page-text-padding-x: 0.5rem;
}
@media print {
.pagination {
display: none;
}
}
.page-link {
min-width: var(--tblr-pagination-link-min-width);
border-radius: var(--tblr-pagination-border-radius);
}
.page-item:not(.active) .page-link:hover {
background: var(--tblr-pagination-hover-bg);
}
.page-text {
padding-inline-start: var(--tblr-page-text-padding-x);
padding-inline-end: var(--tblr-page-text-padding-x);
font-size: var(--tblr-pagination-font-size);
}
.page-text:not(.page-link) {
display: block;
padding-block: calc(var(--tblr-pagination-padding-y) + var(--tblr-pagination-border-width));
}
.page-item {
text-align: center;
}
.page-item.page-prev, .page-item.page-next {
flex: 0 0 50%;
text-align: start;
}
.page-item.page-next {
margin-inline-start: auto;
text-align: end;
}
.page-item-subtitle {
--tblr-page-item-subtitle-margin-bottom: 2px;
--tblr-page-item-subtitle-font-size: 12px;
margin-bottom: var(--tblr-page-item-subtitle-margin-bottom);
font-size: var(--tblr-page-item-subtitle-font-size);
color: var(--tblr-secondary);
text-transform: uppercase;
}
.page-item.disabled .page-item-subtitle {
color: var(--tblr-disabled-color);
}
.page-item-title {
font-size: 1rem;
font-weight: var(--tblr-font-weight-normal);
color: var(--tblr-body-color);
}
.page-link:hover .page-item-title {
color: oklch(54.6% 0.1724 254.2deg);
}
.page-item.disabled .page-item-title {
color: var(--tblr-disabled-color);
}
.pagination-outline {
--tblr-pagination-border-color: var(--tblr-border-color);
--tblr-pagination-disabled-border-color: var(--tblr-border-color);
--tblr-pagination-border-width: 1px;
}
.pagination-circle {
--tblr-pagination-border-radius: var(--tblr-border-radius-pill);
}
@media print {
.popover {
display: none;
}
}
.pricing {
display: flex;
flex-direction: column;
justify-content: center;
margin: 0 auto;
}
@media (min-width: 768px) {
.pricing {
flex-direction: row;
}
}
.pricing-card {
position: relative;
display: flex;
flex: 1;
flex-direction: column;
padding: 2rem;
margin: 0 0 1rem;
text-align: center;
background: var(--tblr-bg-surface);
border: var(--tblr-border-width) solid var(--tblr-border-color);
box-shadow: var(--tblr-shadow-card);
border-radius: 8px;
}
@media (min-width: 768px) {
.pricing-card {
max-width: 22rem;
margin: 1rem -1px;
}
.pricing-card:first-child {
border-radius: 8px 0 0 8px;
}
.pricing-card:last-child {
border-radius: 0 8px 8px 0;
}
}
.pricing-card.featured {
z-index: 1;
order: -1;
border: 2px solid var(--tblr-primary);
}
@media (min-width: 768px) {
.pricing-card.featured {
order: unset;
margin-top: 0;
margin-bottom: 0;
box-shadow: var(--tblr-shadow-card);
border-radius: 8px;
}
}
.pricing-title {
font-size: 1.25rem;
line-height: 1.75rem;
}
.pricing-label {
position: absolute;
inset-inline-start: 0;
inset-inline-end: 0;
top: 0;
display: flex;
align-items: center;
justify-content: center;
vertical-align: bottom;
transform: translateY(-50%);
}
.pricing-btn {
padding-top: 2rem;
margin-top: auto;
}
.pricing-price {
display: flex;
justify-content: center;
margin: 0.75rem 0;
font-size: 2.5rem;
font-weight: 600;
line-height: 1;
}
.pricing-price-currency {
margin-inline-end: 0.25rem;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.5;
}
.pricing-price-description {
align-self: center;
margin-inline-start: 0.5rem;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.25rem;
color: oklch(55.55% 0 0deg);
}
.pricing-features {
padding: 0;
margin: 1rem 0 0;
text-align: start;
list-style: none;
}
.pricing-features > li:not(:first-child) {
margin-top: 0.25rem;
}
.shape {
--tblr-shape-size: 2.5rem;
--tblr-shape-icon-size: 1.5rem;
--tblr-shape-border-radius: 35%;
display: inline-flex;
align-items: center;
justify-content: center;
width: var(--tblr-shape-size);
height: var(--tblr-shape-size);
color: var(--tblr-primary);
background-color: var(--tblr-primary-lt);
border-radius: var(--tblr-shape-border-radius);
}
.shape .icon {
width: var(--tblr-shape-icon-size);
height: var(--tblr-shape-icon-size);
}
.shape-xxs {
--tblr-shape-size: 1rem;
--tblr-shape-icon-size: 0.5rem;
}
.shape-xs {
--tblr-shape-size: 1.25rem;
--tblr-shape-icon-size: 0.75rem;
}
.shape-sm {
--tblr-shape-size: 2rem;
--tblr-shape-icon-size: 1.5rem;
}
.shape-md {
--tblr-shape-size: 2.5rem;
--tblr-shape-icon-size: 1.5rem;
}
.shape-lg {
--tblr-shape-size: 3rem;
--tblr-shape-icon-size: 2rem;
}
.shape-xl {
--tblr-shape-size: 5rem;
--tblr-shape-icon-size: 3rem;
}
.shape-2xl {
--tblr-shape-size: 7rem;
--tblr-shape-icon-size: 5rem;
}
.shape-blue {
color: var(--tblr-blue);
background: var(--tblr-blue-lt);
}
.shape-azure {
color: var(--tblr-azure);
background: var(--tblr-azure-lt);
}
.shape-indigo {
color: var(--tblr-indigo);
background: var(--tblr-indigo-lt);
}
.shape-purple {
color: var(--tblr-purple);
background: var(--tblr-purple-lt);
}
.shape-pink {
color: var(--tblr-pink);
background: var(--tblr-pink-lt);
}
.shape-red {
color: var(--tblr-red);
background: var(--tblr-red-lt);
}
.shape-orange {
color: var(--tblr-orange);
background: var(--tblr-orange-lt);
}
.shape-yellow {
color: var(--tblr-yellow);
background: var(--tblr-yellow-lt);
}
.shape-lime {
color: var(--tblr-lime);
background: var(--tblr-lime-lt);
}
.shape-green {
color: var(--tblr-green);
background: var(--tblr-green-lt);
}
.shape-teal {
color: var(--tblr-teal);
background: var(--tblr-teal-lt);
}
.shape-cyan {
color: var(--tblr-cyan);
background: var(--tblr-cyan-lt);
}
.shape-black {
color: var(--tblr-black);
background: var(--tblr-black-lt);
}
.shape-white {
color: var(--tblr-white);
background: var(--tblr-white-lt);
}
.shape-gray {
color: var(--tblr-gray);
background: var(--tblr-gray-lt);
}
.shape-gray-dark {
color: var(--tblr-gray-dark);
background: var(--tblr-gray-dark-lt);
}
@keyframes progress-indeterminate {
0% {
inset-inline-start: -35%;
inset-inline-end: 100%;
}
100%, 60% {
inset-inline-start: 100%;
inset-inline-end: -90%;
}
}
.progress {
position: relative;
width: 100%;
line-height: 0.5rem;
appearance: none;
}
.progress::-webkit-progress-bar {
background: var(--tblr-progress-bg);
}
.progress::-webkit-progress-value {
background-color: var(--tblr-primary);
}
.progress::-moz-progress-bar {
background-color: var(--tblr-primary);
}
.progress::-ms-fill {
background-color: var(--tblr-primary);
border: none;
}
.progress-sm {
--tblr-progress-height: 0.25rem;
}
.progress-lg {
--tblr-progress-height: 0.75rem;
}
.progress-xl {
--tblr-progress-height: 1rem;
}
.progress-bar {
height: 100%;
transition: width 0.3s, background 0.3s;
}
@media (prefers-reduced-motion: reduce) {
.progress-bar {
transition: none;
}
}
.progress-bar.bg-primary {
--tblr-progress-bar-fg: var(--tblr-primary-fg);
}
.progress-bar.bg-secondary {
--tblr-progress-bar-fg: var(--tblr-secondary-fg);
}
.progress-bar.bg-success {
--tblr-progress-bar-fg: var(--tblr-success-fg);
}
.progress-bar.bg-info {
--tblr-progress-bar-fg: var(--tblr-info-fg);
}
.progress-bar.bg-warning {
--tblr-progress-bar-fg: var(--tblr-warning-fg);
}
.progress-bar.bg-danger {
--tblr-progress-bar-fg: var(--tblr-danger-fg);
}
.progress-bar.bg-light {
--tblr-progress-bar-fg: var(--tblr-light-fg);
}
.progress-bar.bg-dark {
--tblr-progress-bar-fg: var(--tblr-dark-fg);
}
.progress-bar.bg-muted {
--tblr-progress-bar-fg: var(--tblr-muted-fg);
}
.progress-bar.bg-blue {
--tblr-progress-bar-fg: var(--tblr-blue-fg);
}
.progress-bar.bg-azure {
--tblr-progress-bar-fg: var(--tblr-azure-fg);
}
.progress-bar.bg-indigo {
--tblr-progress-bar-fg: var(--tblr-indigo-fg);
}
.progress-bar.bg-purple {
--tblr-progress-bar-fg: var(--tblr-purple-fg);
}
.progress-bar.bg-pink {
--tblr-progress-bar-fg: var(--tblr-pink-fg);
}
.progress-bar.bg-red {
--tblr-progress-bar-fg: var(--tblr-red-fg);
}
.progress-bar.bg-orange {
--tblr-progress-bar-fg: var(--tblr-orange-fg);
}
.progress-bar.bg-yellow {
--tblr-progress-bar-fg: var(--tblr-yellow-fg);
}
.progress-bar.bg-lime {
--tblr-progress-bar-fg: var(--tblr-lime-fg);
}
.progress-bar.bg-green {
--tblr-progress-bar-fg: var(--tblr-green-fg);
}
.progress-bar.bg-teal {
--tblr-progress-bar-fg: var(--tblr-teal-fg);
}
.progress-bar.bg-cyan {
--tblr-progress-bar-fg: var(--tblr-cyan-fg);
}
.progress-bar-indeterminate::after, .progress-bar-indeterminate::before {
position: absolute;
inset-inline-start: 0;
top: 0;
bottom: 0;
content: "";
background-color: inherit;
animation: progress-indeterminate 1.5s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
will-change: inset-inline-start, inset-inline-end;
}
.progress-bar-indeterminate::after {
animation-delay: 0.75s;
}
.progress-separated {
--tblr-progress-separated-ring-width: 2px;
}
.progress-separated .progress-bar {
box-shadow: 0 0 0 var(--tblr-progress-separated-ring-width) var(--tblr-card-bg, var(--tblr-bg-surface));
}
.progressbg {
--tblr-progressbg-padding-y: 0.25rem;
--tblr-progressbg-padding-x: 0.5rem;
position: relative;
display: flex;
padding: var(--tblr-progressbg-padding-y) var(--tblr-progressbg-padding-x);
}
.progressbg-text {
position: relative;
z-index: 1;
display: flex;
align-items: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.progressbg-progress {
position: absolute;
inset-inline-start: 0;
inset-inline-end: 0;
top: 0;
bottom: 0;
z-index: 0;
height: 100%;
pointer-events: none;
background: transparent;
}
.progressbg-value {
--tblr-progressbg-value-padding-start: 2rem;
padding-inline-start: var(--tblr-progressbg-value-padding-start);
margin-inline-start: auto;
font-weight: var(--tblr-font-weight-medium);
}
.progress-steps {
--tblr-progress-steps-gap: 0.25rem;
display: flex;
flex-wrap: nowrap;
gap: var(--tblr-progress-steps-gap);
width: 100%;
padding: 0;
margin: 0;
list-style: none;
}
.progress-steps-item {
--tblr-progress-steps-item-height: 0.25rem;
flex: 1 1 0;
min-height: var(--tblr-progress-steps-item-height);
margin-top: 0;
color: inherit;
text-align: center;
cursor: default;
background-color: var(--tblr-border-color);
border-radius: var(--tblr-border-radius-pill);
}
a.progress-steps-item {
cursor: pointer;
}
.ribbon {
--tblr-ribbon-margin: 0.25rem;
--tblr-ribbon-border-radius: var(--tblr-border-radius);
--tblr-ribbon-font-size: 0.625rem;
--tblr-ribbon-icon-size: 1.25rem;
--tblr-ribbon-offset: 0.75rem;
--tblr-ribbon-padding-y: 0.25rem;
--tblr-ribbon-padding-x: 0.75rem;
--tblr-ribbon-min-size: 2rem;
--tblr-ribbon-top-width: 2rem;
--tblr-ribbon-top-padding-y: 0.5rem;
--tblr-ribbon-bookmark-border-size: 1rem;
--tblr-ribbon-bookmark-notch-width: 0.5rem;
position: absolute;
inset-inline-end: calc(-1 * var(--tblr-ribbon-margin));
top: var(--tblr-ribbon-offset);
z-index: 1;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: var(--tblr-ribbon-min-size);
min-height: var(--tblr-ribbon-min-size);
padding: var(--tblr-ribbon-padding-y) var(--tblr-ribbon-padding-x);
font-size: var(--tblr-ribbon-font-size);
font-weight: var(--tblr-font-weight-semibold);
line-height: 1;
color: #fff;
text-align: center;
text-transform: uppercase;
background: var(--tblr-primary);
border-color: var(--tblr-primary);
border-radius: var(--tblr-ribbon-border-radius) 0 var(--tblr-ribbon-border-radius) var(--tblr-ribbon-border-radius);
}
.ribbon::before {
position: absolute;
inset-inline-end: 0;
bottom: 100%;
width: 0;
height: 0;
content: "";
filter: brightness(70%);
border: calc(var(--tblr-ribbon-margin) * 0.5) var(--tblr-border-style);
border-color: inherit;
border-inline-end-color: transparent;
border-top-color: transparent;
}
.ribbon.bg-primary {
border-color: var(--tblr-primary);
}
.ribbon.bg-primary-lt {
border-color: color-mix(in oklab, var(--tblr-primary) 10%, transparent) !important;
}
.ribbon.bg-secondary {
border-color: var(--tblr-secondary);
}
.ribbon.bg-secondary-lt {
border-color: color-mix(in oklab, var(--tblr-secondary) 10%, transparent) !important;
}
.ribbon.bg-success {
border-color: var(--tblr-success);
}
.ribbon.bg-success-lt {
border-color: color-mix(in oklab, var(--tblr-success) 10%, transparent) !important;
}
.ribbon.bg-info {
border-color: var(--tblr-info);
}
.ribbon.bg-info-lt {
border-color: color-mix(in oklab, var(--tblr-info) 10%, transparent) !important;
}
.ribbon.bg-warning {
border-color: var(--tblr-warning);
}
.ribbon.bg-warning-lt {
border-color: color-mix(in oklab, var(--tblr-warning) 10%, transparent) !important;
}
.ribbon.bg-danger {
border-color: var(--tblr-danger);
}
.ribbon.bg-danger-lt {
border-color: color-mix(in oklab, var(--tblr-danger) 10%, transparent) !important;
}
.ribbon.bg-light {
border-color: var(--tblr-light);
}
.ribbon.bg-light-lt {
border-color: color-mix(in oklab, var(--tblr-light) 10%, transparent) !important;
}
.ribbon.bg-dark {
border-color: var(--tblr-dark);
}
.ribbon.bg-dark-lt {
border-color: color-mix(in oklab, var(--tblr-dark) 10%, transparent) !important;
}
.ribbon.bg-muted {
border-color: var(--tblr-muted);
}
.ribbon.bg-muted-lt {
border-color: color-mix(in oklab, var(--tblr-muted) 10%, transparent) !important;
}
.ribbon.bg-blue {
border-color: var(--tblr-blue);
}
.ribbon.bg-blue-lt {
border-color: color-mix(in oklab, var(--tblr-blue) 10%, transparent) !important;
}
.ribbon.bg-azure {
border-color: var(--tblr-azure);
}
.ribbon.bg-azure-lt {
border-color: color-mix(in oklab, var(--tblr-azure) 10%, transparent) !important;
}
.ribbon.bg-indigo {
border-color: var(--tblr-indigo);
}
.ribbon.bg-indigo-lt {
border-color: color-mix(in oklab, var(--tblr-indigo) 10%, transparent) !important;
}
.ribbon.bg-purple {
border-color: var(--tblr-purple);
}
.ribbon.bg-purple-lt {
border-color: color-mix(in oklab, var(--tblr-purple) 10%, transparent) !important;
}
.ribbon.bg-pink {
border-color: var(--tblr-pink);
}
.ribbon.bg-pink-lt {
border-color: color-mix(in oklab, var(--tblr-pink) 10%, transparent) !important;
}
.ribbon.bg-red {
border-color: var(--tblr-red);
}
.ribbon.bg-red-lt {
border-color: color-mix(in oklab, var(--tblr-red) 10%, transparent) !important;
}
.ribbon.bg-orange {
border-color: var(--tblr-orange);
}
.ribbon.bg-orange-lt {
border-color: color-mix(in oklab, var(--tblr-orange) 10%, transparent) !important;
}
.ribbon.bg-yellow {
border-color: var(--tblr-yellow);
}
.ribbon.bg-yellow-lt {
border-color: color-mix(in oklab, var(--tblr-yellow) 10%, transparent) !important;
}
.ribbon.bg-lime {
border-color: var(--tblr-lime);
}
.ribbon.bg-lime-lt {
border-color: color-mix(in oklab, var(--tblr-lime) 10%, transparent) !important;
}
.ribbon.bg-green {
border-color: var(--tblr-green);
}
.ribbon.bg-green-lt {
border-color: color-mix(in oklab, var(--tblr-green) 10%, transparent) !important;
}
.ribbon.bg-teal {
border-color: var(--tblr-teal);
}
.ribbon.bg-teal-lt {
border-color: color-mix(in oklab, var(--tblr-teal) 10%, transparent) !important;
}
.ribbon.bg-cyan {
border-color: var(--tblr-cyan);
}
.ribbon.bg-cyan-lt {
border-color: color-mix(in oklab, var(--tblr-cyan) 10%, transparent) !important;
}
.ribbon .icon {
width: var(--tblr-ribbon-icon-size);
height: var(--tblr-ribbon-icon-size);
font-size: var(--tblr-ribbon-icon-size);
}
.ribbon-top {
inset-inline-end: var(--tblr-ribbon-offset);
top: calc(-1 * var(--tblr-ribbon-margin));
width: var(--tblr-ribbon-top-width);
padding: var(--tblr-ribbon-top-padding-y) 0;
border-radius: 0 var(--tblr-ribbon-border-radius) var(--tblr-ribbon-border-radius) var(--tblr-ribbon-border-radius);
}
.ribbon-top::before {
inset-inline-end: 100%;
top: 0;
bottom: auto;
border-color: inherit;
border-inline-start-color: transparent;
border-top-color: transparent;
}
.ribbon-top.ribbon-start {
inset-inline-start: var(--tblr-ribbon-offset);
inset-inline-end: auto;
}
.ribbon-top.ribbon-start::before {
inset-inline-start: auto;
inset-inline-end: 100%;
top: 0;
}
.ribbon-start {
inset-inline-start: calc(-1 * var(--tblr-ribbon-margin));
inset-inline-end: auto;
border-radius: 0 var(--tblr-ribbon-border-radius) var(--tblr-ribbon-border-radius) var(--tblr-ribbon-border-radius);
}
.ribbon-start::before {
inset-inline-start: 0;
top: auto;
bottom: 100%;
border-color: inherit;
border-inline-start-color: transparent;
border-top-color: transparent;
}
.ribbon-bottom {
top: auto;
bottom: var(--tblr-ribbon-offset);
}
.ribbon-bookmark {
padding-inline-start: var(--tblr-ribbon-padding-y);
border-radius: 0 0 var(--tblr-ribbon-border-radius) 0;
}
.ribbon-bookmark::after {
position: absolute;
inset-inline-end: 100%;
top: 0;
display: block;
width: 0;
height: 0;
content: "";
border: var(--tblr-ribbon-bookmark-border-size) var(--tblr-border-style);
border-color: inherit;
border-inline-start-color: transparent;
border-inline-start-width: var(--tblr-ribbon-bookmark-notch-width);
border-inline-end-width: 0;
}
.ribbon-bookmark.ribbon-start {
padding-inline-end: var(--tblr-ribbon-bookmark-notch-width);
}
.ribbon-bookmark.ribbon-start::after {
inset-inline-start: 100%;
inset-inline-end: auto;
border-inline-start-width: 0;
border-inline-end-color: transparent;
border-inline-end-width: var(--tblr-ribbon-bookmark-notch-width);
}
.ribbon-bookmark.ribbon-top {
padding-inline-start: 0;
padding-inline-end: 0;
padding-bottom: var(--tblr-ribbon-padding-y);
border-radius: 0 var(--tblr-ribbon-border-radius) 0 0;
}
.ribbon-bookmark.ribbon-top::after {
inset-inline-start: 0;
inset-inline-end: 0;
top: 100%;
border-color: inherit;
border-width: var(--tblr-ribbon-bookmark-border-size);
border-top-width: 0;
border-bottom-color: transparent;
border-bottom-width: var(--tblr-ribbon-bookmark-notch-width);
}
.prose,
.markdown {
--tblr-markdown-heading-margin-top: 2.5rem;
--tblr-markdown-blockquote-margin-y: 1.5rem;
--tblr-markdown-blockquote-padding-y: 0.5rem;
--tblr-markdown-blockquote-padding-x: 1.5rem;
--tblr-markdown-pre-max-height: 20rem;
font-size: var(--tblr-font-size-h3);
line-height: var(--tblr-line-height-lg);
}
.prose > :first-child,
.markdown > :first-child {
margin-top: 0;
}
.prose > :last-child,
.prose > :last-child .highlight,
.markdown > :last-child,
.markdown > :last-child .highlight {
margin-bottom: 0;
}
@media (min-width: 768px) {
.prose > hr, .prose > .hr,
.markdown > hr,
.markdown > .hr {
margin-top: 3em;
margin-bottom: 3em;
}
}
.prose > h1, .prose > .h1,
.prose > h2,
.prose > .h2,
.prose > h3,
.prose > .h3,
.prose > h4,
.prose > .h4,
.prose > h5,
.prose > .h5,
.prose > h6,
.prose > .h6,
.markdown > h1,
.markdown > .h1,
.markdown > h2,
.markdown > .h2,
.markdown > h3,
.markdown > .h3,
.markdown > h4,
.markdown > .h4,
.markdown > h5,
.markdown > .h5,
.markdown > h6,
.markdown > .h6 {
font-weight: var(--tblr-font-weight-semibold);
}
.prose > h2, .prose > .h2,
.prose > h3,
.prose > .h3,
.prose > h4,
.prose > .h4,
.prose > h5,
.prose > .h5,
.prose > h6,
.prose > .h6,
.markdown > h2,
.markdown > .h2,
.markdown > h3,
.markdown > .h3,
.markdown > h4,
.markdown > .h4,
.markdown > h5,
.markdown > .h5,
.markdown > h6,
.markdown > .h6 {
margin-top: var(--tblr-markdown-heading-margin-top);
}
.prose > table,
.markdown > table {
font-size: var(--tblr-body-font-size);
}
.prose > blockquote,
.markdown > blockquote {
padding: var(--tblr-markdown-blockquote-padding-y) var(--tblr-markdown-blockquote-padding-x);
margin: var(--tblr-markdown-blockquote-margin-y) 0;
font-size: 1rem;
}
.prose > img,
.prose > p > img,
.prose > figure > img,
.markdown > img,
.markdown > p > img,
.markdown > figure > img {
border-radius: var(--tblr-border-radius);
border: 1px solid var(--tblr-border-color);
}
.prose pre,
.markdown pre {
max-height: var(--tblr-markdown-pre-max-height);
font-size: 0.8125em;
}
.placeholder:not(.btn):not([class*=bg-]) {
background-color: currentColor !important;
}
.placeholder:not(.avatar):not([class*=card-img-]) {
border-radius: var(--tblr-border-radius);
}
.nav-segmented {
--tblr-nav-bg: var(--tblr-bg-surface-tertiary);
--tblr-nav-padding: 2px;
--tblr-nav-height: 2.5rem;
--tblr-nav-gap: 0.25rem;
--tblr-nav-active-bg: var(--tblr-bg-surface);
--tblr-nav-font-size: inherit;
--tblr-nav-radius: 6px;
--tblr-nav-link-disabled-color: var(--tblr-disabled-color);
--tblr-nav-link-gap: 0.25rem;
--tblr-nav-link-padding-x: 0.75rem;
--tblr-nav-link-icon-size: 1.25rem;
--tblr-nav-link-icon-margin: -0.25rem;
--tblr-nav-link-hover-icon-color: currentColor;
display: inline-flex;
flex-wrap: wrap;
gap: var(--tblr-nav-gap);
padding: var(--tblr-nav-padding);
list-style: none;
background: var(--tblr-nav-bg);
border-radius: calc(var(--tblr-nav-radius) + var(--tblr-nav-padding));
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.04);
}
.nav-segmented .nav-link {
display: inline-flex;
flex-grow: 1;
gap: calc(0.25rem + var(--tblr-nav-link-gap));
align-items: center;
justify-content: center;
min-width: calc(var(--tblr-nav-height) - 2 * var(--tblr-nav-padding));
height: calc(var(--tblr-nav-height) - 2 * var(--tblr-nav-padding));
padding: 0 calc(var(--tblr-nav-link-padding-x) - 2px);
margin: 0;
font-size: var(--tblr-nav-font-size);
color: var(--tblr-secondary);
text-align: center;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
background: transparent;
border: 1px solid transparent;
transition: background-color 0.3s, color 0.3s;
border-radius: var(--tblr-nav-radius);
}
.nav-segmented .nav-link:hover, .nav-segmented .nav-link.hover {
color: var(--tblr-body-color);
background: var(--tblr-hover-bg);
}
.nav-segmented .nav-link.disabled, .nav-segmented .nav-link:disabled {
color: var(--tblr-nav-link-disabled-color);
cursor: not-allowed;
}
.nav-segmented .nav-link-input:checked + .nav-link,
.nav-segmented .nav-link.active {
color: var(--tblr-body-color);
background: var(--tblr-nav-active-bg);
border-color: var(--tblr-border-color);
}
.nav-segmented .nav-link-input {
display: none;
}
.nav-segmented .nav-link-icon {
width: var(--tblr-nav-link-icon-size);
height: var(--tblr-nav-link-icon-size);
margin: 0 var(--tblr-nav-link-icon-margin);
color: inherit;
}
.nav-segmented-vertical {
flex-direction: column;
}
.nav-segmented-vertical .nav-link {
justify-content: start;
}
.nav-sm {
--tblr-nav-height: 2rem;
--tblr-nav-font-size: var(--tblr-font-size-h5);
--tblr-nav-radius: 4px;
--tblr-nav-link-padding-x: 0.5rem;
--tblr-nav-link-gap: 0.25rem;
--tblr-nav-link-icon-size: 1rem;
}
.nav-lg {
--tblr-nav-height: 3rem;
--tblr-nav-font-size: var(--tblr-font-size-h3);
--tblr-nav-radius: 8px;
--tblr-nav-link-padding-x: 1rem;
--tblr-nav-link-gap: 0.5rem;
--tblr-nav-link-icon-size: 1.5rem;
}
.signal {
--tblr-signal-size: 1.25rem;
--tblr-signal-color: oklch(55.55% 0 0deg);
--tblr-signal-bars: 3;
--tblr-signal-bar-border-radius: 1px;
--tblr-signal-bar-inactive-opacity: 0.24;
--tblr-signal-gap: calc(var(--tblr-signal-size) * 0.1);
--tblr-signal-padding-y: calc(var(--tblr-signal-size) * 0.2);
--tblr-signal-padding-x: calc(var(--tblr-signal-size) * 0.1);
display: inline-flex;
flex-shrink: 0;
gap: var(--tblr-signal-gap);
align-items: flex-end;
width: var(--tblr-signal-size);
height: var(--tblr-signal-size);
padding: var(--tblr-signal-padding-y) var(--tblr-signal-padding-x);
vertical-align: middle;
}
.signal-bar {
--tblr-signal-bar-index: 1;
flex: 1;
height: calc(100% * var(--tblr-signal-bar-index) / var(--tblr-signal-bars));
background: var(--tblr-signal-color);
opacity: var(--tblr-signal-bar-inactive-opacity);
border-radius: var(--tblr-signal-bar-border-radius);
}
.signal-bar.active {
opacity: 1;
}
.signal-bar:nth-child(2) {
--tblr-signal-bar-index: 2;
}
.signal-bar:nth-child(3) {
--tblr-signal-bar-index: 3;
}
.signal-bar:nth-child(4) {
--tblr-signal-bar-index: 4;
}
.signal-bar:nth-child(5) {
--tblr-signal-bar-index: 5;
}
.signal:has(> .signal-bar:last-child:nth-child(2)) {
--tblr-signal-bars: 2;
}
.signal:has(> .signal-bar:last-child:nth-child(4)) {
--tblr-signal-bars: 4;
}
.signal:has(> .signal-bar:last-child:nth-child(5)) {
--tblr-signal-bars: 5;
}
.signal-primary {
--tblr-signal-color: var(--tblr-primary);
}
.signal-secondary {
--tblr-signal-color: var(--tblr-secondary);
}
.signal-success {
--tblr-signal-color: var(--tblr-success);
}
.signal-info {
--tblr-signal-color: var(--tblr-info);
}
.signal-warning {
--tblr-signal-color: var(--tblr-warning);
}
.signal-danger {
--tblr-signal-color: var(--tblr-danger);
}
.signal-light {
--tblr-signal-color: var(--tblr-light);
}
.signal-dark {
--tblr-signal-color: var(--tblr-dark);
}
.signal-muted {
--tblr-signal-color: var(--tblr-muted);
}
.signal-blue {
--tblr-signal-color: var(--tblr-blue);
}
.signal-azure {
--tblr-signal-color: var(--tblr-azure);
}
.signal-indigo {
--tblr-signal-color: var(--tblr-indigo);
}
.signal-purple {
--tblr-signal-color: var(--tblr-purple);
}
.signal-pink {
--tblr-signal-color: var(--tblr-pink);
}
.signal-red {
--tblr-signal-color: var(--tblr-red);
}
.signal-orange {
--tblr-signal-color: var(--tblr-orange);
}
.signal-yellow {
--tblr-signal-color: var(--tblr-yellow);
}
.signal-lime {
--tblr-signal-color: var(--tblr-lime);
}
.signal-green {
--tblr-signal-color: var(--tblr-green);
}
.signal-teal {
--tblr-signal-color: var(--tblr-teal);
}
.signal-cyan {
--tblr-signal-color: var(--tblr-cyan);
}
.steps {
--tblr-steps-color: var(--tblr-primary);
--tblr-steps-inactive-color: var(--tblr-border-color);
--tblr-steps-dot-size: 0.5rem;
--tblr-steps-border-width: 2px;
display: flex;
flex-wrap: nowrap;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
}
@media (max-width: 575.98px) {
.steps {
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
}
.steps-blue {
--tblr-steps-color: var(--tblr-blue);
}
.steps-blue-lt {
--tblr-steps-color: var(--tblr-blue-lt);
}
.steps-azure {
--tblr-steps-color: var(--tblr-azure);
}
.steps-azure-lt {
--tblr-steps-color: var(--tblr-azure-lt);
}
.steps-indigo {
--tblr-steps-color: var(--tblr-indigo);
}
.steps-indigo-lt {
--tblr-steps-color: var(--tblr-indigo-lt);
}
.steps-purple {
--tblr-steps-color: var(--tblr-purple);
}
.steps-purple-lt {
--tblr-steps-color: var(--tblr-purple-lt);
}
.steps-pink {
--tblr-steps-color: var(--tblr-pink);
}
.steps-pink-lt {
--tblr-steps-color: var(--tblr-pink-lt);
}
.steps-red {
--tblr-steps-color: var(--tblr-red);
}
.steps-red-lt {
--tblr-steps-color: var(--tblr-red-lt);
}
.steps-orange {
--tblr-steps-color: var(--tblr-orange);
}
.steps-orange-lt {
--tblr-steps-color: var(--tblr-orange-lt);
}
.steps-yellow {
--tblr-steps-color: var(--tblr-yellow);
}
.steps-yellow-lt {
--tblr-steps-color: var(--tblr-yellow-lt);
}
.steps-lime {
--tblr-steps-color: var(--tblr-lime);
}
.steps-lime-lt {
--tblr-steps-color: var(--tblr-lime-lt);
}
.steps-green {
--tblr-steps-color: var(--tblr-green);
}
.steps-green-lt {
--tblr-steps-color: var(--tblr-green-lt);
}
.steps-teal {
--tblr-steps-color: var(--tblr-teal);
}
.steps-teal-lt {
--tblr-steps-color: var(--tblr-teal-lt);
}
.steps-cyan {
--tblr-steps-color: var(--tblr-cyan);
}
.steps-cyan-lt {
--tblr-steps-color: var(--tblr-cyan-lt);
}
.step-item {
--tblr-step-item-min-height: 1rem;
position: relative;
flex: 1 1 0;
min-height: var(--tblr-step-item-min-height);
padding-top: calc(var(--tblr-steps-dot-size));
margin-top: 0;
color: inherit;
text-align: center;
cursor: default;
}
a.step-item {
cursor: pointer;
}
a.step-item:hover {
color: inherit;
}
.step-item::after, .step-item::before {
background: var(--tblr-steps-color);
}
.step-item:not(:last-child)::after {
position: absolute;
inset-inline-start: 50%;
width: 100%;
content: "";
transform: translateY(-50%);
}
.step-item::after {
top: calc(var(--tblr-steps-dot-size) * 0.5);
height: var(--tblr-steps-border-width);
}
.step-item::before {
position: absolute;
inset-inline-start: 50%;
top: 0;
z-index: 1;
box-sizing: content-box;
display: flex;
align-items: center;
justify-content: center;
width: var(--tblr-steps-dot-size);
height: var(--tblr-steps-dot-size);
color: var(--tblr-white);
content: "";
/* rtl:ignore */
transform: translateX(calc(var(--tblr-dir) * -50%));
border-radius: var(--tblr-border-radius-pill);
}
.step-item.active {
font-weight: var(--tblr-font-weight-semibold);
}
.step-item.active::after {
background: var(--tblr-steps-inactive-color);
}
.step-item.active ~ .step-item {
color: var(--tblr-disabled-color);
}
.step-item.active ~ .step-item::after, .step-item.active ~ .step-item::before {
background: var(--tblr-steps-inactive-color);
}
.step-item.active ~ .step-item::before {
color: var(--tblr-disabled-color);
}
.steps-counter {
--tblr-steps-dot-size: 1.5rem;
counter-reset: steps;
}
.steps-counter .step-item {
counter-increment: steps;
}
.steps-counter .step-item::before {
content: counter(steps);
}
.steps-vertical {
--tblr-steps-dot-offset: 6px;
--tblr-steps-vertical-padding-start: 1rem;
--tblr-steps-vertical-item-gap: 1rem;
--tblr-steps-vertical-connector-gap: 1rem;
flex-direction: column;
}
.steps-vertical.steps-counter {
--tblr-steps-dot-offset: -2px;
}
.steps-vertical .step-item {
min-height: auto;
padding-inline-start: calc(var(--tblr-steps-dot-size) + var(--tblr-steps-vertical-padding-start));
padding-top: 0;
text-align: start;
}
.steps-vertical .step-item:not(:first-child) {
margin-top: var(--tblr-steps-vertical-item-gap);
}
.steps-vertical .step-item::before {
inset-inline-start: 0;
top: var(--tblr-steps-dot-offset);
transform: translate(0, 0);
}
.steps-vertical .step-item:not(:last-child)::after {
position: absolute;
inset-inline-start: calc(var(--tblr-steps-dot-size) * 0.5);
top: var(--tblr-steps-dot-offset);
width: var(--tblr-steps-border-width);
height: calc(100% + var(--tblr-steps-vertical-connector-gap));
content: "";
/* rtl:ignore */
transform: translateX(calc(var(--tblr-dir) * -50%));
}
@keyframes status-pulsate-main {
40% {
transform: scale(1.25, 1.25);
}
60% {
transform: scale(1.25, 1.25);
}
}
@keyframes status-pulsate-secondary {
10% {
transform: scale(1, 1);
}
30% {
transform: scale(3, 3);
}
80% {
transform: scale(3, 3);
}
100% {
transform: scale(1, 1);
}
}
@keyframes status-pulsate-tertiary {
25% {
transform: scale(1, 1);
}
80% {
opacity: 0;
transform: scale(3, 3);
}
100% {
opacity: 0;
transform: scale(3, 3);
}
}
.status {
--tblr-status-height: 1.5rem;
--tblr-status-color: oklch(55.55% 0 0deg);
--tblr-status-padding-y: 0.25rem;
--tblr-status-padding-x: 0.75rem;
--tblr-status-gap: 0.5rem;
display: inline-flex;
gap: var(--tblr-status-gap);
align-items: center;
height: var(--tblr-status-height);
padding: var(--tblr-status-padding-y) var(--tblr-status-padding-x);
margin: 0;
font-size: 0.875rem;
font-weight: var(--tblr-font-weight-medium);
line-height: 1;
color: var(--tblr-status-color);
text-transform: none;
letter-spacing: normal;
background: color-mix(in oklab, var(--tblr-status-color) 10%, transparent);
border-radius: var(--tblr-border-radius-pill);
}
.status .status-dot {
background: var(--tblr-status-color);
}
.status .icon {
font-size: 1.25rem;
}
.status-lite {
color: var(--tblr-body-color) !important;
background: transparent !important;
border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color) !important;
}
.status-primary {
--tblr-status-color: var(--tblr-primary);
}
.status-secondary {
--tblr-status-color: var(--tblr-secondary);
}
.status-success {
--tblr-status-color: var(--tblr-success);
}
.status-info {
--tblr-status-color: var(--tblr-info);
}
.status-warning {
--tblr-status-color: var(--tblr-warning);
}
.status-danger {
--tblr-status-color: var(--tblr-danger);
}
.status-light {
--tblr-status-color: var(--tblr-light);
}
.status-dark {
--tblr-status-color: var(--tblr-dark);
}
.status-muted {
--tblr-status-color: var(--tblr-muted);
}
.status-blue {
--tblr-status-color: var(--tblr-blue);
}
.status-azure {
--tblr-status-color: var(--tblr-azure);
}
.status-indigo {
--tblr-status-color: var(--tblr-indigo);
}
.status-purple {
--tblr-status-color: var(--tblr-purple);
}
.status-pink {
--tblr-status-color: var(--tblr-pink);
}
.status-red {
--tblr-status-color: var(--tblr-red);
}
.status-orange {
--tblr-status-color: var(--tblr-orange);
}
.status-yellow {
--tblr-status-color: var(--tblr-yellow);
}
.status-lime {
--tblr-status-color: var(--tblr-lime);
}
.status-green {
--tblr-status-color: var(--tblr-green);
}
.status-teal {
--tblr-status-color: var(--tblr-teal);
}
.status-cyan {
--tblr-status-color: var(--tblr-cyan);
}
.status-x {
--tblr-status-color: var(--tblr-x);
}
.status-facebook {
--tblr-status-color: var(--tblr-facebook);
}
.status-twitter {
--tblr-status-color: var(--tblr-twitter);
}
.status-linkedin {
--tblr-status-color: var(--tblr-linkedin);
}
.status-google {
--tblr-status-color: var(--tblr-google);
}
.status-youtube {
--tblr-status-color: var(--tblr-youtube);
}
.status-vimeo {
--tblr-status-color: var(--tblr-vimeo);
}
.status-dribbble {
--tblr-status-color: var(--tblr-dribbble);
}
.status-github {
--tblr-status-color: var(--tblr-github);
}
.status-instagram {
--tblr-status-color: var(--tblr-instagram);
}
.status-pinterest {
--tblr-status-color: var(--tblr-pinterest);
}
.status-vk {
--tblr-status-color: var(--tblr-vk);
}
.status-rss {
--tblr-status-color: var(--tblr-rss);
}
.status-flickr {
--tblr-status-color: var(--tblr-flickr);
}
.status-bitbucket {
--tblr-status-color: var(--tblr-bitbucket);
}
.status-tabler {
--tblr-status-color: var(--tblr-tabler);
}
.status-dot {
--tblr-status-dot-color: var(--tblr-status-color, oklch(55.55% 0 0deg));
--tblr-status-size: 0.5rem;
position: relative;
display: inline-block;
width: var(--tblr-status-size);
height: var(--tblr-status-size);
background: var(--tblr-status-dot-color);
border-radius: var(--tblr-border-radius-pill);
}
.status-dot-animated::before {
position: absolute;
inset: 0;
z-index: 0;
content: "";
background: inherit;
border-radius: inherit;
opacity: 0.6;
animation: 1s linear 2s backwards infinite status-pulsate-tertiary;
}
.status-indicator {
--tblr-status-indicator-size: 2.5rem;
--tblr-status-indicator-color: var(--tblr-status-color, oklch(55.55% 0 0deg));
position: relative;
display: block;
width: var(--tblr-status-indicator-size);
height: var(--tblr-status-indicator-size);
}
.status-indicator-circle {
--tblr-status-circle-size: 0.75rem;
position: absolute;
inset-inline-start: 50%;
top: 50%;
width: var(--tblr-status-circle-size);
height: var(--tblr-status-circle-size);
margin: calc(var(--tblr-status-circle-size) / -2) 0 0 calc(var(--tblr-status-circle-size) / -2);
background: var(--tblr-status-color);
border-radius: var(--tblr-border-radius-pill);
}
.status-indicator-circle:nth-child(1) {
z-index: 3;
}
.status-indicator-circle:nth-child(2) {
z-index: 2;
opacity: 0.1;
}
.status-indicator-circle:nth-child(3) {
z-index: 1;
opacity: 0.3;
}
.status-indicator-animated .status-indicator-circle:nth-child(1) {
animation: 2s linear 1s infinite backwards status-pulsate-main;
}
.status-indicator-animated .status-indicator-circle:nth-child(2) {
animation: 2s linear 1s infinite backwards status-pulsate-secondary;
}
.status-indicator-animated .status-indicator-circle:nth-child(3) {
animation: 2s linear 1s infinite backwards status-pulsate-tertiary;
}
.switch-icon {
outline-color: transparent;
transition: outline-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.switch-icon {
transition: none;
}
}
.switch-icon {
--tblr-switch-icon-size: var(--tblr-icon-size);
--tblr-switch-icon-min-size: 1.5rem;
--tblr-switch-icon-disabled-opacity: 0.4;
--tblr-switch-icon-loading-size: 1rem;
--tblr-switch-icon-loading-border-width: 1px;
--tblr-switch-icon-loading-animation-speed: 0.75s;
position: relative;
display: inline-block;
width: var(--tblr-switch-icon-size);
min-width: var(--tblr-switch-icon-min-size);
height: var(--tblr-switch-icon-size);
min-height: var(--tblr-switch-icon-min-size);
padding: 0;
line-height: 1;
vertical-align: bottom;
cursor: pointer;
background: transparent;
border: 0;
}
.switch-icon.disabled, .switch-icon:disabled, .switch-icon[aria-disabled=true] {
pointer-events: none;
opacity: var(--tblr-switch-icon-disabled-opacity);
}
@media (prefers-reduced-motion: reduce) {
.switch-icon {
--tblr-switch-icon-loading-animation-speed: 1.5s;
}
}
.switch-icon:focus:not(:focus-visible) {
outline: none;
}
.switch-icon:focus-visible {
outline: var(--tblr-focus-ring, var(--tblr-focus-ring-width) solid var(--tblr-focus-ring-color));
outline-offset: var(--tblr-focus-ring-offset);
}
.switch-icon svg {
display: block;
width: 100%;
height: 100%;
}
.switch-icon .switch-icon-a,
.switch-icon .switch-icon-b {
position: absolute;
inset: 0;
display: block;
width: var(--tblr-switch-icon-size);
height: var(--tblr-switch-icon-size);
margin: auto;
}
.switch-icon .switch-icon-a {
opacity: 1;
}
.switch-icon .switch-icon-b {
opacity: 0;
}
.switch-icon.active .switch-icon-a {
opacity: 0;
}
.switch-icon.active .switch-icon-b {
opacity: 1;
}
.switch-icon.switch-icon-loading {
pointer-events: none;
}
.switch-icon.switch-icon-loading .switch-icon-a,
.switch-icon.switch-icon-loading .switch-icon-b {
opacity: 0;
transition: none;
}
.switch-icon.switch-icon-loading::after {
position: absolute;
inset-inline-start: calc(50% - var(--tblr-switch-icon-loading-size) / 2);
top: calc(50% - var(--tblr-switch-icon-loading-size) / 2);
width: var(--tblr-switch-icon-loading-size);
height: var(--tblr-switch-icon-loading-size);
content: "";
border: var(--tblr-switch-icon-loading-border-width) var(--tblr-border-style) currentColor;
border-inline-end-color: transparent;
animation: spinner-border var(--tblr-switch-icon-loading-animation-speed) linear infinite;
border-radius: var(--tblr-border-radius-pill);
}
.btn .switch-icon {
--tblr-switch-icon-min-size: var(--tblr-switch-icon-size);
vertical-align: middle;
pointer-events: none;
}
.btn .switch-icon .icon {
width: 100%;
min-width: 0;
height: 100%;
margin: 0;
}
.switch-icon-fade .switch-icon-a,
.switch-icon-fade .switch-icon-b {
transition: opacity 0.5s;
}
@media (prefers-reduced-motion: reduce) {
.switch-icon-fade .switch-icon-a,
.switch-icon-fade .switch-icon-b {
transition: none;
}
}
.switch-icon-scale .switch-icon-a,
.switch-icon-scale .switch-icon-b {
transition: opacity 0.5s, transform 0s 0.5s;
}
@media (prefers-reduced-motion: reduce) {
.switch-icon-scale .switch-icon-a,
.switch-icon-scale .switch-icon-b {
transition: none;
}
}
.switch-icon-scale .switch-icon-b {
transform: scale(1.5);
}
.switch-icon-scale.active .switch-icon-a,
.switch-icon-scale.active .switch-icon-b {
transition: opacity 0s, transform 0.5s;
}
@media (prefers-reduced-motion: reduce) {
.switch-icon-scale.active .switch-icon-a,
.switch-icon-scale.active .switch-icon-b {
transition: none;
}
}
.switch-icon-scale.active .switch-icon-b {
transform: scale(1);
}
.switch-icon-flip {
perspective: 10em;
}
.switch-icon-flip .switch-icon-a,
.switch-icon-flip .switch-icon-b {
backface-visibility: hidden;
transform-style: preserve-3d;
transition: opacity 0s 0.2s, transform 0.4s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.switch-icon-flip .switch-icon-a,
.switch-icon-flip .switch-icon-b {
transition: none;
}
}
.switch-icon-flip .switch-icon-a {
opacity: 1;
transform: rotateY(0deg);
}
.switch-icon-flip .switch-icon-b {
opacity: 1;
transform: rotateY(-180deg);
}
.switch-icon-flip.active .switch-icon-a {
opacity: 1;
transform: rotateY(180deg);
}
.switch-icon-flip.active .switch-icon-b {
opacity: 1;
transform: rotateY(0deg);
}
.switch-icon-slide-up,
.switch-icon-slide-left,
.switch-icon-slide-start,
.switch-icon-slide-right,
.switch-icon-slide-end,
.switch-icon-slide-down {
overflow: hidden;
}
.switch-icon-slide-up .switch-icon-a,
.switch-icon-slide-up .switch-icon-b,
.switch-icon-slide-left .switch-icon-a,
.switch-icon-slide-left .switch-icon-b,
.switch-icon-slide-start .switch-icon-a,
.switch-icon-slide-start .switch-icon-b,
.switch-icon-slide-right .switch-icon-a,
.switch-icon-slide-right .switch-icon-b,
.switch-icon-slide-end .switch-icon-a,
.switch-icon-slide-end .switch-icon-b,
.switch-icon-slide-down .switch-icon-a,
.switch-icon-slide-down .switch-icon-b {
transition: opacity 0.3s, transform 0.3s;
}
@media (prefers-reduced-motion: reduce) {
.switch-icon-slide-up .switch-icon-a,
.switch-icon-slide-up .switch-icon-b,
.switch-icon-slide-left .switch-icon-a,
.switch-icon-slide-left .switch-icon-b,
.switch-icon-slide-start .switch-icon-a,
.switch-icon-slide-start .switch-icon-b,
.switch-icon-slide-right .switch-icon-a,
.switch-icon-slide-right .switch-icon-b,
.switch-icon-slide-end .switch-icon-a,
.switch-icon-slide-end .switch-icon-b,
.switch-icon-slide-down .switch-icon-a,
.switch-icon-slide-down .switch-icon-b {
transition: none;
}
}
.switch-icon-slide-up .switch-icon-a,
.switch-icon-slide-left .switch-icon-a,
.switch-icon-slide-start .switch-icon-a,
.switch-icon-slide-right .switch-icon-a,
.switch-icon-slide-end .switch-icon-a,
.switch-icon-slide-down .switch-icon-a {
transform: translateY(0);
}
.switch-icon-slide-up .switch-icon-b,
.switch-icon-slide-left .switch-icon-b,
.switch-icon-slide-start .switch-icon-b,
.switch-icon-slide-right .switch-icon-b,
.switch-icon-slide-end .switch-icon-b,
.switch-icon-slide-down .switch-icon-b {
transform: translateY(100%);
}
.switch-icon-slide-up.active .switch-icon-a,
.switch-icon-slide-left.active .switch-icon-a,
.switch-icon-slide-start.active .switch-icon-a,
.switch-icon-slide-right.active .switch-icon-a,
.switch-icon-slide-end.active .switch-icon-a,
.switch-icon-slide-down.active .switch-icon-a {
transform: translateY(-100%);
}
.switch-icon-slide-up.active .switch-icon-b,
.switch-icon-slide-left.active .switch-icon-b,
.switch-icon-slide-start.active .switch-icon-b,
.switch-icon-slide-right.active .switch-icon-b,
.switch-icon-slide-end.active .switch-icon-b,
.switch-icon-slide-down.active .switch-icon-b {
transform: translateY(0);
}
.switch-icon-slide-left .switch-icon-a,
.switch-icon-slide-start .switch-icon-a {
transform: translateX(0);
}
.switch-icon-slide-left .switch-icon-b,
.switch-icon-slide-start .switch-icon-b {
/* rtl:ignore */
transform: translateX(calc(var(--tblr-dir) * 100%));
}
.switch-icon-slide-left.active .switch-icon-a,
.switch-icon-slide-start.active .switch-icon-a {
/* rtl:ignore */
transform: translateX(calc(var(--tblr-dir) * -100%));
}
.switch-icon-slide-left.active .switch-icon-b,
.switch-icon-slide-start.active .switch-icon-b {
transform: translateX(0);
}
.switch-icon-slide-right .switch-icon-a,
.switch-icon-slide-end .switch-icon-a {
transform: translateX(0);
}
.switch-icon-slide-right .switch-icon-b,
.switch-icon-slide-end .switch-icon-b {
/* rtl:ignore */
transform: translateX(calc(var(--tblr-dir) * -100%));
}
.switch-icon-slide-right.active .switch-icon-a,
.switch-icon-slide-end.active .switch-icon-a {
/* rtl:ignore */
transform: translateX(calc(var(--tblr-dir) * 100%));
}
.switch-icon-slide-right.active .switch-icon-b,
.switch-icon-slide-end.active .switch-icon-b {
transform: translateX(0);
}
.switch-icon-slide-down .switch-icon-a {
transform: translateY(0);
}
.switch-icon-slide-down .switch-icon-b {
transform: translateY(-100%);
}
.switch-icon-slide-down.active .switch-icon-a {
transform: translateY(100%);
}
.switch-icon-slide-down.active .switch-icon-b {
transform: translateY(0);
}
.table, .prose > table,
.markdown > table {
font: inherit;
}
@media print {
.table thead, .prose > table thead,
.markdown > table thead {
display: table-header-group;
}
.table tr, .prose > table tr,
.markdown > table tr {
break-inside: avoid;
}
}
.table thead th, .prose > table thead th,
.markdown > table thead th {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
white-space: nowrap;
background: var(--tblr-bg-surface-tertiary);
font-size: 0.75rem;
font-weight: var(--tblr-font-weight-medium);
text-transform: uppercase;
letter-spacing: 0.04em;
line-height: 1rem;
color: var(--tblr-secondary);
}
@media print {
.table thead th, .prose > table thead th,
.markdown > table thead th {
background: transparent;
}
}
.table-responsive .table, .table-responsive .prose > table,
.table-responsive .markdown > table {
margin-bottom: 0;
}
.table-responsive:focus-visible {
--tblr-focus-ring-offset: -2px;
outline: var(--tblr-focus-ring, var(--tblr-focus-ring-width) solid var(--tblr-focus-ring-color));
outline-offset: var(--tblr-focus-ring-offset);
}
.table-transparent thead th {
background: transparent;
}
.table-nowrap > :not(caption) > * > * {
white-space: nowrap;
}
.table-vcenter > :not(caption) > * > * {
vertical-align: middle;
}
.table-center > :not(caption) > * > * {
text-align: center;
}
.td-truncate {
width: 100%;
max-width: 1px;
}
.table-mobile {
display: block;
}
.table-mobile thead {
display: none;
}
.table-mobile tbody,
.table-mobile tr {
display: flex;
flex-direction: column;
}
.table-mobile td {
display: block;
padding: 0.75rem 0.75rem !important;
color: var(--tblr-body-color) !important;
border: none;
}
.table-mobile td[data-label]::before {
font-size: 0.75rem;
font-weight: var(--tblr-font-weight-medium);
text-transform: uppercase;
letter-spacing: 0.04em;
line-height: 1rem;
color: var(--tblr-secondary);
display: block;
content: attr(data-label);
}
.table-mobile tr {
border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
}
.table-mobile .btn {
display: block;
}
@media (max-width: 575.98px) {
.table-mobile-sm {
display: block;
}
.table-mobile-sm thead {
display: none;
}
.table-mobile-sm tbody,
.table-mobile-sm tr {
display: flex;
flex-direction: column;
}
.table-mobile-sm td {
display: block;
padding: 0.75rem 0.75rem !important;
color: var(--tblr-body-color) !important;
border: none;
}
.table-mobile-sm td[data-label]::before {
font-size: 0.75rem;
font-weight: var(--tblr-font-weight-medium);
text-transform: uppercase;
letter-spacing: 0.04em;
line-height: 1rem;
color: var(--tblr-secondary);
display: block;
content: attr(data-label);
}
.table-mobile-sm tr {
border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
}
.table-mobile-sm .btn {
display: block;
}
}
@media (max-width: 767.98px) {
.table-mobile-md {
display: block;
}
.table-mobile-md thead {
display: none;
}
.table-mobile-md tbody,
.table-mobile-md tr {
display: flex;
flex-direction: column;
}
.table-mobile-md td {
display: block;
padding: 0.75rem 0.75rem !important;
color: var(--tblr-body-color) !important;
border: none;
}
.table-mobile-md td[data-label]::before {
font-size: 0.75rem;
font-weight: var(--tblr-font-weight-medium);
text-transform: uppercase;
letter-spacing: 0.04em;
line-height: 1rem;
color: var(--tblr-secondary);
display: block;
content: attr(data-label);
}
.table-mobile-md tr {
border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
}
.table-mobile-md .btn {
display: block;
}
}
@media (max-width: 991.98px) {
.table-mobile-lg {
display: block;
}
.table-mobile-lg thead {
display: none;
}
.table-mobile-lg tbody,
.table-mobile-lg tr {
display: flex;
flex-direction: column;
}
.table-mobile-lg td {
display: block;
padding: 0.75rem 0.75rem !important;
color: var(--tblr-body-color) !important;
border: none;
}
.table-mobile-lg td[data-label]::before {
font-size: 0.75rem;
font-weight: var(--tblr-font-weight-medium);
text-transform: uppercase;
letter-spacing: 0.04em;
line-height: 1rem;
color: var(--tblr-secondary);
display: block;
content: attr(data-label);
}
.table-mobile-lg tr {
border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
}
.table-mobile-lg .btn {
display: block;
}
}
@media (max-width: 1199.98px) {
.table-mobile-xl {
display: block;
}
.table-mobile-xl thead {
display: none;
}
.table-mobile-xl tbody,
.table-mobile-xl tr {
display: flex;
flex-direction: column;
}
.table-mobile-xl td {
display: block;
padding: 0.75rem 0.75rem !important;
color: var(--tblr-body-color) !important;
border: none;
}
.table-mobile-xl td[data-label]::before {
font-size: 0.75rem;
font-weight: var(--tblr-font-weight-medium);
text-transform: uppercase;
letter-spacing: 0.04em;
line-height: 1rem;
color: var(--tblr-secondary);
display: block;
content: attr(data-label);
}
.table-mobile-xl tr {
border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
}
.table-mobile-xl .btn {
display: block;
}
}
@media (max-width: 1399.98px) {
.table-mobile-xxl {
display: block;
}
.table-mobile-xxl thead {
display: none;
}
.table-mobile-xxl tbody,
.table-mobile-xxl tr {
display: flex;
flex-direction: column;
}
.table-mobile-xxl td {
display: block;
padding: 0.75rem 0.75rem !important;
color: var(--tblr-body-color) !important;
border: none;
}
.table-mobile-xxl td[data-label]::before {
font-size: 0.75rem;
font-weight: var(--tblr-font-weight-medium);
text-transform: uppercase;
letter-spacing: 0.04em;
line-height: 1rem;
color: var(--tblr-secondary);
display: block;
content: attr(data-label);
}
.table-mobile-xxl tr {
border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
}
.table-mobile-xxl .btn {
display: block;
}
}
.table-sort {
--tblr-table-sort-icon-size: 1rem;
--tblr-table-sort-icon-margin-start: 0.25rem;
display: block;
width: 100%;
padding: 0.5rem 0.75rem;
margin: -0.5rem -0.75rem;
font: inherit;
color: inherit;
text-align: inherit;
text-transform: inherit;
letter-spacing: inherit;
background: inherit;
border: 0;
transition: color 0.3s;
}
@media (prefers-reduced-motion: reduce) {
.table-sort {
transition: none;
}
}
.table-sort:hover, .table-sort.asc, .table-sort.desc {
color: var(--tblr-body-color);
}
.table-sort::after {
display: inline-flex;
width: var(--tblr-table-sort-icon-size);
height: var(--tblr-table-sort-icon-size);
margin-inline-start: var(--tblr-table-sort-icon-margin-start);
vertical-align: bottom;
content: "";
background: currentColor;
mask-image: url("data:image/svg+xml,");
}
.table-sort.asc::after {
mask-image: url("data:image/svg+xml,");
}
.table-sort.desc::after {
mask-image: url("data:image/svg+xml,");
}
.table-borderless thead th {
background: transparent;
}
.table-selectable tbody tr .on-checked {
display: none;
}
.table-selectable tbody tr .on-unchecked {
display: initial;
}
.table-selectable tbody tr:has(.table-selectable-check:checked) {
background-color: var(--tblr-active-bg);
}
.table-selectable tbody tr:has(.table-selectable-check:checked) .on-checked {
display: initial;
}
.table-selectable tbody tr:has(.table-selectable-check:checked) .on-unchecked {
display: none;
}
.tag {
--tblr-tag-height: 1.5rem;
--tblr-tag-padding-x: 0.5rem;
--tblr-tag-gap: 0.5rem;
--tblr-tag-close-margin-end: -0.25rem;
--tblr-tag-close-margin-start: -0.125rem;
--tblr-tag-close-size: 1rem;
--tblr-tag-close-font-size: 0.5rem;
--tblr-tag-addon-margin-start: -0.25rem;
--tblr-tag-icon-margin-end: -0.125rem;
--tblr-tag-icon-size: 1rem;
--tblr-tag-check-size: 1rem;
display: inline-flex;
gap: var(--tblr-tag-gap);
align-items: center;
height: var(--tblr-tag-height);
padding: 0 var(--tblr-tag-padding-x);
background: var(--tblr-bg-surface);
border: 1px solid var(--tblr-border-color);
box-shadow: var(--tblr-shadow-input);
border-radius: var(--tblr-border-radius);
}
.tag .btn-close {
width: var(--tblr-tag-close-size);
height: var(--tblr-tag-close-size);
padding: 0;
margin-inline-start: var(--tblr-tag-close-margin-start);
margin-inline-end: var(--tblr-tag-close-margin-end);
font-size: var(--tblr-tag-close-font-size);
}
.tag-badge {
--tblr-tag-badge-padding-y: 0.125rem;
--tblr-tag-badge-padding-x: 0.25rem;
--tblr-tag-badge-margin-end: -0.25rem;
--tblr-badge-font-size: 0.625rem;
--tblr-badge-padding-x: var(--tblr-tag-badge-padding-x);
--tblr-badge-padding-y: var(--tblr-tag-badge-padding-y);
margin-inline-end: var(--tblr-tag-badge-margin-end);
}
.tag-avatar,
.tag-flag,
.tag-payment,
.tag-icon,
.tag-check {
margin-inline-start: var(--tblr-tag-addon-margin-start);
}
.tag-icon {
width: var(--tblr-tag-icon-size);
height: var(--tblr-tag-icon-size);
margin-inline-end: var(--tblr-tag-icon-margin-end);
color: var(--tblr-secondary);
}
.tag-check {
width: var(--tblr-tag-check-size);
height: var(--tblr-tag-check-size);
background-size: var(--tblr-tag-check-size);
}
.tag-list,
.tags-list {
--tblr-list-gap: 0.5rem;
display: flex;
flex-wrap: wrap;
gap: var(--tblr-list-gap);
}
.text-shimmer {
--tblr-text-shimmer-duration: 2s;
--tblr-text-shimmer-opacity: 0.4;
--tblr-text-shimmer-width: 20%;
--tblr-text-shimmer-fade-duration: 320ms;
--tblr-text-shimmer-fade-easing: cubic-bezier(0.22, 1, 0.36, 1);
--tblr-text-shimmer-loader-size: 0.8571428571em;
--tblr-text-shimmer-loader-border-width: 0.1em;
--tblr-text-shimmer-loader-margin: 0.2857142857em;
--tblr-text-shimmer-loader-duration: 0.75s;
--tblr-text-shimmer-loader-opacity: 0.25;
display: inline-block;
mask-image: linear-gradient(90deg, rgba(0, 0, 0, var(--tblr-text-shimmer-opacity)) calc(50% - var(--tblr-text-shimmer-width) / 2), #000 50%, rgba(0, 0, 0, var(--tblr-text-shimmer-opacity)) calc(50% + var(--tblr-text-shimmer-width) / 2));
mask-size: 300% 100%;
animation: text-shimmer-in var(--tblr-text-shimmer-fade-duration) var(--tblr-text-shimmer-fade-easing) both, text-shimmer var(--tblr-text-shimmer-duration) linear infinite;
}
@media (prefers-reduced-motion: reduce) {
.text-shimmer {
mask-image: none;
animation: none;
}
}
.text-shimmer-loader {
position: relative;
display: inline-block;
width: 1em;
height: 1em;
margin-inline-end: var(--tblr-text-shimmer-loader-margin);
vertical-align: -0.125em;
}
.text-shimmer-loader::before, .text-shimmer-loader::after {
position: absolute;
inset: 0;
width: var(--tblr-text-shimmer-loader-size);
height: var(--tblr-text-shimmer-loader-size);
margin: auto;
content: "";
border: var(--tblr-text-shimmer-loader-border-width) solid;
border-radius: 50%;
}
.text-shimmer-loader::before {
border-color: currentColor;
opacity: var(--tblr-text-shimmer-loader-opacity);
}
.text-shimmer-loader::after {
border-color: currentColor transparent transparent;
animation: rotate-360 var(--tblr-text-shimmer-loader-duration) linear infinite;
}
@media (prefers-reduced-motion: reduce) {
.text-shimmer-loader::after {
animation-duration: calc(var(--tblr-text-shimmer-loader-duration) * 2);
}
}
@keyframes text-shimmer-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes text-shimmer {
from {
/* rtl:ignore */
mask-position: calc(50% + var(--tblr-dir) * 50%) 0;
}
to {
/* rtl:ignore */
mask-position: calc(50% - var(--tblr-dir) * 50%) 0;
}
}
.toast {
border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
box-shadow: color-mix(in oklab, var(--tblr-dark) 4%, transparent) 0 2px 4px 0;
}
.toast .toast-header {
-webkit-user-select: none;
user-select: none;
}
.toast button[data-bs-dismiss=toast]:focus:not(:focus-visible),
.toast button[data-dismiss=toast]:focus:not(:focus-visible) {
outline: none;
}
@media print {
.toast {
display: none;
}
}
.toast-primary {
--tblr-toast-color: oklch(54.6% 0.1724 254.2deg);
}
.toast-secondary {
--tblr-toast-color: oklch(55.55% 0 0deg);
}
.toast-success {
--tblr-toast-color: oklch(67.38% 0.1885 145.43deg);
}
.toast-info {
--tblr-toast-color: oklch(66.26% 0.1358 246.81deg);
}
.toast-warning {
--tblr-toast-color: oklch(77.02% 0.1658 71.02deg);
}
.toast-danger {
--tblr-toast-color: oklch(58.29% 0.1941 25.59deg);
}
.toast-light {
--tblr-toast-color: oklch(98.51% 0 0deg);
}
.toast-dark {
--tblr-toast-color: oklch(26.86% 0 0deg);
}
.toast-muted {
--tblr-toast-color: oklch(55.55% 0 0deg);
}
.toast-blue {
--tblr-toast-color: oklch(54.6% 0.1724 254.2deg);
}
.toast-azure {
--tblr-toast-color: oklch(66.26% 0.1358 246.81deg);
}
.toast-indigo {
--tblr-toast-color: oklch(55.66% 0.2082 268.35deg);
}
.toast-purple {
--tblr-toast-color: oklch(57.83% 0.2186 319.15deg);
}
.toast-pink {
--tblr-toast-color: oklch(58.81% 0.201 5.25deg);
}
.toast-red {
--tblr-toast-color: oklch(58.29% 0.1941 25.59deg);
}
.toast-orange {
--tblr-toast-color: oklch(68.51% 0.1954 44.57deg);
}
.toast-yellow {
--tblr-toast-color: oklch(77.02% 0.1658 71.02deg);
}
.toast-lime {
--tblr-toast-color: oklch(70.99% 0.1897 131.53deg);
}
.toast-green {
--tblr-toast-color: oklch(67.38% 0.1885 145.43deg);
}
.toast-teal {
--tblr-toast-color: oklch(64.32% 0.1338 164.7deg);
}
.toast-cyan {
--tblr-toast-color: oklch(65.52% 0.1105 212.17deg);
}
.toolbar {
--tblr-toolbar-gutter: 0.5rem;
display: flex;
flex-shrink: 0;
flex-wrap: nowrap;
margin: 0 calc(-1 * var(--tblr-toolbar-gutter));
}
.toolbar > * {
margin: 0 var(--tblr-toolbar-gutter);
}
@media print {
.toolbar {
display: none;
}
}
.tracking {
--tblr-tracking-height: 1.5rem;
--tblr-tracking-gap-width: 0.125rem;
--tblr-tracking-block-border-radius: var(--tblr-border-radius);
--tblr-tracking-block-min-width: 0.25rem;
display: flex;
gap: var(--tblr-tracking-gap-width);
}
.tracking-squares {
--tblr-tracking-block-border-radius: var(--tblr-border-radius-sm);
}
.tracking-squares .tracking-block {
height: auto;
}
.tracking-squares .tracking-block::before {
display: block;
padding-top: 100%;
content: "";
}
.tracking-block {
flex: 1;
min-width: var(--tblr-tracking-block-min-width);
height: var(--tblr-tracking-height);
background: var(--tblr-border-color);
border-radius: var(--tblr-tracking-block-border-radius);
}
.timeline {
--tblr-timeline-icon-size: 2.5rem;
position: relative;
padding: 0;
list-style: none;
}
.timeline-event {
position: relative;
}
.timeline-event:not(:last-child) {
margin-bottom: var(--tblr-page-padding);
}
.timeline-event:not(:last-child)::before {
position: absolute;
inset-inline-start: calc(var(--tblr-timeline-icon-size) / 2);
top: var(--tblr-timeline-icon-size);
bottom: calc(-1 * var(--tblr-page-padding));
width: var(--tblr-border-width);
content: "";
background-color: var(--tblr-border-color);
border-radius: var(--tblr-border-radius);
}
.timeline-event-icon {
position: absolute;
z-index: 5;
display: flex;
align-items: center;
justify-content: center;
width: var(--tblr-timeline-icon-size, 2.5rem);
height: var(--tblr-timeline-icon-size, 2.5rem);
color: var(--tblr-secondary);
background: var(--tblr-bg-surface-secondary);
border-radius: var(--tblr-border-radius);
}
.timeline-event-card {
margin-inline-start: calc(var(--tblr-timeline-icon-size, 2.5rem) + var(--tblr-page-padding));
}
.timeline-simple .timeline-event-icon {
display: none;
}
.timeline-simple .timeline-event-card {
margin-inline-start: 0;
}
.hr-text {
--tblr-hr-text-gap: 0.5rem;
display: flex;
align-items: center;
height: 1px;
margin: 2rem 0;
font-size: 0.75rem;
font-weight: var(--tblr-font-weight-medium);
text-transform: uppercase;
letter-spacing: 0.04em;
line-height: 1rem;
color: var(--tblr-secondary);
}
.hr-text::after, .hr-text::before {
flex: 1 1 auto;
height: 1px;
background-color: var(--tblr-border-color);
}
.hr-text::before {
margin-inline-end: var(--tblr-hr-text-gap);
content: "";
}
.hr-text::after {
margin-inline-start: var(--tblr-hr-text-gap);
content: "";
}
.hr-text > *:first-child {
padding-inline-start: 0;
padding-inline-end: var(--tblr-hr-text-gap);
color: var(--tblr-secondary);
}
.hr-text.hr-text-left::before, .hr-text.hr-text-start::before {
content: none;
}
.hr-text.hr-text-left > *:first-child, .hr-text.hr-text-start > *:first-child {
padding-inline-start: var(--tblr-hr-text-gap);
padding-inline-end: var(--tblr-hr-text-gap);
}
.hr-text.hr-text-right::before, .hr-text.hr-text-end::before {
content: "";
}
.hr-text.hr-text-right::after, .hr-text.hr-text-end::after {
content: none;
}
.hr-text.hr-text-right > *:first-child, .hr-text.hr-text-end > *:first-child {
padding-inline-start: var(--tblr-hr-text-gap);
padding-inline-end: 0;
}
.card > .hr-text {
margin: 0;
}
.hr-text-spaceless {
--tblr-hr-text-spaceless-margin-y: -0.5rem;
margin: var(--tblr-hr-text-spaceless-margin-y) 0;
}
.lead {
font-size: inherit;
color: var(--tblr-secondary);
}
a {
-webkit-text-decoration-skip: ink;
text-decoration-skip-ink: auto;
color: color-mix(in oklab, var(--tblr-link-color) calc(var(--tblr-link-opacity, 1) * 100%), transparent);
}
a:hover {
color: color-mix(in oklab, var(--tblr-link-hover-color) calc(var(--tblr-link-opacity, 1) * 100%), transparent);
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
color: inherit;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.h1 a:hover,
.h2 a:hover,
.h3 a:hover,
.h4 a:hover,
.h5 a:hover,
.h6 a:hover {
color: inherit;
}
h1,
.h1 {
font-size: var(--tblr-font-size-h1);
line-height: var(--tblr-line-height-h1);
}
h2,
.h2 {
font-size: var(--tblr-font-size-h2);
line-height: var(--tblr-line-height-h2);
}
h3,
.h3 {
font-size: var(--tblr-font-size-h3);
line-height: var(--tblr-line-height-h3);
}
h4,
.h4 {
font-size: var(--tblr-font-size-h4);
line-height: var(--tblr-line-height-h4);
}
h5,
.h5 {
font-size: var(--tblr-font-size-h5);
line-height: var(--tblr-line-height-h5);
}
h6,
.h6 {
font-size: var(--tblr-font-size-h6);
line-height: var(--tblr-line-height-h6);
}
.fs-base {
font-size: var(--tblr-body-font-size);
}
strong,
.strong,
b {
font-weight: var(--tblr-font-weight-semibold);
}
blockquote {
--tblr-blockquote-padding: 1rem;
--tblr-blockquote-paragraph-margin-bottom: 1rem;
padding: var(--tblr-blockquote-padding) var(--tblr-blockquote-padding) var(--tblr-blockquote-padding);
border-inline-start: 2px var(--tblr-border-style) var(--tblr-border-color);
}
blockquote p {
margin-bottom: var(--tblr-blockquote-paragraph-margin-bottom);
}
blockquote p:last-child {
margin-bottom: 0;
}
blockquote cite {
display: block;
text-align: end;
}
blockquote cite::before {
content: "— ";
}
ul,
ol {
--tblr-list-padding-start: 1.5rem;
padding-inline-start: var(--tblr-list-padding-start);
}
hr, .hr {
--tblr-hr-margin-y: 2rem;
margin: var(--tblr-hr-margin-y) 0;
}
dl dd:last-child {
margin-bottom: 0;
}
pre {
--tblr-scrollbar-color: var(--tblr-light);
padding: 1rem;
font-size: 0.92857143em;
line-height: 1.4285714286;
color: var(--tblr-light);
background: var(--tblr-bg-surface-dark);
border-radius: var(--tblr-border-radius);
}
pre {
scrollbar-color: color-mix(in oklab, var(--tblr-scrollbar-color, var(--tblr-body-color)) 20%, transparent) transparent;
}
pre::-webkit-scrollbar {
width: 1rem;
height: 1rem;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
@media (prefers-reduced-motion: reduce) {
pre::-webkit-scrollbar {
-webkit-transition: none;
transition: none;
}
}
pre::-webkit-scrollbar-thumb {
border-radius: 1rem;
border: 5px solid transparent;
box-shadow: inset 0 0 0 1rem color-mix(in oklab, var(--tblr-scrollbar-color, var(--tblr-body-color)) 20%, transparent);
}
pre::-webkit-scrollbar-track {
background: transparent;
}
pre:hover::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 0 1rem color-mix(in oklab, var(--tblr-scrollbar-color, var(--tblr-body-color)) 40%, transparent);
}
pre::-webkit-scrollbar-corner {
background: transparent;
}
pre::selection,
pre ::selection {
background-color: color-mix(in oklab, var(--tblr-primary) 40%, transparent);
}
pre code {
padding: 0;
background: transparent;
}
code {
padding: 2px 4px;
background: var(--tblr-code-bg);
border-radius: var(--tblr-border-radius);
}
abbr {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
img {
max-width: 100%;
height: auto;
}
.list-unstyled {
margin-inline-start: 0;
}
::selection,
.text-selected {
background-color: light-dark(color-mix(in oklab, var(--tblr-primary) 10%, transparent), color-mix(in oklab, var(--tblr-primary) 40%, transparent));
}
.text-selected {
display: inline-block;
}
[class^=link-].disabled,
[class*=" link-"].disabled {
color: var(--tblr-disabled-color) !important;
pointer-events: none;
}
a:hover:has(.icon) {
text-decoration: none;
}
.link-hoverable {
border-radius: var(--tblr-border-radius);
transition: background-color 0.15s ease-in-out;
}
.link-hoverable:hover {
color: var(--tblr-primary);
text-decoration: none;
background: var(--tblr-hover-bg);
}
.subheader {
font-size: 0.75rem;
font-weight: var(--tblr-font-weight-medium);
text-transform: uppercase;
letter-spacing: 0.04em;
line-height: 1rem;
color: var(--tblr-secondary);
}
.mention {
display: inline-block;
padding: 0.1666666667em 0.6666666667em;
font-size: 0.8571428571em;
font-weight: var(--tblr-font-weight-medium);
line-height: 1.3333333333em;
color: var(--tblr-body-color);
background: var(--tblr-bg-surface-tertiary);
box-shadow: var(--tblr-shadow-border);
border-radius: var(--tblr-border-radius-pill);
}
a.mention {
cursor: pointer;
}
a.mention:hover, a.mention.hover {
text-decoration: underline;
background: var(--tblr-hover-bg);
}
.mention-avatar,
.mention-app,
.mention-color {
display: inline-flex;
width: 1.1666666667em;
height: 1.1666666667em;
margin: -0.1666666667em 0.3333333333em 0 -0.3333333333em;
text-align: center;
vertical-align: middle;
background: no-repeat center center/cover;
box-shadow: var(--tblr-shadow-border);
border-radius: var(--tblr-border-radius-pill);
}
.mention-app {
background: none;
border-radius: 0;
box-shadow: none;
}
.mention-count {
margin-inline-start: 0.6666666667em;
color: var(--tblr-secondary);
}
.text-incorrect {
text-decoration: underline;
text-decoration-thickness: 1px;
text-decoration-color: var(--tblr-red);
background: color-mix(in oklab, var(--tblr-red) 4%, transparent);
background: color-mix(in oklab, var(--tblr-red) 4%, transparent);
}
.text-correct {
text-decoration: underline;
text-decoration-thickness: 1px;
text-decoration-color: var(--tblr-green);
background: color-mix(in oklab, var(--tblr-green) 4%, transparent);
background: color-mix(in oklab, var(--tblr-green) 4%, transparent);
}
.steps:not(:has(> .step-item)) {
--tblr-steps-padding: 2rem;
--tblr-steps-item-size: 1.5rem;
--tblr-steps-margin-start: 1rem;
--tblr-steps-margin-bottom: 2rem;
--tblr-steps-heading-margin-top: 2.5rem;
display: block;
width: auto;
padding-inline-start: var(--tblr-steps-padding);
margin-inline-start: var(--tblr-steps-margin-start);
margin-bottom: var(--tblr-steps-margin-bottom);
overflow: visible;
counter-reset: step;
border-inline-start: 1px solid var(--tblr-border-color);
}
.steps:not(:has(> .step-item)) h3, .steps:not(:has(> .step-item)) .h3 {
counter-increment: step;
}
.steps:not(:has(> .step-item)) h3:not(:first-child), .steps:not(:has(> .step-item)) .h3:not(:first-child) {
margin-top: var(--tblr-steps-heading-margin-top) !important;
}
.steps:not(:has(> .step-item)) h3::before, .steps:not(:has(> .step-item)) .h3::before {
position: absolute;
display: inline-block;
width: var(--tblr-steps-item-size);
height: var(--tblr-steps-item-size);
margin-inline-start: calc(-1 * var(--tblr-steps-padding) - var(--tblr-steps-item-size) / 2);
margin-top: 1px;
font-size: var(--tblr-font-size-h4);
font-weight: var(--tblr-font-weight-semibold);
line-height: calc(var(--tblr-steps-item-size) - 2px);
color: var(--tblr-body-color);
text-align: center;
content: counter(step);
background: var(--tblr-bg-surface);
border: 1px solid var(--tblr-border-color);
border-radius: var(--tblr-border-radius);
}
.steps:not(:has(> .step-item)) > :last-child {
margin-bottom: 0;
}
.callout {
--tblr-callout-margin-bottom: 1.5rem;
--tblr-callout-padding-y: 0.5rem;
--tblr-callout-padding-x: 1rem;
padding: var(--tblr-callout-padding-y) var(--tblr-callout-padding-x);
margin-bottom: var(--tblr-callout-margin-bottom);
background: var(--tblr-primary-lt);
border: 1px solid var(--tblr-primary-200);
border-radius: var(--tblr-border-radius);
}
.callout > :last-child {
margin-bottom: 0;
}
kbd,
.kbd {
--tblr-kbd-height: 1.25rem;
--tblr-kbd-padding-x: 0.25rem;
--tblr-kbd-padding-y: 0;
--tblr-kbd-gap: 0.25rem;
--tblr-kbd-font-size: var(--tblr-font-size-h5);
--tblr-kbd-font-weight: var(--tblr-font-weight-medium);
--tblr-kbd-color: var(--tblr-secondary-color);
--tblr-kbd-bg: color-mix(in oklab, currentColor 12%, transparent);
--tblr-kbd-border: 0;
--tblr-kbd-border-radius: var(--tblr-border-radius-sm);
box-sizing: border-box;
display: inline-flex;
gap: var(--tblr-kbd-gap);
align-items: center;
justify-content: center;
min-width: var(--tblr-kbd-height);
max-width: 100%;
height: var(--tblr-kbd-height);
padding: var(--tblr-kbd-padding-y) var(--tblr-kbd-padding-x);
font-family: var(--tblr-font-sans-serif);
font-size: var(--tblr-kbd-font-size);
font-weight: var(--tblr-kbd-font-weight);
line-height: 1;
color: var(--tblr-kbd-color);
white-space: nowrap;
vertical-align: baseline;
background-color: var(--tblr-kbd-bg);
border: var(--tblr-kbd-border);
border-radius: var(--tblr-kbd-border-radius);
}
kbd .icon,
.kbd .icon {
--tblr-icon-size: 0.75rem;
}
.btn kbd,
.btn .kbd,
.tooltip kbd,
.tooltip .kbd,
.badge kbd,
.badge .kbd {
--tblr-kbd-color: inherit;
}
.btn > kbd,
.btn > .kbd,
.badge > kbd,
.badge > .kbd {
margin-inline-start: 0.5em;
}
.kbd-group {
display: inline-flex;
gap: var(--tblr-kbd-gap, 0.25rem);
align-items: center;
min-width: 0;
height: auto;
padding: 0;
font-weight: inherit;
color: inherit;
background: transparent;
border: 0;
}
.kbd-group > kbd {
padding: var(--tblr-kbd-padding-y) var(--tblr-kbd-padding-x);
font-size: var(--tblr-kbd-font-size);
}
.chart {
--tblr-chart-min-height: 10rem;
display: block;
min-height: var(--tblr-chart-min-height);
}
.chart text {
font-family: inherit;
}
.chart-sm {
--tblr-chart-height-sm: 2.5rem;
height: var(--tblr-chart-height-sm);
}
.chart-lg {
--tblr-chart-height-lg: 15rem;
height: var(--tblr-chart-height-lg);
}
.chart-square {
--tblr-chart-height-square: 5.75rem;
height: var(--tblr-chart-height-square);
}
.chart-sparkline {
--tblr-chart-sparkline-width: 4rem;
--tblr-chart-sparkline-height: 2.5rem;
position: relative;
width: var(--tblr-chart-sparkline-width);
height: var(--tblr-chart-sparkline-height);
min-height: 0 !important;
line-height: 1;
}
.chart-sparkline-sm {
--tblr-chart-sparkline-height-sm: 1.5rem;
height: var(--tblr-chart-sparkline-height-sm);
}
.chart-sparkline-square {
--tblr-chart-sparkline-width-square: 2.5rem;
width: var(--tblr-chart-sparkline-width-square);
}
.chart-sparkline-wide {
--tblr-chart-sparkline-width-wide: 6rem;
width: var(--tblr-chart-sparkline-width-wide);
}
.chart-sparkline-label {
--tblr-chart-sparkline-label-icon-size: 1rem;
position: absolute;
inset-inline-start: 0;
inset-inline-end: 0;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.625rem;
}
.chart-sparkline-label .icon {
width: var(--tblr-chart-sparkline-label-icon-size);
height: var(--tblr-chart-sparkline-label-icon-size);
font-size: var(--tblr-chart-sparkline-label-icon-size);
}
.sparkline {
--tblr-sparkline-width: 5rem;
--tblr-sparkline-height: 1.5rem;
--tblr-sparkline-stroke: currentColor;
--tblr-sparkline-negative: var(--tblr-red);
--tblr-sparkline-zero: var(--tblr-border-color);
--tblr-sparkline-threshold: var(--tblr-secondary);
--tblr-sparkline-stroke-width: 2;
--tblr-sparkline-fill: color-mix(in oklab, currentColor 10%, transparent);
--tblr-sparkline-track: color-mix(in oklab, currentColor 15%, transparent);
--tblr-sparkline-spot: currentColor;
--tblr-sparkline-spot-size: 2;
--tblr-sparkline-label-font-size: 0.625rem;
--tblr-sparkline-label-color: var(--tblr-body-color);
position: relative;
display: inline-block;
flex-shrink: 0;
width: var(--tblr-sparkline-width);
height: var(--tblr-sparkline-height);
line-height: 0;
vertical-align: middle;
}
.sparkline .sparkline-svg {
display: block;
width: 100%;
height: 100%;
overflow: visible;
}
.sparkline .sparkline-label {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: var(--tblr-sparkline-label-font-size);
font-weight: 500;
font-variant-numeric: tabular-nums;
line-height: 1;
color: var(--tblr-sparkline-label-color);
}
.sparkline-sm {
--tblr-sparkline-width: 3rem;
--tblr-sparkline-height: 1rem;
}
.sparkline-lg {
--tblr-sparkline-width: 8rem;
--tblr-sparkline-height: 2.5rem;
}
.sparkline-square {
--tblr-sparkline-width: var(--tblr-sparkline-height);
}
.sparkline-disabled {
--tblr-sparkline-stroke: var(--tblr-disabled-color);
--tblr-sparkline-negative: var(--tblr-disabled-color);
--tblr-sparkline-spot: var(--tblr-disabled-color);
--tblr-sparkline-fill: color-mix(in oklab, var(--tblr-disabled-color) 30%, transparent);
--tblr-sparkline-track: color-mix(in oklab, var(--tblr-disabled-color) 40%, transparent);
--tblr-sparkline-label-color: var(--tblr-disabled-color);
}
@keyframes vector-map-line {
to {
stroke-dashoffset: calc(var(--tblr-vector-map-line-dash) * -2);
}
}
.vector-map {
--tblr-vector-map-color: var(--tblr-primary);
--tblr-vector-map-region-fill: var(--tblr-border-color);
--tblr-vector-map-region-stroke: var(--tblr-bg-surface);
--tblr-vector-map-region-stroke-width: 1px;
--tblr-vector-map-value-min: 0.1;
--tblr-vector-map-point-size: 0.375rem;
--tblr-vector-map-selected-stroke: var(--tblr-body-color);
--tblr-vector-map-selected-stroke-width: 2px;
--tblr-vector-map-marker-size: 0.5rem;
--tblr-vector-map-marker-color: var(--tblr-vector-map-color);
--tblr-vector-map-marker-halo-color: var(--tblr-bg-surface);
--tblr-vector-map-marker-halo-width: 2px;
--tblr-vector-map-line-color: var(--tblr-secondary);
--tblr-vector-map-line-width: 1px;
--tblr-vector-map-line-dash: 4px;
--tblr-vector-map-line-duration: 1s;
--tblr-vector-map-controls-offset: var(--tblr-spacer-2);
--tblr-vector-map-legend-width: 8rem;
--tblr-vector-map-legend-height: 0.5rem;
position: relative;
display: block;
line-height: 0;
}
.vector-map-svg {
display: block;
width: 100%;
height: 100%;
}
.vector-map-region {
--tblr-vector-map-region-color: var(--tblr-vector-map-region-fill);
fill: var(--tblr-vector-map-region-color);
stroke: var(--tblr-vector-map-region-stroke);
stroke-linejoin: round;
stroke-width: var(--tblr-vector-map-region-stroke-width);
vector-effect: non-scaling-stroke;
}
.vector-map-region[data-value],
.vector-map-legend-step {
--tblr-vector-map-region-color: color-mix(in oklab, var(--tblr-vector-map-color) calc((var(--tblr-vector-map-value-min) + var(--tblr-vector-map-value, 1) * (1 - var(--tblr-vector-map-value-min))) * 100%), var(--tblr-vector-map-region-fill));
}
.vector-map-line {
fill: none;
stroke: var(--tblr-vector-map-line-color);
stroke-dasharray: var(--tblr-vector-map-line-dash);
stroke-width: var(--tblr-vector-map-line-width);
vector-effect: non-scaling-stroke;
animation: vector-map-line var(--tblr-vector-map-line-duration) linear infinite;
}
@media (prefers-reduced-motion: reduce) {
.vector-map-line {
animation: none;
}
}
.vector-map-region-point-halo,
.vector-map-region-point-dot,
.vector-map-marker-halo,
.vector-map-marker-dot {
fill: none;
stroke-linecap: round;
vector-effect: non-scaling-stroke;
}
.vector-map-colors .vector-map-region[data-value],
.vector-map-colors .vector-map-legend-step {
--tblr-vector-map-region-color: color-mix(in oklab, color-mix(in oklab, color-mix(in oklab, color-mix(in oklab, var(--tblr-vector-map-color-1, transparent), var(--tblr-vector-map-color-2, transparent) calc(clamp(0, var(--tblr-vector-map-value, 1) * (var(--tblr-vector-map-colors, 2) - 1) - 0, 1) * 100%)), var(--tblr-vector-map-color-3, transparent) calc(clamp(0, var(--tblr-vector-map-value, 1) * (var(--tblr-vector-map-colors, 2) - 1) - 1, 1) * 100%)), var(--tblr-vector-map-color-4, transparent) calc(clamp(0, var(--tblr-vector-map-value, 1) * (var(--tblr-vector-map-colors, 2) - 1) - 2, 1) * 100%)), var(--tblr-vector-map-color-5, transparent) calc(clamp(0, var(--tblr-vector-map-value, 1) * (var(--tblr-vector-map-colors, 2) - 1) - 3, 1) * 100%));
}
.vector-map-region-point:not([data-value]) {
display: none;
}
.vector-map-region-point-halo {
stroke: var(--tblr-vector-map-marker-halo-color);
stroke-width: calc(var(--tblr-vector-map-point-size) + var(--tblr-vector-map-marker-halo-width) * 2);
}
.vector-map-region-point-dot {
stroke: var(--tblr-vector-map-region-color);
stroke-width: var(--tblr-vector-map-point-size);
}
.vector-map-marker-halo {
stroke: var(--tblr-vector-map-marker-halo-color);
stroke-width: calc(var(--tblr-vector-map-marker-size) + var(--tblr-vector-map-marker-halo-width) * 2);
}
.vector-map-marker-dot {
stroke: var(--tblr-vector-map-marker-color);
stroke-width: var(--tblr-vector-map-marker-size);
}
.vector-map-tooltip {
position: absolute;
z-index: 1;
padding: var(--tblr-spacer-1) var(--tblr-spacer-2);
font-size: 0.765625rem;
line-height: 1.4285714286;
color: var(--tblr-text-inverted);
white-space: nowrap;
pointer-events: none;
background: var(--tblr-bg-surface-inverted);
border-radius: var(--tblr-border-radius);
/* rtl:ignore */
transform: translate(-50%, calc(-100% - 0.5rem));
}
.vector-map-zoomable .vector-map-svg {
touch-action: none;
cursor: grab;
-webkit-user-select: none;
user-select: none;
}
.vector-map-dragging .vector-map-svg {
cursor: grabbing;
}
.vector-map-controls {
position: absolute;
inset-block-start: var(--tblr-vector-map-controls-offset);
inset-inline-end: var(--tblr-vector-map-controls-offset);
z-index: 1;
}
.vector-map-controls .icon {
fill: none;
stroke: currentColor;
stroke-linecap: round;
stroke-width: 2;
}
.vector-map-legend {
display: flex;
gap: 0.5rem;
align-items: center;
justify-content: center;
margin-top: 0.5rem;
font-size: 0.765625rem;
font-variant-numeric: tabular-nums;
line-height: 1.4285714286;
color: var(--tblr-secondary);
}
.vector-map-legend-scale {
display: flex;
width: var(--tblr-vector-map-legend-width);
height: var(--tblr-vector-map-legend-height);
overflow: hidden;
border-radius: 100rem;
}
.vector-map-legend-step {
flex: 1;
background: var(--tblr-vector-map-region-color);
}
.vector-map-selectable .vector-map-region {
cursor: pointer;
}
.vector-map-region-selected {
stroke: var(--tblr-vector-map-selected-stroke);
stroke-width: var(--tblr-vector-map-selected-stroke-width);
}
.vector-map-region-selected .vector-map-region-point-halo {
stroke: var(--tblr-vector-map-selected-stroke);
}
@media print {
.offcanvas {
display: none;
}
}
.offcanvas-body {
overscroll-behavior: contain;
}
.offcanvas-header {
border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
}
.offcanvas-footer {
padding: 1.5rem 1.5rem;
}
.offcanvas-title {
--tblr-offcanvas-title-line-height: 1.4285714286;
font-size: 1rem;
font-weight: var(--tblr-font-weight-medium);
line-height: var(--tblr-offcanvas-title-line-height);
}
.offcanvas-narrow {
--tblr-offcanvas-narrow-width: 20rem;
--tblr-offcanvas-width: var(--tblr-offcanvas-narrow-width);
}
.offcanvas-floating,
html[data-bs-offcanvas-style=floating] :is(.offcanvas-start, .offcanvas-end, .offcanvas-top, .offcanvas-bottom) {
--tblr-offcanvas-transition: transform 0.3s ease-in-out, translate 0.3s ease-in-out;
max-width: calc(100% - 2 * var(--tblr-offcanvas-margin));
max-height: calc(100% - 2 * var(--tblr-offcanvas-margin));
margin: var(--tblr-offcanvas-margin);
border: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
border-radius: var(--tblr-border-radius-lg);
}
.offcanvas-floating.offcanvas-start,
html[data-bs-offcanvas-style=floating] :is(.offcanvas-start, .offcanvas-end, .offcanvas-top, .offcanvas-bottom).offcanvas-start {
/* rtl:ignore */
translate: calc(var(--tblr-dir) * -1 * var(--tblr-offcanvas-margin));
}
.offcanvas-floating.offcanvas-end,
html[data-bs-offcanvas-style=floating] :is(.offcanvas-start, .offcanvas-end, .offcanvas-top, .offcanvas-bottom).offcanvas-end {
/* rtl:ignore */
translate: calc(var(--tblr-dir) * var(--tblr-offcanvas-margin));
}
.offcanvas-floating.offcanvas-top,
html[data-bs-offcanvas-style=floating] :is(.offcanvas-start, .offcanvas-end, .offcanvas-top, .offcanvas-bottom).offcanvas-top {
translate: 0 calc(-1 * var(--tblr-offcanvas-margin));
}
.offcanvas-floating.offcanvas-bottom,
html[data-bs-offcanvas-style=floating] :is(.offcanvas-start, .offcanvas-end, .offcanvas-top, .offcanvas-bottom).offcanvas-bottom {
translate: 0 var(--tblr-offcanvas-margin);
}
.offcanvas-floating.showing, .offcanvas-floating.show:not(.hiding),
html[data-bs-offcanvas-style=floating] :is(.offcanvas-start, .offcanvas-end, .offcanvas-top, .offcanvas-bottom).showing,
html[data-bs-offcanvas-style=floating] :is(.offcanvas-start, .offcanvas-end, .offcanvas-top, .offcanvas-bottom).show:not(.hiding) {
translate: none;
}
.chat {
--tblr-chat-bubbles-gap: 1rem;
--tblr-chat-bubble-padding: 1rem;
--tblr-chat-bubble-title-margin-bottom: 0.25rem;
}
.chat-bubbles {
display: flex;
flex-direction: column;
gap: var(--tblr-chat-bubbles-gap);
}
.chat-bubble {
position: relative;
padding: var(--tblr-chat-bubble-padding);
background: var(--tblr-fill-tertiary);
border-radius: var(--tblr-border-radius-lg);
}
.chat-bubble-me {
background-color: var(--tblr-primary-lt);
box-shadow: none;
}
.chat-bubble-title {
margin-bottom: var(--tblr-chat-bubble-title-margin-bottom);
}
.chat-bubble-author {
font-weight: 600;
}
.chat-bubble-date {
color: var(--tblr-secondary);
}
.chat-bubble-body > *:last-child {
margin-bottom: 0;
}
.signature {
--tblr-signature-padding: var(--tblr-spacer-1);
--tblr-signature-border-radius: var(--tblr-border-radius);
--tblr-signature-canvas-height: 12.5rem;
padding: var(--tblr-signature-padding);
border: var(--tblr-border-width) solid var(--tblr-border-color);
border-radius: var(--tblr-border-radius);
}
.signature-canvas {
display: block;
width: 100%;
height: var(--tblr-signature-canvas-height);
cursor: crosshair;
border: var(--tblr-border-width) dashed var(--tblr-border-color);
border-radius: calc(var(--tblr-signature-border-radius) - var(--tblr-signature-padding));
}
.bg-pattern-horizontal-stripes, .bg-pattern-vertical-stripes, .bg-pattern-zigzag, .bg-pattern-diagonal-stripes-2, .bg-pattern-diagonal-stripes, .bg-pattern-circles, .bg-pattern-cross-dots, .bg-pattern-blueprint, .bg-pattern-grid-diagonal, .bg-pattern-grid, .bg-pattern-lines-vertical, .bg-pattern-lines, .bg-pattern-rectangles, .bg-pattern-dots, .bg-pattern-diagonal-2, .bg-pattern-diagonal, .bg-pattern-transparent {
--tblr-pattern-color: var(--tblr-body-color);
--tblr-pattern-size: 0.5rem;
--tblr-pattern-opacity: calc(var(--tblr-pattern-opacity-factor, 1) * 10%);
--tblr-pattern-fill: color-mix(in oklab, var(--tblr-pattern-color) var(--tblr-pattern-opacity), transparent);
background-clip: padding-box;
}
.bg-pattern-transparent {
background-image: repeating-conic-gradient(var(--tblr-pattern-fill) 0% 25%, transparent 0% 50%);
background-size: calc(var(--tblr-pattern-size) * 2) calc(var(--tblr-pattern-size) * 2);
}
.bg-pattern-diagonal {
background-image: repeating-linear-gradient(-45deg, var(--tblr-pattern-fill) 0 1px, transparent 0 50%);
background-size: var(--tblr-pattern-size) var(--tblr-pattern-size);
}
.bg-pattern-diagonal-2 {
background-image: repeating-linear-gradient(45deg, var(--tblr-pattern-fill) 0 1px, transparent 0 50%);
background-size: var(--tblr-pattern-size) var(--tblr-pattern-size);
}
.bg-pattern-dots {
--tblr-pattern-opacity: calc(var(--tblr-pattern-opacity-factor, 1) * 20%);
--tblr-pattern-dot: max(1px, calc(var(--tblr-pattern-size) * 0.1));
background-image: radial-gradient(circle, var(--tblr-pattern-fill) var(--tblr-pattern-dot), transparent calc(var(--tblr-pattern-dot) + 0.5px)), radial-gradient(circle, var(--tblr-pattern-fill) var(--tblr-pattern-dot), transparent calc(var(--tblr-pattern-dot) + 0.5px));
background-position: 0 0, calc(var(--tblr-pattern-size)) calc(var(--tblr-pattern-size));
background-size: calc(var(--tblr-pattern-size) * 2) calc(var(--tblr-pattern-size) * 2);
}
.bg-pattern-rectangles {
--tblr-pattern-opacity: calc(var(--tblr-pattern-opacity-factor, 1) * 3%);
background-image: repeating-linear-gradient(45deg, var(--tblr-pattern-fill) 25%, transparent 25%, transparent 75%, var(--tblr-pattern-fill) 75%, var(--tblr-pattern-fill)), repeating-linear-gradient(45deg, var(--tblr-pattern-fill) 25%, transparent 25%, transparent 75%, var(--tblr-pattern-fill) 75%, var(--tblr-pattern-fill));
background-position: -1px -1px, calc(var(--tblr-pattern-size) - 1px) calc(var(--tblr-pattern-size) - 1px);
background-size: calc(var(--tblr-pattern-size) * 2) calc(var(--tblr-pattern-size) * 2);
}
.bg-pattern-lines {
--tblr-pattern-opacity: calc(var(--tblr-pattern-opacity-factor, 1) * 6%);
background-image: repeating-linear-gradient(0deg, var(--tblr-pattern-fill), var(--tblr-pattern-fill) 1px, transparent 1px, transparent);
background-position: -1px -1px;
background-size: var(--tblr-pattern-size) var(--tblr-pattern-size);
}
.bg-pattern-lines-vertical {
--tblr-pattern-opacity: calc(var(--tblr-pattern-opacity-factor, 1) * 6%);
background-image: repeating-linear-gradient(90deg, var(--tblr-pattern-fill), var(--tblr-pattern-fill) 1px, transparent 1px, transparent);
background-position: -1px -1px;
background-size: var(--tblr-pattern-size) var(--tblr-pattern-size);
}
.bg-pattern-grid {
--tblr-pattern-opacity: calc(var(--tblr-pattern-opacity-factor, 1) * 6%);
background-image: linear-gradient(to right, var(--tblr-pattern-fill) 1px, transparent 1px), linear-gradient(to bottom, var(--tblr-pattern-fill) 1px, transparent 1px);
background-position: -1px -1px, -1px -1px;
background-size: calc(var(--tblr-pattern-size) * 2) calc(var(--tblr-pattern-size) * 2);
}
.bg-pattern-grid-diagonal {
background-image: linear-gradient(45deg, transparent 49%, var(--tblr-pattern-fill) 49%, var(--tblr-pattern-fill) 51%, transparent 51%), linear-gradient(-45deg, transparent 49%, var(--tblr-pattern-fill) 49%, var(--tblr-pattern-fill) 51%, transparent 51%);
background-position: center center;
background-size: calc(var(--tblr-pattern-size) * 2) calc(var(--tblr-pattern-size) * 2);
}
.bg-pattern-blueprint {
--tblr-pattern-opacity: calc(var(--tblr-pattern-opacity-factor, 1) * 6%);
--tblr-pattern-line: var(--tblr-pattern-fill);
background-image: linear-gradient(var(--tblr-pattern-line) 2px, transparent 2px), linear-gradient(90deg, var(--tblr-pattern-line) 2px, transparent 2px), linear-gradient(var(--tblr-pattern-line) 1px, transparent 1px), linear-gradient(90deg, var(--tblr-pattern-line) 1px, transparent 1px);
background-position: -3px -3px, -3px -3px, -2px -2px, -2px -2px;
background-size: calc(var(--tblr-pattern-size) * 10) calc(var(--tblr-pattern-size) * 10), calc(var(--tblr-pattern-size) * 10) calc(var(--tblr-pattern-size) * 10), calc(var(--tblr-pattern-size) * 2) calc(var(--tblr-pattern-size) * 2), calc(var(--tblr-pattern-size) * 2) calc(var(--tblr-pattern-size) * 2);
}
.bg-pattern-cross-dots {
background-image: radial-gradient(var(--tblr-pattern-fill) 1px, transparent 1px), radial-gradient(var(--tblr-pattern-fill) 1px, transparent 1px);
background-position: 0 0, var(--tblr-pattern-size) var(--tblr-pattern-size);
background-size: calc(var(--tblr-pattern-size) * 2) calc(var(--tblr-pattern-size) * 2);
}
.bg-pattern-circles {
background-image: radial-gradient(circle at center top, transparent 9%, var(--tblr-pattern-fill) 10%, var(--tblr-pattern-fill) 15%, transparent 16%), radial-gradient(circle at center bottom, transparent 9%, var(--tblr-pattern-fill) 10%, var(--tblr-pattern-fill) 15%, transparent 16%), radial-gradient(circle at right center, transparent 9%, var(--tblr-pattern-fill) 10%, var(--tblr-pattern-fill) 15%, transparent 16%), radial-gradient(circle at left center, transparent 9%, var(--tblr-pattern-fill) 10%, var(--tblr-pattern-fill) 15%, transparent 16%);
background-position: 0 0;
background-size: calc(var(--tblr-pattern-size) * 3) calc(var(--tblr-pattern-size) * 3);
}
.bg-pattern-diagonal-stripes {
--tblr-pattern-opacity: calc(var(--tblr-pattern-opacity-factor, 1) * 5%);
background-image: repeating-linear-gradient(45deg, transparent, transparent var(--tblr-pattern-size), var(--tblr-pattern-fill) var(--tblr-pattern-size), var(--tblr-pattern-fill) calc(2 * var(--tblr-pattern-size)));
background-repeat: no-repeat;
}
.bg-pattern-diagonal-stripes-2 {
--tblr-pattern-opacity: calc(var(--tblr-pattern-opacity-factor, 1) * 5%);
background-image: repeating-linear-gradient(-45deg, transparent, transparent var(--tblr-pattern-size), var(--tblr-pattern-fill) var(--tblr-pattern-size), var(--tblr-pattern-fill) calc(2 * var(--tblr-pattern-size)));
background-repeat: no-repeat;
}
.bg-pattern-zigzag {
--tblr-pattern-opacity: calc(var(--tblr-pattern-opacity-factor, 1) * 5%);
background: linear-gradient(135deg, var(--tblr-pattern-fill) 25%, transparent 25%) calc(-1 * var(--tblr-pattern-size)) 0, linear-gradient(225deg, var(--tblr-pattern-fill) 25%, transparent 25%) calc(-1 * var(--tblr-pattern-size)) 0, linear-gradient(315deg, var(--tblr-pattern-fill) 25%, transparent 25%), linear-gradient(45deg, var(--tblr-pattern-fill) 25%, transparent 25%);
background-clip: padding-box;
background-size: calc(2 * var(--tblr-pattern-size)) calc(2 * var(--tblr-pattern-size));
}
.bg-pattern-vertical-stripes {
--tblr-pattern-opacity: calc(var(--tblr-pattern-opacity-factor, 1) * 5%);
background-image: repeating-linear-gradient(90deg, transparent, transparent var(--tblr-pattern-size), var(--tblr-pattern-fill) var(--tblr-pattern-size), var(--tblr-pattern-fill) calc(2 * var(--tblr-pattern-size)));
}
.bg-pattern-horizontal-stripes {
--tblr-pattern-opacity: calc(var(--tblr-pattern-opacity-factor, 1) * 5%);
background-image: repeating-linear-gradient(0deg, transparent, transparent var(--tblr-pattern-size), var(--tblr-pattern-fill) var(--tblr-pattern-size), var(--tblr-pattern-fill) calc(2 * var(--tblr-pattern-size)));
background-position: -1px -1px;
}
.bg-pattern-primary {
--tblr-pattern-color: oklch(54.6% 0.1724 254.2deg);
}
.bg-pattern-secondary {
--tblr-pattern-color: oklch(55.55% 0 0deg);
}
.bg-pattern-success {
--tblr-pattern-color: oklch(67.38% 0.1885 145.43deg);
}
.bg-pattern-info {
--tblr-pattern-color: oklch(66.26% 0.1358 246.81deg);
}
.bg-pattern-warning {
--tblr-pattern-color: oklch(77.02% 0.1658 71.02deg);
}
.bg-pattern-danger {
--tblr-pattern-color: oklch(58.29% 0.1941 25.59deg);
}
.bg-pattern-light {
--tblr-pattern-color: oklch(98.51% 0 0deg);
}
.bg-pattern-dark {
--tblr-pattern-color: oklch(26.86% 0 0deg);
}
.bg-pattern-muted {
--tblr-pattern-color: oklch(55.55% 0 0deg);
}
.bg-pattern-blue {
--tblr-pattern-color: oklch(54.6% 0.1724 254.2deg);
}
.bg-pattern-azure {
--tblr-pattern-color: oklch(66.26% 0.1358 246.81deg);
}
.bg-pattern-indigo {
--tblr-pattern-color: oklch(55.66% 0.2082 268.35deg);
}
.bg-pattern-purple {
--tblr-pattern-color: oklch(57.83% 0.2186 319.15deg);
}
.bg-pattern-pink {
--tblr-pattern-color: oklch(58.81% 0.201 5.25deg);
}
.bg-pattern-red {
--tblr-pattern-color: oklch(58.29% 0.1941 25.59deg);
}
.bg-pattern-orange {
--tblr-pattern-color: oklch(68.51% 0.1954 44.57deg);
}
.bg-pattern-yellow {
--tblr-pattern-color: oklch(77.02% 0.1658 71.02deg);
}
.bg-pattern-lime {
--tblr-pattern-color: oklch(70.99% 0.1897 131.53deg);
}
.bg-pattern-green {
--tblr-pattern-color: oklch(67.38% 0.1885 145.43deg);
}
.bg-pattern-teal {
--tblr-pattern-color: oklch(64.32% 0.1338 164.7deg);
}
.bg-pattern-cyan {
--tblr-pattern-color: oklch(65.52% 0.1105 212.17deg);
}
.bg-pattern-sm {
--tblr-pattern-size: 0.25rem;
}
.bg-pattern-md {
--tblr-pattern-size: 0.5rem;
}
.bg-pattern-lg {
--tblr-pattern-size: 0.75rem;
}
.bg-pattern-xl {
--tblr-pattern-size: 1rem;
}
.bg-pattern-opacity-lighter {
--tblr-pattern-opacity: 6%;
}
.bg-pattern-opacity-light {
--tblr-pattern-opacity: 8%;
}
.bg-pattern-opacity-dark {
--tblr-pattern-opacity: 20%;
}
.bg-pattern-opacity-darker {
--tblr-pattern-opacity: 50%;
}
.sortable-ghost,
.sortable-swap-highlight,
.sortable-selected,
.sortable-drag {
--tblr-sortable-ghost-bg: var(--tblr-primary-lt);
--tblr-sortable-ghost-border-color: var(--tblr-primary);
--tblr-sortable-ghost-opacity: 0.6;
--tblr-sortable-outline-width: 1px;
--tblr-sortable-selected-bg: var(--tblr-primary-lt);
--tblr-sortable-drag-bg: var(--tblr-bg-surface);
--tblr-sortable-drag-rotate: 1.5deg;
--tblr-sortable-drag-box-shadow: 0px 4px 6px -2px color-mix(in oklab, var(--tblr-shadow-color) 12.5%, transparent), 0px 10px 15px -3px color-mix(in oklab, var(--tblr-shadow-color) 20%, transparent);
}
.sortable-ghost,
.sortable-swap-highlight {
background-color: var(--tblr-sortable-ghost-bg);
outline: var(--tblr-sortable-outline-width) dashed var(--tblr-sortable-ghost-border-color);
outline-offset: calc(var(--tblr-sortable-outline-width) * -1);
}
.sortable-ghost {
opacity: var(--tblr-sortable-ghost-opacity);
}
tr.sortable-ghost > *,
tr.sortable-swap-highlight > *,
tr.sortable-selected > * {
--tblr-table-bg-state: var(--tblr-sortable-ghost-bg);
}
.sortable-selected {
background-color: var(--tblr-sortable-selected-bg);
outline: var(--tblr-sortable-outline-width) solid var(--tblr-sortable-ghost-border-color);
outline-offset: calc(var(--tblr-sortable-outline-width) * -1);
}
.list-group-item.sortable-ghost, .list-group-item.sortable-swap-highlight, .list-group-item.sortable-selected, .list-group-item.sortable-drag {
border-radius: var(--tblr-list-group-border-radius);
}
.sortable-chosen {
cursor: grabbing;
}
.sortable-drag {
cursor: grabbing;
background-color: var(--tblr-sortable-drag-bg);
outline: var(--tblr-sortable-outline-width) solid var(--tblr-sortable-ghost-border-color);
outline-offset: calc(var(--tblr-sortable-outline-width) * -1);
box-shadow: var(--tblr-sortable-drag-box-shadow);
opacity: 1 !important;
transition: none;
}
.sortable-drag.sortable-fallback {
/* rtl:ignore */
rotate: calc(var(--tblr-sortable-drag-rotate) * var(--tblr-dir));
}
.card.sortable-drag {
box-shadow: var(--tblr-sortable-drag-box-shadow);
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.vr {
display: inline-block;
align-self: stretch;
width: var(--tblr-border-width);
min-height: 1em;
background-color: currentColor;
opacity: 11.9%;
}
.stretched-link::after {
position: absolute;
inset-inline-start: 0;
inset-inline-end: 0;
top: 0;
bottom: 0;
z-index: 1;
content: "";
}
.stretched-link.btn {
position: static;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
position: absolute !important;
}
.visually-hidden *,
.visually-hidden-focusable:not(:focus):not(:focus-within) * {
overflow: hidden !important;
}
.hstack {
display: flex;
flex-direction: row;
align-items: center;
align-self: stretch;
}
.vstack {
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-self: stretch;
}
.fixed-top {
position: fixed;
inset-inline-start: 0;
inset-inline-end: 0;
top: 0;
z-index: 1030;
}
.fixed-bottom {
position: fixed;
inset-inline-start: 0;
inset-inline-end: 0;
bottom: 0;
z-index: 1030;
}
.sticky-top {
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-bottom {
position: sticky;
bottom: 0;
z-index: 1020;
}
@media (min-width: 576px) {
.sticky-sm-top {
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-sm-bottom {
position: sticky;
bottom: 0;
z-index: 1020;
}
}
@media (min-width: 768px) {
.sticky-md-top {
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-md-bottom {
position: sticky;
bottom: 0;
z-index: 1020;
}
}
@media (min-width: 992px) {
.sticky-lg-top {
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-lg-bottom {
position: sticky;
bottom: 0;
z-index: 1020;
}
}
@media (min-width: 1200px) {
.sticky-xl-top {
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-xl-bottom {
position: sticky;
bottom: 0;
z-index: 1020;
}
}
@media (min-width: 1400px) {
.sticky-xxl-top {
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-xxl-bottom {
position: sticky;
bottom: 0;
z-index: 1020;
}
}
.ratio {
position: relative;
width: 100%;
}
.ratio::before {
display: block;
padding-top: var(--tblr-aspect-ratio);
content: "";
}
.ratio > * {
position: absolute;
inset-inline-start: 0;
top: 0;
width: 100%;
height: 100%;
}
.ratio-1x1 {
--tblr-aspect-ratio: 100%;
}
.ratio-2x1 {
--tblr-aspect-ratio: 50%;
}
.ratio-1x2 {
--tblr-aspect-ratio: 200%;
}
.ratio-3x1 {
--tblr-aspect-ratio: 33.3333333333%;
}
.ratio-1x3 {
--tblr-aspect-ratio: 300%;
}
.ratio-4x1 {
--tblr-aspect-ratio: 25%;
}
.ratio-1x4 {
--tblr-aspect-ratio: 400%;
}
.ratio-4x3 {
--tblr-aspect-ratio: 75%;
}
.ratio-3x4 {
--tblr-aspect-ratio: 133.3333333333%;
}
.ratio-16x9 {
--tblr-aspect-ratio: 56.25%;
}
.ratio-9x16 {
--tblr-aspect-ratio: 177.7777777778%;
}
.ratio-21x9 {
--tblr-aspect-ratio: 42.8571428571%;
}
.ratio-9x21 {
--tblr-aspect-ratio: 233.3333333333%;
}
.focus-ring {
outline-color: transparent;
transition: outline-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.focus-ring {
transition: none;
}
}
.focus-ring:focus-visible {
outline: var(--tblr-focus-ring-width) solid var(--tblr-focus-ring-color);
}
.bg-white-overlay {
color: #fff;
background-color: color-mix(in oklab, var(--tblr-light) 24%, transparent);
}
.bg-dark-overlay {
color: #fff;
background-color: color-mix(in oklab, var(--tblr-dark) 24%, transparent);
}
.bg-cover {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.bg-primary {
background-color: color-mix(in oklab, var(--tblr-primary) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.bg-primary-lt {
color: color-mix(in oklab, var(--tblr-primary) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
background-color: color-mix(in oklab, var(--tblr-primary-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.border-primary {
border-color: color-mix(in oklab, var(--tblr-primary) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}
.bg-gradient-from-primary {
--tblr-gradient-from: var(--tblr-primary);
}
.bg-gradient-to-primary {
--tblr-gradient-to: var(--tblr-primary);
}
.bg-gradient-via-primary {
--tblr-gradient-via: var(--tblr-primary);
--tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent);
}
.text-bg-primary {
color: var(--tblr-primary-fg) !important;
background-color: color-mix(in oklab, var(--tblr-primary) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.link-primary {
color: color-mix(in oklab, var(--tblr-primary) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, var(--tblr-primary) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.link-primary:hover, .link-primary:focus {
color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-primary)) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-primary)) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.bg-secondary {
background-color: color-mix(in oklab, var(--tblr-secondary) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.bg-secondary-lt {
color: color-mix(in oklab, var(--tblr-secondary) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
background-color: color-mix(in oklab, var(--tblr-secondary-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.border-secondary {
border-color: color-mix(in oklab, var(--tblr-secondary) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}
.bg-gradient-from-secondary {
--tblr-gradient-from: var(--tblr-secondary);
}
.bg-gradient-to-secondary {
--tblr-gradient-to: var(--tblr-secondary);
}
.bg-gradient-via-secondary {
--tblr-gradient-via: var(--tblr-secondary);
--tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent);
}
.text-bg-secondary {
color: var(--tblr-secondary-fg) !important;
background-color: color-mix(in oklab, var(--tblr-secondary) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.link-secondary {
color: color-mix(in oklab, var(--tblr-secondary) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, var(--tblr-secondary) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.link-secondary:hover, .link-secondary:focus {
color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-secondary)) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-secondary)) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.bg-success {
background-color: color-mix(in oklab, var(--tblr-success) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.bg-success-lt {
color: color-mix(in oklab, var(--tblr-success) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
background-color: color-mix(in oklab, var(--tblr-success-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.border-success {
border-color: color-mix(in oklab, var(--tblr-success) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}
.bg-gradient-from-success {
--tblr-gradient-from: var(--tblr-success);
}
.bg-gradient-to-success {
--tblr-gradient-to: var(--tblr-success);
}
.bg-gradient-via-success {
--tblr-gradient-via: var(--tblr-success);
--tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent);
}
.text-bg-success {
color: var(--tblr-success-fg) !important;
background-color: color-mix(in oklab, var(--tblr-success) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.link-success {
color: color-mix(in oklab, var(--tblr-success) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, var(--tblr-success) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.link-success:hover, .link-success:focus {
color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-success)) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-success)) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.bg-info {
background-color: color-mix(in oklab, var(--tblr-info) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.bg-info-lt {
color: color-mix(in oklab, var(--tblr-info) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
background-color: color-mix(in oklab, var(--tblr-info-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.border-info {
border-color: color-mix(in oklab, var(--tblr-info) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}
.bg-gradient-from-info {
--tblr-gradient-from: var(--tblr-info);
}
.bg-gradient-to-info {
--tblr-gradient-to: var(--tblr-info);
}
.bg-gradient-via-info {
--tblr-gradient-via: var(--tblr-info);
--tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent);
}
.text-bg-info {
color: var(--tblr-info-fg) !important;
background-color: color-mix(in oklab, var(--tblr-info) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.link-info {
color: color-mix(in oklab, var(--tblr-info) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, var(--tblr-info) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.link-info:hover, .link-info:focus {
color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-info)) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-info)) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.bg-warning {
background-color: color-mix(in oklab, var(--tblr-warning) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.bg-warning-lt {
color: color-mix(in oklab, var(--tblr-warning) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
background-color: color-mix(in oklab, var(--tblr-warning-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.border-warning {
border-color: color-mix(in oklab, var(--tblr-warning) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}
.bg-gradient-from-warning {
--tblr-gradient-from: var(--tblr-warning);
}
.bg-gradient-to-warning {
--tblr-gradient-to: var(--tblr-warning);
}
.bg-gradient-via-warning {
--tblr-gradient-via: var(--tblr-warning);
--tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent);
}
.text-bg-warning {
color: var(--tblr-warning-fg) !important;
background-color: color-mix(in oklab, var(--tblr-warning) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.link-warning {
color: color-mix(in oklab, var(--tblr-warning) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, var(--tblr-warning) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.link-warning:hover, .link-warning:focus {
color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-warning)) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-warning)) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.bg-danger {
background-color: color-mix(in oklab, var(--tblr-danger) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.bg-danger-lt {
color: color-mix(in oklab, var(--tblr-danger) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
background-color: color-mix(in oklab, var(--tblr-danger-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.border-danger {
border-color: color-mix(in oklab, var(--tblr-danger) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}
.bg-gradient-from-danger {
--tblr-gradient-from: var(--tblr-danger);
}
.bg-gradient-to-danger {
--tblr-gradient-to: var(--tblr-danger);
}
.bg-gradient-via-danger {
--tblr-gradient-via: var(--tblr-danger);
--tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent);
}
.text-bg-danger {
color: var(--tblr-danger-fg) !important;
background-color: color-mix(in oklab, var(--tblr-danger) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.link-danger {
color: color-mix(in oklab, var(--tblr-danger) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, var(--tblr-danger) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.link-danger:hover, .link-danger:focus {
color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-danger)) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-danger)) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.bg-light {
background-color: color-mix(in oklab, var(--tblr-light) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.bg-light-lt {
color: color-mix(in oklab, var(--tblr-light) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
background-color: color-mix(in oklab, var(--tblr-light-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.border-light {
border-color: color-mix(in oklab, var(--tblr-light) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}
.bg-gradient-from-light {
--tblr-gradient-from: var(--tblr-light);
}
.bg-gradient-to-light {
--tblr-gradient-to: var(--tblr-light);
}
.bg-gradient-via-light {
--tblr-gradient-via: var(--tblr-light);
--tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent);
}
.text-bg-light {
color: var(--tblr-light-fg) !important;
background-color: color-mix(in oklab, var(--tblr-light) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.link-light {
color: color-mix(in oklab, var(--tblr-light) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, var(--tblr-light) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.link-light:hover, .link-light:focus {
color: color-mix(in oklab, color-mix(in oklab, var(--tblr-white) 20%, var(--tblr-light)) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, color-mix(in oklab, var(--tblr-white) 20%, var(--tblr-light)) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.bg-dark {
background-color: color-mix(in oklab, var(--tblr-dark) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.bg-dark-lt {
color: color-mix(in oklab, var(--tblr-dark) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
background-color: color-mix(in oklab, var(--tblr-dark-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.border-dark {
border-color: color-mix(in oklab, var(--tblr-dark) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}
.bg-gradient-from-dark {
--tblr-gradient-from: var(--tblr-dark);
}
.bg-gradient-to-dark {
--tblr-gradient-to: var(--tblr-dark);
}
.bg-gradient-via-dark {
--tblr-gradient-via: var(--tblr-dark);
--tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent);
}
.text-bg-dark {
color: var(--tblr-dark-fg) !important;
background-color: color-mix(in oklab, var(--tblr-dark) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.link-dark {
color: color-mix(in oklab, var(--tblr-dark) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, var(--tblr-dark) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.link-dark:hover, .link-dark:focus {
color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-dark)) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-dark)) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.bg-muted {
background-color: color-mix(in oklab, var(--tblr-muted) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.bg-muted-lt {
color: color-mix(in oklab, var(--tblr-muted) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
background-color: color-mix(in oklab, var(--tblr-muted-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.border-muted {
border-color: color-mix(in oklab, var(--tblr-muted) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}
.bg-gradient-from-muted {
--tblr-gradient-from: var(--tblr-muted);
}
.bg-gradient-to-muted {
--tblr-gradient-to: var(--tblr-muted);
}
.bg-gradient-via-muted {
--tblr-gradient-via: var(--tblr-muted);
--tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent);
}
.text-bg-muted {
color: var(--tblr-muted-fg) !important;
background-color: color-mix(in oklab, var(--tblr-muted) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.link-muted {
color: color-mix(in oklab, var(--tblr-muted) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, var(--tblr-muted) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.link-muted:hover, .link-muted:focus {
color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-muted)) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-muted)) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.bg-blue {
background-color: color-mix(in oklab, var(--tblr-blue) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.bg-blue-lt {
color: color-mix(in oklab, var(--tblr-blue) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
background-color: color-mix(in oklab, var(--tblr-blue-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.border-blue {
border-color: color-mix(in oklab, var(--tblr-blue) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}
.bg-gradient-from-blue {
--tblr-gradient-from: var(--tblr-blue);
}
.bg-gradient-to-blue {
--tblr-gradient-to: var(--tblr-blue);
}
.bg-gradient-via-blue {
--tblr-gradient-via: var(--tblr-blue);
--tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent);
}
.text-bg-blue {
color: var(--tblr-blue-fg) !important;
background-color: color-mix(in oklab, var(--tblr-blue) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.link-blue {
color: color-mix(in oklab, var(--tblr-blue) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, var(--tblr-blue) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.link-blue:hover, .link-blue:focus {
color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-blue)) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-blue)) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.bg-azure {
background-color: color-mix(in oklab, var(--tblr-azure) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.bg-azure-lt {
color: color-mix(in oklab, var(--tblr-azure) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
background-color: color-mix(in oklab, var(--tblr-azure-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.border-azure {
border-color: color-mix(in oklab, var(--tblr-azure) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}
.bg-gradient-from-azure {
--tblr-gradient-from: var(--tblr-azure);
}
.bg-gradient-to-azure {
--tblr-gradient-to: var(--tblr-azure);
}
.bg-gradient-via-azure {
--tblr-gradient-via: var(--tblr-azure);
--tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent);
}
.text-bg-azure {
color: var(--tblr-azure-fg) !important;
background-color: color-mix(in oklab, var(--tblr-azure) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.link-azure {
color: color-mix(in oklab, var(--tblr-azure) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, var(--tblr-azure) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.link-azure:hover, .link-azure:focus {
color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-azure)) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-azure)) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.bg-indigo {
background-color: color-mix(in oklab, var(--tblr-indigo) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.bg-indigo-lt {
color: color-mix(in oklab, var(--tblr-indigo) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
background-color: color-mix(in oklab, var(--tblr-indigo-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.border-indigo {
border-color: color-mix(in oklab, var(--tblr-indigo) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}
.bg-gradient-from-indigo {
--tblr-gradient-from: var(--tblr-indigo);
}
.bg-gradient-to-indigo {
--tblr-gradient-to: var(--tblr-indigo);
}
.bg-gradient-via-indigo {
--tblr-gradient-via: var(--tblr-indigo);
--tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent);
}
.text-bg-indigo {
color: var(--tblr-indigo-fg) !important;
background-color: color-mix(in oklab, var(--tblr-indigo) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.link-indigo {
color: color-mix(in oklab, var(--tblr-indigo) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, var(--tblr-indigo) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.link-indigo:hover, .link-indigo:focus {
color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-indigo)) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-indigo)) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.bg-purple {
background-color: color-mix(in oklab, var(--tblr-purple) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.bg-purple-lt {
color: color-mix(in oklab, var(--tblr-purple) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
background-color: color-mix(in oklab, var(--tblr-purple-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.border-purple {
border-color: color-mix(in oklab, var(--tblr-purple) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}
.bg-gradient-from-purple {
--tblr-gradient-from: var(--tblr-purple);
}
.bg-gradient-to-purple {
--tblr-gradient-to: var(--tblr-purple);
}
.bg-gradient-via-purple {
--tblr-gradient-via: var(--tblr-purple);
--tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent);
}
.text-bg-purple {
color: var(--tblr-purple-fg) !important;
background-color: color-mix(in oklab, var(--tblr-purple) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.link-purple {
color: color-mix(in oklab, var(--tblr-purple) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, var(--tblr-purple) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.link-purple:hover, .link-purple:focus {
color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-purple)) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-purple)) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.bg-pink {
background-color: color-mix(in oklab, var(--tblr-pink) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.bg-pink-lt {
color: color-mix(in oklab, var(--tblr-pink) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
background-color: color-mix(in oklab, var(--tblr-pink-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.border-pink {
border-color: color-mix(in oklab, var(--tblr-pink) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}
.bg-gradient-from-pink {
--tblr-gradient-from: var(--tblr-pink);
}
.bg-gradient-to-pink {
--tblr-gradient-to: var(--tblr-pink);
}
.bg-gradient-via-pink {
--tblr-gradient-via: var(--tblr-pink);
--tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent);
}
.text-bg-pink {
color: var(--tblr-pink-fg) !important;
background-color: color-mix(in oklab, var(--tblr-pink) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.link-pink {
color: color-mix(in oklab, var(--tblr-pink) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, var(--tblr-pink) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.link-pink:hover, .link-pink:focus {
color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-pink)) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-pink)) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.bg-red {
background-color: color-mix(in oklab, var(--tblr-red) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.bg-red-lt {
color: color-mix(in oklab, var(--tblr-red) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
background-color: color-mix(in oklab, var(--tblr-red-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.border-red {
border-color: color-mix(in oklab, var(--tblr-red) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}
.bg-gradient-from-red {
--tblr-gradient-from: var(--tblr-red);
}
.bg-gradient-to-red {
--tblr-gradient-to: var(--tblr-red);
}
.bg-gradient-via-red {
--tblr-gradient-via: var(--tblr-red);
--tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent);
}
.text-bg-red {
color: var(--tblr-red-fg) !important;
background-color: color-mix(in oklab, var(--tblr-red) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.link-red {
color: color-mix(in oklab, var(--tblr-red) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, var(--tblr-red) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.link-red:hover, .link-red:focus {
color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-red)) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-red)) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.bg-orange {
background-color: color-mix(in oklab, var(--tblr-orange) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.bg-orange-lt {
color: color-mix(in oklab, var(--tblr-orange) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
background-color: color-mix(in oklab, var(--tblr-orange-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.border-orange {
border-color: color-mix(in oklab, var(--tblr-orange) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}
.bg-gradient-from-orange {
--tblr-gradient-from: var(--tblr-orange);
}
.bg-gradient-to-orange {
--tblr-gradient-to: var(--tblr-orange);
}
.bg-gradient-via-orange {
--tblr-gradient-via: var(--tblr-orange);
--tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent);
}
.text-bg-orange {
color: var(--tblr-orange-fg) !important;
background-color: color-mix(in oklab, var(--tblr-orange) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.link-orange {
color: color-mix(in oklab, var(--tblr-orange) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, var(--tblr-orange) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.link-orange:hover, .link-orange:focus {
color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-orange)) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-orange)) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.bg-yellow {
background-color: color-mix(in oklab, var(--tblr-yellow) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.bg-yellow-lt {
color: color-mix(in oklab, var(--tblr-yellow) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
background-color: color-mix(in oklab, var(--tblr-yellow-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.border-yellow {
border-color: color-mix(in oklab, var(--tblr-yellow) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}
.bg-gradient-from-yellow {
--tblr-gradient-from: var(--tblr-yellow);
}
.bg-gradient-to-yellow {
--tblr-gradient-to: var(--tblr-yellow);
}
.bg-gradient-via-yellow {
--tblr-gradient-via: var(--tblr-yellow);
--tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent);
}
.text-bg-yellow {
color: var(--tblr-yellow-fg) !important;
background-color: color-mix(in oklab, var(--tblr-yellow) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.link-yellow {
color: color-mix(in oklab, var(--tblr-yellow) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, var(--tblr-yellow) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.link-yellow:hover, .link-yellow:focus {
color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-yellow)) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-yellow)) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.bg-lime {
background-color: color-mix(in oklab, var(--tblr-lime) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.bg-lime-lt {
color: color-mix(in oklab, var(--tblr-lime) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
background-color: color-mix(in oklab, var(--tblr-lime-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.border-lime {
border-color: color-mix(in oklab, var(--tblr-lime) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}
.bg-gradient-from-lime {
--tblr-gradient-from: var(--tblr-lime);
}
.bg-gradient-to-lime {
--tblr-gradient-to: var(--tblr-lime);
}
.bg-gradient-via-lime {
--tblr-gradient-via: var(--tblr-lime);
--tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent);
}
.text-bg-lime {
color: var(--tblr-lime-fg) !important;
background-color: color-mix(in oklab, var(--tblr-lime) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.link-lime {
color: color-mix(in oklab, var(--tblr-lime) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, var(--tblr-lime) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.link-lime:hover, .link-lime:focus {
color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-lime)) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-lime)) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.bg-green {
background-color: color-mix(in oklab, var(--tblr-green) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.bg-green-lt {
color: color-mix(in oklab, var(--tblr-green) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
background-color: color-mix(in oklab, var(--tblr-green-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.border-green {
border-color: color-mix(in oklab, var(--tblr-green) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}
.bg-gradient-from-green {
--tblr-gradient-from: var(--tblr-green);
}
.bg-gradient-to-green {
--tblr-gradient-to: var(--tblr-green);
}
.bg-gradient-via-green {
--tblr-gradient-via: var(--tblr-green);
--tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent);
}
.text-bg-green {
color: var(--tblr-green-fg) !important;
background-color: color-mix(in oklab, var(--tblr-green) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.link-green {
color: color-mix(in oklab, var(--tblr-green) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, var(--tblr-green) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.link-green:hover, .link-green:focus {
color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-green)) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-green)) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.bg-teal {
background-color: color-mix(in oklab, var(--tblr-teal) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.bg-teal-lt {
color: color-mix(in oklab, var(--tblr-teal) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
background-color: color-mix(in oklab, var(--tblr-teal-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.border-teal {
border-color: color-mix(in oklab, var(--tblr-teal) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}
.bg-gradient-from-teal {
--tblr-gradient-from: var(--tblr-teal);
}
.bg-gradient-to-teal {
--tblr-gradient-to: var(--tblr-teal);
}
.bg-gradient-via-teal {
--tblr-gradient-via: var(--tblr-teal);
--tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent);
}
.text-bg-teal {
color: var(--tblr-teal-fg) !important;
background-color: color-mix(in oklab, var(--tblr-teal) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.link-teal {
color: color-mix(in oklab, var(--tblr-teal) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, var(--tblr-teal) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.link-teal:hover, .link-teal:focus {
color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-teal)) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-teal)) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.bg-cyan {
background-color: color-mix(in oklab, var(--tblr-cyan) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.bg-cyan-lt {
color: color-mix(in oklab, var(--tblr-cyan) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
background-color: color-mix(in oklab, var(--tblr-cyan-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.border-cyan {
border-color: color-mix(in oklab, var(--tblr-cyan) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}
.bg-gradient-from-cyan {
--tblr-gradient-from: var(--tblr-cyan);
}
.bg-gradient-to-cyan {
--tblr-gradient-to: var(--tblr-cyan);
}
.bg-gradient-via-cyan {
--tblr-gradient-via: var(--tblr-cyan);
--tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent);
}
.text-bg-cyan {
color: var(--tblr-cyan-fg) !important;
background-color: color-mix(in oklab, var(--tblr-cyan) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.link-cyan {
color: color-mix(in oklab, var(--tblr-cyan) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, var(--tblr-cyan) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.link-cyan:hover, .link-cyan:focus {
color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-cyan)) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, color-mix(in oklab, var(--tblr-black) 20%, var(--tblr-cyan)) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.bg-white {
background-color: color-mix(in oklab, var(--tblr-white) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.bg-white-lt {
color: color-mix(in oklab, var(--tblr-white) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
background-color: color-mix(in oklab, var(--tblr-white-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.border-white {
border-color: color-mix(in oklab, var(--tblr-white) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}
.bg-gradient-from-white {
--tblr-gradient-from: var(--tblr-white);
}
.bg-gradient-to-white {
--tblr-gradient-to: var(--tblr-white);
}
.bg-gradient-via-white {
--tblr-gradient-via: var(--tblr-white);
--tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent);
}
.text-bg-white {
color: #000 !important;
background-color: color-mix(in oklab, var(--tblr-white) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}
.link-white {
color: color-mix(in oklab, var(--tblr-white) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, var(--tblr-white) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.link-white:hover, .link-white:focus {
color: color-mix(in oklab, color-mix(in oklab, var(--tblr-white) 20%, var(--tblr-white)) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
text-decoration-color: color-mix(in oklab, color-mix(in oklab, var(--tblr-white) 20%, var(--tblr-white)) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}
.bg-fill {
background-color: var(--tblr-fill) !important;
}
.bg-fill-primary {
background-color: var(--tblr-fill-primary) !important;
}
.bg-fill-secondary {
background-color: var(--tblr-fill-secondary) !important;
}
.bg-fill-tertiary {
background-color: var(--tblr-fill-tertiary) !important;
}
.bg-fill-quaternary {
background-color: var(--tblr-fill-quaternary) !important;
}
.text-primary {
--tblr-text-opacity: 1;
color: color-mix(in oklab, var(--tblr-primary) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}
.text-primary-fg {
color: var(--tblr-primary-fg) !important;
}
.text-secondary {
--tblr-text-opacity: 1;
color: color-mix(in oklab, var(--tblr-secondary) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}
.text-secondary-fg {
color: var(--tblr-secondary-fg) !important;
}
.text-success {
--tblr-text-opacity: 1;
color: color-mix(in oklab, var(--tblr-success) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}
.text-success-fg {
color: var(--tblr-success-fg) !important;
}
.text-info {
--tblr-text-opacity: 1;
color: color-mix(in oklab, var(--tblr-info) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}
.text-info-fg {
color: var(--tblr-info-fg) !important;
}
.text-warning {
--tblr-text-opacity: 1;
color: color-mix(in oklab, var(--tblr-warning) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}
.text-warning-fg {
color: var(--tblr-warning-fg) !important;
}
.text-danger {
--tblr-text-opacity: 1;
color: color-mix(in oklab, var(--tblr-danger) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}
.text-danger-fg {
color: var(--tblr-danger-fg) !important;
}
.text-light {
--tblr-text-opacity: 1;
color: color-mix(in oklab, var(--tblr-light) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}
.text-light-fg {
color: var(--tblr-light-fg) !important;
}
.text-dark {
--tblr-text-opacity: 1;
color: color-mix(in oklab, var(--tblr-dark) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}
.text-dark-fg {
color: var(--tblr-dark-fg) !important;
}
.text-muted {
--tblr-text-opacity: 1;
color: color-mix(in oklab, var(--tblr-muted) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}
.text-muted-fg {
color: var(--tblr-muted-fg) !important;
}
.text-blue {
--tblr-text-opacity: 1;
color: color-mix(in oklab, var(--tblr-blue) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}
.text-blue-fg {
color: var(--tblr-blue-fg) !important;
}
.text-azure {
--tblr-text-opacity: 1;
color: color-mix(in oklab, var(--tblr-azure) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}
.text-azure-fg {
color: var(--tblr-azure-fg) !important;
}
.text-indigo {
--tblr-text-opacity: 1;
color: color-mix(in oklab, var(--tblr-indigo) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}
.text-indigo-fg {
color: var(--tblr-indigo-fg) !important;
}
.text-purple {
--tblr-text-opacity: 1;
color: color-mix(in oklab, var(--tblr-purple) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}
.text-purple-fg {
color: var(--tblr-purple-fg) !important;
}
.text-pink {
--tblr-text-opacity: 1;
color: color-mix(in oklab, var(--tblr-pink) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}
.text-pink-fg {
color: var(--tblr-pink-fg) !important;
}
.text-red {
--tblr-text-opacity: 1;
color: color-mix(in oklab, var(--tblr-red) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}
.text-red-fg {
color: var(--tblr-red-fg) !important;
}
.text-orange {
--tblr-text-opacity: 1;
color: color-mix(in oklab, var(--tblr-orange) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}
.text-orange-fg {
color: var(--tblr-orange-fg) !important;
}
.text-yellow {
--tblr-text-opacity: 1;
color: color-mix(in oklab, var(--tblr-yellow) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}
.text-yellow-fg {
color: var(--tblr-yellow-fg) !important;
}
.text-lime {
--tblr-text-opacity: 1;
color: color-mix(in oklab, var(--tblr-lime) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}
.text-lime-fg {
color: var(--tblr-lime-fg) !important;
}
.text-green {
--tblr-text-opacity: 1;
color: color-mix(in oklab, var(--tblr-green) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}
.text-green-fg {
color: var(--tblr-green-fg) !important;
}
.text-teal {
--tblr-text-opacity: 1;
color: color-mix(in oklab, var(--tblr-teal) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}
.text-teal-fg {
color: var(--tblr-teal-fg) !important;
}
.text-cyan {
--tblr-text-opacity: 1;
color: color-mix(in oklab, var(--tblr-cyan) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}
.text-cyan-fg {
color: var(--tblr-cyan-fg) !important;
}
.bg-gray-50 {
--tblr-bg-opacity: 1;
background-color: color-mix(in oklab, var(--tblr-gray-50) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}
.text-gray-50-fg {
color: var(--tblr-gray-50-fg) !important;
}
.text-gray-50 {
color: var(--tblr-gray-50) !important;
}
.bg-gray-100 {
--tblr-bg-opacity: 1;
background-color: color-mix(in oklab, var(--tblr-gray-100) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}
.text-gray-100-fg {
color: var(--tblr-gray-100-fg) !important;
}
.text-gray-100 {
color: var(--tblr-gray-100) !important;
}
.bg-gray-200 {
--tblr-bg-opacity: 1;
background-color: color-mix(in oklab, var(--tblr-gray-200) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}
.text-gray-200-fg {
color: var(--tblr-gray-200-fg) !important;
}
.text-gray-200 {
color: var(--tblr-gray-200) !important;
}
.bg-gray-300 {
--tblr-bg-opacity: 1;
background-color: color-mix(in oklab, var(--tblr-gray-300) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}
.text-gray-300-fg {
color: var(--tblr-gray-300-fg) !important;
}
.text-gray-300 {
color: var(--tblr-gray-300) !important;
}
.bg-gray-400 {
--tblr-bg-opacity: 1;
background-color: color-mix(in oklab, var(--tblr-gray-400) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}
.text-gray-400-fg {
color: var(--tblr-gray-400-fg) !important;
}
.text-gray-400 {
color: var(--tblr-gray-400) !important;
}
.bg-gray-500 {
--tblr-bg-opacity: 1;
background-color: color-mix(in oklab, var(--tblr-gray-500) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}
.text-gray-500-fg {
color: var(--tblr-gray-500-fg) !important;
}
.text-gray-500 {
color: var(--tblr-gray-500) !important;
}
.bg-gray-600 {
--tblr-bg-opacity: 1;
background-color: color-mix(in oklab, var(--tblr-gray-600) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}
.text-gray-600-fg {
color: var(--tblr-gray-600-fg) !important;
}
.text-gray-600 {
color: var(--tblr-gray-600) !important;
}
.bg-gray-700 {
--tblr-bg-opacity: 1;
background-color: color-mix(in oklab, var(--tblr-gray-700) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}
.text-gray-700-fg {
color: var(--tblr-gray-700-fg) !important;
}
.text-gray-700 {
color: var(--tblr-gray-700) !important;
}
.bg-gray-800 {
--tblr-bg-opacity: 1;
background-color: color-mix(in oklab, var(--tblr-gray-800) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}
.text-gray-800-fg {
color: var(--tblr-gray-800-fg) !important;
}
.text-gray-800 {
color: var(--tblr-gray-800) !important;
}
.bg-gray-900 {
--tblr-bg-opacity: 1;
background-color: color-mix(in oklab, var(--tblr-gray-900) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}
.text-gray-900-fg {
color: var(--tblr-gray-900-fg) !important;
}
.text-gray-900 {
color: var(--tblr-gray-900) !important;
}
.bg-gray-950 {
--tblr-bg-opacity: 1;
background-color: color-mix(in oklab, var(--tblr-gray-950) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}
.text-gray-950-fg {
color: var(--tblr-gray-950-fg) !important;
}
.text-gray-950 {
color: var(--tblr-gray-950) !important;
}
.bg-x {
--tblr-bg-opacity: 1;
background-color: color-mix(in oklab, var(--tblr-x) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}
.text-x-fg {
color: var(--tblr-x-fg) !important;
}
.bg-facebook {
--tblr-bg-opacity: 1;
background-color: color-mix(in oklab, var(--tblr-facebook) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}
.text-facebook-fg {
color: var(--tblr-facebook-fg) !important;
}
.bg-twitter {
--tblr-bg-opacity: 1;
background-color: color-mix(in oklab, var(--tblr-twitter) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}
.text-twitter-fg {
color: var(--tblr-twitter-fg) !important;
}
.bg-linkedin {
--tblr-bg-opacity: 1;
background-color: color-mix(in oklab, var(--tblr-linkedin) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}
.text-linkedin-fg {
color: var(--tblr-linkedin-fg) !important;
}
.bg-google {
--tblr-bg-opacity: 1;
background-color: color-mix(in oklab, var(--tblr-google) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}
.text-google-fg {
color: var(--tblr-google-fg) !important;
}
.bg-youtube {
--tblr-bg-opacity: 1;
background-color: color-mix(in oklab, var(--tblr-youtube) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}
.text-youtube-fg {
color: var(--tblr-youtube-fg) !important;
}
.bg-vimeo {
--tblr-bg-opacity: 1;
background-color: color-mix(in oklab, var(--tblr-vimeo) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}
.text-vimeo-fg {
color: var(--tblr-vimeo-fg) !important;
}
.bg-dribbble {
--tblr-bg-opacity: 1;
background-color: color-mix(in oklab, var(--tblr-dribbble) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}
.text-dribbble-fg {
color: var(--tblr-dribbble-fg) !important;
}
.bg-github {
--tblr-bg-opacity: 1;
background-color: color-mix(in oklab, var(--tblr-github) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}
.text-github-fg {
color: var(--tblr-github-fg) !important;
}
.bg-instagram {
--tblr-bg-opacity: 1;
background-color: color-mix(in oklab, var(--tblr-instagram) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}
.text-instagram-fg {
color: var(--tblr-instagram-fg) !important;
}
.bg-pinterest {
--tblr-bg-opacity: 1;
background-color: color-mix(in oklab, var(--tblr-pinterest) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}
.text-pinterest-fg {
color: var(--tblr-pinterest-fg) !important;
}
.bg-vk {
--tblr-bg-opacity: 1;
background-color: color-mix(in oklab, var(--tblr-vk) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}
.text-vk-fg {
color: var(--tblr-vk-fg) !important;
}
.bg-rss {
--tblr-bg-opacity: 1;
background-color: color-mix(in oklab, var(--tblr-rss) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}
.text-rss-fg {
color: var(--tblr-rss-fg) !important;
}
.bg-flickr {
--tblr-bg-opacity: 1;
background-color: color-mix(in oklab, var(--tblr-flickr) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}
.text-flickr-fg {
color: var(--tblr-flickr-fg) !important;
}
.bg-bitbucket {
--tblr-bg-opacity: 1;
background-color: color-mix(in oklab, var(--tblr-bitbucket) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}
.text-bitbucket-fg {
color: var(--tblr-bitbucket-fg) !important;
}
.bg-tabler {
--tblr-bg-opacity: 1;
background-color: color-mix(in oklab, var(--tblr-tabler) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}
.text-tabler-fg {
color: var(--tblr-tabler-fg) !important;
}
.bg-inverted {
--tblr-bg-opacity: 1;
background-color: color-mix(in oklab, var(--tblr-bg-surface-inverted) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}
.bg-surface {
background-color: var(--tblr-bg-surface) !important;
}
.bg-surface-secondary {
background-color: var(--tblr-bg-surface-secondary) !important;
}
.bg-surface-tertiary {
background-color: var(--tblr-bg-surface-tertiary) !important;
}
.bg-surface-backdrop {
background-color: color-mix(in oklab, light-dark(var(--tblr-gray-800), var(--tblr-black)) 32%, transparent) !important;
}
.bg-gradient-from-transparent {
--tblr-gradient-from: transparent;
}
.bg-gradient-to-transparent {
--tblr-gradient-to: transparent;
}
.bg-gradient-via-transparent {
--tblr-gradient-via: transparent;
--tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent);
}
.bg-gradient-from-inverted {
--tblr-gradient-from: var(--tblr-bg-surface-inverted);
}
.bg-gradient-to-inverted {
--tblr-gradient-to: var(--tblr-bg-surface-inverted);
}
.bg-gradient-via-inverted {
--tblr-gradient-via: var(--tblr-bg-surface-inverted);
--tblr-gradient-stops: var(--tblr-gradient-from, transparent), var(--tblr-gradient-via, transparent), var(--tblr-gradient-to, transparent);
}
/*
Scrollable
*/
.scrollable {
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.scrollable.hover {
overflow-y: hidden;
}
.scrollable.hover > * {
margin-top: -1px;
}
.scrollable.hover:hover, .scrollable.hover:focus, .scrollable.hover:active {
overflow: visible;
overflow-y: auto;
}
.touch .scrollable {
overflow-y: auto !important;
}
.scroll-x,
.scroll-y {
overflow: hidden;
-webkit-overflow-scrolling: touch;
}
.scroll-y {
overflow-y: auto;
}
.scroll-x {
overflow-x: auto;
}
.no-scroll {
overflow: hidden;
}
.w-0 {
width: 0 !important;
}
.h-0 {
height: 0 !important;
}
.w-1 {
width: 0.25rem !important;
}
.h-1 {
height: 0.25rem !important;
}
.w-2 {
width: 0.5rem !important;
}
.h-2 {
height: 0.5rem !important;
}
.w-3 {
width: 1rem !important;
}
.h-3 {
height: 1rem !important;
}
.w-4 {
width: 1.5rem !important;
}
.h-4 {
height: 1.5rem !important;
}
.w-5 {
width: 2rem !important;
}
.h-5 {
height: 2rem !important;
}
.w-6 {
width: 2.5rem !important;
}
.h-6 {
height: 2.5rem !important;
}
.w-auto {
width: auto !important;
}
.h-auto {
height: auto !important;
}
.w-px {
width: 1px !important;
}
.h-px {
height: 1px !important;
}
.w-full {
width: 100% !important;
}
.h-full {
height: 100% !important;
}
.opacity-0 {
opacity: calc(0 / 100) !important;
}
.opacity-5 {
opacity: calc(5 / 100) !important;
}
.opacity-10 {
opacity: calc(10 / 100) !important;
}
.opacity-15 {
opacity: calc(15 / 100) !important;
}
.opacity-20 {
opacity: calc(20 / 100) !important;
}
.opacity-25 {
opacity: calc(25 / 100) !important;
}
.opacity-30 {
opacity: calc(30 / 100) !important;
}
.opacity-35 {
opacity: calc(35 / 100) !important;
}
.opacity-40 {
opacity: calc(40 / 100) !important;
}
.opacity-45 {
opacity: calc(45 / 100) !important;
}
.opacity-50 {
opacity: calc(50 / 100) !important;
}
.opacity-55 {
opacity: calc(55 / 100) !important;
}
.opacity-60 {
opacity: calc(60 / 100) !important;
}
.opacity-65 {
opacity: calc(65 / 100) !important;
}
.opacity-70 {
opacity: calc(70 / 100) !important;
}
.opacity-75 {
opacity: calc(75 / 100) !important;
}
.opacity-80 {
opacity: calc(80 / 100) !important;
}
.opacity-85 {
opacity: calc(85 / 100) !important;
}
.opacity-90 {
opacity: calc(90 / 100) !important;
}
.opacity-95 {
opacity: calc(95 / 100) !important;
}
.opacity-100 {
opacity: calc(100 / 100) !important;
}
.hover-shadow-sm:hover {
box-shadow: 0 1px 3px 0 color-mix(in oklab, var(--tblr-shadow-color) 25%, transparent), 0 1px 2px 0 color-mix(in oklab, var(--tblr-shadow-color) 15%, transparent) !important;
}
.hover-shadow:hover {
box-shadow: 0px 2px 4px -1px color-mix(in oklab, var(--tblr-shadow-color) 15%, transparent), 0px 4px 6px -1px color-mix(in oklab, var(--tblr-shadow-color) 20%, transparent) !important;
}
.hover-shadow-lg:hover {
box-shadow: 0px 4px 6px -2px color-mix(in oklab, var(--tblr-shadow-color) 12.5%, transparent), 0px 10px 15px -3px color-mix(in oklab, var(--tblr-shadow-color) 20%, transparent) !important;
}
.hover-shadow-none:hover {
box-shadow: none !important;
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.subpixel-antialiased {
-webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto;
}
.hover-rotate-start, .hover-rotate-end, .hover-scale, .hover-elevate-down, .hover-elevate-up {
transition: transform 0.3s ease;
}
.hover-rotate-start:hover, .hover-rotate-end:hover, .hover-scale:hover, .hover-elevate-down:hover, .hover-elevate-up:hover {
will-change: transform;
}
.hover-elevate-up:hover {
transform: translateY(-4px);
}
.hover-elevate-down:hover {
transform: translateY(4px);
}
.hover-scale:hover {
transform: scale(1.1);
}
.hover-rotate-end:hover {
transform: rotate(4deg);
}
.hover-rotate-start:hover {
transform: rotate(-4deg);
}
.prose > table,
.markdown > table {
font-size: var(--tblr-body-font-size);
}
.prose > table th:first-child,
.prose > table td:first-child,
.markdown > table th:first-child,
.markdown > table td:first-child {
padding-left: 0;
}
.prose > table th:last-child,
.prose > table td:last-child,
.markdown > table th:last-child,
.markdown > table td:last-child {
padding-right: 0;
}
.prose > table tr:last-child > *,
.markdown > table tr:last-child > * {
border-bottom: 0;
}
.prose > table th,
.markdown > table th {
--tblr-bg-surface-tertiary: transparent;
}
:root {
--tblr-primary-rgb: 6, 111, 209;
--tblr-primary-lt-rgb: 230, 241, 250;
--tblr-secondary-rgb: 115, 115, 115;
--tblr-secondary-lt-rgb: 241, 241, 241;
--tblr-success-rgb: 47, 179, 68;
--tblr-success-lt-rgb: 234, 247, 236;
--tblr-info-rgb: 66, 153, 225;
--tblr-info-lt-rgb: 236, 245, 252;
--tblr-warning-rgb: 245, 159, 0;
--tblr-warning-lt-rgb: 254, 245, 230;
--tblr-danger-rgb: 214, 57, 57;
--tblr-danger-lt-rgb: 251, 235, 235;
--tblr-light-rgb: 250, 250, 250;
--tblr-light-lt-rgb: 254, 254, 254;
--tblr-dark-rgb: 38, 38, 38;
--tblr-dark-lt-rgb: 233, 233, 233;
--tblr-muted-rgb: 115, 115, 115;
--tblr-muted-lt-rgb: 241, 241, 241;
--tblr-blue-rgb: 6, 111, 209;
--tblr-blue-lt-rgb: 230, 241, 250;
--tblr-azure-rgb: 66, 153, 225;
--tblr-azure-lt-rgb: 236, 245, 252;
--tblr-indigo-rgb: 66, 99, 235;
--tblr-indigo-lt-rgb: 236, 239, 253;
--tblr-purple-rgb: 174, 62, 201;
--tblr-purple-lt-rgb: 247, 236, 250;
--tblr-pink-rgb: 214, 51, 108;
--tblr-pink-lt-rgb: 251, 235, 240;
--tblr-red-rgb: 214, 57, 57;
--tblr-red-lt-rgb: 251, 235, 235;
--tblr-orange-rgb: 247, 103, 7;
--tblr-orange-lt-rgb: 254, 240, 230;
--tblr-yellow-rgb: 245, 159, 0;
--tblr-yellow-lt-rgb: 254, 245, 230;
--tblr-lime-rgb: 116, 184, 22;
--tblr-lime-lt-rgb: 241, 248, 232;
--tblr-green-rgb: 47, 179, 68;
--tblr-green-lt-rgb: 234, 247, 236;
--tblr-teal-rgb: 12, 166, 120;
--tblr-teal-lt-rgb: 231, 246, 241;
--tblr-cyan-rgb: 23, 162, 184;
--tblr-cyan-lt-rgb: 232, 246, 248;
--tblr-x-rgb: 0, 0, 0;
--tblr-x-lt-rgb: 230, 230, 230;
--tblr-facebook-rgb: 8, 102, 255;
--tblr-facebook-lt-rgb: 230, 240, 255;
--tblr-twitter-rgb: 29, 161, 242;
--tblr-twitter-lt-rgb: 232, 246, 254;
--tblr-linkedin-rgb: 10, 102, 194;
--tblr-linkedin-lt-rgb: 231, 240, 249;
--tblr-google-rgb: 66, 133, 244;
--tblr-google-lt-rgb: 236, 243, 254;
--tblr-youtube-rgb: 255, 0, 0;
--tblr-youtube-lt-rgb: 255, 230, 230;
--tblr-vimeo-rgb: 26, 183, 234;
--tblr-vimeo-lt-rgb: 232, 248, 253;
--tblr-dribbble-rgb: 234, 76, 137;
--tblr-dribbble-lt-rgb: 253, 237, 243;
--tblr-github-rgb: 24, 23, 23;
--tblr-github-lt-rgb: 232, 232, 232;
--tblr-instagram-rgb: 255, 0, 105;
--tblr-instagram-lt-rgb: 255, 230, 240;
--tblr-pinterest-rgb: 189, 8, 28;
--tblr-pinterest-lt-rgb: 248, 230, 232;
--tblr-vk-rgb: 0, 119, 255;
--tblr-vk-lt-rgb: 230, 241, 255;
--tblr-rss-rgb: 255, 165, 0;
--tblr-rss-lt-rgb: 255, 246, 230;
--tblr-flickr-rgb: 0, 99, 220;
--tblr-flickr-lt-rgb: 230, 239, 252;
--tblr-bitbucket-rgb: 0, 82, 204;
--tblr-bitbucket-lt-rgb: 230, 238, 250;
--tblr-tabler-rgb: 6, 111, 209;
--tblr-tabler-lt-rgb: 230, 241, 250;
}
:root {
--tblr-white-rgb: 255, 255, 255;
--tblr-black-rgb: 0, 0, 0;
--tblr-body-color-rgb: 38, 38, 38;
--tblr-body-bg-rgb: 250, 250, 250;
--tblr-emphasis-color-rgb: 64, 64, 64;
--tblr-secondary-color-rgb: 38, 38, 38;
--tblr-secondary-bg-rgb: 229, 229, 229;
--tblr-tertiary-color-rgb: 38, 38, 38;
--tblr-tertiary-bg-rgb: 245, 245, 245;
--tblr-link-color-rgb: 6, 111, 209;
--tblr-link-hover-color-rgb: 3, 81, 155;
}
.theme-dark,
[data-bs-theme=dark],
[data-theme=dark] {
--tblr-body-color-rgb: 229, 229, 229;
--tblr-body-bg-rgb: 23, 23, 23;
--tblr-emphasis-color-rgb: 255, 255, 255;
--tblr-secondary-color-rgb: 229, 229, 229;
--tblr-secondary-bg-rgb: 38, 38, 38;
--tblr-tertiary-color-rgb: 229, 229, 229;
--tblr-tertiary-bg-rgb: 30, 30, 30;
--tblr-link-color-rgb: 121, 170, 231;
--tblr-link-hover-color-rgb: 148, 187, 237;
}
.form-select {
--tblr-form-select-bg-img: var(--tblr-control-select-bg);
}
.form-hint {
--tblr-form-hint-margin-top: 0.25rem;
--tblr-form-hint-label-offset: -0.25rem;
--tblr-form-hint-control-margin-top: 0.5rem;
display: block;
}
.form-hint + .form-control {
margin-top: var(--tblr-form-hint-margin-top);
}
.form-label + .form-hint {
margin-top: var(--tblr-form-hint-label-offset);
}
.input-group + .form-hint, .form-control + .form-hint, .form-select + .form-hint {
margin-top: var(--tblr-form-hint-control-margin-top);
}
.legend:empty {
padding: 0;
}
.status {
--tblr-status-color-rgb: 115, 115, 115;
}
.status-primary {
--tblr-status-color-rgb: var(--tblr-primary-rgb);
}
.status-secondary {
--tblr-status-color-rgb: var(--tblr-secondary-rgb);
}
.status-success {
--tblr-status-color-rgb: var(--tblr-success-rgb);
}
.status-info {
--tblr-status-color-rgb: var(--tblr-info-rgb);
}
.status-warning {
--tblr-status-color-rgb: var(--tblr-warning-rgb);
}
.status-danger {
--tblr-status-color-rgb: var(--tblr-danger-rgb);
}
.status-light {
--tblr-status-color-rgb: var(--tblr-light-rgb);
}
.status-dark {
--tblr-status-color-rgb: var(--tblr-dark-rgb);
}
.status-muted {
--tblr-status-color-rgb: var(--tblr-muted-rgb);
}
.status-blue {
--tblr-status-color-rgb: var(--tblr-blue-rgb);
}
.status-azure {
--tblr-status-color-rgb: var(--tblr-azure-rgb);
}
.status-indigo {
--tblr-status-color-rgb: var(--tblr-indigo-rgb);
}
.status-purple {
--tblr-status-color-rgb: var(--tblr-purple-rgb);
}
.status-pink {
--tblr-status-color-rgb: var(--tblr-pink-rgb);
}
.status-red {
--tblr-status-color-rgb: var(--tblr-red-rgb);
}
.status-orange {
--tblr-status-color-rgb: var(--tblr-orange-rgb);
}
.status-yellow {
--tblr-status-color-rgb: var(--tblr-yellow-rgb);
}
.status-lime {
--tblr-status-color-rgb: var(--tblr-lime-rgb);
}
.status-green {
--tblr-status-color-rgb: var(--tblr-green-rgb);
}
.status-teal {
--tblr-status-color-rgb: var(--tblr-teal-rgb);
}
.status-cyan {
--tblr-status-color-rgb: var(--tblr-cyan-rgb);
}
.status-x {
--tblr-status-color-rgb: var(--tblr-x-rgb);
}
.status-facebook {
--tblr-status-color-rgb: var(--tblr-facebook-rgb);
}
.status-twitter {
--tblr-status-color-rgb: var(--tblr-twitter-rgb);
}
.status-linkedin {
--tblr-status-color-rgb: var(--tblr-linkedin-rgb);
}
.status-google {
--tblr-status-color-rgb: var(--tblr-google-rgb);
}
.status-youtube {
--tblr-status-color-rgb: var(--tblr-youtube-rgb);
}
.status-vimeo {
--tblr-status-color-rgb: var(--tblr-vimeo-rgb);
}
.status-dribbble {
--tblr-status-color-rgb: var(--tblr-dribbble-rgb);
}
.status-github {
--tblr-status-color-rgb: var(--tblr-github-rgb);
}
.status-instagram {
--tblr-status-color-rgb: var(--tblr-instagram-rgb);
}
.status-pinterest {
--tblr-status-color-rgb: var(--tblr-pinterest-rgb);
}
.status-vk {
--tblr-status-color-rgb: var(--tblr-vk-rgb);
}
.status-rss {
--tblr-status-color-rgb: var(--tblr-rss-rgb);
}
.status-flickr {
--tblr-status-color-rgb: var(--tblr-flickr-rgb);
}
.status-bitbucket {
--tblr-status-color-rgb: var(--tblr-bitbucket-rgb);
}
.status-tabler {
--tblr-status-color-rgb: var(--tblr-tabler-rgb);
}
.btn:focus-visible:not(:active),
.btn-check:focus-visible + .btn {
box-shadow: var(--tblr-btn-focus-box-shadow, var(--tblr-btn-box-shadow));
}
.btn-link:focus-visible:not(:active) {
box-shadow: var(--tblr-btn-focus-box-shadow, none);
}
.btn-close:focus-visible {
box-shadow: var(--tblr-btn-close-focus-shadow, none);
}
.page-link:focus-visible {
box-shadow: var(--tblr-pagination-focus-box-shadow, none);
}
.accordion-button:focus-visible {
box-shadow: var(--tblr-accordion-btn-focus-box-shadow, none);
}
.focus-ring:focus-visible {
box-shadow: var(--tblr-focus-ring-x, 0) var(--tblr-focus-ring-y, 0) var(--tblr-focus-ring-blur, 0) 0 var(--tblr-focus-ring-color);
}
.form-check-input:checked,
.form-check-input:indeterminate {
background-image: var(--tblr-form-check-bg-image, none);
}
.form-switch .form-check-input {
background-image: var(--tblr-form-switch-bg, none);
}
:root {
--toastify-color-light: #fff;
--toastify-color-dark: #121212;
--toastify-color-info: #3498db;
--toastify-color-success: #07bc0c;
--toastify-color-warning: #f1c40f;
--toastify-color-error: hsl(6, 78%, 57%);
--toastify-color-transparent: rgba(255, 255, 255, 0.7);
--toastify-icon-color-info: var(--toastify-color-info);
--toastify-icon-color-success: var(--toastify-color-success);
--toastify-icon-color-warning: var(--toastify-color-warning);
--toastify-icon-color-error: var(--toastify-color-error);
--toastify-container-width: fit-content;
--toastify-toast-width: 320px;
--toastify-toast-offset: 16px;
--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
--toastify-toast-background: #fff;
--toastify-toast-padding: 14px;
--toastify-toast-min-height: 64px;
--toastify-toast-max-height: 800px;
--toastify-toast-bd-radius: 6px;
--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
--toastify-font-family: sans-serif;
--toastify-z-index: 9999;
--toastify-text-color-light: #757575;
--toastify-text-color-dark: #fff;
/* Used only for colored theme */
--toastify-text-color-info: #fff;
--toastify-text-color-success: #fff;
--toastify-text-color-warning: #fff;
--toastify-text-color-error: #fff;
--toastify-spinner-color: #616161;
--toastify-spinner-color-empty-area: #e0e0e0;
--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
--toastify-color-progress-dark: #bb86fc;
--toastify-color-progress-info: var(--toastify-color-info);
--toastify-color-progress-success: var(--toastify-color-success);
--toastify-color-progress-warning: var(--toastify-color-warning);
--toastify-color-progress-error: var(--toastify-color-error);
/* used to control the opacity of the progress trail */
--toastify-color-progress-bgo: 0.2;
}
.Toastify__toast-container {
z-index: var(--toastify-z-index);
-webkit-transform: translate3d(0, 0, var(--toastify-z-index));
position: fixed;
width: var(--toastify-container-width);
box-sizing: border-box;
color: #fff;
display: flex;
flex-direction: column;
}
.Toastify__toast-container--top-left {
top: var(--toastify-toast-top);
left: var(--toastify-toast-left);
}
.Toastify__toast-container--top-center {
top: var(--toastify-toast-top);
left: 50%;
transform: translateX(-50%);
align-items: center;
}
.Toastify__toast-container--top-right {
top: var(--toastify-toast-top);
right: var(--toastify-toast-right);
align-items: end;
}
.Toastify__toast-container--bottom-left {
bottom: var(--toastify-toast-bottom);
left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
bottom: var(--toastify-toast-bottom);
left: 50%;
transform: translateX(-50%);
align-items: center;
}
.Toastify__toast-container--bottom-right {
bottom: var(--toastify-toast-bottom);
right: var(--toastify-toast-right);
align-items: end;
}
.Toastify__toast {
--y: 0px;
position: relative;
touch-action: none;
width: var(--toastify-toast-width);
min-height: var(--toastify-toast-min-height);
box-sizing: border-box;
margin-bottom: 1rem;
padding: var(--toastify-toast-padding);
border-radius: var(--toastify-toast-bd-radius);
box-shadow: var(--toastify-toast-shadow);
max-height: var(--toastify-toast-max-height);
font-family: var(--toastify-font-family);
/* webkit only issue #791 */
z-index: 0;
/* inner swag */
display: flex;
flex: 1 auto;
align-items: center;
word-break: break-word;
}
@media only screen and (max-width: 480px) {
.Toastify__toast-container {
width: 100vw;
left: env(safe-area-inset-left);
margin: 0;
}
.Toastify__toast-container--top-left,
.Toastify__toast-container--top-center,
.Toastify__toast-container--top-right {
top: env(safe-area-inset-top);
transform: translateX(0);
}
.Toastify__toast-container--bottom-left,
.Toastify__toast-container--bottom-center,
.Toastify__toast-container--bottom-right {
bottom: env(safe-area-inset-bottom);
transform: translateX(0);
}
.Toastify__toast-container--rtl {
right: env(safe-area-inset-right);
left: initial;
}
.Toastify__toast {
--toastify-toast-width: 100%;
margin-bottom: 0;
border-radius: 0;
}
}
.Toastify__toast-container[data-stacked='true'] {
width: var(--toastify-toast-width);
}
@media only screen and (max-width: 480px) {
.Toastify__toast-container[data-stacked='true'] {
width: 100vw;
}
}
.Toastify__toast--stacked {
position: absolute;
width: 100%;
transform: translate3d(0, var(--y), 0) scale(var(--s));
transition: transform 0.3s;
}
.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,
.Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
transition: opacity 0.1s;
}
.Toastify__toast--stacked[data-collapsed='false'] {
overflow: visible;
}
.Toastify__toast--stacked[data-collapsed='true']:not(:last-child) > * {
opacity: 0;
}
.Toastify__toast--stacked:after {
content: '';
position: absolute;
left: 0;
right: 0;
height: calc(var(--g) * 1px);
bottom: 100%;
}
.Toastify__toast--stacked[data-pos='top'] {
top: 0;
}
.Toastify__toast--stacked[data-pos='bot'] {
bottom: 0;
}
.Toastify__toast--stacked[data-pos='bot'].Toastify__toast--stacked:before {
transform-origin: top;
}
.Toastify__toast--stacked[data-pos='top'].Toastify__toast--stacked:before {
transform-origin: bottom;
}
.Toastify__toast--stacked:before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 100%;
transform: scaleY(3);
z-index: -1;
}
.Toastify__toast--rtl {
direction: rtl;
}
.Toastify__toast--close-on-click {
cursor: pointer;
}
.Toastify__toast-icon {
margin-inline-end: 10px;
width: 22px;
flex-shrink: 0;
display: flex;
}
.Toastify--animate {
animation-fill-mode: both;
animation-duration: 0.5s;
}
.Toastify--animate-icon {
animation-fill-mode: both;
animation-duration: 0.3s;
}
.Toastify__toast-theme--dark {
background: var(--toastify-color-dark);
color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
background: var(--toastify-color-light);
color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
background: var(--toastify-color-light);
color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
color: var(--toastify-text-color-info);
background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
color: var(--toastify-text-color-success);
background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
color: var(--toastify-text-color-warning);
background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
color: var(--toastify-text-color-error);
background: var(--toastify-color-error);
}
.Toastify__progress-bar-theme--light {
background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
background: var(--toastify-color-transparent);
}
.Toastify__close-button {
color: #fff;
position: absolute;
top: 6px;
right: 6px;
background: transparent;
outline: none;
border: none;
padding: 0;
cursor: pointer;
opacity: 0.7;
transition: 0.3s ease;
z-index: 1;
}
.Toastify__toast--rtl .Toastify__close-button {
left: 6px;
right: unset;
}
.Toastify__close-button--light {
color: #000;
opacity: 0.3;
}
.Toastify__close-button > svg {
fill: currentColor;
height: 16px;
width: 14px;
}
.Toastify__close-button:hover,
.Toastify__close-button:focus {
opacity: 1;
}
@keyframes Toastify__trackProgress {
0% {
transform: scaleX(1);
}
100% {
transform: scaleX(0);
}
}
.Toastify__progress-bar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0.7;
transform-origin: left;
}
.Toastify__progress-bar--animated {
animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
right: 0;
left: initial;
transform-origin: right;
border-bottom-left-radius: initial;
}
.Toastify__progress-bar--wrp {
position: absolute;
overflow: hidden;
bottom: 0;
left: 0;
width: 100%;
height: 5px;
border-bottom-left-radius: var(--toastify-toast-bd-radius);
border-bottom-right-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp[data-hidden='true'] {
opacity: 0;
}
.Toastify__progress-bar--bg {
opacity: var(--toastify-color-progress-bgo);
width: 100%;
height: 100%;
}
.Toastify__spinner {
width: 20px;
height: 20px;
box-sizing: border-box;
border: 2px solid;
border-radius: 100%;
border-color: var(--toastify-spinner-color-empty-area);
border-right-color: var(--toastify-spinner-color);
animation: Toastify__spin 0.65s linear infinite;
}
@keyframes Toastify__bounceInRight {
from,
60%,
75%,
90%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
to {
transform: none;
}
}
@keyframes Toastify__bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, var(--y), 0);
}
to {
opacity: 0;
transform: translate3d(2000px, var(--y), 0);
}
}
@keyframes Toastify__bounceInLeft {
from,
60%,
75%,
90%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
to {
transform: none;
}
}
@keyframes Toastify__bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, var(--y), 0);
}
to {
opacity: 0;
transform: translate3d(-2000px, var(--y), 0);
}
}
@keyframes Toastify__bounceInUp {
from,
60%,
75%,
90%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
75% {
transform: translate3d(0, 10px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes Toastify__bounceOutUp {
20% {
transform: translate3d(0, calc(var(--y) - 10px), 0);
}
40%,
45% {
opacity: 1;
transform: translate3d(0, calc(var(--y) + 20px), 0);
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
@keyframes Toastify__bounceInDown {
from,
60%,
75%,
90%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
to {
transform: none;
}
}
@keyframes Toastify__bounceOutDown {
20% {
transform: translate3d(0, calc(var(--y) - 10px), 0);
}
40%,
45% {
opacity: 1;
transform: translate3d(0, calc(var(--y) + 20px), 0);
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
animation-name: Toastify__bounceInUp;
}
.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
animation-name: Toastify__bounceOutDown;
}
@keyframes Toastify__zoomIn {
from {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes Toastify__zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.Toastify__zoom-enter {
animation-name: Toastify__zoomIn;
}
.Toastify__zoom-exit {
animation-name: Toastify__zoomOut;
}
@keyframes Toastify__flipIn {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
@keyframes Toastify__flipOut {
from {
transform: translate3d(0, var(--y), 0) perspective(400px);
}
30% {
transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.Toastify__flip-enter {
animation-name: Toastify__flipIn;
}
.Toastify__flip-exit {
animation-name: Toastify__flipOut;
}
@keyframes Toastify__slideInRight {
from {
transform: translate3d(110%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, var(--y), 0);
}
}
@keyframes Toastify__slideInLeft {
from {
transform: translate3d(-110%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, var(--y), 0);
}
}
@keyframes Toastify__slideInUp {
from {
transform: translate3d(0, 110%, 0);
visibility: visible;
}
to {
transform: translate3d(0, var(--y), 0);
}
}
@keyframes Toastify__slideInDown {
from {
transform: translate3d(0, -110%, 0);
visibility: visible;
}
to {
transform: translate3d(0, var(--y), 0);
}
}
@keyframes Toastify__slideOutRight {
from {
transform: translate3d(0, var(--y), 0);
}
to {
visibility: hidden;
transform: translate3d(110%, var(--y), 0);
}
}
@keyframes Toastify__slideOutLeft {
from {
transform: translate3d(0, var(--y), 0);
}
to {
visibility: hidden;
transform: translate3d(-110%, var(--y), 0);
}
}
@keyframes Toastify__slideOutDown {
from {
transform: translate3d(0, var(--y), 0);
}
to {
visibility: hidden;
transform: translate3d(0, 500px, 0);
}
}
@keyframes Toastify__slideOutUp {
from {
transform: translate3d(0, var(--y), 0);
}
to {
visibility: hidden;
transform: translate3d(0, -500px, 0);
}
}
.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
animation-name: Toastify__slideInUp;
}
.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
animation-name: Toastify__slideOutLeft;
animation-timing-function: ease-in;
animation-duration: 0.3s;
}
.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
animation-name: Toastify__slideOutRight;
animation-timing-function: ease-in;
animation-duration: 0.3s;
}
.Toastify__slide-exit--top-center {
animation-name: Toastify__slideOutUp;
animation-timing-function: ease-in;
animation-duration: 0.3s;
}
.Toastify__slide-exit--bottom-center {
animation-name: Toastify__slideOutDown;
animation-timing-function: ease-in;
animation-duration: 0.3s;
}
@keyframes Toastify__spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.ag-filter-panel-buttons {
display: flex;
justify-content: flex-end;
overflow: hidden;
padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding) 0;
flex-wrap: wrap;
gap: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);
}
.ag-filter-panel-buttons-button {
line-height: 1.5;
}
.ag-filter-panel .ag-standard-button.ag-filter-panel-buttons-apply-button {
color: var(--ag-filter-panel-apply-button-color);
background-color: var(--ag-filter-panel-apply-button-background-color);
}
.ag-filter-panel > *:where(:last-child) {
padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-row.ag-row-pinned-source {
color: var(--ag-pinned-source-row-text-color);
background-color: var(--ag-pinned-source-row-background-color);
font-weight: var(--ag-pinned-source-row-font-weight);
}
.ag-row.ag-row-pinned {
color: var(--ag-pinned-row-text-color);
background-color: var(--ag-pinned-row-background-color);
font-weight: var(--ag-pinned-row-font-weight);
}
.ag-measurement-container {
--ag-legacy-styles-loaded: 'true';
}
.ag-icon {
font-family: var(--ag-icon-font-family);
font-weight: var(--ag-icon-font-weight);
color: var(--ag-icon-font-color);
font-size: var(--ag-icon-size);
line-height: var(--ag-icon-size);
font-style: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: var(--ag-icon-size);
height: var(--ag-icon-size);
position: relative;
}
.ag-icon::before {
content: "";
font-family: inherit;
}
.ag-icon::after {
print-color-adjust: exact;
background: transparent var(--ag-icon-image, none) center/contain no-repeat;
display: var(--ag-icon-image-display);
opacity: var(--ag-icon-image-opacity, 0.9);
position: absolute;
inset: 0;
content: "";
}
.ag-icon-aggregation {
font-family: var(--ag-icon-font-family-aggregation, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-aggregation, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-aggregation, var(--ag-icon-font-color));
}
.ag-icon-aggregation::before {
content: var(--ag-icon-font-code-aggregation, "\f101");
display: var(--ag-icon-font-display-aggregation, var(--ag-icon-font-display));
}
.ag-icon-aggregation::after {
background-image: var(--ag-icon-image-aggregation, var(--ag-icon-image));
display: var(--ag-icon-image-display-aggregation, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-aggregation, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-arrows {
font-family: var(--ag-icon-font-family-arrows, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-arrows, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-arrows, var(--ag-icon-font-color));
}
.ag-icon-arrows::before {
content: var(--ag-icon-font-code-arrows, "\f102");
display: var(--ag-icon-font-display-arrows, var(--ag-icon-font-display));
}
.ag-icon-arrows::after {
background-image: var(--ag-icon-image-arrows, var(--ag-icon-image));
display: var(--ag-icon-image-display-arrows, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-arrows, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-asc {
font-family: var(--ag-icon-font-family-asc, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-asc, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-asc, var(--ag-icon-font-color));
}
.ag-icon-asc::before {
content: var(--ag-icon-font-code-asc, "\f103");
display: var(--ag-icon-font-display-asc, var(--ag-icon-font-display));
}
.ag-icon-asc::after {
background-image: var(--ag-icon-image-asc, var(--ag-icon-image));
display: var(--ag-icon-image-display-asc, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-asc, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-aasc {
font-family: var(--ag-icon-font-family-aasc, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-aasc, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-aasc, var(--ag-icon-font-color));
}
.ag-icon-aasc::before {
content: var(--ag-icon-font-code-aasc, "\f13c");
display: var(--ag-icon-font-display-aasc, var(--ag-icon-font-display));
}
.ag-icon-aasc::after {
background-image: var(--ag-icon-image-aasc, var(--ag-icon-image));
display: var(--ag-icon-image-display-aasc, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-aasc, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-adesc {
font-family: var(--ag-icon-font-family-adesc, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-adesc, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-adesc, var(--ag-icon-font-color));
}
.ag-icon-adesc::before {
content: var(--ag-icon-font-code-adesc, "\f13d");
display: var(--ag-icon-font-display-adesc, var(--ag-icon-font-display));
}
.ag-icon-adesc::after {
background-image: var(--ag-icon-image-adesc, var(--ag-icon-image));
display: var(--ag-icon-image-display-adesc, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-adesc, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-cancel {
font-family: var(--ag-icon-font-family-cancel, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-cancel, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-cancel, var(--ag-icon-font-color));
}
.ag-icon-cancel::before {
content: var(--ag-icon-font-code-cancel, "\f104");
display: var(--ag-icon-font-display-cancel, var(--ag-icon-font-display));
}
.ag-icon-cancel::after {
background-image: var(--ag-icon-image-cancel, var(--ag-icon-image));
display: var(--ag-icon-image-display-cancel, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-cancel, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-chart {
font-family: var(--ag-icon-font-family-chart, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-chart, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-chart, var(--ag-icon-font-color));
}
.ag-icon-chart::before {
content: var(--ag-icon-font-code-chart, "\f105");
display: var(--ag-icon-font-display-chart, var(--ag-icon-font-display));
}
.ag-icon-chart::after {
background-image: var(--ag-icon-image-chart, var(--ag-icon-image));
display: var(--ag-icon-image-display-chart, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-chart, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-checkbox-checked {
font-family: var(--ag-icon-font-family-checkbox-checked, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-checkbox-checked, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-checkbox-checked, var(--ag-icon-font-color));
}
.ag-icon-checkbox-checked::before {
content: var(--ag-icon-font-code-checkbox-checked, "\f106");
display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
}
.ag-icon-checkbox-checked::after {
background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-checkbox-indeterminate {
font-family: var(--ag-icon-font-family-checkbox-indeterminate, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-checkbox-indeterminate, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-checkbox-indeterminate, var(--ag-icon-font-color));
}
.ag-icon-checkbox-indeterminate::before {
content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
}
.ag-icon-checkbox-indeterminate::after {
background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-checkbox-unchecked {
font-family: var(--ag-icon-font-family-checkbox-unchecked, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-checkbox-unchecked, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-checkbox-unchecked, var(--ag-icon-font-color));
}
.ag-icon-checkbox-unchecked::before {
content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
}
.ag-icon-checkbox-unchecked::after {
background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-color-picker {
font-family: var(--ag-icon-font-family-color-picker, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-color-picker, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-color-picker, var(--ag-icon-font-color));
}
.ag-icon-color-picker::before {
content: var(--ag-icon-font-code-color-picker, "\f109");
display: var(--ag-icon-font-display-color-picker, var(--ag-icon-font-display));
}
.ag-icon-color-picker::after {
background-image: var(--ag-icon-image-color-picker, var(--ag-icon-image));
display: var(--ag-icon-image-display-color-picker, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-color-picker, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-columns {
font-family: var(--ag-icon-font-family-columns, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-columns, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-columns, var(--ag-icon-font-color));
}
.ag-icon-columns::before {
content: var(--ag-icon-font-code-columns, "\f10a");
display: var(--ag-icon-font-display-columns, var(--ag-icon-font-display));
}
.ag-icon-columns::after {
background-image: var(--ag-icon-image-columns, var(--ag-icon-image));
display: var(--ag-icon-image-display-columns, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-columns, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-contracted {
font-family: var(--ag-icon-font-family-contracted, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-contracted, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-contracted, var(--ag-icon-font-color));
}
.ag-icon-contracted::before {
content: var(--ag-icon-font-code-contracted, "\f10b");
display: var(--ag-icon-font-display-contracted, var(--ag-icon-font-display));
}
.ag-icon-contracted::after {
background-image: var(--ag-icon-image-contracted, var(--ag-icon-image));
display: var(--ag-icon-image-display-contracted, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-contracted, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-copy {
font-family: var(--ag-icon-font-family-copy, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-copy, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-copy, var(--ag-icon-font-color));
}
.ag-icon-copy::before {
content: var(--ag-icon-font-code-copy, "\f10c");
display: var(--ag-icon-font-display-copy, var(--ag-icon-font-display));
}
.ag-icon-copy::after {
background-image: var(--ag-icon-image-copy, var(--ag-icon-image));
display: var(--ag-icon-image-display-copy, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-copy, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-cross {
font-family: var(--ag-icon-font-family-cross, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-cross, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-cross, var(--ag-icon-font-color));
}
.ag-icon-cross::before {
content: var(--ag-icon-font-code-cross, "\f10d");
display: var(--ag-icon-font-display-cross, var(--ag-icon-font-display));
}
.ag-icon-cross::after {
background-image: var(--ag-icon-image-cross, var(--ag-icon-image));
display: var(--ag-icon-image-display-cross, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-cross, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-csv {
font-family: var(--ag-icon-font-family-csv, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-csv, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-csv, var(--ag-icon-font-color));
}
.ag-icon-csv::before {
content: var(--ag-icon-font-code-csv, "\f10e");
display: var(--ag-icon-font-display-csv, var(--ag-icon-font-display));
}
.ag-icon-csv::after {
background-image: var(--ag-icon-image-csv, var(--ag-icon-image));
display: var(--ag-icon-image-display-csv, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-csv, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-cut {
font-family: var(--ag-icon-font-family-cut, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-cut, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-cut, var(--ag-icon-font-color));
}
.ag-icon-cut::before {
content: var(--ag-icon-font-code-cut, "\f10f");
display: var(--ag-icon-font-display-cut, var(--ag-icon-font-display));
}
.ag-icon-cut::after {
background-image: var(--ag-icon-image-cut, var(--ag-icon-image));
display: var(--ag-icon-image-display-cut, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-cut, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-desc {
font-family: var(--ag-icon-font-family-desc, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-desc, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-desc, var(--ag-icon-font-color));
}
.ag-icon-desc::before {
content: var(--ag-icon-font-code-desc, "\f110");
display: var(--ag-icon-font-display-desc, var(--ag-icon-font-display));
}
.ag-icon-desc::after {
background-image: var(--ag-icon-image-desc, var(--ag-icon-image));
display: var(--ag-icon-image-display-desc, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-desc, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-excel {
font-family: var(--ag-icon-font-family-excel, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-excel, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-excel, var(--ag-icon-font-color));
}
.ag-icon-excel::before {
content: var(--ag-icon-font-code-excel, "\f111");
display: var(--ag-icon-font-display-excel, var(--ag-icon-font-display));
}
.ag-icon-excel::after {
background-image: var(--ag-icon-image-excel, var(--ag-icon-image));
display: var(--ag-icon-image-display-excel, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-excel, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-expanded {
font-family: var(--ag-icon-font-family-expanded, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-expanded, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-expanded, var(--ag-icon-font-color));
}
.ag-icon-expanded::before {
content: var(--ag-icon-font-code-expanded, "\f112");
display: var(--ag-icon-font-display-expanded, var(--ag-icon-font-display));
}
.ag-icon-expanded::after {
background-image: var(--ag-icon-image-expanded, var(--ag-icon-image));
display: var(--ag-icon-image-display-expanded, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-expanded, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-eye-slash {
font-family: var(--ag-icon-font-family-eye-slash, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-eye-slash, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-eye-slash, var(--ag-icon-font-color));
}
.ag-icon-eye-slash::before {
content: var(--ag-icon-font-code-eye-slash, "\f113");
display: var(--ag-icon-font-display-eye-slash, var(--ag-icon-font-display));
}
.ag-icon-eye-slash::after {
background-image: var(--ag-icon-image-eye-slash, var(--ag-icon-image));
display: var(--ag-icon-image-display-eye-slash, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-eye-slash, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-eye {
font-family: var(--ag-icon-font-family-eye, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-eye, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-eye, var(--ag-icon-font-color));
}
.ag-icon-eye::before {
content: var(--ag-icon-font-code-eye, "\f114");
display: var(--ag-icon-font-display-eye, var(--ag-icon-font-display));
}
.ag-icon-eye::after {
background-image: var(--ag-icon-image-eye, var(--ag-icon-image));
display: var(--ag-icon-image-display-eye, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-eye, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-filter {
font-family: var(--ag-icon-font-family-filter, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-filter, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-filter, var(--ag-icon-font-color));
}
.ag-icon-filter::before {
content: var(--ag-icon-font-code-filter, "\f115");
display: var(--ag-icon-font-display-filter, var(--ag-icon-font-display));
}
.ag-icon-filter::after {
background-image: var(--ag-icon-image-filter, var(--ag-icon-image));
display: var(--ag-icon-image-display-filter, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-filter, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-first {
font-family: var(--ag-icon-font-family-first, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-first, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-first, var(--ag-icon-font-color));
}
.ag-icon-first::before {
content: var(--ag-icon-font-code-first, "\f116");
display: var(--ag-icon-font-display-first, var(--ag-icon-font-display));
}
.ag-icon-first::after {
background-image: var(--ag-icon-image-first, var(--ag-icon-image));
display: var(--ag-icon-image-display-first, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-first, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-grip {
font-family: var(--ag-icon-font-family-grip, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-grip, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-grip, var(--ag-icon-font-color));
}
.ag-icon-grip::before {
content: var(--ag-icon-font-code-grip, "\f117");
display: var(--ag-icon-font-display-grip, var(--ag-icon-font-display));
}
.ag-icon-grip::after {
background-image: var(--ag-icon-image-grip, var(--ag-icon-image));
display: var(--ag-icon-image-display-grip, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-grip, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-group {
font-family: var(--ag-icon-font-family-group, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-group, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-group, var(--ag-icon-font-color));
}
.ag-icon-group::before {
content: var(--ag-icon-font-code-group, "\f118");
display: var(--ag-icon-font-display-group, var(--ag-icon-font-display));
}
.ag-icon-group::after {
background-image: var(--ag-icon-image-group, var(--ag-icon-image));
display: var(--ag-icon-image-display-group, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-group, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-last {
font-family: var(--ag-icon-font-family-last, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-last, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-last, var(--ag-icon-font-color));
}
.ag-icon-last::before {
content: var(--ag-icon-font-code-last, "\f119");
display: var(--ag-icon-font-display-last, var(--ag-icon-font-display));
}
.ag-icon-last::after {
background-image: var(--ag-icon-image-last, var(--ag-icon-image));
display: var(--ag-icon-image-display-last, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-last, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-left {
font-family: var(--ag-icon-font-family-left, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-left, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-left, var(--ag-icon-font-color));
}
.ag-icon-left::before {
content: var(--ag-icon-font-code-left, "\f11a");
display: var(--ag-icon-font-display-left, var(--ag-icon-font-display));
}
.ag-icon-left::after {
background-image: var(--ag-icon-image-left, var(--ag-icon-image));
display: var(--ag-icon-image-display-left, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-left, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-linked {
font-family: var(--ag-icon-font-family-linked, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-linked, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-linked, var(--ag-icon-font-color));
}
.ag-icon-linked::before {
content: var(--ag-icon-font-code-linked, "\f11b");
display: var(--ag-icon-font-display-linked, var(--ag-icon-font-display));
}
.ag-icon-linked::after {
background-image: var(--ag-icon-image-linked, var(--ag-icon-image));
display: var(--ag-icon-image-display-linked, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-linked, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-loading {
font-family: var(--ag-icon-font-family-loading, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-loading, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-loading, var(--ag-icon-font-color));
}
.ag-icon-loading::before {
content: var(--ag-icon-font-code-loading, "\f11c");
display: var(--ag-icon-font-display-loading, var(--ag-icon-font-display));
}
.ag-icon-loading::after {
background-image: var(--ag-icon-image-loading, var(--ag-icon-image));
display: var(--ag-icon-image-display-loading, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-loading, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-maximize {
font-family: var(--ag-icon-font-family-maximize, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-maximize, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-maximize, var(--ag-icon-font-color));
}
.ag-icon-maximize::before {
content: var(--ag-icon-font-code-maximize, "\f11d");
display: var(--ag-icon-font-display-maximize, var(--ag-icon-font-display));
}
.ag-icon-maximize::after {
background-image: var(--ag-icon-image-maximize, var(--ag-icon-image));
display: var(--ag-icon-image-display-maximize, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-maximize, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-menu {
font-family: var(--ag-icon-font-family-menu, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-menu, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-menu, var(--ag-icon-font-color));
}
.ag-icon-menu::before {
content: var(--ag-icon-font-code-menu, "\f11e");
display: var(--ag-icon-font-display-menu, var(--ag-icon-font-display));
}
.ag-icon-menu::after {
background-image: var(--ag-icon-image-menu, var(--ag-icon-image));
display: var(--ag-icon-image-display-menu, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-menu, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-minimize {
font-family: var(--ag-icon-font-family-minimize, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-minimize, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-minimize, var(--ag-icon-font-color));
}
.ag-icon-minimize::before {
content: var(--ag-icon-font-code-minimize, "\f11f");
display: var(--ag-icon-font-display-minimize, var(--ag-icon-font-display));
}
.ag-icon-minimize::after {
background-image: var(--ag-icon-image-minimize, var(--ag-icon-image));
display: var(--ag-icon-image-display-minimize, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-minimize, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-next {
font-family: var(--ag-icon-font-family-next, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-next, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-next, var(--ag-icon-font-color));
}
.ag-icon-next::before {
content: var(--ag-icon-font-code-next, "\f120");
display: var(--ag-icon-font-display-next, var(--ag-icon-font-display));
}
.ag-icon-next::after {
background-image: var(--ag-icon-image-next, var(--ag-icon-image));
display: var(--ag-icon-image-display-next, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-next, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-none {
font-family: var(--ag-icon-font-family-none, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-none, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-none, var(--ag-icon-font-color));
}
.ag-icon-none::before {
content: var(--ag-icon-font-code-none, "\f121");
display: var(--ag-icon-font-display-none, var(--ag-icon-font-display));
}
.ag-icon-none::after {
background-image: var(--ag-icon-image-none, var(--ag-icon-image));
display: var(--ag-icon-image-display-none, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-none, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-not-allowed {
font-family: var(--ag-icon-font-family-not-allowed, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-not-allowed, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-not-allowed, var(--ag-icon-font-color));
}
.ag-icon-not-allowed::before {
content: var(--ag-icon-font-code-not-allowed, "\f122");
display: var(--ag-icon-font-display-not-allowed, var(--ag-icon-font-display));
}
.ag-icon-not-allowed::after {
background-image: var(--ag-icon-image-not-allowed, var(--ag-icon-image));
display: var(--ag-icon-image-display-not-allowed, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-not-allowed, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-paste {
font-family: var(--ag-icon-font-family-paste, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-paste, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-paste, var(--ag-icon-font-color));
}
.ag-icon-paste::before {
content: var(--ag-icon-font-code-paste, "\f123");
display: var(--ag-icon-font-display-paste, var(--ag-icon-font-display));
}
.ag-icon-paste::after {
background-image: var(--ag-icon-image-paste, var(--ag-icon-image));
display: var(--ag-icon-image-display-paste, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-paste, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-pin {
font-family: var(--ag-icon-font-family-pin, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-pin, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-pin, var(--ag-icon-font-color));
}
.ag-icon-pin::before {
content: var(--ag-icon-font-code-pin, "\f124");
display: var(--ag-icon-font-display-pin, var(--ag-icon-font-display));
}
.ag-icon-pin::after {
background-image: var(--ag-icon-image-pin, var(--ag-icon-image));
display: var(--ag-icon-image-display-pin, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-pin, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-pivot {
font-family: var(--ag-icon-font-family-pivot, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-pivot, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-pivot, var(--ag-icon-font-color));
}
.ag-icon-pivot::before {
content: var(--ag-icon-font-code-pivot, "\f125");
display: var(--ag-icon-font-display-pivot, var(--ag-icon-font-display));
}
.ag-icon-pivot::after {
background-image: var(--ag-icon-image-pivot, var(--ag-icon-image));
display: var(--ag-icon-image-display-pivot, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-pivot, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-previous {
font-family: var(--ag-icon-font-family-previous, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-previous, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-previous, var(--ag-icon-font-color));
}
.ag-icon-previous::before {
content: var(--ag-icon-font-code-previous, "\f126");
display: var(--ag-icon-font-display-previous, var(--ag-icon-font-display));
}
.ag-icon-previous::after {
background-image: var(--ag-icon-image-previous, var(--ag-icon-image));
display: var(--ag-icon-image-display-previous, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-previous, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-radio-button-off {
font-family: var(--ag-icon-font-family-radio-button-off, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-radio-button-off, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-radio-button-off, var(--ag-icon-font-color));
}
.ag-icon-radio-button-off::before {
content: var(--ag-icon-font-code-radio-button-off, "\f127");
display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
}
.ag-icon-radio-button-off::after {
background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-radio-button-on {
font-family: var(--ag-icon-font-family-radio-button-on, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-radio-button-on, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-radio-button-on, var(--ag-icon-font-color));
}
.ag-icon-radio-button-on::before {
content: var(--ag-icon-font-code-radio-button-on, "\f128");
display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
}
.ag-icon-radio-button-on::after {
background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-right {
font-family: var(--ag-icon-font-family-right, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-right, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-right, var(--ag-icon-font-color));
}
.ag-icon-right::before {
content: var(--ag-icon-font-code-right, "\f129");
display: var(--ag-icon-font-display-right, var(--ag-icon-font-display));
}
.ag-icon-right::after {
background-image: var(--ag-icon-image-right, var(--ag-icon-image));
display: var(--ag-icon-image-display-right, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-right, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-save {
font-family: var(--ag-icon-font-family-save, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-save, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-save, var(--ag-icon-font-color));
}
.ag-icon-save::before {
content: var(--ag-icon-font-code-save, "\f12a");
display: var(--ag-icon-font-display-save, var(--ag-icon-font-display));
}
.ag-icon-save::after {
background-image: var(--ag-icon-image-save, var(--ag-icon-image));
display: var(--ag-icon-image-display-save, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-save, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-small-down {
font-family: var(--ag-icon-font-family-small-down, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-small-down, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-small-down, var(--ag-icon-font-color));
}
.ag-icon-small-down::before {
content: var(--ag-icon-font-code-small-down, "\f12b");
display: var(--ag-icon-font-display-small-down, var(--ag-icon-font-display));
}
.ag-icon-small-down::after {
background-image: var(--ag-icon-image-small-down, var(--ag-icon-image));
display: var(--ag-icon-image-display-small-down, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-small-down, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-small-left {
font-family: var(--ag-icon-font-family-small-left, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-small-left, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-small-left, var(--ag-icon-font-color));
}
.ag-icon-small-left::before {
content: var(--ag-icon-font-code-small-left, "\f12c");
display: var(--ag-icon-font-display-small-left, var(--ag-icon-font-display));
}
.ag-icon-small-left::after {
background-image: var(--ag-icon-image-small-left, var(--ag-icon-image));
display: var(--ag-icon-image-display-small-left, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-small-left, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-small-right {
font-family: var(--ag-icon-font-family-small-right, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-small-right, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-small-right, var(--ag-icon-font-color));
}
.ag-icon-small-right::before {
content: var(--ag-icon-font-code-small-right, "\f12d");
display: var(--ag-icon-font-display-small-right, var(--ag-icon-font-display));
}
.ag-icon-small-right::after {
background-image: var(--ag-icon-image-small-right, var(--ag-icon-image));
display: var(--ag-icon-image-display-small-right, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-small-right, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-small-up {
font-family: var(--ag-icon-font-family-small-up, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-small-up, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-small-up, var(--ag-icon-font-color));
}
.ag-icon-small-up::before {
content: var(--ag-icon-font-code-small-up, "\f12e");
display: var(--ag-icon-font-display-small-up, var(--ag-icon-font-display));
}
.ag-icon-small-up::after {
background-image: var(--ag-icon-image-small-up, var(--ag-icon-image));
display: var(--ag-icon-image-display-small-up, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-small-up, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-tick {
font-family: var(--ag-icon-font-family-tick, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-tick, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-tick, var(--ag-icon-font-color));
}
.ag-icon-tick::before {
content: var(--ag-icon-font-code-tick, "\f12f");
display: var(--ag-icon-font-display-tick, var(--ag-icon-font-display));
}
.ag-icon-tick::after {
background-image: var(--ag-icon-image-tick, var(--ag-icon-image));
display: var(--ag-icon-image-display-tick, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-tick, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-tree-closed {
font-family: var(--ag-icon-font-family-tree-closed, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-tree-closed, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-tree-closed, var(--ag-icon-font-color));
}
.ag-icon-tree-closed::before {
content: var(--ag-icon-font-code-tree-closed, "\f130");
display: var(--ag-icon-font-display-tree-closed, var(--ag-icon-font-display));
}
.ag-icon-tree-closed::after {
background-image: var(--ag-icon-image-tree-closed, var(--ag-icon-image));
display: var(--ag-icon-image-display-tree-closed, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-tree-closed, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-tree-indeterminate {
font-family: var(--ag-icon-font-family-tree-indeterminate, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-tree-indeterminate, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-tree-indeterminate, var(--ag-icon-font-color));
}
.ag-icon-tree-indeterminate::before {
content: var(--ag-icon-font-code-tree-indeterminate, "\f131");
display: var(--ag-icon-font-display-tree-indeterminate, var(--ag-icon-font-display));
}
.ag-icon-tree-indeterminate::after {
background-image: var(--ag-icon-image-tree-indeterminate, var(--ag-icon-image));
display: var(--ag-icon-image-display-tree-indeterminate, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-tree-indeterminate, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-tree-open {
font-family: var(--ag-icon-font-family-tree-open, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-tree-open, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-tree-open, var(--ag-icon-font-color));
}
.ag-icon-tree-open::before {
content: var(--ag-icon-font-code-tree-open, "\f132");
display: var(--ag-icon-font-display-tree-open, var(--ag-icon-font-display));
}
.ag-icon-tree-open::after {
background-image: var(--ag-icon-image-tree-open, var(--ag-icon-image));
display: var(--ag-icon-image-display-tree-open, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-tree-open, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-unlinked {
font-family: var(--ag-icon-font-family-unlinked, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-unlinked, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-unlinked, var(--ag-icon-font-color));
}
.ag-icon-unlinked::before {
content: var(--ag-icon-font-code-unlinked, "\f133");
display: var(--ag-icon-font-display-unlinked, var(--ag-icon-font-display));
}
.ag-icon-unlinked::after {
background-image: var(--ag-icon-image-unlinked, var(--ag-icon-image));
display: var(--ag-icon-image-display-unlinked, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-unlinked, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-up {
font-family: var(--ag-icon-font-family-up, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-up, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-up, var(--ag-icon-font-color));
}
.ag-icon-up::before {
content: var(--ag-icon-font-code-up, "\f134");
display: var(--ag-icon-font-display-up, var(--ag-icon-font-display));
}
.ag-icon-up::after {
background-image: var(--ag-icon-image-up, var(--ag-icon-image));
display: var(--ag-icon-image-display-up, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-up, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-down {
font-family: var(--ag-icon-font-family-down, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-down, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-down, var(--ag-icon-font-color));
}
.ag-icon-down::before {
content: var(--ag-icon-font-code-down, "\f135");
display: var(--ag-icon-font-display-down, var(--ag-icon-font-display));
}
.ag-icon-down::after {
background-image: var(--ag-icon-image-down, var(--ag-icon-image));
display: var(--ag-icon-image-display-down, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-down, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-plus {
font-family: var(--ag-icon-font-family-plus, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-plus, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-plus, var(--ag-icon-font-color));
}
.ag-icon-plus::before {
content: var(--ag-icon-font-code-plus, "\f136");
display: var(--ag-icon-font-display-plus, var(--ag-icon-font-display));
}
.ag-icon-plus::after {
background-image: var(--ag-icon-image-plus, var(--ag-icon-image));
display: var(--ag-icon-image-display-plus, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-plus, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-minus {
font-family: var(--ag-icon-font-family-minus, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-minus, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-minus, var(--ag-icon-font-color));
}
.ag-icon-minus::before {
content: var(--ag-icon-font-code-minus, "\f137");
display: var(--ag-icon-font-display-minus, var(--ag-icon-font-display));
}
.ag-icon-minus::after {
background-image: var(--ag-icon-image-minus, var(--ag-icon-image));
display: var(--ag-icon-image-display-minus, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-minus, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-menu-alt {
font-family: var(--ag-icon-font-family-menu-alt, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-menu-alt, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-menu-alt, var(--ag-icon-font-color));
}
.ag-icon-menu-alt::before {
content: var(--ag-icon-font-code-menu-alt, "\f138");
display: var(--ag-icon-font-display-menu-alt, var(--ag-icon-font-display));
}
.ag-icon-menu-alt::after {
background-image: var(--ag-icon-image-menu-alt, var(--ag-icon-image));
display: var(--ag-icon-image-display-menu-alt, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-menu-alt, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-settings {
font-family: var(--ag-icon-font-family-settings, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-settings, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-settings, var(--ag-icon-font-color));
}
.ag-icon-settings::before {
content: var(--ag-icon-font-code-settings, "\f139");
display: var(--ag-icon-font-display-settings, var(--ag-icon-font-display));
}
.ag-icon-settings::after {
background-image: var(--ag-icon-image-settings, var(--ag-icon-image));
display: var(--ag-icon-image-display-settings, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-settings, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-column-arrow {
font-family: var(--ag-icon-font-family-column-arrow, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-column-arrow, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-column-arrow, var(--ag-icon-font-color));
}
.ag-icon-column-arrow::before {
content: var(--ag-icon-font-code-column-arrow, "\f13a");
display: var(--ag-icon-font-display-column-arrow, var(--ag-icon-font-display));
}
.ag-icon-column-arrow::after {
background-image: var(--ag-icon-image-column-arrow, var(--ag-icon-image));
display: var(--ag-icon-image-display-column-arrow, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-column-arrow, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-un-pin {
font-family: var(--ag-icon-font-family-un-pin, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-un-pin, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-un-pin, var(--ag-icon-font-color));
}
.ag-icon-un-pin::before {
content: var(--ag-icon-font-code-un-pin, "\f13b");
display: var(--ag-icon-font-display-un-pin, var(--ag-icon-font-display));
}
.ag-icon-un-pin::after {
background-image: var(--ag-icon-image-un-pin, var(--ag-icon-image));
display: var(--ag-icon-image-display-un-pin, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-un-pin, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-pinned-bottom {
font-family: var(--ag-icon-font-family-pinned-bottom, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-pinned-bottom, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-pinned-bottom, var(--ag-icon-font-color));
}
.ag-icon-pinned-bottom::before {
content: var(--ag-icon-font-code-pinned-bottom, "\f13e");
display: var(--ag-icon-font-display-pinned-bottom, var(--ag-icon-font-display));
}
.ag-icon-pinned-bottom::after {
background-image: var(--ag-icon-image-pinned-bottom, var(--ag-icon-image));
display: var(--ag-icon-image-display-pinned-bottom, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-pinned-bottom, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-pinned-top {
font-family: var(--ag-icon-font-family-pinned-top, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-pinned-top, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-pinned-top, var(--ag-icon-font-color));
}
.ag-icon-pinned-top::before {
content: var(--ag-icon-font-code-pinned-top, "\f13f");
display: var(--ag-icon-font-display-pinned-top, var(--ag-icon-font-display));
}
.ag-icon-pinned-top::after {
background-image: var(--ag-icon-image-pinned-top, var(--ag-icon-image));
display: var(--ag-icon-image-display-pinned-top, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-pinned-top, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-chevron-up {
font-family: var(--ag-icon-font-family-chevron-up, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-chevron-up, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-chevron-up, var(--ag-icon-font-color));
}
.ag-icon-chevron-up::before {
content: var(--ag-icon-font-code-chevron-up, "\f140");
display: var(--ag-icon-font-display-chevron-up, var(--ag-icon-font-display));
}
.ag-icon-chevron-up::after {
background-image: var(--ag-icon-image-chevron-up, var(--ag-icon-image));
display: var(--ag-icon-image-display-chevron-up, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-chevron-up, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-chevron-down {
font-family: var(--ag-icon-font-family-chevron-down, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-chevron-down, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-chevron-down, var(--ag-icon-font-color));
}
.ag-icon-chevron-down::before {
content: var(--ag-icon-font-code-chevron-down, "\f141");
display: var(--ag-icon-font-display-chevron-down, var(--ag-icon-font-display));
}
.ag-icon-chevron-down::after {
background-image: var(--ag-icon-image-chevron-down, var(--ag-icon-image));
display: var(--ag-icon-image-display-chevron-down, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-chevron-down, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-chevron-left {
font-family: var(--ag-icon-font-family-chevron-left, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-chevron-left, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-chevron-left, var(--ag-icon-font-color));
}
.ag-icon-chevron-left::before {
content: var(--ag-icon-font-code-chevron-left, "\f142");
display: var(--ag-icon-font-display-chevron-left, var(--ag-icon-font-display));
}
.ag-icon-chevron-left::after {
background-image: var(--ag-icon-image-chevron-left, var(--ag-icon-image));
display: var(--ag-icon-image-display-chevron-left, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-chevron-left, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-chevron-right {
font-family: var(--ag-icon-font-family-chevron-right, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-chevron-right, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-chevron-right, var(--ag-icon-font-color));
}
.ag-icon-chevron-right::before {
content: var(--ag-icon-font-code-chevron-right, "\f143");
display: var(--ag-icon-font-display-chevron-right, var(--ag-icon-font-display));
}
.ag-icon-chevron-right::after {
background-image: var(--ag-icon-image-chevron-right, var(--ag-icon-image));
display: var(--ag-icon-image-display-chevron-right, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-chevron-right, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-filter-add {
font-family: var(--ag-icon-font-family-filter-add, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-filter-add, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-filter-add, var(--ag-icon-font-color));
}
.ag-icon-filter-add::before {
content: var(--ag-icon-font-code-filter-add, "\f144");
display: var(--ag-icon-font-display-filter-add, var(--ag-icon-font-display));
}
.ag-icon-filter-add::after {
background-image: var(--ag-icon-image-filter-add, var(--ag-icon-image));
display: var(--ag-icon-image-display-filter-add, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-filter-add, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-edit {
font-family: var(--ag-icon-font-family-edit, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-edit, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-edit, var(--ag-icon-font-color));
}
.ag-icon-edit::before {
content: var(--ag-icon-font-code-edit, "\f145");
display: var(--ag-icon-font-display-edit, var(--ag-icon-font-display));
}
.ag-icon-edit::after {
background-image: var(--ag-icon-image-edit, var(--ag-icon-image));
display: var(--ag-icon-image-display-edit, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-edit, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-search {
font-family: var(--ag-icon-font-family-search, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-search, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-search, var(--ag-icon-font-color));
}
.ag-icon-search::before {
content: var(--ag-icon-font-code-search, "\f146");
display: var(--ag-icon-font-display-search, var(--ag-icon-font-display));
}
.ag-icon-search::after {
background-image: var(--ag-icon-image-search, var(--ag-icon-image));
display: var(--ag-icon-image-display-search, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-search, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-document {
font-family: var(--ag-icon-font-family-document, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-document, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-document, var(--ag-icon-font-color));
}
.ag-icon-document::before {
content: var(--ag-icon-font-code-document, "\f147");
display: var(--ag-icon-font-display-document, var(--ag-icon-font-display));
}
.ag-icon-document::after {
background-image: var(--ag-icon-image-document, var(--ag-icon-image));
display: var(--ag-icon-image-display-document, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-document, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-fx {
font-family: var(--ag-icon-font-family-fx, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-fx, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-fx, var(--ag-icon-font-color));
}
.ag-icon-fx::before {
content: var(--ag-icon-font-code-fx, "\f148");
display: var(--ag-icon-font-display-fx, var(--ag-icon-font-display));
}
.ag-icon-fx::after {
background-image: var(--ag-icon-image-fx, var(--ag-icon-image));
display: var(--ag-icon-image-display-fx, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-fx, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-values-as {
font-family: var(--ag-icon-font-family-values-as, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-values-as, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-values-as, var(--ag-icon-font-color));
}
.ag-icon-values-as::before {
content: var(--ag-icon-font-code-values-as, "\f149");
display: var(--ag-icon-font-display-values-as, var(--ag-icon-font-display));
}
.ag-icon-values-as::after {
background-image: var(--ag-icon-image-values-as, var(--ag-icon-image));
display: var(--ag-icon-image-display-values-as, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-values-as, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-pdf {
font-family: var(--ag-icon-font-family-pdf, var(--ag-icon-font-family));
font-weight: var(--ag-icon-font-weight-pdf, var(--ag-icon-font-weight));
color: var(--ag-icon-font-color-pdf, var(--ag-icon-font-color));
}
.ag-icon-pdf::before {
content: var(--ag-icon-font-code-pdf, "\f14a");
display: var(--ag-icon-font-display-pdf, var(--ag-icon-font-display));
}
.ag-icon-pdf::after {
background-image: var(--ag-icon-image-pdf, var(--ag-icon-image));
display: var(--ag-icon-image-display-pdf, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-pdf, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-row-drag::before {
content: var(--ag-icon-font-code-grip);
}
.ag-left-arrow::before {
content: var(--ag-icon-font-code-left);
}
.ag-right-arrow::before {
content: var(--ag-icon-font-code-right);
}
[class*=ag-theme-] {
--ag-foreground-color: #000;
--ag-data-color: var(--ag-foreground-color);
--ag-secondary-foreground-color: var(--ag-foreground-color);
--ag-header-foreground-color: var(--ag-secondary-foreground-color);
--ag-disabled-foreground-color: rgba(0, 0, 0, 0.5);
--ag-background-color: #fff;
--ag-wrapper-background-color: var(--ag-background-color);
--ag-header-background-color: transparent;
--ag-toolbar-background-color: var(--ag-header-background-color);
--ag-toolbar-text-color: var(--ag-foreground-color);
--ag-toolbar-separator-color: var(--ag-border-color);
--ag-toolbar-separator-width: 1px;
--ag-tooltip-background-color: transparent;
--ag-tooltip-error-background-color: color-mix(
in srgb,
var(--ag-background-color),
var(--ag-invalid-color) 10%
);
--ag-tooltip-error-text-color: var(--ag-invalid-color);
--ag-tooltip-error-border-color: color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 25%);
--ag-subheader-background-color: transparent;
--ag-subheader-toolbar-background-color: transparent;
--ag-control-panel-background-color: transparent;
--ag-side-button-selected-background-color: var(--ag-control-panel-background-color);
--ag-selected-row-background-color: #bbb;
--ag-data-background-color: var(--ag-background-color);
--ag-odd-row-background-color: var(--ag-data-background-color);
--ag-modal-overlay-background-color: rgba(255, 255, 255, 0.66);
--ag-menu-background-color: var(--ag-background-color);
--ag-menu-border-color: var(--ag-border-color);
--ag-panel-background-color: var(--ag-background-color);
--ag-panel-border-color: var(--ag-border-color);
--ag-row-hover-color: transparent;
--ag-column-hover-color: transparent;
--ag-range-selection-border-color: var(--ag-foreground-color);
--ag-row-drag-indicator-color: var(--ag-range-selection-border-color);
--ag-row-drag-indicator-width: 2px;
--ag-column-drag-indicator-color: var(--ag-range-selection-border-color);
--ag-column-drag-indicator-width: 2px;
--ag-range-selection-border-style: solid;
--ag-range-selection-background-color: rgba(0, 0, 0, 0.2);
--ag-range-selection-background-color-2: var(--ag-range-selection-background-color);
--ag-range-selection-background-color-3: var(--ag-range-selection-background-color);
--ag-range-selection-background-color-4: var(--ag-range-selection-background-color);
--ag-range-selection-highlight-color: var(--ag-range-selection-border-color);
--ag-range-header-highlight-color: color-mix(
in srgb,
var(--ag-header-background-color),
var(--ag-foreground-color) 8%
);
--ag-selected-tab-underline-color: var(--ag-range-selection-border-color);
--ag-selected-tab-underline-width: 0;
--ag-selected-tab-underline-transition-speed: 0s;
--ag-range-selection-chart-category-background-color: rgba(0, 255, 132, 0.1);
--ag-range-selection-chart-background-color: rgba(0, 88, 255, 0.1);
--ag-header-cell-hover-background-color: transparent;
--ag-header-cell-moving-background-color: var(--ag-background-color);
--ag-value-change-value-highlight-background-color: rgba(22, 160, 133, 0.5);
--ag-value-change-delta-up-color: #43a047;
--ag-value-change-delta-down-color: #e53935;
--ag-row-loading-skeleton-effect-color: rgba(66, 66, 66, 0.2);
--ag-chip-background-color: transparent;
--ag-chip-border-color: var(--ag-chip-background-color);
--ag-borders: solid 1px;
--ag-border-color: rgba(0, 0, 0, 0.25);
--ag-borders-critical: var(--ag-borders);
--ag-borders-secondary: var(--ag-borders);
--ag-secondary-border-color: var(--ag-border-color);
--ag-row-border-style: solid;
--ag-row-border-color: var(--ag-secondary-border-color);
--ag-row-border-width: 1px;
--ag-cell-horizontal-border: solid transparent;
--ag-borders-input: var(--ag-borders-secondary);
--ag-input-border-color: var(--ag-secondary-border-color);
--ag-borders-input-invalid: solid 2px;
--ag-input-border-color-invalid: var(--ag-invalid-color);
--ag-full-row-invalid-background-color: color-mix(
in srgb,
var(--ag-background-color),
var(--ag-invalid-color) 25%
);
--ag-borders-side-button: var(--ag-borders);
--ag-border-radius: 0px;
--ag-wrapper-border-radius: var(--ag-border-radius);
--ag-row-border-color: var(--ag-secondary-border-color);
--ag-header-column-separator-display: none;
--ag-header-column-separator-height: 100%;
--ag-header-column-separator-width: 1px;
--ag-header-column-separator-color: var(--ag-secondary-border-color);
--ag-header-column-resize-handle-display: none;
--ag-header-column-resize-handle-height: 50%;
--ag-header-column-resize-handle-width: 1px;
--ag-header-column-resize-handle-color: var(--ag-secondary-border-color);
--ag-invalid-color: red;
--ag-input-disabled-border-color: var(--ag-input-border-color);
--ag-input-disabled-background-color: transparent;
--ag-checkbox-background-color: transparent;
--ag-checkbox-border-radius: var(--ag-border-radius);
--ag-checkbox-checked-color: var(--ag-foreground-color);
--ag-checkbox-unchecked-color: var(--ag-foreground-color);
--ag-checkbox-indeterminate-color: var(--ag-checkbox-unchecked-color);
--ag-toggle-button-off-border-color: var(--ag-checkbox-unchecked-color);
--ag-toggle-button-off-background-color: var(--ag-checkbox-unchecked-color);
--ag-toggle-button-on-border-color: var(--ag-checkbox-checked-color);
--ag-toggle-button-on-background-color: var(--ag-checkbox-checked-color);
--ag-toggle-button-switch-background-color: var(--ag-background-color);
--ag-toggle-button-switch-border-color: var(--ag-toggle-button-off-border-color);
--ag-toggle-button-border-width: 1px;
--ag-toggle-button-height: var(--ag-icon-size);
--ag-toggle-button-width: calc(var(--ag-toggle-button-height) * 2);
--ag-input-focus-box-shadow: none;
--ag-input-error-focus-box-shadow: none;
--ag-input-focus-border-color: none;
--ag-minichart-selected-chart-color: var(--ag-checkbox-checked-color);
--ag-minichart-selected-page-color: var(--ag-checkbox-checked-color);
--ag-grid-size: 4px;
--ag-icon-size: 12px;
--ag-icon-font-weight: normal;
--ag-icon-font-color: var(--ag-foreground-color);
--ag-icon-image-display: block;
--ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
--ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);
--ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 2);
--ag-widget-vertical-spacing: var(--ag-grid-size);
--ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
--ag-cell-widget-spacing: var(--ag-cell-horizontal-padding);
--ag-row-height: calc(var(--ag-grid-size) * 6 + 1px);
--ag-auto-height-min-body-height: 50px;
--ag-header-height: var(--ag-row-height);
--ag-pagination-panel-height: var(--ag-header-height);
--ag-list-item-height: calc(var(--ag-grid-size) * 5);
--ag-column-select-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
--ag-set-filter-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
--ag-advanced-filter-builder-indent-size: calc(var(--ag-grid-size) * 2 + var(--ag-icon-size));
--ag-row-group-indent-size: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size));
--ag-row-numbers-selected-color: #bbb;
--ag-filter-tool-panel-group-indent: 16px;
--ag-tab-min-width: 220px;
--ag-chart-menu-panel-width: var(--ag-tab-min-width);
--ag-menu-min-width: 181px;
--ag-side-bar-panel-width: 200px;
--ag-side-bar-panel-animation-duration: 0s;
--ag-font-family: 'Helvetica Neue', sans-serif;
--ag-font-size: 14px;
--ag-card-radius: var(--ag-border-radius);
--ag-card-shadow: none;
--ag-popup-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
--ag-advanced-filter-join-pill-color: #f08e8d;
--ag-advanced-filter-column-pill-color: #a6e194;
--ag-advanced-filter-option-pill-color: #f3c08b;
--ag-advanced-filter-value-pill-color: #85c0e4;
--ag-find-match-color: var(--ag-foreground-color);
--ag-find-active-match-color: var(--ag-foreground-color);
--ag-find-match-background-color: #ffff00;
--ag-find-active-match-background-color: #ffa500;
--ag-cell-batch-edit-background-color: rgb(220 181 139 / 16%);
--ag-cell-batch-edit-text-color: #422f00;
--ag-row-batch-edit-background-color: var(--ag-cell-batch-edit-background-color);
--ag-row-batch-edit-text-color: var(--ag-cell-batch-edit-text-color);
--ag-filter-panel-apply-button-color: var(--ag-foreground-color);
--ag-filter-panel-apply-button-background-color: var(--ag-background-color);
--ag-column-panel-apply-button-color: var(--ag-foreground-color);
--ag-column-panel-apply-button-background-color: var(--ag-background-color);
--ag-filter-panel-card-subtle-color: var(--ag-foreground-color);
--ag-filter-panel-card-subtle-hover-color: var(--ag-foreground-color);
--ag-formula-token-1-color: #3269c6;
--ag-formula-token-1-background-color: rgb(50 105 198 / 16%);
--ag-formula-token-1-border-color: var(--ag-formula-token-1-color);
--ag-formula-token-2-color: #c0343f;
--ag-formula-token-2-background-color: rgb(192 52 63 / 16%);
--ag-formula-token-2-border-color: var(--ag-formula-token-2-color);
--ag-formula-token-3-color: #8156b8;
--ag-formula-token-3-background-color: rgb(129 86 184 / 16%);
--ag-formula-token-3-border-color: var(--ag-formula-token-3-color);
--ag-formula-token-4-color: #007c1f;
--ag-formula-token-4-background-color: rgb(0 124 31 / 16%);
--ag-formula-token-4-border-color: var(--ag-formula-token-4-color);
--ag-formula-token-5-color: #b03e85;
--ag-formula-token-5-background-color: rgb(176 62 133 / 16%);
--ag-formula-token-5-border-color: var(--ag-formula-token-5-color);
--ag-formula-token-6-color: #b74900;
--ag-formula-token-6-background-color: rgb(183 73 0 / 16%);
--ag-formula-token-6-border-color: var(--ag-formula-token-6-color);
--ag-formula-token-7-color: #247492;
--ag-formula-token-7-background-color: rgb(36 116 146 / 16%);
--ag-formula-token-7-border-color: var(--ag-formula-token-7-color);
--ag-note-indicator-size: 8px;
--ag-note-popup-background-color: var(--ag-menu-background-color);
--ag-note-popup-text-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 75%);
--ag-note-popup-input-text-color: var(--ag-input-text-color);
--ag-note-popup-input-background-color: var(--ag-background-color);
--ag-note-popup-border: var(--ag-dialog-border);
--ag-note-popup-padding: calc(var(--ag-grid-size) / 2);
--ag-calculated-column-highlight-color: #bbb;
--ag-column-header-edit-highlight-color: #bbb;
--ag-calculated-column-parent-suggestion-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 80%);
--ag-calculated-column-suggestion-list-width: 200px;
}
.ag-root-wrapper,
.ag-dnd-ghost {
background-color: var(--ag-wrapper-background-color);
}
.ag-root-wrapper,
.ag-popup {
--ag-indentation-level: 0;
}
.ag-styled-root {
display: contents;
}
.ag-toolbar .ag-react-container:not(.ag-react-wrapper-block) {
display: contents;
}
[class*=ag-theme-] {
-webkit-font-smoothing: antialiased;
font-family: var(--ag-font-family);
font-size: var(--ag-font-size);
line-height: normal;
color: var(--ag-foreground-color);
}
ag-grid,
ag-grid-angular,
ag-grid-ng2,
ag-grid-polymer,
ag-grid-aurelia {
display: block;
}
.ag-aria-description-container {
z-index: 9999;
border: 0px;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
position: absolute;
overflow: hidden;
padding: 0px;
white-space: nowrap;
}
.ag-hidden {
display: none !important;
}
.ag-invisible {
visibility: hidden !important;
}
.ag-drag-handle {
cursor: grab;
}
.ag-column-drop-wrapper {
display: flex;
}
.ag-column-drop-horizontal-half-width {
display: inline-block;
width: 50% !important;
}
.ag-unselectable {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ag-selectable {
-moz-user-select: text;
-webkit-user-select: text;
-ms-user-select: text;
user-select: text;
}
.ag-tab {
position: relative;
}
.ag-tab-guard {
position: absolute;
width: 0;
height: 0;
display: block;
}
.ag-virtual-list-viewport .ag-tab-guard {
position: sticky;
}
.ag-tab-guard-top {
top: 1px;
}
.ag-tab-guard-bottom {
bottom: 1px;
}
.ag-select-agg-func-popup {
position: absolute;
}
.ag-input-wrapper,
.ag-picker-field-wrapper {
display: flex;
flex: 1 1 auto;
align-items: center;
line-height: normal;
position: relative;
}
.ag-shake-left-to-right {
animation-direction: alternate;
animation-duration: 0.2s;
animation-iteration-count: infinite;
animation-name: ag-shake-left-to-right;
}
@keyframes ag-shake-left-to-right {
from {
padding-left: 6px;
padding-right: 2px;
}
to {
padding-left: 2px;
padding-right: 6px;
}
}
.ag-root-wrapper {
cursor: default;
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
white-space: normal;
}
.ag-root-wrapper.ag-layout-normal {
height: 100%;
}
.ag-watermark {
position: absolute;
bottom: 20px;
right: 25px;
opacity: 0.7;
transition: opacity 1s ease-out 3s;
color: #9b9b9b;
}
.ag-watermark::before {
content: "";
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA5IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjA5IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTkyLjk5MyAyMy42NTgyVjE1LjcxMTdIMTc5LjQ1MkwxNzEuNTA1IDIzLjY1ODJIMTkyLjk5M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTIwOC4yNSAzLjk1MDgxSDE5MS4yNzZMMTgzLjI2NiAxMS44OTczSDIwOC4yNVYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTYzLjYyMiAzMS42MDQ4TDE2Ny42OTEgMjcuNTM2MUgxODEuNDIzVjM1LjQ4MjdIMTYzLjYyMlYzMS42MDQ4WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTY2LjYxIDE5Ljc4MDNIMTc1LjM4M0wxODMuMzkzIDExLjgzMzdIMTY2LjYxVjE5Ljc4MDNaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNTcuMDExIDMxLjYwNDdIMTYzLjYyMkwxNzEuNTA1IDIzLjY1ODJIMTU3LjAxMVYzMS42MDQ3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTkxLjI3NiAzLjk1MDgxTDE4Ny4yMDggOC4wMTk0MUgxNjEuMjdWMC4wNzI4NzZIMTkxLjI3NlYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMjAuODM5MSAzMC4yMDYxSDguMzc4OTJMNi4yMTc0NSAzNS41NDYySDAuNzUwMjQ0TDEyLjI1NjggOC41OTE1NUgxNy4wMjQ3TDI4LjUzMTMgMzUuNTQ2MkgyMy4wMDA1TDIwLjgzOTEgMzAuMjA2MVpNMTkuMTIyNyAyNS45NDY4TDE0LjYwOSAxNC45NDg4TDEwLjA5NTQgMjUuOTQ2OEgxOS4xMjI3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTA0LjQzNyAxOC41MDg5QzEwNi4wMjYgMTYuMTU2NyAxMTAuMDMxIDE1LjkwMjQgMTExLjY4NCAxNS45MDI0VjIwLjQ3OTZDMTA5LjY1IDIwLjQ3OTYgMTA3LjYxNSAyMC41NDMyIDEwNi40MDcgMjEuNDMzMkMxMDUuMiAyMi4zMjMyIDEwNC41NjQgMjMuNTMxMSAxMDQuNTY0IDI0Ljk5MzJWMzUuNTQ2Mkg5OS42MDUxVjE1LjkwMjRIMTA0LjM3M0wxMDQuNDM3IDE4LjUwODlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xMTkuMzc2IDE1LjkwMjRIMTE0LjQxOFYzNS41NDYySDExOS4zNzZWMTUuOTAyNFoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTExOS4zNzYgNy4xMjkzOUgxMTQuNDE4VjEyLjk3OEgxMTkuMzc2VjcuMTI5MzlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNDMuOTc5IDcuMTI5MzlWMzUuNTQ2MkgxMzkuMjExTDEzOS4wODQgMzIuNTU4M0MxMzguMzg0IDMzLjU3NTUgMTM3LjQ5NCAzNC40MDE5IDEzNi40MTQgMzUuMDM3NkMxMzUuMzMzIDM1LjYwOTggMTMzLjk5OCAzNS45Mjc2IDEzMi40NzIgMzUuOTI3NkMxMzEuMTM3IDM1LjkyNzYgMTI5Ljg2NiAzNS42NzMzIDEyOC43ODUgMzUuMjI4M0MxMjcuNjQxIDM0LjcxOTcgMTI2LjYyMyAzNC4wODQgMTI1Ljc5NyAzMy4xOTRDMTI0Ljk3MSAzMi4zMDQgMTI0LjI3MSAzMS4yMjMzIDEyMy44MjYgMzAuMDE1NEMxMjMuMzE4IDI4LjgwNzUgMTIzLjEyNyAyNy40MDkgMTIzLjEyNyAyNS44ODMyQzEyMy4xMjcgMjQuMzU3NSAxMjMuMzgxIDIyLjk1ODkgMTIzLjgyNiAyMS42ODc0QzEyNC4zMzUgMjAuNDE2IDEyNC45NzEgMTkuMzM1MyAxMjUuNzk3IDE4LjQ0NTNDMTI2LjYyMyAxNy41NTUyIDEyNy42NDEgMTYuODU2IDEyOC43ODUgMTYuMzQ3NEMxMjkuOTI5IDE1LjgzODggMTMxLjEzNyAxNS41ODQ1IDEzMi40NzIgMTUuNTg0NUMxMzMuOTk4IDE1LjU4NDUgMTM1LjI2OSAxNS44Mzg4IDEzNi4zNSAxNi40MTA5QzEzNy40MzEgMTYuOTgzMSAxMzguMzIxIDE3Ljc0NTkgMTM5LjAyIDE4LjgyNjdWNy4xOTI5NUgxNDMuOTc5VjcuMTI5MzlaTTEzMy41NTMgMzEuNjY4M0MxMzUuMjA2IDMxLjY2ODMgMTM2LjQ3NyAzMS4wOTYyIDEzNy40OTQgMzAuMDE1NEMxMzguNTExIDI4LjkzNDcgMTM5LjAyIDI3LjQ3MjUgMTM5LjAyIDI1LjY5MjVDMTM5LjAyIDIzLjkxMjUgMTM4LjUxMSAyMi41MTM5IDEzNy40OTQgMjEuMzY5NkMxMzYuNDc3IDIwLjI4ODggMTM1LjIwNiAxOS43MTY3IDEzMy41NTMgMTkuNzE2N0MxMzEuOTYzIDE5LjcxNjcgMTMwLjYyOCAyMC4yODg4IDEyOS42NzUgMjEuMzY5NkMxMjguNjU4IDIyLjQ1MDMgMTI4LjE0OSAyMy45MTI1IDEyOC4xNDkgMjUuNjkyNUMxMjguMTQ5IDI3LjQ3MjUgMTI4LjY1OCAyOC44NzExIDEyOS42NzUgMjkuOTUxOEMxMzAuNjkyIDMxLjA5NjEgMTMxLjk2MyAzMS42NjgzIDEzMy41NTMgMzEuNjY4M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTU3LjIwMjQgMjAuMzUyNUg0NC45MzNWMjQuNjExOEg1MS45MjU5QzUxLjczNTIgMjYuNzczMyA1MC45MDg4IDI4LjQyNjEgNDkuNTEwMiAyOS43NjExQzQ4LjExMTYgMzEuMDMyNiA0Ni4zMzE1IDMxLjY2ODMgNDQuMDQyOSAzMS42NjgzQzQyLjc3MTUgMzEuNjY4MyA0MS41NjM2IDMxLjQxNCA0MC41NDY1IDMwLjk2OUMzOS40NjU3IDMwLjUyNCAzOC41NzU3IDI5Ljg4ODMgMzcuODEyOSAyOC45OTgzQzM3LjA1IDI4LjE3MTggMzYuNDc3OCAyNy4xNTQ3IDM2LjAzMjggMjUuOTQ2OEMzNS41ODc4IDI0LjczODkgMzUuMzk3MSAyMy40Njc1IDM1LjM5NzEgMjIuMDA1M0MzNS4zOTcxIDIwLjU0MzIgMzUuNTg3OCAxOS4yNzE3IDM2LjAzMjggMTguMDYzOEMzNi40MTQzIDE2Ljg1NiAzNy4wNSAxNS45MDI0IDM3LjgxMjkgMTUuMDEyNEMzOC41NzU3IDE0LjE4NTkgMzkuNDY1NyAxMy41NTAyIDQwLjU0NjUgMTMuMDQxNkM0MS42MjcyIDEyLjU5NjYgNDIuNzcxNSAxMi4zNDIzIDQ0LjEwNjUgMTIuMzQyM0M0Ni43NzY2IDEyLjM0MjMgNDguODEwOSAxMi45NzggNTAuMjA5NSAxNC4yNDk1TDUzLjUxNTIgMTAuOTQzOEM1MS4wMzU5IDkuMDM2NTkgNDcuODU3MyA4LjAxOTQxIDQ0LjEwNjUgOC4wMTk0MUM0Mi4wMDg2IDguMDE5NDEgNDAuMTAxNSA4LjMzNzI5IDM4LjM4NSA5LjAzNjU5QzM2LjY2ODYgOS43MzU4OCAzNS4yMDY0IDEwLjYyNTkgMzMuOTk4NSAxMS44MzM3QzMyLjc5MDYgMTMuMDQxNiAzMS44MzcxIDE0LjUwMzggMzEuMjAxNCAxNi4yMjAzQzMwLjU2NTYgMTcuOTM2NyAzMC4yNDc4IDE5Ljg0MzggMzAuMjQ3OCAyMS44NzgyQzMwLjI0NzggMjMuOTEyNSAzMC41NjU2IDI1LjgxOTcgMzEuMjY0OSAyNy41MzYxQzMxLjk2NDIgMjkuMjUyNiAzMi44NTQyIDMwLjcxNDcgMzQuMDYyMSAzMS45MjI2QzM1LjI3IDMzLjEzMDUgMzYuNzMyMSAzNC4wODQxIDM4LjQ0ODYgMzQuNzE5OEM0MC4xNjUgMzUuNDE5MSA0Mi4wNzIyIDM1LjczNyA0NC4xMDY1IDM1LjczN0M0Ni4xNDA4IDM1LjczNyA0Ny45ODQ0IDM1LjQxOTEgNDkuNjM3MyAzNC43MTk4QzUxLjI5MDIgMzQuMDIwNSA1Mi42ODg4IDMzLjEzMDUgNTMuODMzMSAzMS45MjI2QzU0Ljk3NzQgMzAuNzE0NyA1NS44Njc0IDI5LjI1MjYgNTYuNTAzMSAyNy41MzYxQzU3LjEzODggMjUuODE5NyA1Ny40NTY3IDIzLjkxMjUgNTcuNDU2NyAyMS44NzgyVjIxLjA1MTdDNTcuMjY2IDIwLjkyNDYgNTcuMjAyNCAyMC42MDY3IDU3LjIwMjQgMjAuMzUyNVoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTk1Ljk4MTUgMjAuMzUyNUg4My43MTIxVjI0LjYxMThIOTAuNzA1QzkwLjUxNDMgMjYuNzczMyA4OS42ODc5IDI4LjQyNjEgODguMjg5MyAyOS43NjExQzg2Ljg5MDcgMzEuMDMyNiA4NS4xMTA2IDMxLjY2ODMgODIuODIyIDMxLjY2ODNDODEuNTUwNiAzMS42NjgzIDgwLjM0MjcgMzEuNDE0IDc5LjMyNTYgMzAuOTY5Qzc4LjI0NDggMzAuNTI0IDc3LjM1NDggMjkuODg4MyA3Ni41OTIgMjguOTk4M0M3NS44MjkxIDI4LjE3MTggNzUuMjU3IDI3LjE1NDcgNzQuODExOSAyNS45NDY4Qzc0LjM2NjkgMjQuNzM4OSA3NC4xNzYyIDIzLjQ2NzUgNzQuMTc2MiAyMi4wMDUzQzc0LjE3NjIgMjAuNTQzMiA3NC4zNjY5IDE5LjI3MTcgNzQuODExOSAxOC4wNjM4Qzc1LjE5MzQgMTYuODU2IDc1LjgyOTEgMTUuOTAyNCA3Ni41OTIgMTUuMDEyNEM3Ny4zNTQ4IDE0LjE4NTkgNzguMjQ0OCAxMy41NTAyIDc5LjMyNTYgMTMuMDQxNkM4MC40MDYzIDEyLjU5NjYgODEuNTUwNiAxMi4zNDIzIDgyLjg4NTYgMTIuMzQyM0M4NS41NTU3IDEyLjM0MjMgODcuNTkgMTIuOTc4IDg4Ljk4ODYgMTQuMjQ5NUw5Mi4yOTQzIDEwLjk0MzhDODkuODE1IDkuMDM2NTkgODYuNjM2NCA4LjAxOTQxIDgyLjg4NTYgOC4wMTk0MUM4MC43ODc4IDguMDE5NDEgNzguODgwNiA4LjMzNzI5IDc3LjE2NDEgOS4wMzY1OUM3NS40NDc3IDkuNzM1ODggNzMuOTg1NSAxMC42MjU5IDcyLjc3NzYgMTEuODMzN0M3MS41Njk4IDEzLjA0MTYgNzAuNjE2MiAxNC41MDM4IDY5Ljk4MDUgMTYuMjIwM0M2OS4zNDQ3IDE3LjkzNjcgNjkuMDI2OSAxOS44NDM4IDY5LjAyNjkgMjEuODc4MkM2OS4wMjY5IDIzLjkxMjUgNjkuMzQ0NyAyNS44MTk3IDcwLjA0NCAyNy41MzYxQzcwLjc0MzMgMjkuMjUyNiA3MS42MzM0IDMwLjcxNDcgNzIuODQxMiAzMS45MjI2Qzc0LjA0OTEgMzMuMTMwNSA3NS41MTEyIDM0LjA4NDEgNzcuMjI3NyAzNC43MTk4Qzc4Ljk0NDEgMzUuNDE5MSA4MC44NTEzIDM1LjczNyA4Mi44ODU2IDM1LjczN0M4NC45MiAzNS43MzcgODYuNzYzNiAzNS40MTkxIDg4LjQxNjQgMzQuNzE5OEM5MC4wNjkzIDM0LjAyMDUgOTEuNDY3OSAzMy4xMzA1IDkyLjYxMjIgMzEuOTIyNkM5My43NTY1IDMwLjcxNDcgOTQuNjQ2NSAyOS4yNTI2IDk1LjI4MjIgMjcuNTM2MUM5NS45MTggMjUuODE5NyA5Ni4yMzU4IDIzLjkxMjUgOTYuMjM1OCAyMS44NzgyVjIxLjA1MTdDOTYuMDQ1MSAyMC45MjQ2IDk1Ljk4MTUgMjAuNjA2NyA5NS45ODE1IDIwLjM1MjVaIiBmaWxsPSIjOUI5QjlCIi8+Cjwvc3ZnPgo=);
background-repeat: no-repeat;
background-size: 170px 40px;
display: block;
height: 40px;
width: 170px;
}
.ag-watermark-text {
opacity: 0.5;
font-weight: bold;
font-family: Impact, sans-serif;
font-size: 19px;
padding-left: 0.7rem;
}
.ag-root-wrapper-body {
display: flex;
flex-direction: row;
}
.ag-root-wrapper-body.ag-layout-normal {
flex: 1 1 auto;
height: 0;
min-height: 0;
}
.ag-root {
position: relative;
display: flex;
flex-direction: column;
}
.ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height {
overflow: hidden;
flex: 1 1 auto;
width: 0;
}
.ag-root.ag-layout-normal {
height: 100%;
}
.ag-body-horizontal-scroll-viewport,
.ag-body-vertical-scroll-viewport,
.ag-virtual-list-viewport {
position: relative;
height: 100%;
min-width: 0px;
overflow: hidden;
flex: 1 1 auto;
}
.ag-viewport {
position: relative;
}
.ag-grid-viewport {
position: relative;
overflow: auto;
min-width: 0;
min-height: 0;
flex: 1 1 auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none !important;
scrollbar-width: none !important;
}
.ag-grid-viewport::-webkit-scrollbar {
display: none !important;
}
.ag-grid-scrollable-area {
position: relative;
min-width: 100%;
min-height: 100%;
display: flex;
flex-direction: column;
}
.ag-spanning-container {
position: absolute;
top: 0;
height: 100%;
pointer-events: none;
}
.ag-grid-scrolling-container {
display: block;
min-height: 100%;
width: 100%;
isolation: isolate;
}
.ag-body-horizontal-scroll-viewport {
overflow-x: scroll;
}
.ag-body-vertical-scroll-viewport {
overflow-y: scroll;
pointer-events: all;
}
.ag-virtual-list-viewport {
overflow: auto;
width: 100%;
}
.ag-grid-scrolling-container,
.ag-body-horizontal-scroll-container,
.ag-body-vertical-scroll-container,
.ag-virtual-list-container {
position: relative;
}
.ag-body-horizontal-scroll-container {
height: 100%;
}
.ag-body-vertical-scroll-container {
width: 100%;
}
.ag-full-width-anchor {
position: sticky;
left: 0;
width: var(--ag-internal-fw-anchor-width, 100%);
height: 100%;
}
.ag-virtual-list-container {
overflow: hidden;
}
.ag-grid-scrolling-rows {
position: relative;
display: flex;
flex: 1 1 auto;
flex-direction: row !important;
min-height: 0;
}
.ag-body-horizontal-scroll,
.ag-body-vertical-scroll {
min-height: 0;
min-width: 0;
display: flex;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible,
.ag-body-vertical-scroll.ag-scrollbar-invisible {
position: absolute;
bottom: 0;
z-index: 2;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar {
opacity: 0;
transition: opacity 400ms;
visibility: hidden;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active {
visibility: visible;
opacity: 1;
}
.ag-body-horizontal-scroll {
width: 100%;
flex: none;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible {
left: 0;
right: 0;
}
.ag-body-horizontal-scroll-end-spacer {
flex: 0 0 auto;
min-width: 0;
overflow: scroll;
}
.ag-body-vertical-scroll {
position: absolute;
z-index: 2;
flex-direction: column;
top: 0;
pointer-events: none;
}
.ag-ltr .ag-body-vertical-scroll {
right: 0;
}
.ag-rtl .ag-body-vertical-scroll {
left: 0;
}
.ag-body-vertical-scroll-start-spacer {
border-bottom: var(--ag-header-row-border);
opacity: 0;
flex: none;
}
.ag-ltr .ag-has-right-pinned-cols .ag-body-vertical-scroll-start-spacer,
.ag-rtl .ag-has-left-pinned-cols .ag-body-vertical-scroll-start-spacer {
pointer-events: all;
opacity: 1;
background-color: var(--ag-background-color);
background-image: linear-gradient(0deg, var(--ag-header-background-color), var(--ag-header-background-color));
}
.ag-header-cell-sortable .ag-header-cell-label,
.ag-header-group-cell-selectable .ag-header-cell-comp-wrapper {
cursor: pointer;
}
.ag-header-row {
position: absolute;
}
.ag-header-row:not(.ag-header-row-column-group) {
overflow: visible;
}
.ag-grid-pinned-top-rows-container.ag-header-allow-overflow .ag-header-row {
overflow: visible;
}
.ag-header-cell {
display: inline-flex;
align-items: center;
position: absolute;
height: 100%;
overflow: hidden;
}
.ag-header-cell.ag-header-active .ag-header-cell-menu-button,
.ag-header-cell-filter-button {
opacity: 1;
}
.ag-header-cell-menu-button:not(.ag-header-menu-always-show) {
transition: opacity 0.2s;
opacity: 0;
}
.ag-header-group-cell-label,
.ag-header-cell-label {
display: flex;
flex: 1 1 auto;
align-self: stretch;
align-items: center;
overflow: hidden;
}
.ag-header-cell-label {
text-overflow: ellipsis;
}
.ag-header-group-cell-label.ag-sticky-label {
position: sticky;
flex: none;
max-width: 100%;
overflow: visible;
}
.ag-header-group-text {
overflow: hidden;
text-overflow: ellipsis;
}
.ag-header-cell-text {
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
}
.ag-header-group-cell .ag-header-cell-comp-wrapper {
display: flex;
}
.ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper {
height: 100%;
display: flex;
align-items: center;
}
.ag-header-cell-comp-wrapper {
width: 100%;
}
.ag-header-cell-wrap-text .ag-header-cell-comp-wrapper {
white-space: normal;
}
.ag-header-cell-comp-wrapper-limited-height > div {
overflow: hidden;
}
.ag-right-aligned-header .ag-header-cell-label {
flex-direction: row-reverse;
}
.ag-header-cell-resize {
position: absolute;
z-index: 2;
height: 100%;
width: 8px;
top: 0;
cursor: col-resize;
}
.ag-ltr .ag-header-cell-resize {
right: -3px;
}
.ag-rtl .ag-header-cell-resize {
left: -3px;
}
.ag-grid-pinned-left-cells .ag-header-cell-resize {
right: -3px;
}
.ag-grid-pinned-right-cells .ag-header-cell-resize {
left: -3px;
}
.ag-header-select-all {
display: flex;
}
.ag-header-cell-menu-button,
.ag-header-cell-filter-button,
.ag-side-button-button,
.ag-panel-title-bar-button,
.ag-floating-filter-button-button {
cursor: pointer;
}
.ag-column-moving .ag-cell {
transition: left 0.2s, right 0.2s;
}
.ag-column-moving .ag-header-cell {
transition: left 0.2s, right 0.2s;
}
.ag-column-moving .ag-spanned-cell-wrapper {
transition: left 0.2s, right 0.2s;
}
.ag-column-moving .ag-header-group-cell {
transition: left 0.2s, right 0.2s, width 0.2s;
}
.ag-delay-render .ag-cell {
visibility: hidden;
}
.ag-delay-render .ag-row {
visibility: hidden;
}
.ag-delay-render .ag-spanned-cell-wrapper {
visibility: hidden;
}
.ag-delay-render .ag-header-cell {
visibility: hidden;
}
.ag-delay-render .ag-header-group-cell {
visibility: hidden;
}
.ag-column-panel {
display: flex;
flex-direction: column;
overflow: hidden;
flex: 1 1 auto;
}
.ag-column-select {
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
flex: 3 1 0px;
}
.ag-column-select-header {
position: relative;
display: flex;
flex: none;
}
.ag-column-select-header-icon {
position: relative;
}
.ag-column-select-header-filter-wrapper {
flex: 1 1 auto;
}
.ag-column-select-header-filter {
width: 100%;
}
.ag-column-select-list {
flex: 1 1 0px;
overflow: hidden;
}
.ag-column-drop {
position: relative;
display: inline-flex;
align-items: center;
overflow: auto;
width: 100%;
}
.ag-column-drop-list {
display: flex;
align-items: center;
}
.ag-column-drop-cell {
position: relative;
display: flex;
align-items: center;
}
.ag-column-drop-cell-text {
overflow: hidden;
flex: 1 1 auto;
text-overflow: ellipsis;
white-space: nowrap;
}
.ag-column-drop-vertical {
display: flex;
flex-direction: column;
overflow: hidden;
align-items: stretch;
flex: 1 1 0px;
}
.ag-column-drop-vertical-title-bar {
display: flex;
align-items: center;
flex: none;
}
.ag-column-drop-vertical-list {
position: relative;
align-items: stretch;
flex-grow: 1;
flex-direction: column;
overflow-x: auto;
}
.ag-column-drop-vertical-list > * {
flex: none;
}
.ag-column-drop-empty .ag-column-drop-vertical-list {
overflow: hidden;
}
.ag-column-drop-vertical-empty-message {
display: block;
}
.ag-column-drop.ag-column-drop-horizontal {
white-space: nowrap;
overflow: auto hidden;
scrollbar-width: thin;
}
.ag-column-drop-cell-button {
cursor: pointer;
}
.ag-filter-toolpanel {
flex: 1 1 0px;
min-width: 0;
}
.ag-filter-toolpanel-header {
position: relative;
}
.ag-filter-toolpanel-header,
.ag-filter-toolpanel-search {
display: flex;
align-items: center;
}
.ag-filter-toolpanel-header > *,
.ag-filter-toolpanel-search > * {
display: flex;
align-items: center;
}
.ag-filter-apply-panel {
display: flex;
justify-content: flex-end;
overflow: hidden;
}
.ag-row-animation .ag-row {
transition: transform 0.4s, top 0.4s, opacity 0.2s;
}
.ag-row-animation .ag-row.ag-after-created {
transition: transform 0.4s, top 0.4s, height 0.4s, opacity 0.2s;
}
.ag-row-animation.ag-prevent-animation .ag-row,
.ag-row-animation.ag-prevent-animation .ag-row.ag-after-created {
transition: none !important;
}
.ag-row-no-animation .ag-row {
transition: none;
}
.ag-row {
white-space: nowrap;
width: 100%;
}
.ag-row-loading {
display: flex;
align-items: center;
}
.ag-row:not(.ag-full-width-row),
.ag-row.ag-embedded-full-width-row,
.ag-header-row,
.ag-spanned-row {
display: flex;
width: 100%;
}
.ag-row:not(.ag-full-width-row)::after,
.ag-header-row::after,
.ag-row.ag-embedded-full-width-row::after,
.ag-spanned-row::after {
content: "";
flex: 1 0 0px;
align-self: stretch;
}
.ag-row:not(.ag-header-row, .ag-full-width-row)::after,
.ag-row.ag-embedded-full-width-row::after {
background-color: var(--ag-data-background-color);
}
.ag-header-row::after {
background-color: var(--ag-header-background-color);
}
.ag-header {
position: absolute;
top: 0;
left: 0;
right: 0;
border-bottom: var(--ag-borders-critical) var(--ag-border-color);
color: var(--ag-header-foreground-color);
z-index: 1;
}
.ag-grid-pinned-left-cells,
.ag-grid-scrolling-cells,
.ag-grid-pinned-right-cells {
position: relative;
height: 100%;
white-space: nowrap;
}
.ag-grid-scrolling-cells {
flex: 0 0 auto;
z-index: 0;
}
.ag-row.ag-embedded-full-width-row > .ag-grid-scrolling-cells {
flex: 1 0 auto;
margin-right: var(--ag-internal-pinned-right-sticky-offset, 0px);
}
.ag-grid-pinned-left-cells,
.ag-grid-pinned-right-cells {
position: sticky;
z-index: 2;
overflow: hidden;
flex: 0 0 auto;
}
.ag-grid-pinned-left-cells {
left: var(--ag-internal-pinned-left-sticky-offset, 0px);
}
.ag-grid-pinned-right-cells {
right: var(--ag-internal-pinned-right-sticky-offset, 0px);
}
.ag-row:not(.ag-full-width-row) > .ag-grid-pinned-right-cells,
.ag-header-row > .ag-grid-pinned-right-cells,
.ag-row.ag-embedded-full-width-row > .ag-grid-pinned-right-cells,
.ag-spanned-row > .ag-grid-pinned-right-cells {
order: 1;
}
.ag-rtl .ag-row:not(.ag-full-width-row) > .ag-grid-scrolling-cells,
.ag-rtl .ag-header-row > .ag-grid-scrolling-cells,
.ag-rtl .ag-row.ag-embedded-full-width-row > .ag-grid-scrolling-cells,
.ag-rtl .ag-spanned-row > .ag-grid-scrolling-cells {
order: 1;
}
.ag-rtl .ag-row .ag-grid-scrolling-cells,
.ag-rtl .ag-spanned-row .ag-grid-scrolling-cells {
margin-left: var(--ag-internal-pinned-left-sticky-offset, 0px);
}
.ag-spanning-container .ag-grid-scrolling-cells {
z-index: 1;
}
.ag-spanning-container .ag-grid-pinned-left-cells,
.ag-spanning-container .ag-grid-pinned-right-cells {
z-index: 3;
overflow: visible;
}
.ag-spanning-container .ag-cell {
pointer-events: auto;
}
.ag-row-position-absolute {
position: absolute;
}
.ag-row-position-relative {
position: relative;
}
.ag-row-inline-editing {
z-index: 1;
}
.ag-row-dragging {
z-index: 4;
}
.ag-stub-cell {
display: flex;
align-items: center;
}
.ag-cell {
display: inline-block;
position: absolute;
white-space: nowrap;
height: 100%;
}
.ag-cell-value {
flex: 1 1 auto;
}
.ag-cell-value:not(.ag-allow-overflow),
.ag-group-value {
overflow: hidden;
text-overflow: ellipsis;
}
.ag-cell-wrapper {
display: flex;
align-items: center;
}
.ag-cell-wrapper.ag-row-group {
align-items: flex-start;
}
.ag-cell-wrap-text {
white-space: normal;
word-break: break-word;
}
.ag-cell-wrap-text:not(.ag-cell-auto-height) .ag-cell-wrapper {
align-items: normal;
height: 100%;
}
.ag-cell-wrap-text:not(.ag-cell-auto-height) .ag-cell-wrapper .ag-cell-value {
height: 100%;
}
.ag-sparkline-wrapper {
position: absolute;
height: 100%;
width: 100%;
top: 0;
line-height: initial;
}
.ag-full-width-row .ag-cell-wrapper.ag-row-group {
height: 100%;
align-items: center;
}
.ag-cell-inline-editing {
z-index: 1;
}
.ag-cell-inline-editing .ag-cell-wrapper,
.ag-cell-inline-editing .ag-cell-edit-wrapper,
.ag-cell-inline-editing .ag-cell-editor,
.ag-cell-inline-editing .ag-cell-editor .ag-wrapper,
.ag-cell-inline-editing .ag-cell-editor.ag-cell-editor.ag-cell-editor input {
height: 100%;
min-height: 100%;
width: 100%;
line-height: normal;
}
.ag-row.ag-row-editing-invalid .ag-cell-inline-editing {
opacity: 0.8;
}
.ag-cell .ag-icon {
display: inline-block;
vertical-align: middle;
}
.ag-set-filter-item {
display: flex;
align-items: center;
height: 100%;
}
.ag-set-filter-item-checkbox {
display: flex;
width: 100%;
height: 100%;
}
.ag-set-filter-group-icons {
display: block;
}
.ag-set-filter-group-icons > * {
cursor: pointer;
}
.ag-filter-body-wrapper {
display: flex;
flex-direction: column;
}
.ag-filter-filter {
flex: 1 1 0px;
}
.ag-filter-condition {
display: flex;
justify-content: center;
}
.ag-floating-filter-body {
position: relative;
display: flex;
flex: 1 1 auto;
height: 100%;
}
.ag-floating-filter-full-body {
display: flex;
flex: 1 1 auto;
height: 100%;
width: 100%;
align-items: center;
overflow: hidden;
}
.ag-floating-filter-full-body > div {
flex: 1 1 auto;
}
.ag-floating-filter-input {
align-items: center;
display: flex;
width: 100%;
}
.ag-floating-filter-input > * {
flex: 1 1 auto;
}
.ag-floating-filter-button {
display: flex;
flex: none;
}
.ag-date-floating-filter-wrapper {
display: flex;
}
.ag-set-floating-filter-input input[disabled] {
pointer-events: none;
}
.ag-dnd-ghost {
display: inline-flex;
align-items: center;
cursor: move;
white-space: nowrap;
}
.ag-overlay {
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
}
.ag-overlay-panel {
display: flex;
height: 100%;
width: 100%;
}
.ag-overlay-wrapper {
display: flex;
flex: none;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
text-align: center;
}
.ag-overlay-loading-wrapper,
.ag-overlay-exporting-wrapper,
.ag-overlay-modal-wrapper,
.ag-overlay-file-input-wrapper {
pointer-events: all;
}
.ag-overlay-error-panel {
--ag-internal-overlay-mono: ui-monospace, sfmono-regular, menlo, consolas, 'Liberation Mono', monospace;
pointer-events: all;
display: flex;
flex-direction: column;
text-align: start;
max-width: 640px;
max-height: calc(100% - var(--ag-grid-size) * 4);
margin: calc(var(--ag-grid-size) * 2);
overflow: hidden;
color: var(--ag-foreground-color);
background: var(--ag-background-color);
border: solid 2px color-mix(in srgb, var(--ag-invalid-color) 60%, var(--ag-border-color));
border-radius: var(--ag-card-radius);
box-shadow: var(--ag-card-shadow);
}
.ag-overlay-error-header {
display: flex;
flex: none;
align-items: center;
gap: calc(var(--ag-grid-size) * 0.5);
padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 1.5);
color: var(--ag-invalid-color);
border-bottom: solid 1px var(--ag-border-color);
}
.ag-overlay-error-title {
flex: 1;
font-weight: 700;
}
.ag-overlay-error-button {
cursor: pointer;
border: solid 1px var(--ag-border-color);
background: var(--ag-background-color);
color: var(--ag-foreground-color);
border-radius: var(--ag-border-radius);
padding: 0 calc(var(--ag-grid-size) * 0.75);
font: inherit;
display: flex;
align-items: center;
justify-content: center;
height: calc(var(--ag-grid-size) * 3.5);
}
.ag-overlay-error-button:hover {
background: var(--ag-row-hover-color);
}
.ag-overlay-error-dismiss {
border: none;
background: transparent;
padding: 0;
width: calc(var(--ag-grid-size) * 3.5);
}
.ag-overlay-error-body {
display: flex;
flex-direction: column;
gap: calc(var(--ag-grid-size) * 2);
padding: calc(var(--ag-grid-size) * 1.5);
flex: 1 1 auto;
min-height: 0;
overflow: auto;
}
.ag-overlay-error-section {
display: flex;
flex-direction: column;
gap: calc(var(--ag-grid-size) * 2);
}
.ag-overlay-error-section-header {
margin: 0;
font-weight: 700;
}
.ag-overlay-error-divider {
margin: 0;
border: none;
border-top: solid 1px var(--ag-border-color);
}
.ag-overlay-error-item {
display: flex;
flex-direction: column;
gap: var(--ag-grid-size);
border-inline-start: solid 3px var(--ag-border-color);
padding-inline-start: var(--ag-grid-size);
}
.ag-overlay-error-item-error {
border-inline-start-color: var(--ag-invalid-color);
}
.ag-overlay-error-item-warning {
border-inline-start-color: #d98300;
}
.ag-overlay-error-item-deprecation {
border-inline-start-color: var(--ag-subtle-text-color);
}
.ag-overlay-error-message,
.ag-overlay-error-code {
margin: 0;
line-height: 1.5;
white-space: pre-wrap;
overflow-wrap: anywhere;
user-select: text;
}
.ag-overlay-error-unattributed {
align-self: start;
border-radius: 500px;
padding: calc(var(--ag-grid-size) * 0.25) var(--ag-grid-size);
font-size: 0.85em;
font-weight: 600;
background: color-mix(in srgb, var(--ag-border-color) 35%, transparent);
color: var(--ag-subtle-text-color);
}
.ag-overlay-error-inline-code {
font-family: var(--ag-internal-overlay-mono);
background: color-mix(in srgb, var(--ag-border-color) 35%, transparent);
border-radius: var(--ag-border-radius);
padding: 0 0.3em;
}
.ag-overlay-error-code {
font-family: var(--ag-internal-overlay-mono);
font-size: 0.85em;
background: var(--ag-header-background-color);
border: solid 1px var(--ag-border-color);
border-radius: var(--ag-border-radius);
padding: var(--ag-grid-size);
max-height: 50vh;
overflow: auto;
}
.ag-overlay-error-links {
display: flex;
flex-wrap: wrap;
gap: calc(var(--ag-grid-size) * 1.5);
}
.ag-overlay-file-input-center {
border: solid 1px var(--ag-border-color);
background: var(--ag-background-color);
border-radius: var(--ag-card-radius);
box-shadow: var(--ag-card-shadow);
display: flex;
flex-direction: column;
align-items: center;
gap: calc(var(--ag-grid-size) * 2);
max-width: 420px;
padding: calc(var(--ag-grid-size) * 2);
}
.ag-file-input-error-banner {
background: color-mix(in srgb, var(--ag-invalid-color) 10%, var(--ag-background-color));
color: var(--ag-invalid-color);
border-radius: var(--ag-border-radius);
padding: calc(var(--ag-grid-size) * 0.75) calc(var(--ag-grid-size) * 2);
width: 100%;
text-align: center;
font-size: 0.9em;
}
.ag-file-input-drop-zone {
border: dashed 2px var(--ag-border-color);
border-radius: var(--ag-border-radius);
padding: calc(var(--ag-grid-size) * 4);
display: flex;
flex-direction: column;
align-items: center;
gap: var(--ag-grid-size);
width: 100%;
}
.ag-file-input-drop-zone-active {
border-color: var(--ag-input-focus-border-color);
background: color-mix(in srgb, var(--ag-input-focus-border-color) 10%, var(--ag-background-color));
}
.ag-file-input-processing {
display: flex;
align-items: center;
gap: calc(var(--ag-grid-size) * 0.75);
padding: calc(var(--ag-grid-size) * 4);
}
.ag-ltr .ag-file-input-processing .ag-loading-icon {
padding-right: 0;
}
.ag-rtl .ag-file-input-processing .ag-loading-icon {
padding-left: 0;
}
.ag-file-input-text-row {
display: flex;
align-items: center;
gap: calc(var(--ag-grid-size) * 0.75);
}
.ag-file-input-text {
font-weight: 600;
}
.ag-file-input-browse {
cursor: pointer;
border: solid 1px var(--ag-border-color);
background: transparent;
color: var(--ag-text-color);
border-radius: var(--ag-border-radius);
padding: calc(var(--ag-grid-size) * 0.5) calc(var(--ag-grid-size) * 2);
font: inherit;
}
.ag-popup-child {
z-index: 5;
top: 0;
max-width: min(100%, 100vw - 30px);
}
.ag-popup-editor {
position: absolute;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ag-large-text-input {
display: block;
}
.ag-virtual-list-item {
position: absolute;
width: 100%;
}
.ag-grid-pinned-top-rows,
.ag-grid-pinned-bottom-rows {
width: 100%;
position: sticky;
z-index: 2;
background-color: var(--ag-data-background-color);
border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-grid-pinned-top-rows {
top: 0;
white-space: nowrap;
}
.ag-grid-pinned-bottom-rows {
bottom: 0;
border-bottom: none;
white-space: nowrap;
box-sizing: content-box !important;
}
.ag-grid-pinned-bottom-rows .ag-grid-pinned-left-cells,
.ag-grid-pinned-bottom-rows .ag-grid-scrolling-cells,
.ag-grid-pinned-bottom-rows .ag-grid-pinned-right-cells {
box-sizing: border-box;
}
.ag-grid-pinned-top-rows-container,
.ag-grid-pinned-bottom-rows-container,
.ag-grid-sticky-top-rows-container,
.ag-grid-sticky-bottom-rows-container {
background-color: var(--ag-data-background-color);
position: absolute;
width: 100%;
white-space: nowrap;
overflow: visible;
}
.ag-grid-pinned-top-rows-container {
display: flex;
z-index: 1;
}
.ag-grid-pinned-bottom-rows-container {
display: flex;
}
.ag-extra-rows-container {
position: absolute;
width: 100%;
}
.ag-dialog,
.ag-panel {
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
}
.ag-panel-title-bar {
display: flex;
flex: none;
align-items: center;
cursor: default;
}
.ag-panel-title-bar-title {
flex: 1 1 auto;
}
.ag-panel-title-bar-buttons {
display: flex;
}
.ag-panel-title-bar-button {
cursor: pointer;
}
.ag-panel-content-wrapper {
display: flex;
flex: 1 1 auto;
position: relative;
overflow: hidden;
}
.ag-dialog {
position: absolute;
}
.ag-resizer {
position: absolute;
pointer-events: none;
z-index: 1;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ag-resizer.ag-resizer-topLeft {
top: 0;
left: 0;
height: 5px;
width: 5px;
cursor: nwse-resize;
}
.ag-resizer.ag-resizer-top {
top: 0;
left: 5px;
right: 5px;
height: 5px;
cursor: ns-resize;
}
.ag-resizer.ag-resizer-topRight {
top: 0;
right: 0;
height: 5px;
width: 5px;
cursor: nesw-resize;
}
.ag-resizer.ag-resizer-right {
top: 5px;
right: 0;
bottom: 5px;
width: 5px;
cursor: ew-resize;
}
.ag-resizer.ag-resizer-bottomRight {
bottom: 0;
right: 0;
height: 5px;
width: 5px;
cursor: nwse-resize;
}
.ag-resizer.ag-resizer-bottom {
bottom: 0;
left: 5px;
right: 5px;
height: 5px;
cursor: ns-resize;
}
.ag-resizer.ag-resizer-bottomLeft {
bottom: 0;
left: 0;
height: 5px;
width: 5px;
cursor: nesw-resize;
}
.ag-resizer.ag-resizer-left {
left: 0;
top: 5px;
bottom: 5px;
width: 5px;
cursor: ew-resize;
}
.ag-tooltip {
position: absolute;
z-index: 99999;
overflow-wrap: break-word;
}
.ag-tooltip-custom {
position: absolute;
z-index: 99999;
}
.ag-tooltip:not(.ag-tooltip-interactive),
.ag-tooltip-custom:not(.ag-tooltip-interactive) {
pointer-events: none;
}
.ag-value-slide-out {
margin-right: 5px;
opacity: 1;
transition: opacity 3s, margin-right 3s;
transition-timing-function: linear;
}
.ag-value-slide-out-end {
margin-right: 10px;
opacity: 0;
}
.ag-opacity-zero {
opacity: 0 !important;
}
.ag-menu {
max-height: 100%;
overflow-y: auto;
position: absolute;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ag-menu-column-select-wrapper {
height: 265px;
overflow: auto;
}
.ag-menu-column-select-wrapper .ag-column-select {
height: 100%;
}
.ag-dialog .ag-panel-content-wrapper .ag-column-select {
user-select: none;
}
.ag-menu-list {
display: table;
width: 100%;
}
.ag-menu-option,
.ag-menu-separator {
display: table-row;
}
.ag-menu-option-part,
.ag-menu-separator-part {
display: table-cell;
vertical-align: middle;
}
.ag-menu-option-text {
white-space: nowrap;
}
.ag-menu-option-custom {
display: contents;
}
.ag-compact-menu-option {
width: 100%;
display: flex;
flex-wrap: nowrap;
}
.ag-compact-menu-option-text {
white-space: nowrap;
flex: 1 1 auto;
}
.ag-context-menu-loading-icon {
position: absolute;
pointer-events: none;
}
.ag-pill-container {
display: flex;
gap: 0.25rem;
flex-wrap: nowrap;
}
.ag-pill {
display: flex;
white-space: nowrap;
padding: 0 0.25rem;
align-items: center;
}
.ag-pill .ag-pill-button {
border: none;
padding: 0;
}
.ag-rich-select {
cursor: default;
outline: none;
height: 100%;
}
.ag-rich-select-value {
display: flex;
align-items: center;
height: 100%;
}
.ag-rich-select-value .ag-picker-field-display {
overflow: hidden;
text-overflow: ellipsis;
}
.ag-rich-select-value .ag-picker-field-display.ag-display-as-placeholder {
opacity: 0.5;
}
.ag-rich-select-list {
position: relative;
}
.ag-rich-select-list .ag-rich-select-loading {
display: flex;
min-height: 2rem;
}
.ag-rich-select-list .ag-rich-select-loading .ag-loading-text {
overflow: hidden;
text-overflow: ellipsis;
}
.ag-rich-select-row {
display: flex;
flex: 1 1 auto;
align-items: center;
white-space: nowrap;
overflow: hidden;
height: 100%;
}
.ag-rich-select-field-input {
flex: 1 1 auto;
}
.ag-rich-select-field-input .ag-input-field-input {
padding: 0 !important;
border: none !important;
box-shadow: none !important;
text-overflow: ellipsis;
}
.ag-rich-select-field-input .ag-input-field-input::placeholder {
opacity: 0.8;
}
.ag-rich-select-typing-multi .ag-picker-field-display {
flex: 0 1 auto;
min-width: 0;
max-width: 100%;
}
.ag-rich-select-typing-multi .ag-rich-select-pill-display {
display: flex;
flex: 0 1 auto;
min-width: 0;
max-width: 100%;
align-items: center;
overflow: hidden;
}
.ag-rich-select-typing-multi .ag-rich-select-pill-display .ag-pill-container {
flex: 0 1 auto;
min-width: 0;
max-width: 100%;
overflow: hidden;
}
.ag-rich-select-typing-multi .ag-rich-select-field-input {
flex: 0 0 auto;
min-width: 0;
max-width: 100%;
}
.ag-rich-select-typing-multi .ag-rich-select-field-input .ag-input-wrapper {
flex: 0 0 auto;
max-width: 100%;
}
.ag-rich-select-typing-multi .ag-rich-select-field-input .ag-input-field-input {
width: auto;
min-width: 1ch;
max-width: 100%;
}
.ag-autocomplete {
align-items: center;
display: flex;
}
.ag-autocomplete > * {
flex: 1 1 auto;
}
.ag-autocomplete-list-popup {
position: absolute;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ag-autocomplete-list {
position: relative;
}
.ag-autocomplete-virtual-list-item {
display: flex;
}
.ag-autocomplete-row {
display: flex;
flex: 1 1 auto;
align-items: center;
overflow: hidden;
}
.ag-autocomplete-row-label {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ag-paging-panel {
display: flex;
align-items: center;
}
.ag-paging-panel-content {
display: flex;
flex: 0 0 auto;
min-width: 100%;
align-items: center;
justify-content: flex-end;
}
.ag-paging-page-summary-panel {
display: flex;
align-items: center;
}
.ag-paging-button {
position: relative;
}
.ag-disabled .ag-paging-page-summary-panel {
pointer-events: none;
}
.ag-tool-panel-wrapper {
overflow: hidden;
cursor: default;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ag-column-select-column,
.ag-column-select-column-group,
.ag-select-agg-func-item {
position: relative;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
height: 100%;
}
.ag-column-select-column > *,
.ag-column-select-column-group > *,
.ag-select-agg-func-item > * {
flex: none;
}
.ag-select-agg-func-item,
.ag-column-select-column-label {
flex: 1 1 auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ag-column-select-checkbox {
display: flex;
}
.ag-tool-panel-horizontal-resize {
cursor: ew-resize;
height: 100%;
position: absolute;
top: 0;
width: 5px;
z-index: 1;
}
.ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize {
right: -3px;
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize {
left: -3px;
}
.ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize {
left: -3px;
}
.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize {
right: -3px;
}
.ag-details-row {
width: 100%;
}
.ag-details-row-fixed-height {
height: 100%;
}
.ag-details-grid {
width: 100%;
}
.ag-details-grid-fixed-height {
height: 100%;
}
.ag-header-group-cell {
display: flex;
align-items: center;
height: 100%;
position: absolute;
contain: paint;
}
.ag-header-group-cell-no-group.ag-header-span-height {
display: none;
}
.ag-cell-label-container {
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
align-items: center;
height: 100%;
width: 100%;
}
.ag-header-group-cell-label,
.ag-cell-label-container {
padding: 5px 0px;
}
.ag-right-aligned-header .ag-cell-label-container {
flex-direction: row;
}
.ag-right-aligned-header .ag-header-cell-text {
text-align: end;
}
.ag-side-bar {
display: flex;
flex-direction: row-reverse;
}
.ag-side-bar-left {
order: -1;
flex-direction: row;
}
.ag-side-button-button {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
white-space: nowrap;
outline: none;
cursor: pointer;
}
.ag-side-button-label {
writing-mode: vertical-lr;
}
.ag-status-bar {
display: flex;
justify-content: space-between;
overflow: hidden;
}
.ag-status-panel,
.ag-status-panel.ag-status-panel-aggregations .ag-status-name-value {
display: inline-flex;
}
.ag-status-name-value {
white-space: nowrap;
}
.ag-status-bar-left {
display: inline-flex;
}
.ag-status-bar-center {
display: inline-flex;
}
.ag-status-bar-right {
display: inline-flex;
}
.ag-row-number-cell {
width: 100%;
white-space: nowrap;
overflow: hidden;
user-select: none;
}
.ag-ltr .ag-row-number-cell {
text-align: right;
}
.ag-rtl .ag-row-number-cell {
text-align: left;
}
.ag-row-numbers-resizer {
position: absolute;
bottom: -2px;
left: 0;
height: 4px;
width: 100%;
cursor: row-resize;
}
.ag-grid-pinned-bottom-rows .ag-row-numbers-resizer {
bottom: unset;
top: -2px;
}
.ag-icon {
display: block;
speak: never;
}
.ag-group {
position: relative;
width: 100%;
}
.ag-group-title-bar {
display: flex;
align-items: center;
}
.ag-group-title {
display: inline;
min-width: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ag-group-title-bar .ag-group-title {
cursor: default;
}
.ag-group-toolbar {
display: flex;
align-items: center;
}
.ag-group-container {
display: flex;
}
.ag-disabled .ag-group-container {
pointer-events: none;
}
.ag-group-container-horizontal {
flex-direction: row;
flex-wrap: wrap;
}
.ag-group-container-vertical {
flex-direction: column;
}
.ag-column-group-icons {
display: block;
}
.ag-column-group-icons > * {
cursor: pointer;
}
.ag-group-item-alignment-stretch .ag-group-item {
align-items: stretch;
}
.ag-group-item-alignment-start .ag-group-item {
align-items: flex-start;
}
.ag-group-item-alignment-end .ag-group-item {
align-items: flex-end;
}
.ag-field-set {
display: flex;
align-items: center;
}
.ag-field-set-wrapper {
display: flex;
}
.ag-field-set-wrapper-horizontal {
flex-direction: row;
}
.ag-field-set-wrapper-vertical {
flex-direction: column;
}
.ag-toggle-button-icon {
transition: right 0.3s;
position: absolute;
top: -1px;
}
.ag-input-field,
.ag-select {
display: flex;
flex-direction: row;
align-items: center;
}
.ag-input-field-input {
flex: 1 1 auto;
}
.ag-floating-filter-input .ag-input-field-input[type=date],
.ag-floating-filter-input .ag-input-field-input[type=datetime-local] {
width: 1px;
}
.ag-range-field {
display: flex;
align-items: center;
}
.ag-angle-select {
display: flex;
align-items: center;
}
.ag-angle-select-wrapper {
display: flex;
}
.ag-angle-select-parent-circle {
display: block;
position: relative;
}
.ag-angle-select-child-circle {
position: absolute;
}
.ag-slider-wrapper {
display: flex;
}
.ag-slider-wrapper .ag-input-field {
flex: 1 1 auto;
}
.ag-picker-field-display {
flex: 1 1 auto;
}
.ag-picker-field {
display: flex;
align-items: center;
}
.ag-picker-field-icon {
display: flex;
border: 0;
padding: 0;
margin: 0;
cursor: pointer;
}
.ag-picker-field-wrapper {
overflow: hidden;
}
.ag-label-align-right .ag-label {
order: 1;
}
.ag-label-align-right > * {
flex: none;
}
.ag-label-align-top {
flex-direction: column;
align-items: flex-start;
}
.ag-label-align-top > * {
align-self: stretch;
}
.ag-label-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex: 1;
}
.ag-color-panel {
width: 100%;
display: flex;
flex-direction: column;
text-align: center;
}
.ag-spectrum-color {
flex: 1 1 auto;
position: relative;
overflow: visible;
cursor: default;
}
.ag-spectrum-fill {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.ag-spectrum-val {
cursor: pointer;
}
.ag-spectrum-dragger {
position: absolute;
pointer-events: none;
cursor: pointer;
}
.ag-spectrum-hue,
.ag-spectrum-alpha {
cursor: default;
}
.ag-spectrum-hue-background {
background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
width: 100%;
height: 100%;
}
.ag-spectrum-alpha {
--ag-spectrum-alpha-background-checked: url("data:image/svg+xml;utf8,");
}
.ag-spectrum-alpha-background {
background: linear-gradient(to right, var(--ag-internal-spectrum-alpha-color-from), var(--ag-internal-spectrum-alpha-color-to)), var(--ag-spectrum-alpha-background-checked) top left/4px 4px;
width: 100%;
height: 100%;
}
.ag-spectrum-tool {
cursor: pointer;
position: relative;
}
.ag-spectrum-slider {
position: absolute;
pointer-events: none;
}
.ag-spectrum-alpha .ag-spectrum-slider {
background: linear-gradient(to bottom, var(--ag-internal-spectrum-alpha-color), var(--ag-internal-spectrum-alpha-color)) white;
}
.ag-recent-colors {
display: flex;
}
.ag-recent-color {
cursor: pointer;
}
.ag-pill-select {
display: flex;
flex-direction: column;
}
.ag-pill-select .ag-column-drop {
flex: unset;
}
.ag-content-editable-field {
display: flex;
align-items: center;
}
.ag-content-editable-field-input {
cursor: text;
display: block;
flex: 1 1 auto;
outline: none;
white-space: nowrap;
line-height: normal;
overflow: auto;
overflow-y: hidden;
}
.ag-content-editable-field-input::-webkit-scrollbar {
display: none !important;
}
.ag-content-editable-field-input {
-ms-overflow-style: none !important;
scrollbar-width: none !important;
}
.ag-ltr {
direction: ltr;
}
.ag-ltr .ag-grid-scrolling-rows,
.ag-ltr .ag-grid-pinned-top-rows,
.ag-ltr .ag-grid-pinned-bottom-rows,
.ag-ltr .ag-grid-pinned-top-rows-container,
.ag-ltr .ag-grid-pinned-bottom-rows-container,
.ag-ltr .ag-grid-sticky-top-rows-container,
.ag-ltr .ag-grid-sticky-bottom-rows-container {
flex-direction: row;
}
.ag-ltr .ag-row:where(:not(.ag-full-width-row)),
.ag-ltr .ag-row:where(.ag-embedded-full-width-row),
.ag-ltr .ag-header-row,
.ag-ltr .ag-spanned-row {
flex-direction: row;
}
.ag-rtl {
direction: rtl;
}
.ag-rtl .ag-grid-scrolling-rows,
.ag-rtl .ag-grid-pinned-top-rows,
.ag-rtl .ag-grid-pinned-bottom-rows,
.ag-rtl .ag-grid-pinned-top-rows-container,
.ag-rtl .ag-grid-pinned-bottom-rows-container,
.ag-rtl .ag-grid-sticky-top-rows-container,
.ag-rtl .ag-grid-sticky-bottom-rows-container {
flex-direction: row-reverse;
}
.ag-rtl .ag-row:not(.ag-full-width-row),
.ag-rtl .ag-row.ag-embedded-full-width-row,
.ag-rtl .ag-header-row,
.ag-rtl .ag-spanned-row {
flex-direction: row-reverse;
}
.ag-rtl .ag-icon-contracted,
.ag-rtl .ag-icon-expanded,
.ag-rtl .ag-icon-tree-closed {
display: block;
transform: rotate(180deg);
}
.ag-measurement-container {
width: 0;
overflow: hidden;
visibility: hidden;
--ag-header-row-border: var(--ag-borders-critical) var(--ag-border-color);
--ag-pinned-row-border: var(--ag-borders-critical) var(--ag-border-color);
--ag-row-border: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}
.ag-measurement-container div {
position: absolute;
}
.ag-measurement-element-border::before {
content: "";
display: block;
border-left: var(--ag-internal-measurement-border);
}
.ag-layout-print.ag-grid-scrolling-rows {
display: block;
height: unset;
}
.ag-layout-print.ag-root-wrapper {
display: inline-block;
}
.ag-layout-print .ag-body-vertical-scroll {
display: none;
}
.ag-layout-print .ag-body-horizontal-scroll {
display: none;
}
@media print {
.ag-root-wrapper.ag-layout-print {
display: table;
container-type: normal;
}
.ag-root-wrapper.ag-layout-print .ag-root-wrapper-body,
.ag-root-wrapper.ag-layout-print .ag-root,
.ag-root-wrapper.ag-layout-print .ag-grid-scrolling-container,
.ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport,
.ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport {
height: auto !important;
overflow: hidden !important;
display: block !important;
}
.ag-root-wrapper.ag-layout-print .ag-row,
.ag-root-wrapper.ag-layout-print .ag-cell {
break-inside: avoid;
}
}
[class^=ag-],
[class^=ag-]:focus,
[class^=ag-]:after,
[class^=ag-]:before {
box-sizing: border-box;
outline: none;
}
[class^=ag-]::-ms-clear {
display: none;
}
.ag-checkbox .ag-input-wrapper,
.ag-radio-button .ag-input-wrapper {
overflow: visible;
}
.ag-range-field .ag-input-wrapper {
height: 100%;
}
.ag-toggle-button {
flex: none;
width: unset;
min-width: unset;
}
.ag-button {
border-radius: 0px;
color: var(--ag-foreground-color);
}
.ag-button:hover {
background-color: transparent;
}
.ag-ltr .ag-label-align-right .ag-label {
margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-label-align-right .ag-label {
margin-right: var(--ag-grid-size);
}
input[class^=ag-] {
margin: 0;
background-color: var(--ag-background-color);
}
textarea[class^=ag-],
select[class^=ag-] {
background-color: var(--ag-background-color);
}
input[class^=ag-]:not([type]),
input[class^=ag-][type=text],
input[class^=ag-][type=number],
input[class^=ag-][type=tel],
input[class^=ag-][type=date],
input[class^=ag-][type=datetime-local],
textarea[class^=ag-] {
font-size: inherit;
line-height: inherit;
color: inherit;
font-family: inherit;
border: var(--ag-borders-input) var(--ag-input-border-color);
}
input[class^=ag-]:not([type]):disabled,
input[class^=ag-][type=text]:disabled,
input[class^=ag-][type=number]:disabled,
input[class^=ag-][type=tel]:disabled,
input[class^=ag-][type=date]:disabled,
input[class^=ag-][type=datetime-local]:disabled,
textarea[class^=ag-]:disabled {
color: var(--ag-disabled-foreground-color);
background-color: var(--ag-input-disabled-background-color);
border-color: var(--ag-input-disabled-border-color);
}
input[class^=ag-]:not([type]):focus,
input[class^=ag-][type=text]:focus,
input[class^=ag-][type=number]:focus,
input[class^=ag-][type=tel]:focus,
input[class^=ag-][type=date]:focus,
input[class^=ag-][type=datetime-local]:focus,
textarea[class^=ag-]:focus {
outline: none;
box-shadow: var(--ag-input-focus-box-shadow);
border-color: var(--ag-input-focus-border-color);
}
input[class^=ag-]:not([type]):focus.invalid, input[class^=ag-]:not([type]):focus:invalid,
input[class^=ag-][type=text]:focus.invalid,
input[class^=ag-][type=text]:focus:invalid,
input[class^=ag-][type=number]:focus.invalid,
input[class^=ag-][type=number]:focus:invalid,
input[class^=ag-][type=tel]:focus.invalid,
input[class^=ag-][type=tel]:focus:invalid,
input[class^=ag-][type=date]:focus.invalid,
input[class^=ag-][type=date]:focus:invalid,
input[class^=ag-][type=datetime-local]:focus.invalid,
input[class^=ag-][type=datetime-local]:focus:invalid,
textarea[class^=ag-]:focus.invalid,
textarea[class^=ag-]:focus:invalid {
box-shadow: var(--ag-input-error-focus-box-shadow);
border-color: var(--ag-invalid-color);
}
input[class^=ag-]:not([type]):invalid,
input[class^=ag-][type=text]:invalid,
input[class^=ag-][type=number]:invalid,
input[class^=ag-][type=tel]:invalid,
input[class^=ag-][type=date]:invalid,
input[class^=ag-][type=datetime-local]:invalid,
textarea[class^=ag-]:invalid {
border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid);
}
input[class^=ag-][type=number]:not(.ag-number-field-input-stepper) {
-moz-appearance: textfield;
}
input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-outer-spin-button, input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[class^=ag-][type=range] {
padding: 0;
}
input[class^=ag-][type=button]:focus,
button[class^=ag-]:focus {
box-shadow: var(--ag-input-focus-box-shadow);
}
input[class^=ag-][type=button]:focus:invalid, input[class^=ag-][type=button]:focus.invalid,
button[class^=ag-]:focus:invalid,
button[class^=ag-]:focus.invalid {
box-shadow: var(--ag-input-error-focus-box-shadow);
}
.ag-drag-handle {
color: var(--ag-secondary-foreground-color);
}
.ag-list-item,
.ag-virtual-list-item {
height: var(--ag-list-item-height);
}
.ag-virtual-list-item:focus-visible {
outline: none;
}
.ag-virtual-list-item:focus-visible::after {
content: "";
position: absolute;
background-color: transparent;
pointer-events: none;
top: 4px;
left: 4px;
display: block;
width: calc(100% - 8px);
height: calc(100% - 8px);
border: 1px solid;
border-color: var(--ag-input-focus-border-color);
}
.ag-select-list {
background-color: var(--ag-background-color);
overflow-y: auto;
overflow-x: hidden;
border-radius: var(--ag-border-radius);
border: var(--ag-borders) var(--ag-border-color);
}
.ag-list-item {
display: flex;
align-items: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ag-list-item.ag-active-item {
background-color: var(--ag-row-hover-color);
}
.ag-ltr .ag-select-list-item {
padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-select-list-item {
padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-select-list-item {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
}
.ag-select-list-item span {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.ag-ltr .ag-row-drag,
.ag-ltr .ag-selection-checkbox,
.ag-ltr .ag-group-expanded,
.ag-ltr .ag-group-contracted {
margin-right: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-row-drag,
.ag-rtl .ag-selection-checkbox,
.ag-rtl .ag-group-expanded,
.ag-rtl .ag-group-contracted {
margin-left: var(--ag-cell-widget-spacing);
}
.ag-row-drag,
.ag-selection-checkbox,
.ag-group-expanded,
.ag-group-contracted {
color: var(--ag-secondary-foreground-color);
}
.ag-drag-handle-disabled {
opacity: 0.35;
pointer-events: none;
}
.ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
--ag-internal-calculated-line-height: var(
--ag-line-height,
calc(var(--ag-row-height) - var(--ag-row-border-width))
);
--ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width) - 2px);
height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
display: flex;
align-items: center;
flex: none;
}
.ag-group-expanded,
.ag-group-contracted {
cursor: pointer;
}
.ag-group-title-bar-icon {
cursor: pointer;
flex: none;
color: var(--ag-secondary-foreground-color);
}
.ag-ltr .ag-group-child-count {
margin-left: 2px;
}
.ag-rtl .ag-group-child-count {
margin-right: 2px;
}
.ag-group-title-bar {
background-color: var(--ag-subheader-background-color);
padding: var(--ag-grid-size);
}
.ag-group-toolbar {
padding: var(--ag-grid-size);
background-color: var(--ag-subheader-toolbar-background-color);
}
.ag-disabled-group-title-bar,
.ag-disabled-group-container {
opacity: 0.5;
}
.group-item {
margin: calc(var(--ag-grid-size) * 0.5) 0;
}
.ag-label {
white-space: nowrap;
}
.ag-ltr .ag-label {
margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-label {
margin-left: var(--ag-grid-size);
}
.ag-label-align-top .ag-label {
margin-bottom: calc(var(--ag-grid-size) * 0.5);
}
.ag-angle-select[disabled] {
color: var(--ag-disabled-foreground-color);
pointer-events: none;
}
.ag-angle-select[disabled] .ag-angle-select-field {
opacity: 0.4;
}
.ag-ltr .ag-slider-field,
.ag-ltr .ag-angle-select-field {
margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-slider-field,
.ag-rtl .ag-angle-select-field {
margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-angle-select-parent-circle {
width: 24px;
height: 24px;
border-radius: 12px;
border: solid 1px;
border-color: var(--ag-border-color);
background-color: var(--ag-background-color);
}
.ag-angle-select-child-circle {
top: 4px;
left: 12px;
width: 6px;
height: 6px;
margin-left: -3px;
margin-top: -4px;
border-radius: 3px;
background-color: var(--ag-secondary-foreground-color);
}
.ag-picker-field-wrapper {
border: var(--ag-borders);
border-color: var(--ag-border-color);
border-radius: 5px;
background-color: var(--ag-background-color);
}
.ag-picker-field-wrapper:disabled {
color: var(--ag-disabled-foreground-color);
background-color: var(--ag-input-disabled-background-color);
border-color: var(--ag-input-disabled-border-color);
}
.ag-picker-field-wrapper.ag-picker-has-focus, .ag-picker-field-wrapper:focus-within {
outline: none;
box-shadow: var(--ag-input-focus-box-shadow);
border-color: var(--ag-input-focus-border-color);
}
.ag-picker-field-wrapper.ag-picker-has-focus.invalid, .ag-picker-field-wrapper:focus-within.invalid {
box-shadow: var(--ag-input-error-focus-box-shadow);
}
.ag-picker-field-wrapper.invalid {
border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid);
}
.ag-picker-field-button {
background-color: var(--ag-background-color);
color: var(--ag-secondary-foreground-color);
}
.ag-dialog.ag-color-dialog {
border-radius: 5px;
}
.ag-color-picker .ag-picker-field-wrapper {
padding-left: var(--ag-grid-size);
padding-right: var(--ag-grid-size);
}
.ag-color-picker .ag-picker-field-display {
display: flex;
flex-direction: row;
align-items: center;
min-height: var(--ag-list-item-height);
}
.ag-ltr .ag-color-picker-color,
.ag-ltr .ag-color-picker-value {
margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-color-picker-color,
.ag-rtl .ag-color-picker-value {
margin-left: var(--ag-grid-size);
}
.ag-color-panel {
padding: var(--ag-grid-size);
}
.ag-spectrum-color {
background-color: rgb(255, 0, 0);
border-radius: 2px;
}
.ag-spectrum-tools {
padding: 10px;
}
.ag-spectrum-sat {
background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0));
}
.ag-spectrum-val {
background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0));
}
.ag-spectrum-dragger {
border-radius: 12px;
height: 12px;
width: 12px;
border: 2px solid white;
background: black;
box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24);
}
.ag-spectrum-hue-background {
border-radius: 2px;
}
.ag-spectrum-alpha-background {
border-radius: 2px;
}
.ag-spectrum-tool {
margin-bottom: 10px;
height: 11px;
border-radius: 2px;
}
.ag-spectrum-slider {
margin-top: -12px;
width: 13px;
height: 13px;
border-radius: 13px;
border: 2px solid white;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}
.ag-recent-colors {
margin-top: 10px;
}
.ag-recent-color {
margin: 0 3px;
}
.ag-recent-color:first-child {
margin-left: 0;
}
.ag-recent-color:last-child {
margin-right: 0;
}
.ag-spectrum-color:focus-visible:not(:disabled):not([readonly]),
.ag-spectrum-slider:focus-visible:not(:disabled):not([readonly]),
.ag-recent-color:focus-visible:not(:disabled):not([readonly]) {
box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-ltr .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-rtl .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-color-input .ag-color-input-color {
position: absolute;
}
.ag-ltr .ag-color-input .ag-color-input-color {
margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-color-input .ag-color-input-color {
margin-right: var(--ag-grid-size);
}
.ag-color-picker-color,
.ag-color-input-color {
width: var(--ag-icon-size);
height: var(--ag-icon-size);
border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
border-radius: 2px;
}
.ag-dnd-ghost {
border: var(--ag-borders) var(--ag-border-color);
background: var(--ag-background-color);
border-radius: var(--ag-card-radius);
box-shadow: var(--ag-card-shadow);
padding: var(--ag-grid-size);
overflow: hidden;
text-overflow: ellipsis;
border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
color: var(--ag-secondary-foreground-color);
height: var(--ag-header-height);
line-height: var(--ag-header-height);
margin: 0;
padding: 0 calc(var(--ag-grid-size) * 2);
transform: translateY(calc(var(--ag-grid-size) * 2));
}
.ag-dnd-ghost-not-allowed {
border-color: color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 50%);
}
.ag-dnd-ghost-icon {
margin-right: var(--ag-grid-size);
color: var(--ag-foreground-color);
}
.ag-popup-child:not(.ag-tooltip-custom) {
box-shadow: var(--ag-popup-shadow);
}
.ag-select .ag-picker-field-wrapper {
min-height: var(--ag-list-item-height);
}
.ag-ltr .ag-select .ag-picker-field-wrapper {
padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-select .ag-picker-field-wrapper {
padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-ltr .ag-select .ag-picker-field-wrapper {
padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-select .ag-picker-field-wrapper {
padding-left: var(--ag-grid-size);
}
.ag-select .ag-picker-field-wrapper {
cursor: default;
}
.ag-select.ag-disabled .ag-picker-field-wrapper:focus {
box-shadow: none;
}
.ag-select:not(.ag-cell-editor, .ag-label-align-top) {
min-height: var(--ag-list-item-height);
}
.ag-select .ag-picker-field-display {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ag-select .ag-picker-field-icon {
display: flex;
align-items: center;
}
.ag-select.ag-disabled {
opacity: 0.5;
}
.ag-rich-select-value,
.ag-rich-select-list {
background-color: var(--ag-background-color);
}
.ag-rich-select-list {
width: 100%;
height: auto;
border-radius: var(--ag-border-radius);
border: var(--ag-borders) var(--ag-border-color);
}
.ag-rich-select-list .ag-rich-select-loading {
padding: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);
}
.ag-rich-select-value {
border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
padding-top: 0;
padding-bottom: 0;
}
.ag-ltr .ag-rich-select-value {
padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-rich-select-value {
padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-ltr .ag-rich-select-value {
padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-rich-select-value {
padding-left: var(--ag-grid-size);
}
.ag-ltr .ag-rich-select-field-input {
left: calc(var(--ag-cell-horizontal-padding));
}
.ag-rtl .ag-rich-select-field-input {
right: calc(var(--ag-cell-horizontal-padding));
}
.ag-ltr .ag-rich-select-typing-multi .ag-rich-select-field-input {
margin-left: 0.25rem;
}
.ag-rtl .ag-rich-select-typing-multi .ag-rich-select-field-input {
margin-right: 0.25rem;
}
.ag-ltr .ag-rich-select-typing-multi .ag-rich-select-deselect-button {
margin-left: auto;
}
.ag-rtl .ag-rich-select-typing-multi .ag-rich-select-deselect-button {
margin-right: auto;
}
.ag-ltr .ag-rich-select-typing-multi .ag-rich-select-deselect-button.ag-hidden + .ag-picker-field-icon {
margin-left: auto;
}
.ag-rtl .ag-rich-select-typing-multi .ag-rich-select-deselect-button.ag-hidden + .ag-picker-field-icon {
margin-right: auto;
}
.ag-popup-editor .ag-rich-select-value {
height: var(--ag-row-height);
min-width: 200px;
}
.ag-rich-select-virtual-list-item {
cursor: default;
height: var(--ag-list-item-height);
}
.ag-rich-select-virtual-list-item:focus-visible::after {
content: none;
}
.ag-ltr .ag-rich-select-row {
padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-rich-select-row {
padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rich-select-row-selected {
background-color: var(--ag-selected-row-background-color);
}
.ag-rich-select-row:hover,
.ag-rich-select-row-highlighted {
background-image: linear-gradient(var(--ag-row-hover-color), var(--ag-row-hover-color));
}
.ag-rich-select-row-text-highlight {
font-weight: bold;
}
.ag-autocomplete {
width: 100%;
}
.ag-autocomplete-list-popup {
position: absolute;
user-select: none;
border-radius: var(--ag-border-radius);
box-shadow: var(--ag-dropdown-shadow);
background-color: var(--ag-background-color);
padding: 0;
}
.ag-autocomplete-list {
width: 100%;
min-width: 200px;
height: calc(var(--ag-row-height) * 6.5);
}
.ag-autocomplete-virtual-list-item {
display: flex;
cursor: default;
height: var(--ag-list-item-height);
}
.ag-autocomplete-virtual-list-item:focus-visible::after {
content: none;
}
.ag-autocomplete-virtual-list-item:hover {
background-color: var(--ag-row-hover-color);
}
.ag-autocomplete-row {
display: flex;
flex: 1 1 auto;
align-items: center;
overflow: hidden;
}
.ag-autocomplete-row-label {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0px var(--ag-widget-container-horizontal-padding);
}
.ag-autocomplete-row-selected {
background-color: var(--ag-selected-row-background-color);
}
.ag-pill {
border: 1px solid var(--ag-chip-border-color);
border-radius: var(--ag-border-radius);
background-color: var(--ag-chip-background-color);
}
.ag-ltr .ag-pill .ag-pill-button {
margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-pill .ag-pill-button {
margin-right: var(--ag-grid-size);
}
.ag-pill:focus-visible {
border-color: var(--ag-input-focus-border-color);
}
.ag-pill .ag-pill-button:hover {
cursor: pointer;
}
.ag-content-editable-field-input {
background-color: var(--ag-background-color);
border: var(--ag-borders-input) var(--ag-input-border-color);
border-radius: var(--ag-border-radius);
color: var(--ag-foreground-color);
}
.ag-ltr .ag-content-editable-field-input {
padding-left: var(--ag-grid-size);
}
.ag-rtl .ag-content-editable-field-input {
padding-right: var(--ag-grid-size);
}
.ag-cell-editor .ag-wrapper.ag-content-editable-field-input {
--ag-internal-calculated-line-height: var(
--ag-line-height,
calc(var(--ag-row-height) - var(--ag-row-border-width))
);
--ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width) - 2px);
line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
}
.ag-content-editable-field-input:focus,
.ag-content-editable-field-input:focus-within {
box-shadow: var(--ag-input-focus-box-shadow);
border-color: var(--ag-input-focus-border-color);
}
:where(.ag-content-editable-field.ag-disabled .ag-content-editable-field-input) {
background-color: var(--ag-input-disabled-background-color);
border-color: var(--ag-input-disabled-border-color);
color: var(--ag-disabled-foreground-color);
}
.ag-content-editable-field-input.invalid {
border-color: var(--ag-invalid-color);
}
.ag-formula-token {
line-height: var(--ag-line-height, 1.6);
}
.ag-formula-token-color-1 {
color: var(--ag-formula-token-1-color);
}
.ag-formula-token-color-2 {
color: var(--ag-formula-token-2-color);
}
.ag-formula-token-color-3 {
color: var(--ag-formula-token-3-color);
}
.ag-formula-token-color-4 {
color: var(--ag-formula-token-4-color);
}
.ag-formula-token-color-5 {
color: var(--ag-formula-token-5-color);
}
.ag-formula-token-color-6 {
color: var(--ag-formula-token-6-color);
}
.ag-formula-token-color-7 {
color: var(--ag-formula-token-7-color);
}
.ag-formula-range-color-1 {
--ag-range-selection-border-color: var(--ag-formula-token-1-color);
--ag-range-selection-background-color: var(--ag-formula-token-1-background-color);
}
.ag-formula-range-color-2 {
--ag-range-selection-border-color: var(--ag-formula-token-2-color);
--ag-range-selection-background-color: var(--ag-formula-token-2-background-color);
}
.ag-formula-range-color-3 {
--ag-range-selection-border-color: var(--ag-formula-token-3-color);
--ag-range-selection-background-color: var(--ag-formula-token-3-background-color);
}
.ag-formula-range-color-4 {
--ag-range-selection-border-color: var(--ag-formula-token-4-color);
--ag-range-selection-background-color: var(--ag-formula-token-4-background-color);
}
.ag-formula-range-color-5 {
--ag-range-selection-border-color: var(--ag-formula-token-5-color);
--ag-range-selection-background-color: var(--ag-formula-token-5-background-color);
}
.ag-formula-range-color-6 {
--ag-range-selection-border-color: var(--ag-formula-token-6-color);
--ag-range-selection-background-color: var(--ag-formula-token-6-background-color);
}
.ag-formula-range-color-7 {
--ag-range-selection-border-color: var(--ag-formula-token-7-color);
--ag-range-selection-background-color: var(--ag-formula-token-7-background-color);
}
.ag-range-handle.ag-formula-range-color-1,
.ag-fill-handle.ag-formula-range-color-1 {
background-color: var(--ag-formula-token-1-color);
}
.ag-range-handle.ag-formula-range-color-2,
.ag-fill-handle.ag-formula-range-color-2 {
background-color: var(--ag-formula-token-2-color);
}
.ag-range-handle.ag-formula-range-color-3,
.ag-fill-handle.ag-formula-range-color-3 {
background-color: var(--ag-formula-token-3-color);
}
.ag-range-handle.ag-formula-range-color-4,
.ag-fill-handle.ag-formula-range-color-4 {
background-color: var(--ag-formula-token-4-color);
}
.ag-range-handle.ag-formula-range-color-5,
.ag-fill-handle.ag-formula-range-color-5 {
background-color: var(--ag-formula-token-5-color);
}
.ag-range-handle.ag-formula-range-color-6,
.ag-fill-handle.ag-formula-range-color-6 {
background-color: var(--ag-formula-token-6-color);
}
.ag-dragging-range-handle .ag-dialog,
.ag-dragging-fill-handle .ag-dialog {
opacity: 0.7;
pointer-events: none;
}
.ag-dragging-range-handle .ag-dialog .ag-charts-canvas-center,
.ag-dragging-range-handle .ag-dialog .ag-charts-series-area,
.ag-dragging-range-handle .ag-dialog .ag-charts-proxy-elem,
.ag-dragging-range-handle .ag-dialog .ag-charts-proxy-legend-toolbar,
.ag-dragging-range-handle .ag-dialog .ag-charts-toolbar,
.ag-dragging-range-handle .ag-dialog .ag-charts-canvas-overlay > *,
.ag-dragging-fill-handle .ag-dialog .ag-charts-canvas-center,
.ag-dragging-fill-handle .ag-dialog .ag-charts-series-area,
.ag-dragging-fill-handle .ag-dialog .ag-charts-proxy-elem,
.ag-dragging-fill-handle .ag-dialog .ag-charts-proxy-legend-toolbar,
.ag-dragging-fill-handle .ag-dialog .ag-charts-toolbar,
.ag-dragging-fill-handle .ag-dialog .ag-charts-canvas-overlay > * {
pointer-events: none;
}
.ag-dialog {
border-radius: var(--ag-border-radius);
border: var(--ag-borders) var(--ag-border-color);
box-shadow: var(--ag-popup-shadow);
}
.ag-panel {
background-color: var(--ag-panel-background-color);
border-color: var(--ag-panel-border-color);
}
.ag-panel-title-bar {
color: var(--ag-header-foreground-color);
height: var(--ag-header-height);
padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding);
border-bottom: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-panel-title-bar-button {
margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-panel-title-bar-button {
margin-right: var(--ag-grid-size);
}
.ag-has-cell-notes::after {
content: "";
position: absolute;
top: 0;
right: 0;
border-style: solid;
border-width: 0 var(--ag-note-indicator-size) var(--ag-note-indicator-size) 0;
border-color: transparent var(--ag-note-indicator-color) transparent transparent;
pointer-events: none;
}
.ag-notes-panel.ag-panel {
width: 100%;
border: var(--ag-note-popup-border);
background-color: var(--ag-note-popup-background-color);
}
.ag-notes-panel-content-wrapper {
min-height: 0;
min-width: 0;
}
.ag-notes-popup-content {
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
min-height: 0;
min-width: 0;
gap: calc(var(--ag-grid-size) / 2);
padding: var(--ag-note-popup-padding);
}
.ag-notes-popup-meta {
color: var(--ag-note-popup-text-color);
font-size: calc(var(--ag-font-size) - 1px);
}
.ag-ltr .ag-notes-popup-meta {
padding-left: calc(var(--ag-grid-size) / 2);
}
.ag-rtl .ag-notes-popup-meta {
padding-right: calc(var(--ag-grid-size) / 2);
}
.ag-notes-popup-body {
display: flex;
flex: 1 1 auto;
min-height: 0;
min-width: 0;
}
.ag-notes-popup-editor {
display: flex;
flex: 1 1 auto;
width: 100%;
height: 100%;
min-width: 0;
}
.ag-notes-popup-editor .ag-text-area-input-wrapper {
flex: 1 1 auto;
width: 100%;
height: 100%;
min-width: 0;
align-items: stretch;
}
.ag-notes-popup-editor .ag-text-area-input {
flex: 1 1 auto;
width: 100%;
height: 100%;
min-width: 0;
resize: none;
color: var(--ag-note-popup-input-text-color);
background-color: var(--ag-note-popup-input-background-color);
padding: calc(var(--ag-grid-size) / 2);
}
.ag-notes-popup-editor .ag-text-area-input[readonly] {
background-color: var(--ag-note-popup-background-color);
border: none;
}
.ag-notes-popup-read-only .ag-text-area-input-wrapper {
background-color: var(--ag-input-disabled-background-color);
}
.ag-tooltip {
background-color: var(--ag-tooltip-background-color);
color: var(--ag-foreground-color);
padding: var(--ag-grid-size);
border: var(--ag-borders) var(--ag-border-color);
border-radius: var(--ag-card-radius);
white-space: normal;
}
.ag-tooltip.ag-cell-editor-tooltip, .ag-tooltip.ag-cell-formula-tooltip, .ag-tooltip.ag-calculated-column-expression-tooltip {
background-color: var(--ag-tooltip-error-background-color);
color: var(--ag-tooltip-error-text-color);
border: var(--ag-borders) var(--ag-tooltip-error-border-color);
font-weight: 500;
}
.ag-tooltip.ag-tooltip-animate,
.ag-tooltip-custom.ag-tooltip-animate {
transition: opacity 1s;
}
.ag-tooltip.ag-tooltip-animate.ag-tooltip-hiding,
.ag-tooltip-custom.ag-tooltip-animate.ag-tooltip-hiding {
opacity: 0;
}
.ag-ltr .ag-column-select-column,
.ag-ltr .ag-column-select-column-group {
padding-left: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-column,
.ag-rtl .ag-column-select-column-group {
padding-right: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
}
.ag-column-select-header-icon {
cursor: pointer;
}
.ag-column-select-header-icon:focus-visible {
outline: none;
}
.ag-column-select-header-icon:focus-visible::after {
content: "";
position: absolute;
background-color: transparent;
pointer-events: none;
top: 0px;
left: 0px;
display: block;
width: calc(100% - 0px);
height: calc(100% - 0px);
border: 1px solid;
border-color: var(--ag-input-focus-border-color);
}
.ag-ltr .ag-column-group-icons:not(:last-child),
.ag-ltr .ag-column-select-header-icon:not(:last-child),
.ag-ltr .ag-column-select-header-checkbox:not(:last-child),
.ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-ltr .ag-column-select-checkbox:not(:last-child),
.ag-ltr .ag-column-select-column-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-label:not(:last-child) {
margin-right: var(--ag-widget-horizontal-spacing);
}
.ag-rtl .ag-column-group-icons:not(:last-child),
.ag-rtl .ag-column-select-header-icon:not(:last-child),
.ag-rtl .ag-column-select-header-checkbox:not(:last-child),
.ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-rtl .ag-column-select-checkbox:not(:last-child),
.ag-rtl .ag-column-select-column-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-label:not(:last-child) {
margin-left: var(--ag-widget-horizontal-spacing);
}
.ag-column-select-virtual-list-item:focus-visible {
outline: none;
}
.ag-column-select-virtual-list-item:focus-visible::after {
content: "";
position: absolute;
background-color: transparent;
pointer-events: none;
top: 1px;
left: 1px;
display: block;
width: calc(100% - 2px);
height: calc(100% - 2px);
border: 1px solid;
border-color: var(--ag-input-focus-border-color);
}
.ag-column-select-column-group:not(:last-child),
.ag-column-select-column:not(:last-child) {
margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-column-select-column-readonly,
.ag-column-select-column-group-readonly {
color: var(--ag-disabled-foreground-color);
pointer-events: none;
}
.ag-ltr .ag-column-select-add-group-indent {
margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-rtl .ag-column-select-add-group-indent {
margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-column-select-virtual-list-viewport {
padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) 0px;
}
.ag-column-select-virtual-list-item {
padding: 0 var(--ag-widget-container-horizontal-padding);
}
.ag-checkbox-edit {
padding-left: var(--ag-cell-horizontal-padding);
padding-right: var(--ag-cell-horizontal-padding);
}
.ag-pill-select .ag-column-drop {
border-bottom: 0;
min-height: unset;
}
.ag-pill-select .ag-column-drop-list {
padding: 0;
}
.ag-pill-select .ag-select {
padding-top: var(--ag-grid-size);
}
.ag-pill-select .ag-picker-field-wrapper {
background-color: transparent;
border: 0;
}
.ag-pill-select .ag-picker-field-display {
cursor: pointer;
}
.ag-rtl {
text-align: right;
}
.ag-root-wrapper {
border-radius: var(--ag-wrapper-border-radius);
border: var(--ag-borders) var(--ag-border-color);
}
.ag-row > .ag-cell-wrapper.ag-row-group {
padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
}
.ag-cell-wrapper.ag-row-group,
.ag-cell-wrapper.ag-row-group-leaf-indent,
.ag-cell-wrapper.ag-pivot-leaf-group {
padding-left: calc(var(--ag-indentation-level) * var(--ag-row-group-indent-size));
}
.ag-cell-wrapper > .ag-group-checkbox-spacing {
width: var(--ag-icon-size);
margin-right: var(--ag-cell-widget-spacing);
}
.ag-ltr .ag-row-group-leaf-indent {
margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-group-leaf-indent {
margin-right: var(--ag-row-group-indent-size);
}
.ag-row:not(.ag-row-level-0) .ag-pivot-leaf-group {
margin-left: var(--ag-row-group-indent-size);
}
.ag-value-change-delta {
padding-right: 2px;
}
.ag-value-change-delta-up {
color: var(--ag-value-change-delta-up-color);
}
.ag-value-change-delta-down {
color: var(--ag-value-change-delta-down-color);
}
.ag-value-change-value {
background-color: transparent;
border-radius: 1px;
padding-left: 1px;
padding-right: 1px;
transition: background-color 1s;
}
.ag-value-change-value-highlight {
background-color: var(--ag-value-change-value-highlight-background-color);
transition: background-color 0.1s;
}
.ag-cell-data-changed {
background-color: var(--ag-value-change-value-highlight-background-color) !important;
}
.ag-cell-data-changed-animation {
background-color: transparent;
}
.ag-cell-highlight {
background-color: var(--ag-range-selection-highlight-color) !important;
}
.ag-row,
.ag-spanned-row {
color: var(--ag-data-color);
}
.ag-row {
height: var(--ag-row-height);
}
.ag-row.ag-row-editing-invalid {
background-color: var(--ag-full-row-invalid-background-color);
}
.ag-row.ag-full-width-row:not(.ag-embedded-full-width-row) {
border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}
.ag-row:not(.ag-header-row, .ag-full-width-row) > .ag-grid-pinned-left-cells,
.ag-row:not(.ag-header-row, .ag-full-width-row) > .ag-grid-scrolling-cells,
.ag-row:not(.ag-header-row, .ag-full-width-row) > .ag-grid-pinned-right-cells,
.ag-row.ag-embedded-full-width-row > .ag-grid-pinned-left-cells,
.ag-row.ag-embedded-full-width-row > .ag-grid-scrolling-cells,
.ag-row.ag-embedded-full-width-row > .ag-grid-pinned-right-cells {
border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}
.ag-grid-pinned-bottom-rows-container .ag-row-last:not(.ag-header-row, .ag-full-width-row) > .ag-grid-pinned-left-cells,
.ag-grid-pinned-bottom-rows-container .ag-row-last:not(.ag-header-row, .ag-full-width-row) > .ag-grid-scrolling-cells,
.ag-grid-pinned-bottom-rows-container .ag-row-last:not(.ag-header-row, .ag-full-width-row) > .ag-grid-pinned-right-cells,
.ag-grid-pinned-bottom-rows-container .ag-row-last.ag-embedded-full-width-row > .ag-grid-pinned-left-cells,
.ag-grid-pinned-bottom-rows-container .ag-row-last.ag-embedded-full-width-row > .ag-grid-scrolling-cells,
.ag-grid-pinned-bottom-rows-container .ag-row-last.ag-embedded-full-width-row > .ag-grid-pinned-right-cells {
border-bottom: none;
}
:where(.ag-grid-sticky-bottom-rows-container) .ag-row:where(:not(.ag-header-row, .ag-full-width-row)) > .ag-grid-pinned-left-cells,
:where(.ag-grid-sticky-bottom-rows-container) .ag-row:where(:not(.ag-header-row, .ag-full-width-row)) > .ag-grid-scrolling-cells,
:where(.ag-grid-sticky-bottom-rows-container) .ag-row:where(:not(.ag-header-row, .ag-full-width-row)) > .ag-grid-pinned-right-cells,
:where(.ag-grid-sticky-bottom-rows-container) .ag-row:where(.ag-embedded-full-width-row) > .ag-grid-pinned-left-cells,
:where(.ag-grid-sticky-bottom-rows-container) .ag-row:where(.ag-embedded-full-width-row) > .ag-grid-scrolling-cells,
:where(.ag-grid-sticky-bottom-rows-container) .ag-row:where(.ag-embedded-full-width-row) > .ag-grid-pinned-right-cells {
border-bottom: none;
border-top: var(--ag-row-border);
}
:where(.ag-row:not(.ag-header-row)) {
background-color: var(--ag-data-background-color);
--ag-internal-row-overlay-color: transparent;
--ag-internal-row-overlay-image: none;
}
.ag-grid-container-wrapper {
width: 100%;
height: 100%;
}
.ag-row:not(.ag-header-row) > .ag-grid-pinned-left-cells,
.ag-row:not(.ag-header-row) > .ag-grid-pinned-right-cells {
background-color: inherit;
background-image: linear-gradient(var(--ag-data-background-color), var(--ag-data-background-color));
}
.ag-row:not(.ag-header-row) .ag-grid-container-wrapper {
background-color: inherit;
}
.ag-spanned-cell-wrapper {
background-color: var(--ag-data-background-color);
position: absolute;
}
.ag-spanned-cell-wrapper > .ag-spanned-cell {
display: block;
position: relative;
}
.ag-row-highlight-above::after,
.ag-row-highlight-inside::after,
.ag-row-highlight-below::after {
content: "";
position: absolute;
width: calc(100% - 1px);
height: var(--ag-row-drag-indicator-width);
background-color: var(--ag-row-drag-indicator-color);
border-radius: calc(var(--ag-row-drag-indicator-width) / 2);
left: 1px;
pointer-events: none;
}
.ag-row-highlight-above::after {
top: 0;
}
.ag-row-highlight-below::after {
bottom: 0;
}
.ag-row-highlight-indent::after {
display: block;
width: auto;
left: calc(2 * (var(--ag-cell-widget-spacing) + var(--ag-icon-size)) + var(--ag-cell-horizontal-padding) + var(--ag-row-highlight-level) * var(--ag-row-group-indent-size));
right: 1px;
}
.ag-row-highlight-inside::after {
display: block;
width: auto;
height: auto;
inset: 0;
background-color: var(--ag-selected-row-background-color);
border: 1px solid var(--ag-range-selection-border-color);
}
.ag-grid-scrolling-rows,
.ag-grid-pinned-bottom-rows-container {
background-color: var(--ag-data-background-color);
}
.ag-row-odd {
background-color: var(--ag-odd-row-background-color);
}
.ag-row-selected {
--ag-internal-row-overlay-color: var(--ag-selected-row-background-color);
}
.ag-row-hover:not(.ag-full-width-row),
.ag-row-hover.ag-full-width-row.ag-row-group {
--ag-internal-row-overlay-color: var(--ag-row-hover-color);
}
.ag-row-selected .ag-grid-pinned-left-cells::before,
.ag-row-selected .ag-grid-pinned-right-cells::before,
.ag-row-selected .ag-grid-scrolling-cells::before,
.ag-row-hover:not(.ag-full-width-row) .ag-grid-pinned-left-cells::before,
.ag-row-hover:not(.ag-full-width-row) .ag-grid-pinned-right-cells::before,
.ag-row-hover:not(.ag-full-width-row) .ag-grid-scrolling-cells::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
background-color: var(--ag-internal-row-overlay-color);
background-image: var(--ag-internal-row-overlay-image);
}
.ag-row-selected.ag-full-width-row::before,
.ag-row-hover.ag-full-width-row.ag-row-group::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
background-color: var(--ag-internal-row-overlay-color);
background-image: var(--ag-internal-row-overlay-image);
}
.ag-row-hover.ag-row-selected {
--ag-internal-row-overlay-color: var(--ag-row-hover-color);
--ag-internal-row-overlay-image: linear-gradient(
var(--ag-selected-row-background-color),
var(--ag-selected-row-background-color)
);
}
.ag-column-hover {
background-color: var(--ag-column-hover-color);
}
.ag-header-range-highlight {
background-color: var(--ag-range-header-highlight-color);
}
.ag-ltr .ag-right-aligned-cell {
text-align: right;
}
.ag-rtl .ag-right-aligned-cell {
text-align: left;
}
.ag-ltr .ag-right-aligned-cell .ag-cell-value,
.ag-ltr .ag-right-aligned-cell .ag-group-value {
margin-left: auto;
}
.ag-rtl .ag-right-aligned-cell .ag-cell-value,
.ag-rtl .ag-right-aligned-cell .ag-group-value {
margin-right: auto;
}
.ag-ltr .ag-right-aligned-cell .ag-skeleton-effect {
margin-left: auto;
}
.ag-rtl .ag-right-aligned-cell .ag-skeleton-effect {
margin-right: auto;
}
.ag-cell,
.ag-full-width-row .ag-cell-wrapper.ag-row-group {
--ag-internal-calculated-line-height: var(
--ag-line-height,
calc(var(--ag-row-height) - var(--ag-row-border-width))
);
--ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width) - 2px);
border: 1px solid transparent;
line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
padding-left: calc(var(--ag-cell-horizontal-padding) - 1px + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
-webkit-font-smoothing: subpixel-antialiased;
}
.ag-row > .ag-cell-wrapper {
padding-left: calc(var(--ag-cell-horizontal-padding) - 1px);
padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
}
.ag-row-dragging {
cursor: move;
opacity: 0.5;
}
.ag-cell-inline-editing {
border: 1px solid var(--ag-border-color);
border-radius: var(--ag-card-radius);
box-shadow: var(--ag-card-shadow);
padding: 0;
background-color: var(--ag-control-panel-background-color);
}
.ag-popup-editor .ag-large-text,
.ag-autocomplete-list-popup {
border: var(--ag-borders) var(--ag-border-color);
background: var(--ag-background-color);
border-radius: var(--ag-card-radius);
box-shadow: var(--ag-card-shadow);
padding: var(--ag-grid-size);
background-color: var(--ag-control-panel-background-color);
padding: 0;
}
.ag-large-text-input {
height: auto;
padding: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-large-text-input textarea {
resize: none;
}
.ag-details-row {
padding: calc(var(--ag-grid-size) * 5);
background-color: var(--ag-data-background-color);
}
.ag-layout-auto-height .ag-grid-scrolling-rows,
.ag-layout-print .ag-grid-scrolling-rows {
min-height: var(--ag-auto-height-min-body-height);
}
.ag-overlay-loading-wrapper,
.ag-overlay-exporting-wrapper,
.ag-overlay-modal-wrapper {
background-color: var(--ag-modal-overlay-background-color);
}
.ag-overlay-loading-center,
.ag-overlay-exporting-center {
border: var(--ag-borders) var(--ag-border-color);
background: var(--ag-background-color);
border-radius: var(--ag-card-radius);
box-shadow: var(--ag-card-shadow);
padding: var(--ag-grid-size);
display: flex;
}
.ag-skeleton-container {
width: 100%;
height: 100%;
align-content: center;
}
.ag-skeleton-effect {
background-color: var(--ag-row-loading-skeleton-effect-color);
width: 100%;
height: 1em;
border-radius: 0.25rem;
animation: ag-skeleton-loading 1.5s ease-in-out 0.5s infinite;
}
@keyframes ag-skeleton-loading {
0% {
opacity: 1;
}
50% {
opacity: 0.4;
}
100% {
opacity: 1;
}
}
.ag-ltr .ag-loading {
padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-loading {
padding-right: var(--ag-cell-horizontal-padding);
}
.ag-loading {
display: flex;
height: 100%;
align-items: center;
}
.ag-ltr .ag-loading-icon {
padding-right: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-loading-icon {
padding-left: var(--ag-cell-widget-spacing);
}
.ag-icon-loading {
animation-name: spin;
animation-duration: 1000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.ag-body-vertical-content-no-gap .ag-has-bottom-pinned-rows .ag-grid-scrolling-container .ag-row-last > .ag-grid-pinned-left-cells,
.ag-body-vertical-content-no-gap .ag-has-bottom-pinned-rows .ag-grid-scrolling-container .ag-row-last > .ag-grid-scrolling-cells,
.ag-body-vertical-content-no-gap .ag-has-bottom-pinned-rows .ag-grid-scrolling-container .ag-row-last > .ag-grid-pinned-right-cells,
.ag-body-vertical-content-no-gap .ag-has-bottom-pinned-rows .ag-grid-pinned-bottom-rows .ag-grid-sticky-bottom-rows-container .ag-row-last > .ag-grid-pinned-left-cells,
.ag-body-vertical-content-no-gap .ag-has-bottom-pinned-rows .ag-grid-pinned-bottom-rows .ag-grid-sticky-bottom-rows-container .ag-row-last > .ag-grid-scrolling-cells,
.ag-body-vertical-content-no-gap .ag-has-bottom-pinned-rows .ag-grid-pinned-bottom-rows .ag-grid-sticky-bottom-rows-container .ag-row-last > .ag-grid-pinned-right-cells {
border-bottom: none;
}
.ag-grid-pinned-bottom-rows > .ag-grid-pinned-bottom-rows-container > .ag-row:first-child:not(.ag-row-pinned) > .ag-grid-pinned-left-cells,
.ag-grid-pinned-bottom-rows > .ag-grid-pinned-bottom-rows-container > .ag-row:first-child:not(.ag-row-pinned) > .ag-grid-scrolling-cells,
.ag-grid-pinned-bottom-rows > .ag-grid-pinned-bottom-rows-container > .ag-row:first-child:not(.ag-row-pinned) > .ag-grid-pinned-right-cells {
border-top: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}
.ag-grid-pinned-bottom-rows > .ag-grid-pinned-bottom-rows-container > .ag-row:first-child:not(.ag-row-pinned) > .ag-full-width-anchor {
border-top: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}
.ag-body-horizontal-scroll-viewport,
.ag-body-vertical-scroll-viewport {
background-color: var(--ag-background-color);
}
.ag-grid-scrollable-area.ag-has-bottom-pinned-rows .ag-grid-pinned-bottom-rows-container::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
border-top: var(--ag-borders-critical) var(--ag-border-color);
pointer-events: none;
z-index: 3;
}
.ag-find-cell {
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
.ag-find-match {
color: var(--ag-find-match-color);
background-color: var(--ag-find-match-background-color);
}
.ag-find-active-match {
color: var(--ag-find-active-match-color);
background-color: var(--ag-find-active-match-background-color);
}
.ag-ltr .ag-cell {
border-right: var(--ag-cell-horizontal-border);
}
.ag-rtl .ag-cell {
border-left: var(--ag-cell-horizontal-border);
}
.ag-ltr .ag-cell {
border-right-width: 1px;
}
.ag-rtl .ag-cell {
border-left-width: 1px;
}
.ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) {
border-left: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
border-right: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-cell-range-selected:not(.ag-cell-focus),
.ag-cell-range-selected.ag-cell-range-chart,
.ag-grid-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) {
background-color: var(--ag-range-selection-background-color);
}
.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart,
.ag-cell-range-selected.ag-cell-range-chart.ag-cell-range-chart,
.ag-grid-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart {
background-color: var(--ag-range-selection-chart-background-color) !important;
}
.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category,
.ag-cell-range-selected.ag-cell-range-chart.ag-cell-range-chart.ag-cell-range-chart-category,
.ag-grid-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category {
background-color: var(--ag-range-selection-chart-category-background-color) !important;
}
.ag-cell-range-selected-1:not(.ag-cell-focus),
.ag-cell-range-selected-1.ag-cell-range-chart,
.ag-cell-range-selected-1.ag-formula-range,
.ag-root:not(.ag-context-menu-open) .ag-grid-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
background-color: var(--ag-range-selection-background-color);
}
.ag-cell-range-selected-2:not(.ag-cell-focus),
.ag-cell-range-selected-2.ag-cell-range-chart,
.ag-cell-range-selected-2.ag-formula-range,
.ag-grid-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 {
background-color: var(--ag-range-selection-background-color-2);
}
.ag-cell-range-selected-3:not(.ag-cell-focus),
.ag-cell-range-selected-3.ag-cell-range-chart,
.ag-cell-range-selected-3.ag-formula-range,
.ag-grid-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 {
background-color: var(--ag-range-selection-background-color-3);
}
.ag-cell-range-selected-4:not(.ag-cell-focus),
.ag-cell-range-selected-4.ag-cell-range-chart,
.ag-cell-range-selected-4.ag-formula-range,
.ag-grid-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 {
background-color: var(--ag-range-selection-background-color-4);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top {
border-top-color: var(--ag-range-selection-border-color);
border-top-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right {
border-right-color: var(--ag-range-selection-border-color);
border-right-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom {
border-bottom-color: var(--ag-range-selection-border-color);
border-bottom-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {
border-left-color: var(--ag-range-selection-border-color);
border-left-style: var(--ag-range-selection-border-style);
}
.ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-ltr .ag-cell-range-single-cell,
.ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
.ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-rtl .ag-cell-range-single-cell,
.ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle {
border: 1px solid;
border-color: var(--ag-range-selection-border-color);
border-style: var(--ag-range-selection-border-style);
outline: initial;
}
.ag-cell.ag-selection-fill-top,
.ag-cell.ag-selection-fill-top.ag-cell-range-selected {
border-top: 1px dashed;
border-top-color: var(--ag-range-selection-border-color);
}
.ag-ltr .ag-cell.ag-selection-fill-right,
.ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-rtl .ag-cell.ag-selection-fill-right,
.ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-cell.ag-selection-fill-bottom,
.ag-cell.ag-selection-fill-bottom.ag-cell-range-selected {
border-bottom: 1px dashed;
border-bottom-color: var(--ag-range-selection-border-color);
}
.ag-ltr .ag-cell.ag-selection-fill-left,
.ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-rtl .ag-cell.ag-selection-fill-left,
.ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-fill-handle,
.ag-range-handle {
position: absolute;
width: 6px;
height: 6px;
bottom: -1px;
}
.ag-ltr .ag-fill-handle,
.ag-ltr .ag-range-handle {
right: -1px;
}
.ag-rtl .ag-fill-handle,
.ag-rtl .ag-range-handle {
left: -1px;
}
.ag-fill-handle,
.ag-range-handle {
background-color: var(--ag-range-selection-border-color);
}
.ag-fill-handle {
cursor: crosshair;
}
.ag-range-handle {
cursor: nwse-resize;
}
.ag-cell-inline-editing {
border-color: var(--ag-input-focus-border-color) !important;
}
.ag-cell-inline-editing.ag-cell-editing-error {
border-color: var(--ag-invalid-color) !important;
}
.ag-menu {
border: var(--ag-borders) var(--ag-border-color);
background: var(--ag-background-color);
border-radius: var(--ag-card-radius);
box-shadow: var(--ag-card-shadow);
padding: var(--ag-grid-size);
background-color: var(--ag-menu-background-color);
border-color: var(--ag-menu-border-color);
padding: 0;
}
.ag-menu.ag-tabs {
min-width: var(--ag-tab-min-width);
}
.ag-menu-list {
cursor: default;
padding: var(--ag-grid-size) 0;
}
.ag-menu-separator {
height: calc(var(--ag-grid-size) * 2 + 1px);
}
.ag-menu-separator-part::after {
content: "";
display: block;
border-top: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-menu-option {
position: relative;
}
.ag-menu-option:focus-visible {
outline: none;
}
.ag-menu-option:focus-visible::after {
content: "";
position: absolute;
background-color: transparent;
pointer-events: none;
top: 1px;
left: 1px;
display: block;
width: calc(100% - 2px);
height: calc(100% - 2px);
border: 1px solid;
border-color: var(--ag-input-focus-border-color);
}
.ag-menu-list-no-focus-ring .ag-menu-option:focus-visible::after {
content: none;
}
.ag-menu-option-active,
.ag-compact-menu-option-active {
background-color: var(--ag-row-hover-color);
}
.ag-menu-option-part,
.ag-compact-menu-option-part {
line-height: var(--ag-icon-size);
padding: calc(var(--ag-grid-size) + 2px) 0;
}
.ag-menu-option-disabled,
.ag-compact-menu-option-disabled {
opacity: 0.5;
}
.ag-show-values-as-inapplicable {
opacity: 0.5;
}
.ag-ltr .ag-menu-option-icon,
.ag-ltr .ag-compact-menu-option-icon {
padding-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-menu-option-icon,
.ag-rtl .ag-compact-menu-option-icon {
padding-right: calc(var(--ag-grid-size) * 2);
}
.ag-menu-option-icon,
.ag-compact-menu-option-icon {
width: var(--ag-icon-size);
}
.ag-menu-option-text,
.ag-compact-menu-option-text {
padding-left: calc(var(--ag-grid-size) * 2);
padding-right: calc(var(--ag-grid-size) * 2);
}
.ag-ltr .ag-menu-option-shortcut,
.ag-ltr .ag-compact-menu-option-shortcut {
padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-menu-option-shortcut,
.ag-rtl .ag-compact-menu-option-shortcut {
padding-left: var(--ag-grid-size);
}
.ag-ltr .ag-menu-option-popup-pointer,
.ag-ltr .ag-compact-menu-option-popup-pointer {
padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-menu-option-popup-pointer,
.ag-rtl .ag-compact-menu-option-popup-pointer {
padding-left: var(--ag-grid-size);
}
.ag-tabs-header {
display: flex;
}
.ag-tabs-header-wrapper {
display: flex;
}
.ag-tabs-header-wrapper .ag-tabs-header {
flex: 1;
}
.ag-tabs-close-button-wrapper {
border: 0;
border-right: var(--ag-borders) var(--ag-border-color);
padding: var(--ag-grid-size);
}
.ag-tabs-close-button {
border: 0;
background-color: unset;
cursor: pointer;
padding: 0;
}
.ag-tab {
border-bottom: var(--ag-selected-tab-underline-width) solid transparent;
transition: border-bottom var(--ag-selected-tab-underline-transition-speed);
display: flex;
flex: none;
align-items: center;
justify-content: center;
cursor: pointer;
}
.ag-tab:focus-visible {
outline: none;
}
.ag-tab:focus-visible::after {
content: "";
position: absolute;
background-color: transparent;
pointer-events: none;
top: 4px;
left: 4px;
display: block;
width: calc(100% - 8px);
height: calc(100% - 8px);
border: 1px solid;
border-color: var(--ag-input-focus-border-color);
}
.ag-tab-selected {
border-bottom-color: var(--ag-selected-tab-underline-color);
}
.ag-menu-header {
color: var(--ag-secondary-foreground-color);
}
.ag-filter-separator {
border-top: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-filter-select .ag-picker-field-wrapper {
width: 0;
}
.ag-filter-condition-operator {
height: 17px;
}
.ag-ltr .ag-filter-condition-operator-or {
margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-filter-condition-operator-or {
margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-set-filter-select-all {
padding-top: var(--ag-widget-container-vertical-padding);
}
.ag-set-filter-list,
.ag-filter-no-matches {
height: calc(var(--ag-list-item-height) * 6);
}
.ag-set-filter-tree-list {
height: calc(var(--ag-list-item-height) * 10);
}
.ag-set-filter-filter {
margin-top: var(--ag-widget-container-vertical-padding);
margin-left: var(--ag-widget-container-horizontal-padding);
margin-right: var(--ag-widget-container-horizontal-padding);
}
.ag-filter-to {
margin-top: var(--ag-widget-vertical-spacing);
}
.ag-mini-filter {
margin: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}
.ag-set-filter {
--ag-indentation-level: 0;
}
.ag-ltr .ag-set-filter-item {
padding-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-item {
padding-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
}
.ag-ltr .ag-set-filter-add-group-indent {
margin-left: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));
}
.ag-rtl .ag-set-filter-add-group-indent {
margin-right: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));
}
.ag-ltr .ag-set-filter-group-icons {
margin-right: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-set-filter-group-icons {
margin-left: var(--ag-widget-container-horizontal-padding);
}
.ag-filter-menu .ag-set-filter-list {
min-width: max(200px, 100%);
}
.ag-filter-virtual-list-item:focus-visible {
outline: none;
}
.ag-filter-virtual-list-item:focus-visible::after {
content: "";
position: absolute;
background-color: transparent;
pointer-events: none;
top: 1px;
left: 1px;
display: block;
width: calc(100% - 2px);
height: calc(100% - 2px);
border: 1px solid;
border-color: var(--ag-input-focus-border-color);
}
.ag-filter-apply-panel {
padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-filter-apply-panel-button {
line-height: 1.5;
}
.ag-ltr .ag-filter-apply-panel-button {
margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-filter-apply-panel-button {
margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-simple-filter-body-wrapper {
display: flex;
flex-direction: column;
gap: var(--ag-widget-vertical-spacing);
padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
padding-bottom: var(--ag-widget-container-vertical-padding);
overflow-y: auto;
min-height: calc(var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) + var(--ag-widget-vertical-spacing));
}
.ag-simple-filter-body-wrapper .ag-resizer-wrapper {
margin: 0;
}
.ag-menu:not(.ag-tabs) .ag-filter .ag-filter-body-wrapper,
.ag-menu:not(.ag-tabs) .ag-filter > *:not(.ag-filter-wrapper) {
min-width: calc(var(--ag-menu-min-width) - 2px);
}
.ag-filter-no-matches {
padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}
.ag-multi-filter-menu-item {
margin: var(--ag-grid-size) 0;
}
.ag-multi-filter-group-title-bar {
padding: calc(var(--ag-grid-size) * 2) var(--ag-grid-size);
background-color: transparent;
}
.ag-group-filter-field-select-wrapper {
padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-group-filter-field-select-wrapper > * {
margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-multi-filter-group-title-bar:focus-visible {
outline: none;
}
.ag-multi-filter-group-title-bar:focus-visible::after {
content: "";
position: absolute;
background-color: transparent;
pointer-events: none;
top: 4px;
left: 4px;
display: block;
width: calc(100% - 8px);
height: calc(100% - 8px);
border: 1px solid;
border-color: var(--ag-input-focus-border-color);
}
.ag-side-bar {
position: relative;
}
.ag-tool-panel-wrapper {
width: var(--ag-horizontal-size, var(--ag-side-bar-panel-width));
background-color: var(--ag-control-panel-background-color);
}
.ag-tool-panel-content {
display: flex;
height: 100%;
overflow: hidden auto;
}
.ag-tool-panel-wrapper.ag-tool-panel-animating {
display: block !important;
transition: width var(--ag-side-bar-panel-animation-duration) ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.ag-tool-panel-wrapper.ag-tool-panel-animating {
transition: none;
}
}
.ag-tool-panel-external {
width: 100%;
display: flex;
flex-direction: row;
}
:where(.ag-tool-panel-external) .ag-tool-panel-wrapper {
flex-grow: 1;
}
.ag-side-buttons {
padding-top: calc(var(--ag-grid-size) * 4);
width: calc(var(--ag-icon-size) + 4px);
position: relative;
overflow: hidden auto;
scrollbar-width: thin;
}
button.ag-side-button-button {
color: inherit;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
background: transparent;
padding: calc(var(--ag-grid-size) * 2) 0 calc(var(--ag-grid-size) * 2) 0;
width: 100%;
margin: 0;
min-height: calc(var(--ag-grid-size) * 18);
background-position-y: center;
background-position-x: center;
background-repeat: no-repeat;
border: none;
border-top: var(--ag-borders-side-button) var(--ag-border-color);
border-bottom: var(--ag-borders-side-button) var(--ag-border-color);
}
button.ag-side-button-button:focus {
box-shadow: none;
}
.ag-side-button-button:focus-visible {
outline: none;
}
.ag-side-button-button:focus-visible::after {
content: "";
position: absolute;
background-color: transparent;
pointer-events: none;
top: 4px;
left: 4px;
display: block;
width: calc(100% - 8px);
height: calc(100% - 8px);
border: 1px solid;
border-color: var(--ag-input-focus-border-color);
}
.ag-selected button.ag-side-button-button {
background-color: var(--ag-side-button-selected-background-color);
}
.ag-side-button-icon-wrapper {
margin-bottom: 3px;
}
.ag-ltr .ag-side-bar-left,
.ag-rtl .ag-side-bar-right {
border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper {
border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-side-bar-left .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-side-button-button {
border-right: var(--ag-selected-tab-underline-width) solid transparent;
transition: border-right var(--ag-selected-tab-underline-transition-speed);
}
.ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button {
border-right-color: var(--ag-selected-tab-underline-color);
}
.ag-rtl .ag-side-bar-left,
.ag-ltr .ag-side-bar-right {
border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper {
border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-side-bar-left .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-side-button-button {
border-left: var(--ag-selected-tab-underline-width) solid transparent;
transition: border-left var(--ag-selected-tab-underline-transition-speed);
}
.ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button {
border-left-color: var(--ag-selected-tab-underline-color);
}
.ag-filter-toolpanel-header {
height: calc(var(--ag-grid-size) * 6);
}
.ag-filter-toolpanel-header,
.ag-filter-toolpanel-search {
padding: 0 var(--ag-grid-size);
}
.ag-filter-toolpanel-header:focus-visible {
outline: none;
}
.ag-filter-toolpanel-header:focus-visible::after {
content: "";
position: absolute;
background-color: transparent;
pointer-events: none;
top: 4px;
left: 4px;
display: block;
width: calc(100% - 8px);
height: calc(100% - 8px);
border: 1px solid;
border-color: var(--ag-input-focus-border-color);
}
.ag-filter-toolpanel-group:not(.ag-has-filter) > .ag-group-title-bar .ag-filter-toolpanel-group-instance-header-icon {
display: none;
}
.ag-filter-toolpanel-group-level-0-header {
height: calc(var(--ag-grid-size) * 8);
}
.ag-filter-toolpanel-group-item {
margin-top: calc(var(--ag-grid-size) * 0.5);
margin-bottom: calc(var(--ag-grid-size) * 0.5);
}
.ag-filter-toolpanel-search {
height: var(--ag-header-height);
}
.ag-filter-toolpanel-search-input {
flex-grow: 1;
height: calc(var(--ag-grid-size) * 4);
}
.ag-ltr .ag-filter-toolpanel-search-input {
margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-search-input {
margin-left: var(--ag-grid-size);
}
.ag-filter-toolpanel-group-level-0 {
border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-ltr .ag-filter-toolpanel-expand,
.ag-ltr .ag-filter-toolpanel-group-title-bar-icon {
margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-expand,
.ag-rtl .ag-filter-toolpanel-group-title-bar-icon {
margin-left: var(--ag-grid-size);
}
.ag-filter-toolpanel-group-title-bar {
background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-header {
padding-left: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-header {
padding-right: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size));
}
.ag-filter-toolpanel-instance-filter {
border-bottom: var(--ag-borders) var(--ag-border-color);
border-top: var(--ag-borders) var(--ag-border-color);
margin-top: var(--ag-grid-size);
}
.ag-ltr .ag-filter-toolpanel-group-instance-header-icon,
.ag-ltr .ag-filter-toolpanel-instance-header-icon {
margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-group-instance-header-icon,
.ag-rtl .ag-filter-toolpanel-instance-header-icon {
margin-right: var(--ag-grid-size);
}
.ag-set-filter-group-icons {
color: var(--ag-secondary-foreground-color);
}
.ag-filter-panel {
display: flex;
flex-direction: column;
width: 100%;
}
.ag-filter-panel .ag-simple-filter-body-wrapper {
padding: var(--ag-widget-vertical-spacing) var(--ag-widget-container-horizontal-padding) 0;
}
.ag-filter-panel .ag-mini-filter {
margin-top: var(--ag-widget-vertical-spacing);
margin-left: var(--ag-widget-container-horizontal-padding);
margin-right: var(--ag-widget-container-horizontal-padding);
}
.ag-filter-panel .ag-standard-button {
transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
}
.ag-filter-panel .ag-simple-filter-body-wrapper > *:last-child,
.ag-filter-panel .ag-set-filter-body-wrapper {
margin-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-filter-panel-container {
flex: 1;
overflow: auto;
padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding) 0;
}
.ag-filter-panel-container > *:not(:last-child) {
margin-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-filter-card {
border: 1px solid var(--ag-border-color);
border-radius: var(--ag-border-radius);
background-color: var(--ag-background-color);
}
.ag-ltr .ag-filter-card .ag-set-filter-item {
padding-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
padding-right: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-filter-card .ag-set-filter-item {
padding-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
padding-left: var(--ag-widget-container-horizontal-padding);
}
.ag-filter-card-header {
display: flex;
flex-direction: row;
align-items: center;
padding-top: var(--ag-widget-vertical-spacing);
}
.ag-ltr .ag-filter-card-header > *:not(:last-child) {
padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-card-header > *:not(:last-child) {
padding-left: var(--ag-grid-size);
}
.ag-filter-card-heading {
flex: 1;
overflow: hidden;
padding-top: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-ltr .ag-filter-card-heading {
padding-left: var(--ag-widget-horizontal-spacing);
}
.ag-rtl .ag-filter-card-heading {
padding-right: var(--ag-widget-horizontal-spacing);
}
.ag-filter-card-expand {
display: flex;
flex-direction: row;
width: 100%;
justify-content: space-between;
align-items: center;
}
.ag-filter-card-title {
overflow: hidden;
text-overflow: ellipsis;
}
.ag-filter-card-expand-icon {
display: flex;
flex: 1;
justify-content: end;
}
.ag-filter-card-editing-icon {
margin: 0 var(--ag-grid-size);
}
.ag-filter-card-summary,
.ag-filter-card-expand-icon .ag-icon,
.ag-filter-card-delete-icon .ag-icon,
.ag-filter-card-editing-icon .ag-icon {
color: var(--ag-filter-panel-card-subtle-color);
}
.ag-filter-card-expand-icon .ag-icon,
.ag-filter-card-delete-icon .ag-icon {
transition: color 0.25s ease-in-out;
}
.ag-filter-card-expand-icon:hover .ag-icon,
.ag-filter-card-delete-icon:hover .ag-icon {
color: var(--ag-filter-panel-card-subtle-hover-color);
}
.ag-filter-card-heading:hover .ag-filter-card-expand-icon .ag-icon {
color: var(--ag-filter-panel-card-subtle-hover-color);
}
.ag-filter-card-expand,
.ag-filter-card-delete {
border-radius: var(--ag-button-border-radius);
background: none;
border: none;
cursor: pointer;
padding: 0;
}
.ag-filter-panel .ag-standard-button {
cursor: pointer;
}
.ag-filter-card-summary,
.ag-filter-type-select {
margin-left: var(--ag-widget-container-horizontal-padding);
margin-right: var(--ag-widget-container-horizontal-padding);
}
.ag-ltr .ag-filter-card-delete {
margin-right: var(--ag-widget-horizontal-spacing);
}
.ag-rtl .ag-filter-card-delete {
margin-left: var(--ag-widget-horizontal-spacing);
}
.ag-filter-card-summary {
margin-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-filter-type-select {
padding-top: var(--ag-widget-vertical-spacing);
}
.ag-filter-card-add {
padding: 0;
border: 0;
}
.ag-filter-add-button {
display: flex;
flex-direction: row;
width: 100%;
align-items: center;
line-height: 1.5;
}
.ag-ltr .ag-filter-add-button-label {
margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-filter-add-button-label {
margin-right: var(--ag-grid-size);
}
.ag-filter-add-select {
border: 0;
}
.ag-ltr .ag-filter-add-select .ag-text-field-input {
padding-left: calc(var(--ag-grid-size) * 1.5 + 12px) !important;
}
.ag-rtl .ag-filter-add-select .ag-text-field-input {
padding-right: calc(var(--ag-grid-size) * 1.5 + 12px) !important;
}
.ag-filter-add-select .ag-rich-select-value {
padding: calc((1.5 * var(--ag-font-size) + 4 * var(--ag-grid-size) - var(--ag-input-height)) / 2) var(--ag-grid-size);
border: 0;
}
.ag-pivot-mode-panel {
min-height: var(--ag-header-height);
height: var(--ag-header-height);
display: flex;
}
.ag-pivot-mode-select {
display: flex;
align-items: center;
}
.ag-ltr .ag-pivot-mode-select {
margin-left: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-pivot-mode-select {
margin-right: var(--ag-widget-container-horizontal-padding);
}
.ag-column-select-header:focus-visible {
outline: none;
}
.ag-column-select-header:focus-visible::after {
content: "";
position: absolute;
background-color: transparent;
pointer-events: none;
top: 4px;
left: 4px;
display: block;
width: calc(100% - 8px);
height: calc(100% - 8px);
border: 1px solid;
border-color: var(--ag-input-focus-border-color);
}
.ag-column-select-header {
height: var(--ag-header-height);
align-items: center;
padding: 0 var(--ag-widget-container-horizontal-padding);
border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-column-panel-column-select {
border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-column-panel-column-select:not(.ag-last-visible-child) {
border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-column-panel-buttons {
display: flex;
justify-content: flex-end;
overflow: hidden;
padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding) 0;
flex-wrap: wrap;
gap: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);
}
.ag-column-panel-buttons .ag-standard-button {
transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
}
.ag-column-panel-buttons:last-child {
padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-column-panel-buttons-button {
line-height: 1.5;
}
.ag-column-panel .ag-standard-button.ag-column-panel-buttons-apply-button:not(:disabled) {
color: var(--ag-column-panel-apply-button-color);
background-color: var(--ag-column-panel-apply-button-background-color);
}
.ag-column-group-icons,
.ag-column-select-header-icon {
color: var(--ag-secondary-foreground-color);
}
.ag-column-select-list .ag-list-item-hovered::after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 1px;
}
.ag-column-select-list .ag-item-highlight-top::after {
top: 0;
}
.ag-column-select-list .ag-item-highlight-bottom::after {
bottom: 0;
}
.ag-advanced-filter-header {
background-color: var(--ag-header-background-color);
border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-header-row {
border-bottom: none;
height: var(--ag-header-height);
}
.ag-header-row .ag-grid-scrolling-cells {
background-color: var(--ag-header-background-color);
}
.ag-header-row > .ag-grid-pinned-left-cells,
.ag-header-row > .ag-grid-pinned-right-cells {
background-image: linear-gradient(var(--ag-background-color), var(--ag-background-color));
}
.ag-header-row .ag-grid-container-wrapper {
background-color: var(--ag-header-background-color);
width: 100%;
height: 100%;
}
.ag-header-row .ag-grid-pinned-right-cells {
overflow: visible;
}
.ag-header-row .ag-grid-pinned-right-cells .ag-grid-container-wrapper {
border-left: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-header-row .ag-grid-pinned-left-cells {
overflow: visible;
}
.ag-header-row .ag-grid-pinned-left-cells .ag-grid-container-wrapper {
border-right: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-header-cell:not(.ag-right-aligned-header) .ag-calculated-column-icon,
.ag-header-cell:not(.ag-right-aligned-header) .ag-header-col-ref {
margin-right: var(--ag-grid-size);
}
.ag-header-cell:not(.ag-right-aligned-header) .ag-header-col-ref {
color: var(--ag-subtle-text-color);
}
.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
margin-right: var(--ag-grid-size);
}
.ag-header-cell.ag-right-aligned-header .ag-header-col-ref {
margin-left: var(--ag-grid-size);
color: var(--ag-subtle-text-color);
}
.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
margin-left: var(--ag-grid-size);
}
.ag-show-values-as-dormant {
opacity: 0.35;
}
.ag-header-cell,
.ag-header-group-cell {
padding-left: var(--ag-cell-horizontal-padding);
padding-right: var(--ag-cell-horizontal-padding);
}
.ag-header-cell.ag-header-cell-moving,
.ag-header-group-cell.ag-header-cell-moving {
background-color: var(--ag-header-cell-moving-background-color);
}
.ag-ltr .ag-header-group-cell-label.ag-sticky-label {
left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-header-group-cell-label.ag-sticky-label {
right: var(--ag-cell-horizontal-padding);
}
.ag-header-cell:focus-visible {
outline: none;
}
.ag-header-cell:focus-visible::after {
content: "";
position: absolute;
background-color: transparent;
pointer-events: none;
top: 4px;
left: 4px;
display: block;
width: calc(100% - 8px);
height: calc(100% - 8px);
border: 1px solid;
border-color: var(--ag-input-focus-border-color);
}
.ag-header-group-cell:focus-visible {
outline: none;
}
.ag-header-group-cell:focus-visible::after {
content: "";
position: absolute;
background-color: transparent;
pointer-events: none;
top: 4px;
left: 4px;
display: block;
width: calc(100% - 8px);
height: calc(100% - 8px);
border: 1px solid;
border-color: var(--ag-input-focus-border-color);
}
.ag-advanced-filter-header-cell:focus-visible {
outline: none;
}
.ag-advanced-filter-header-cell:focus-visible::after {
content: "";
position: absolute;
background-color: transparent;
pointer-events: none;
top: 4px;
left: 4px;
display: block;
width: calc(100% - 8px);
height: calc(100% - 8px);
border: 1px solid;
border-color: var(--ag-input-focus-border-color);
}
.ag-header-icon {
color: var(--ag-secondary-foreground-color);
}
.ag-header-expand-icon {
cursor: pointer;
}
.ag-ltr .ag-header-expand-icon {
margin-left: 4px;
}
.ag-rtl .ag-header-expand-icon {
margin-right: 4px;
}
.ag-header-row.ag-header-row-not-first .ag-header-cell:not(.ag-header-span-height.ag-header-span-total, .ag-header-parent-hidden),
.ag-header-row.ag-header-row-not-first .ag-header-group-cell.ag-header-group-cell-with-group {
border-top: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-group-cell:first-of-type.ag-column-resizing,
.ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-hover):first-of-type.ag-column-resizing {
background-color: var(--ag-header-cell-hover-background-color);
}
.ag-header-cell::before,
.ag-header-group-cell::before {
content: "";
position: absolute;
z-index: 1;
display: var(--ag-header-column-separator-display);
width: var(--ag-header-column-separator-width);
height: var(--ag-header-column-separator-height);
top: calc(50% - var(--ag-header-column-separator-height) * 0.5);
background-color: var(--ag-header-column-separator-color);
}
.ag-ltr .ag-header-cell::before,
.ag-ltr .ag-header-group-cell::before {
right: 0;
}
.ag-rtl .ag-header-cell::before,
.ag-rtl .ag-header-group-cell::before {
left: 0;
}
.ag-header-highlight-before::after,
.ag-header-highlight-after::after {
content: "";
position: absolute;
height: 100%;
width: var(--ag-column-drag-indicator-width);
border-radius: calc(var(--ag-column-drag-indicator-width) / 2);
background-color: var(--ag-column-drag-indicator-color);
}
.ag-header-highlight-before::after {
left: 0px;
}
.ag-header-highlight-after::after {
right: 0px;
}
.ag-grid-pinned-left-cells .ag-header-highlight-after::after {
right: 1px;
}
.ag-header-cell-resize {
display: flex;
align-items: center;
}
.ag-header-cell-resize::after {
content: "";
position: absolute;
z-index: 1;
display: var(--ag-header-column-resize-handle-display);
width: var(--ag-header-column-resize-handle-width);
height: var(--ag-header-column-resize-handle-height);
top: calc(50% - var(--ag-header-column-resize-handle-height) * 0.5);
background-color: var(--ag-header-column-resize-handle-color);
}
.ag-ltr .ag-header-cell-resize::after {
left: calc(50% - var(--ag-header-column-resize-handle-width));
}
.ag-rtl .ag-header-cell-resize::after {
right: calc(50% - var(--ag-header-column-resize-handle-width));
}
.ag-header-cell.ag-header-span-height .ag-header-cell-resize::after {
height: calc(100% - var(--ag-grid-size) * 4);
top: calc(var(--ag-grid-size) * 2);
}
.ag-grid-pinned-left-cells .ag-header-cell-resize::after {
left: calc(50% - var(--ag-header-column-resize-handle-width));
}
.ag-grid-pinned-right-cells .ag-header-cell-resize::after {
left: 50%;
}
.ag-ltr .ag-header-select-all {
margin-right: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-header-select-all {
margin-left: var(--ag-cell-horizontal-padding);
}
.ag-ltr .ag-floating-filter-button {
margin-left: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-floating-filter-button {
margin-right: var(--ag-cell-widget-spacing);
}
.ag-floating-filter-button-button {
color: inherit;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
appearance: none;
background: transparent;
border: none;
height: var(--ag-icon-size);
padding: 0;
width: var(--ag-icon-size);
}
.ag-filter-loading {
background-color: var(--ag-control-panel-background-color);
height: 100%;
padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
position: absolute;
width: 100%;
z-index: 1;
align-items: unset;
}
.ag-paging-panel {
border-top: 1px solid;
border-top-color: var(--ag-border-color);
color: var(--ag-secondary-foreground-color);
height: var(--ag-pagination-panel-height);
overflow: auto hidden;
scrollbar-width: thin;
}
.ag-paging-panel-content > * {
margin: 0 var(--ag-cell-horizontal-padding);
}
.ag-paging-panel-content > .ag-paging-page-size .ag-wrapper {
min-width: calc(var(--ag-grid-size) * 10);
}
.ag-paging-button {
cursor: pointer;
}
.ag-paging-button.ag-disabled {
cursor: default;
color: var(--ag-disabled-foreground-color);
}
.ag-number-field.ag-paging-number {
display: inline-block;
}
.ag-number-field.ag-paging-number .ag-input-field-input {
text-align: end;
padding-inline: var(--ag-grid-size);
}
.ag-paging-button:focus-visible {
outline: none;
}
.ag-paging-button:focus-visible::after {
content: "";
position: absolute;
background-color: transparent;
pointer-events: none;
top: 0px;
left: 0px;
display: block;
width: calc(100% - 0px);
height: calc(100% - 0px);
border: 1px solid;
border-color: var(--ag-input-focus-border-color);
}
.ag-paging-page-number:focus-visible {
outline: none;
}
.ag-paging-page-number:focus-visible::after {
content: "";
position: absolute;
background-color: transparent;
pointer-events: none;
top: 0px;
left: 0px;
display: block;
width: calc(100% - 0px);
height: calc(100% - 0px);
border: 1px solid;
border-color: var(--ag-input-focus-border-color);
}
.ag-paging-button,
.ag-paging-description {
margin: 0 var(--ag-grid-size);
line-height: 0;
}
.ag-paging-page-numbers-panel {
display: flex;
align-items: center;
gap: calc(var(--ag-grid-size) * 1.5);
}
.ag-paging-page-numbers-panel .ag-paging-button {
margin: 0;
}
.ag-paging-page-numbers {
display: flex;
align-items: center;
}
.ag-paging-page-number {
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: var(--ag-grid-size);
margin: 0 calc(var(--ag-grid-size) * 0.25);
border-radius: var(--ag-border-radius);
cursor: pointer;
font-variant-numeric: tabular-nums;
}
.ag-paging-page-number:hover {
background-color: var(--ag-row-hover-color);
}
.ag-paging-page-number-current {
cursor: default;
font-weight: 600;
background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 5%);
}
.ag-paging-page-number-ellipsis {
margin: 0 calc(var(--ag-grid-size) * 0.25);
pointer-events: none;
font-variant-numeric: tabular-nums;
}
.ag-paging-row-summary-panel {
display: inline-grid;
}
.ag-paging-row-summary-panel::before {
content: var(--ag-internal-pagination-width-string);
grid-area: 1/1;
visibility: hidden;
font-weight: 500;
font-variant-numeric: tabular-nums;
}
.ag-paging-row-summary-content {
grid-area: 1/1;
justify-self: center;
}
.ag-status-bar {
border-top: var(--ag-borders) var(--ag-border-color);
color: var(--ag-disabled-foreground-color);
padding-right: calc(var(--ag-grid-size) * 4);
padding-left: calc(var(--ag-grid-size) * 4);
line-height: 1.5;
overflow: auto hidden;
scrollbar-width: thin;
}
.ag-status-name-value-value {
color: var(--ag-foreground-color);
}
.ag-status-bar-center {
text-align: center;
}
.ag-status-name-value {
margin-left: var(--ag-grid-size);
margin-right: var(--ag-grid-size);
padding-top: calc(var(--ag-grid-size) * 2);
padding-bottom: calc(var(--ag-grid-size) * 2);
}
.ag-column-drop-cell {
background: var(--ag-chip-background-color);
border-radius: calc(var(--ag-grid-size) * 4);
height: calc(var(--ag-grid-size) * 4);
padding: 0 calc(var(--ag-grid-size) * 0.5);
border: 1px solid var(--ag-chip-border-color);
font-weight: normal;
}
.ag-column-drop-cell:focus-visible {
outline: none;
}
.ag-column-drop-cell:focus-visible::after {
content: "";
position: absolute;
background-color: transparent;
pointer-events: none;
top: 2px;
left: 2px;
display: block;
width: calc(100% - 4px);
height: calc(100% - 4px);
border: 1px solid;
border-color: var(--ag-input-focus-border-color);
}
.ag-column-drop-cell-text {
margin: 0 var(--ag-grid-size);
}
.ag-column-drop-cell-button {
min-width: calc(var(--ag-grid-size) * 4);
margin: 0 calc(var(--ag-grid-size) * 0.5);
color: var(--ag-secondary-foreground-color);
}
.ag-column-drop-cell-drag-handle {
margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-column-drop-cell-ghost {
opacity: 0.5;
}
.ag-column-drop-horizontal {
background-color: var(--ag-header-background-color);
color: var(--ag-secondary-foreground-color);
height: var(--ag-header-height);
border-bottom: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-column-drop-horizontal {
padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-column-drop-horizontal {
padding-right: var(--ag-cell-horizontal-padding);
}
.ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) {
border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) {
border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-column-drop-horizontal-cell-separator {
margin: 0 var(--ag-grid-size);
color: var(--ag-secondary-foreground-color);
}
.ag-column-drop-horizontal-empty-message {
color: var(--ag-disabled-foreground-color);
}
.ag-ltr .ag-column-drop-horizontal-icon {
margin-right: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-column-drop-horizontal-icon {
margin-left: var(--ag-cell-horizontal-padding);
}
.ag-column-drop-vertical-list {
padding-bottom: var(--ag-grid-size);
padding-right: var(--ag-grid-size);
padding-left: var(--ag-grid-size);
}
.ag-column-drop-vertical-cell {
margin-top: var(--ag-grid-size);
}
.ag-column-drop-vertical {
min-height: 50px;
border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-column-drop-vertical.ag-last-column-drop {
border-bottom: none;
}
.ag-column-drop-vertical-icon {
margin-left: var(--ag-grid-size);
margin-right: var(--ag-grid-size);
}
.ag-column-drop-vertical-empty-message {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
color: var(--ag-disabled-foreground-color);
margin-top: var(--ag-grid-size);
}
.ag-select-agg-func-popup {
border: var(--ag-borders) var(--ag-border-color);
background: var(--ag-background-color);
border-radius: var(--ag-card-radius);
box-shadow: var(--ag-card-shadow);
padding: var(--ag-grid-size);
background: var(--ag-background-color);
height: calc(var(--ag-grid-size) * 5 * 3.5);
padding: 0;
}
.ag-select-agg-func-virtual-list-item {
cursor: default;
}
.ag-ltr .ag-select-agg-func-virtual-list-item {
padding-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-select-agg-func-virtual-list-item {
padding-right: calc(var(--ag-grid-size) * 2);
}
.ag-select-agg-func-virtual-list-item:hover {
background-color: var(--ag-selected-row-background-color);
}
.ag-select-agg-func-virtual-list-item:focus-visible {
outline: none;
}
.ag-select-agg-func-virtual-list-item:focus-visible::after {
content: "";
position: absolute;
background-color: transparent;
pointer-events: none;
top: 1px;
left: 1px;
display: block;
width: calc(100% - 2px);
height: calc(100% - 2px);
border: 1px solid;
border-color: var(--ag-input-focus-border-color);
}
.ag-sort-indicator-container {
display: flex;
}
.ag-ltr .ag-sort-indicator-icon {
padding-left: var(--ag-grid-size);
}
.ag-rtl .ag-sort-indicator-icon {
padding-right: var(--ag-grid-size);
}
.ag-chart {
position: relative;
display: flex;
width: 100%;
height: 100%;
}
.ag-chart-components-wrapper {
position: relative;
display: flex;
flex: 1 1 auto;
}
.ag-chart-canvas-wrapper {
position: relative;
flex: 1 1 auto;
}
.ag-chart-menu {
position: absolute;
top: 16px;
display: flex;
flex-direction: column;
}
.ag-ltr .ag-chart-menu {
right: 20px;
}
.ag-rtl .ag-chart-menu {
left: 20px;
}
.ag-chart-docked-container {
position: relative;
min-width: var(--ag-chart-menu-panel-width);
}
.ag-chart-menu-hidden ~ .ag-chart-docked-container {
display: none;
}
.ag-chart-tabbed-menu {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
}
.ag-chart-tabbed-menu-header {
flex: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
}
.ag-chart-tabbed-menu-body {
display: flex;
flex: 1 1 auto;
align-items: stretch;
overflow: hidden;
}
.ag-chart-tab {
width: 100%;
overflow: hidden;
overflow-y: auto;
}
.ag-chart-settings {
overflow-x: hidden;
}
.ag-chart-settings-wrapper {
position: relative;
flex-direction: column;
width: 100%;
height: 100%;
display: flex;
overflow: hidden;
}
.ag-chart-settings-nav-bar {
display: flex;
align-items: center;
width: 100%;
height: 30px;
padding: 0 10px;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ag-chart-settings-card-selector {
display: flex;
align-items: center;
justify-content: space-around;
flex: 1 1 auto;
height: 100%;
padding: 0 10px;
}
.ag-chart-settings-card-item {
cursor: pointer;
width: 10px;
height: 10px;
background-color: #000;
position: relative;
}
.ag-chart-settings-card-item.ag-not-selected {
opacity: 0.2;
}
.ag-chart-settings-card-item::before {
content: " ";
display: block;
position: absolute;
background-color: transparent;
left: 50%;
top: 50%;
margin-left: -10px;
margin-top: -10px;
width: 20px;
height: 20px;
}
.ag-chart-settings-prev,
.ag-chart-settings-next {
position: relative;
flex: none;
}
.ag-chart-settings-prev:focus-within,
.ag-chart-settings-next:focus-within {
box-shadow: var(--ag-input-focus-box-shadow);
border-radius: 1px;
}
.ag-chart-settings-prev-button,
.ag-chart-settings-next-button {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
opacity: 0;
}
.ag-chart-settings-mini-charts-container {
position: relative;
flex: 1 1 auto;
overflow-x: hidden;
overflow-y: auto;
}
.ag-chart-settings-mini-wrapper {
position: absolute;
top: 0;
left: 0;
display: flex;
flex-direction: column;
width: 100%;
min-height: 100%;
overflow: hidden;
}
.ag-chart-settings-mini-wrapper.ag-animating {
transition: left 0.3s;
transition-timing-function: ease-in-out;
}
.ag-chart-mini-thumbnail {
cursor: pointer;
}
.ag-chart-mini-thumbnail-canvas {
display: block;
}
.ag-chart-data-wrapper,
.ag-chart-format-wrapper,
.ag-chart-advanced-settings-wrapper {
display: flex;
flex-direction: column;
position: relative;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
padding-bottom: 16px;
}
.ag-chart-data-wrapper,
.ag-chart-advanced-settings-wrapper {
height: 100%;
overflow-y: auto;
}
.ag-chart-advanced-settings {
background-color: var(--ag-control-panel-background-color);
}
.ag-chart-advanced-settings-wrapper,
.ag-chart-advanced-settings {
width: 100%;
}
.ag-chart-advanced-settings-wrapper {
padding-bottom: 0;
}
.ag-chart-data-section,
.ag-chart-format-section,
.ag-chart-advanced-settings-section {
display: flex;
margin: 0;
}
.ag-chart-advanced-settings-section {
padding-top: var(--ag-grid-size);
padding-bottom: var(--ag-grid-size);
}
.ag-chart-advanced-settings-section:not(:last-child) {
border-bottom: 1px solid var(--ag-secondary-border-color);
}
.ag-chart-empty-text {
display: flex;
top: 0;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
background-color: var(--ag-background-color);
}
.ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
display: flex;
flex-direction: row;
top: 8px;
gap: 20px;
width: auto;
}
.ag-ltr .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
right: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
justify-content: right;
}
.ag-rtl .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
left: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
justify-content: left;
}
.ag-charts-font-size-color {
display: flex;
align-self: stretch;
justify-content: space-between;
}
.ag-charts-data-group-item {
position: relative;
}
.ag-charts-data-group-item:not(:last-child) {
margin-bottom: var(--ag-grid-size);
}
.ag-chart-menu {
border-radius: var(--ag-card-radius);
background: var(--ag-background-color);
}
.ag-chart-menu-icon {
opacity: 0.5;
margin: 2px 0;
cursor: pointer;
border-radius: var(--ag-card-radius);
color: var(--ag-secondary-foreground-color);
}
.ag-chart-menu-icon:hover {
opacity: 1;
}
.ag-chart-menu-toolbar-button {
border: 0;
background-color: unset;
padding: 0 2px;
border-radius: 1px;
}
.ag-chart-mini-thumbnail {
border: 1px solid var(--ag-secondary-border-color);
border-radius: 5px;
padding: 1px;
}
.ag-chart-mini-thumbnail.ag-selected {
border-color: var(--ag-minichart-selected-chart-color);
border-width: 2px;
padding: unset;
}
.ag-chart-mini-thumbnail:focus-visible {
outline: none;
border-color: var(--ag-minichart-selected-chart-color);
box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-chart-settings-card-item {
background: var(--ag-foreground-color);
width: 8px;
height: 8px;
border-radius: 4px;
}
.ag-chart-settings-card-item.ag-selected {
background-color: var(--ag-minichart-selected-page-color);
}
.ag-chart-data-column-drag-handle {
margin-left: var(--ag-grid-size);
}
.ag-charts-settings-group-title-bar,
.ag-charts-data-group-title-bar,
.ag-charts-format-top-level-group-title-bar {
border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
position: relative;
}
.ag-charts-advanced-settings-top-level-group-title-bar {
position: relative;
background-color: unset;
}
.ag-charts-data-group-title-bar:focus-visible {
outline: none;
}
.ag-charts-data-group-title-bar:focus-visible::after {
content: "";
position: absolute;
background-color: transparent;
pointer-events: none;
top: 4px;
left: 4px;
display: block;
width: calc(100% - 8px);
height: calc(100% - 8px);
border: 1px solid;
border-color: var(--ag-input-focus-border-color);
}
.ag-charts-format-top-level-group-title-bar:focus-visible {
outline: none;
}
.ag-charts-format-top-level-group-title-bar:focus-visible::after {
content: "";
position: absolute;
background-color: transparent;
pointer-events: none;
top: 4px;
left: 4px;
display: block;
width: calc(100% - 8px);
height: calc(100% - 8px);
border: 1px solid;
border-color: var(--ag-input-focus-border-color);
}
.ag-charts-data-group-title-bar .ag-charts-data-group-title,
.ag-charts-format-top-level-group-title-bar .ag-charts-format-top-level-group-title {
cursor: pointer;
}
.ag-charts-data-group-container {
padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) var(--ag-widget-container-horizontal-padding);
}
.ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group):not(.ag-pill-select):not(.ag-select) {
height: var(--ag-list-item-height);
}
.ag-charts-data-group-container .ag-charts-data-group-item.ag-picker-field {
margin-top: var(--ag-grid-size);
}
.ag-charts-data-group-container .ag-list-item-hovered::after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 1px;
}
.ag-charts-data-group-container .ag-item-highlight-top::after {
top: 0;
}
.ag-charts-data-group-container .ag-item-highlight-bottom::after {
bottom: 0;
}
.ag-ltr .ag-charts-format-top-level-group-container,
.ag-ltr .ag-charts-advanced-settings-top-level-group-container {
margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-charts-format-top-level-group-container,
.ag-rtl .ag-charts-advanced-settings-top-level-group-container {
margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-charts-format-top-level-group-container,
.ag-charts-advanced-settings-top-level-group-container {
padding: var(--ag-grid-size);
}
.ag-charts-format-top-level-group-item,
.ag-charts-advanced-settings-top-level-group-item {
margin: var(--ag-grid-size) 0;
}
.ag-charts-format-sub-level-group-container {
padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-charts-format-sub-level-group-container > * {
margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-charts-format-sub-level-no-header-group-container > * {
margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-charts-format-sub-level-group-container .ag-charts-format-sub-level-group-item.ag-font-panel-no-header {
margin: 0;
}
.ag-charts-settings-group-container {
padding: var(--ag-grid-size);
row-gap: 8px;
display: grid;
grid-template-columns: 60px 1fr 60px 1fr 60px;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+1) {
grid-column: 1;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+2) {
grid-column: 3;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+3) {
grid-column: 5;
}
.ag-ltr .ag-chart-menu-panel {
border-left: solid 1px var(--ag-border-color);
}
.ag-rtl .ag-chart-menu-panel {
border-right: solid 1px var(--ag-border-color);
}
.ag-chart-menu-panel {
background-color: var(--ag-control-panel-background-color);
}
.ag-date-time-list-page-title-bar {
display: flex;
}
.ag-date-time-list-page-title {
flex-grow: 1;
text-align: center;
}
.ag-date-time-list-page-column-labels-row,
.ag-date-time-list-page-entries-row {
display: flex;
}
.ag-date-time-list-page-column-label,
.ag-date-time-list-page-entry {
flex-basis: 0;
flex-grow: 1;
}
.ag-date-time-list-page-entry {
cursor: pointer;
text-align: center;
}
.ag-date-time-list-page-column-label {
text-align: center;
}
.ag-advanced-filter-header {
position: relative;
display: flex;
align-items: center;
padding-left: var(--ag-cell-horizontal-padding);
padding-right: var(--ag-cell-horizontal-padding);
z-index: 1;
}
.ag-advanced-filter {
display: flex;
align-items: center;
width: 100%;
}
.ag-advanced-filter-buttons {
display: contents;
}
.ag-advanced-filter-builder-button {
display: flex;
align-items: center;
border: 0;
background-color: unset;
color: var(--ag-foreground-color);
font-size: var(--ag-font-size);
font-weight: 600;
line-height: normal;
}
.ag-ltr .ag-advanced-filter-builder-button {
margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-advanced-filter-builder-button {
margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-advanced-filter-builder-button {
white-space: nowrap;
}
.ag-advanced-filter-builder-button:hover:not(:disabled) {
background-color: var(--ag-row-hover-color);
}
.ag-advanced-filter-builder-button:not(:disabled) {
cursor: pointer;
}
.ag-advanced-filter-builder-button:disabled {
color: var(--ag-disabled-foreground-color);
}
.ag-advanced-filter-builder-button-label {
margin-left: var(--ag-grid-size);
}
.ag-advanced-filter-builder {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
background-color: var(--ag-control-panel-background-color);
display: flex;
flex-direction: column;
}
.ag-advanced-filter-builder-list .ag-list-item-hovered::after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 1px;
}
.ag-advanced-filter-builder-list .ag-item-highlight-top::after {
top: 0;
}
.ag-advanced-filter-builder-list .ag-item-highlight-bottom::after {
bottom: 0;
}
.ag-advanced-filter-builder-list {
flex: 1;
overflow: auto;
}
.ag-advanced-filter-builder-button-panel {
display: flex;
justify-content: flex-end;
padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-apply-button,
.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-cancel-button {
margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-advanced-filter-builder-item-wrapper {
display: flex;
flex: 1 1 auto;
align-items: center;
justify-content: space-between;
overflow: hidden;
padding-left: calc(var(--ag-icon-size) / 2);
padding-right: var(--ag-icon-size);
}
.ag-virtual-list-viewport .ag-advanced-filter-builder-item-wrapper .ag-tab-guard {
position: absolute;
}
.ag-advanced-filter-builder-item-tree-lines > * {
width: var(--ag-advanced-filter-builder-indent-size);
}
.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root {
width: var(--ag-icon-size);
}
.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root::before {
top: 50%;
height: 50%;
}
.ag-advanced-filter-builder-item-tree-line-horizontal,
.ag-advanced-filter-builder-item-tree-line-vertical,
.ag-advanced-filter-builder-item-tree-line-vertical-top,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom {
position: relative;
height: 100%;
display: flex;
align-items: center;
}
.ag-advanced-filter-builder-item-tree-line-horizontal::before, .ag-advanced-filter-builder-item-tree-line-horizontal::after,
.ag-advanced-filter-builder-item-tree-line-vertical::before,
.ag-advanced-filter-builder-item-tree-line-vertical::after,
.ag-advanced-filter-builder-item-tree-line-vertical-top::before,
.ag-advanced-filter-builder-item-tree-line-vertical-top::after,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::after {
content: "";
position: absolute;
height: 100%;
}
.ag-advanced-filter-builder-item-tree-line-horizontal::after {
height: 50%;
width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size));
top: 0;
left: calc(var(--ag-icon-size) / 2);
border-bottom: 1px solid;
border-color: var(--ag-border-color);
}
.ag-advanced-filter-builder-item-tree-line-vertical::before {
width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
top: 0;
left: calc(var(--ag-icon-size) / 2);
border-left: 1px solid;
border-color: var(--ag-border-color);
}
.ag-advanced-filter-builder-item-tree-line-vertical-top::before {
height: 50%;
width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
top: 0;
left: calc(var(--ag-icon-size) / 2);
border-left: 1px solid;
border-color: var(--ag-border-color);
}
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before {
height: calc((100% - 1.5 * var(--ag-icon-size)) / 2);
width: calc(var(--ag-icon-size) / 2);
top: calc((100% + 1.5 * var(--ag-icon-size)) / 2);
left: calc(var(--ag-icon-size) / 2);
border-left: 1px solid;
border-color: var(--ag-border-color);
}
.ag-advanced-filter-builder-item-condition {
padding-top: var(--ag-grid-size);
padding-bottom: var(--ag-grid-size);
}
.ag-advanced-filter-builder-item,
.ag-advanced-filter-builder-item-condition,
.ag-advanced-filter-builder-pill-wrapper,
.ag-advanced-filter-builder-pill,
.ag-advanced-filter-builder-item-buttons,
.ag-advanced-filter-builder-item-tree-lines {
display: flex;
align-items: center;
height: 100%;
}
.ag-advanced-filter-builder-pill-wrapper {
margin: 0px var(--ag-grid-size);
}
.ag-advanced-filter-builder-pill {
position: relative;
border-radius: var(--ag-border-radius);
padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
min-height: calc(100% - var(--ag-grid-size) * 3);
min-width: calc(var(--ag-grid-size) * 2);
}
.ag-advanced-filter-builder-pill .ag-picker-field-display {
margin-right: var(--ag-grid-size);
}
.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-number {
font-family: monospace;
font-weight: 700;
}
.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-empty {
color: var(--ag-disabled-foreground-color);
}
.ag-advanced-filter-builder-pill:focus-visible {
outline: none;
}
.ag-advanced-filter-builder-pill:focus-visible::after {
content: "";
position: absolute;
background-color: transparent;
pointer-events: none;
top: -4px;
left: -4px;
display: block;
width: calc(100% - -8px);
height: calc(100% - -8px);
border: 1px solid;
border-color: var(--ag-input-focus-border-color);
}
.ag-advanced-filter-builder-item-button:focus-visible {
outline: none;
}
.ag-advanced-filter-builder-item-button:focus-visible::after {
content: "";
position: absolute;
background-color: transparent;
pointer-events: none;
top: -4px;
left: -4px;
display: block;
width: calc(100% - -8px);
height: calc(100% - -8px);
border: 1px solid;
border-color: var(--ag-input-focus-border-color);
}
.ag-advanced-filter-builder-pill-display {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 500;
}
.ag-advanced-filter-builder-join-pill {
color: var(--ag-foreground-color);
background-color: var(--ag-advanced-filter-join-pill-color);
cursor: pointer;
}
.ag-advanced-filter-builder-column-pill {
color: var(--ag-foreground-color);
background-color: var(--ag-advanced-filter-column-pill-color);
cursor: pointer;
}
.ag-advanced-filter-builder-option-pill {
color: var(--ag-foreground-color);
background-color: var(--ag-advanced-filter-option-pill-color);
cursor: pointer;
}
.ag-advanced-filter-builder-value-pill {
color: var(--ag-foreground-color);
background-color: var(--ag-advanced-filter-value-pill-color);
cursor: text;
max-width: 140px;
}
.ag-advanced-filter-builder-value-pill .ag-advanced-filter-builder-pill-display {
display: block;
}
.ag-advanced-filter-builder-item-buttons > * {
margin: 0 calc(var(--ag-grid-size) * 0.5);
}
.ag-advanced-filter-builder-item-button {
position: relative;
cursor: pointer;
color: var(--ag-secondary-foreground-color);
opacity: 50%;
}
.ag-advanced-filter-builder-item-button-disabled {
color: var(--ag-disabled-foreground-color);
cursor: default;
}
.ag-advanced-filter-builder-virtual-list-container {
top: var(--ag-grid-size);
}
.ag-advanced-filter-builder-virtual-list-item {
display: flex;
cursor: default;
height: var(--ag-list-item-height);
}
.ag-advanced-filter-builder-virtual-list-item:hover {
background-color: var(--ag-row-hover-color);
}
.ag-advanced-filter-builder-virtual-list-item:hover .ag-advanced-filter-builder-item-button {
opacity: 100%;
}
.ag-advanced-filter-builder-virtual-list-item-highlight .ag-advanced-filter-builder-item-button:focus-visible,
.ag-advanced-filter-builder-validation .ag-advanced-filter-builder-invalid {
opacity: 100%;
}
.ag-advanced-filter-builder-invalid {
margin: 0 var(--ag-grid-size);
color: var(--ag-invalid-color);
cursor: default;
}
.ag-row-number-cell {
background-color: var(--ag-header-background-color);
color: var(--ag-header-foreground-color);
font-size: var(--ag-font-size);
font-family: var(--ag-font-family);
}
.ag-row-number-header.ag-row-number-selection-enabled {
cursor: cell;
}
.ag-row-number-range-highlight {
background-color: var(--ag-range-header-highlight-color);
}
.ag-row-number-range-selected {
background-color: var(--ag-row-numbers-selected-color);
}
.ag-ltr .ag-row-number-header:not(.ag-header-cell-last-left-pinned),
.ag-ltr .ag-cell.ag-row-number-cell:not(.ag-cell-last-left-pinned) {
border-right: var(--ag-pinned-column-border);
}
.ag-ltr .ag-cell.ag-row-number-cell.ag-row-number-selection-enabled {
cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjU7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEuNTc4NCwwLDAsMS44NjQyOSwtNC40MTM0OSwtNy4yMTIxMikiPgogICAgICAgIDxwYXRoIGQ9Ik0zLjQ0NSw4LjkxMUwzLjQ0NSw3LjQwOUw5Ljc1LDcuNDA5TDkuNzUsNi4wMTRMMTIuMjg1LDguMTZMOS43NSwxMC4zMDZMOS43NSw4LjkxMUwzLjQ0NSw4LjkxMVoiIHN0eWxlPSJzdHJva2U6d2hpdGU7c3Ryb2tlLXdpZHRoOjAuNDFweDsiLz4KICAgIDwvZz4KPC9zdmc+Cg==), auto;
}
.ag-rtl .ag-row-number-header:not(.ag-header-cell-first-right-pinned),
.ag-rtl .ag-cell.ag-row-number-cell:not(.ag-cell-first-right-pinned) {
border-left: var(--ag-pinned-column-border);
}
.ag-rtl .ag-cell.ag-row-number-cell.ag-row-number-selection-enabled {
cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjU7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEuNTc4NCwwLDAsMS44NjQyOSwtNC40MTM0OSwtNy4yMTIxMikiPgogICAgICAgIDxwYXRoIGQ9Ik01Ljk3OSw4LjkxMUw1Ljk3OSwxMC4zMDZMMy40NDUsOC4xNkw1Ljk3OSw2LjAxNEw1Ljk3OSw3LjQwOUwxMi4yODUsNy40MDlMMTIuMjg1LDguOTExTDUuOTc5LDguOTExWiIgc3R5bGU9InN0cm9rZTp3aGl0ZTtzdHJva2Utd2lkdGg6MC40MXB4OyIvPgogICAgPC9nPgo8L3N2Zz4K), auto;
}
.ag-cell-batch-edit {
background-color: var(--ag-cell-batch-edit-background-color);
color: var(--ag-cell-batch-edit-text-color);
}
.ag-cell.ag-cell-inline-editing {
background-color: var(--ag-background-color);
background-image: linear-gradient(0deg, var(--ag-background-color), var(--ag-background-color));
}
.ag-row-batch-edit {
background-color: var(--ag-row-batch-edit-background-color);
color: var(--ag-row-batch-edit-text-color);
}
.ag-toolbar {
display: flex;
align-items: center;
overflow: auto hidden;
scrollbar-width: thin;
border-bottom: var(--ag-borders) var(--ag-border-color);
min-height: var(--ag-header-height);
background-color: var(--ag-toolbar-background-color);
color: var(--ag-toolbar-text-color);
font-family: var(--ag-header-font-family);
font-size: var(--ag-header-font-size);
white-space: nowrap;
}
.ag-toolbar-right-start {
margin-inline-start: auto;
}
.ag-toolbar-item {
display: inline-flex;
margin: 0 calc(var(--ag-grid-size, 8px) * 2);
}
.ag-toolbar-item:where(:not(.ag-toolbar-panel)) {
font-weight: var(--ag-header-font-weight);
}
.ag-toolbar-button-wrapper {
display: inline-flex;
padding: calc(var(--ag-grid-size) * 0.25);
height: 100%;
}
.ag-toolbar-button {
display: inline-flex;
align-items: center;
gap: var(--ag-grid-size);
padding: calc(var(--ag-grid-size));
border: 0;
background: transparent;
color: var(--ag-toolbar-text-color);
cursor: pointer;
line-height: 1;
white-space: nowrap;
outline: none;
font-family: var(--ag-header-font-family);
font-size: var(--ag-header-font-size);
font-weight: var(--ag-header-font-weight);
}
.ag-toolbar-button-wrapper:hover {
background-color: var(--ag-icon-button-hover-background-color, transparent);
color: var(--ag-icon-button-hover-color, var(--ag-foreground-color));
}
.ag-toolbar-button-wrapper:hover .ag-toolbar-button,
.ag-toolbar-button-wrapper:hover .ag-toolbar-button .ag-icon {
color: var(--ag-icon-button-hover-color, var(--ag-foreground-color));
}
.ag-toolbar > .ag-toolbar-button-wrapper:first-child > .ag-toolbar-button {
border-start-start-radius: calc(var(--ag-border-radius) + 1px);
}
.ag-toolbar > .ag-toolbar-button-wrapper:last-child > .ag-toolbar-button {
border-start-end-radius: calc(var(--ag-border-radius) + 1px);
}
.ag-toolbar-button:focus-visible {
box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-toolbar-button:focus:not(:focus-visible) {
box-shadow: none;
}
.ag-toolbar-button:disabled {
opacity: 0.5;
cursor: default;
pointer-events: none;
}
.ag-toolbar-panel {
display: inline-flex;
flex: 1 0 0;
}
.ag-toolbar-input {
position: relative;
display: inline-flex;
align-items: center;
min-width: 200px;
max-width: none;
margin: 0 calc(var(--ag-grid-size) * 2);
}
.ag-toolbar-input + .ag-toolbar-input {
margin-inline-start: 0;
}
.ag-toolbar > .ag-toolbar-input:first-child,
.ag-toolbar-right-start + .ag-toolbar-input {
margin-inline-start: var(--ag-grid-size);
}
.ag-toolbar > .ag-toolbar-input:last-child {
margin-inline-end: var(--ag-grid-size);
}
.ag-toolbar-input-icon {
position: absolute;
display: inline-flex;
align-items: center;
color: var(--ag-toolbar-text-color);
opacity: 0.5;
pointer-events: none;
inset-inline-start: var(--ag-grid-size);
}
.ag-toolbar-input-field {
color: var(--ag-foreground-color);
font-size: var(--ag-font-size);
font-family: var(--ag-header-font-family);
font-weight: var(--ag-header-font-weight);
line-height: 1.5;
outline: none;
border: var(--ag-borders-input) var(--ag-input-border-color);
border-radius: var(--ag-border-radius);
width: 100%;
padding-block: calc(var(--ag-grid-size) * 0.5);
padding-inline: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2) var(--ag-grid-size);
}
.ag-ltr .ag-toolbar-input input[class^=ag-][type=text].ag-toolbar-input-field {
padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-toolbar-input input[class^=ag-][type=text].ag-toolbar-input-field {
padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
padding-left: var(--ag-grid-size);
}
.ag-toolbar-input-field:focus {
box-shadow: var(--ag-input-focus-box-shadow);
border: var(--ag-borders-input) var(--ag-input-focus-border-color);
}
.ag-toolbar-input-field::placeholder {
color: var(--ag-disabled-foreground-color);
}
.ag-toolbar-panel .ag-column-drop-horizontal {
background-color: transparent;
border-bottom: none;
padding: 0;
font-size: var(--ag-font-size);
font-family: var(--ag-font-family);
}
.ag-toolbar .ag-column-drop-horizontal {
border-bottom: none;
background-color: transparent;
overflow: visible;
}
.ag-toolbar-button-chevron {
display: inline-flex;
align-items: center;
}
.ag-toolbar-separator {
align-self: stretch;
width: 0;
margin: calc(var(--ag-grid-size) * 1.75) 0;
border-inline-start: solid var(--ag-toolbar-separator-width) var(--ag-toolbar-separator-color);
}
.ag-toolbar-find {
gap: calc(var(--ag-grid-size) * 0.5);
width: 280px;
max-width: none;
min-width: 220px;
border: var(--ag-borders-input) var(--ag-input-border-color);
border-radius: var(--ag-border-radius);
background-color: var(--ag-background-color);
}
.ag-toolbar-find:focus-within {
box-shadow: var(--ag-input-focus-box-shadow);
border: var(--ag-borders-input) var(--ag-input-focus-border-color);
}
.ag-toolbar-find .ag-toolbar-input-field {
border: none;
background-color: transparent;
flex: 1;
min-width: 0;
}
.ag-toolbar .ag-toolbar-find input[class^=ag-][type=text].ag-toolbar-input-field {
border: none;
box-shadow: none;
}
.ag-toolbar .ag-toolbar-find input[class^=ag-][type=text].ag-toolbar-input-field:focus {
border: none;
box-shadow: none;
}
.ag-toolbar-find-match-count {
white-space: nowrap;
font-size: var(--ag-font-size);
color: inherit;
opacity: 0.7;
user-select: none;
font-variant-numeric: tabular-nums;
flex-shrink: 0;
text-align: end;
}
.ag-toolbar-find-button {
flex-shrink: 0;
padding: calc(var(--ag-grid-size) * 0.5);
}
.ag-calculated-column-panel .ag-panel-content-wrapper {
padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding);
}
.ag-calculated-column-form {
display: flex;
flex-direction: column;
gap: calc(var(--ag-grid-size) * 2);
min-width: 260px;
flex: 1 1 auto;
min-height: 0;
}
.ag-calculated-column-expression-wrap {
display: flex;
flex-direction: column;
flex: 1 1 auto;
gap: var(--ag-grid-size);
}
.ag-calculated-column-expression-wrap .ag-text-area {
flex: 1 1 auto;
}
.ag-calculated-column-expression-wrap .ag-text-area-input-wrapper {
height: 100%;
}
.ag-calculated-column-expression-wrap .ag-text-area-input {
height: 100%;
resize: none;
padding-top: calc(var(--ag-grid-size) / 2);
}
.ag-rtl .ag-calculated-column-expression-wrap .ag-text-area-input {
padding-left: var(--ag-input-padding-start);
direction: ltr;
}
.ag-calculated-column-expression-tools {
display: flex;
}
.ag-ltr .ag-calculated-column-expression-tools .ag-label {
text-align: right;
}
.ag-rtl .ag-calculated-column-expression-tools .ag-label {
text-align: left;
}
.ag-calculated-column-expression-tools .ag-field-set-wrapper {
gap: var(--ag-grid-size);
flex-wrap: nowrap;
align-items: center;
}
.ag-standard-button.ag-calculated-column-expression-tool {
padding: calc(var(--ag-grid-size) / 2);
}
.ag-calculated-column-suggestion-path {
display: flex;
align-items: center;
gap: calc(var(--ag-grid-size) / 2);
}
.ag-calculated-column-suggestion-parent {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
}
.ag-calculated-column-suggestion-parent,
.ag-calculated-column-suggestion-separator {
color: var(--ag-calculated-column-parent-suggestion-color);
}
.ag-calculated-column-suggestion-separator {
flex: none;
}
.ag-calculated-column-suggestion-leaf {
overflow: hidden;
flex: none;
}
.ag-calculated-column-picker-list {
width: var(--ag-calculated-column-suggestion-list-width);
}
.ag-calculated-column-actions {
display: flex;
justify-content: flex-end;
gap: calc(var(--ag-grid-size) / 2);
}
.ag-calculated-column-action {
min-width: 72px;
}
.ag-calculated-column-highlighted {
background-color: var(--ag-calculated-column-highlight-color);
}
.ag-column-header-edit-popup-content {
display: flex;
flex-direction: column;
gap: calc(var(--ag-grid-size) * 2);
padding: calc(var(--ag-grid-size) * 2);
box-sizing: border-box;
flex: 1 1 auto;
min-width: 0;
}
.ag-column-header-edit-popup-editor {
flex: 1 1 auto;
}
.ag-column-header-edit-popup-actions {
display: flex;
justify-content: flex-end;
gap: var(--ag-widget-horizontal-spacing);
}
.ag-column-header-edit-highlighted {
background-color: var(--ag-column-header-edit-highlight-color);
}
.ag-input-field-input {
width: 100%;
min-width: 0;
}
.ag-checkbox-input-wrapper {
font-family: var(--ag-icon-font-family);
font-weight: var(--ag-icon-font-weight);
color: var(--ag-icon-font-color);
font-size: var(--ag-icon-size);
line-height: var(--ag-icon-size);
font-style: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: var(--ag-icon-size);
height: var(--ag-icon-size);
}
.ag-checkbox-input-wrapper input,
.ag-checkbox-input-wrapper input {
-webkit-appearance: none;
opacity: 0;
width: 100%;
height: 100%;
}
.ag-checkbox-input-wrapper {
print-color-adjust: exact;
background-color: var(--ag-checkbox-background-color);
border-radius: var(--ag-checkbox-border-radius);
display: inline-block;
vertical-align: middle;
flex: none;
}
.ag-checkbox-input-wrapper:focus-within, .ag-checkbox-input-wrapper:active {
outline: none;
box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-cell-editing-error .ag-checkbox-input-wrapper:focus-within, .ag-cell-editing-error .ag-checkbox-input-wrapper:active {
box-shadow: var(--ag-input-error-focus-box-shadow);
}
.ag-checkbox-input-wrapper.ag-disabled {
opacity: 0.5;
}
.ag-checkbox-input-wrapper::after {
content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
font-family: inherit;
color: var(--ag-checkbox-unchecked-color);
display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}
.ag-checkbox-input-wrapper.ag-checked::after {
content: var(--ag-icon-font-code-checkbox-checked, "\f106");
color: var(--ag-checkbox-checked-color);
display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}
.ag-checkbox-input-wrapper.ag-indeterminate::after {
content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
color: var(--ag-checkbox-indeterminate-color);
display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}
.ag-checkbox-input-wrapper::before {
content: "";
background: transparent center/contain no-repeat;
position: absolute;
inset: 0;
background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));
}
.ag-checkbox-input-wrapper.ag-checked::before {
background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));
}
.ag-checkbox-input-wrapper.ag-indeterminate::before {
background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9));
}
.ag-toggle-button-input-wrapper {
box-sizing: border-box;
width: var(--ag-toggle-button-width);
min-width: var(--ag-toggle-button-width);
max-width: var(--ag-toggle-button-width);
height: var(--ag-toggle-button-height);
background-color: var(--ag-toggle-button-off-background-color);
border-radius: calc(var(--ag-toggle-button-height) * 0.5);
position: relative;
flex: none;
border: var(--ag-toggle-button-border-width) solid;
border-color: var(--ag-toggle-button-off-border-color);
}
.ag-toggle-button-input-wrapper input {
opacity: 0;
height: 100%;
width: 100%;
}
.ag-toggle-button-input-wrapper:focus-within {
outline: none;
box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-toggle-button-input-wrapper.ag-disabled {
opacity: 0.5;
}
.ag-toggle-button-input-wrapper.ag-checked {
background-color: var(--ag-toggle-button-on-background-color);
border-color: var(--ag-toggle-button-on-border-color);
}
.ag-toggle-button-input-wrapper::before {
content: " ";
position: absolute;
top: calc(0px - var(--ag-toggle-button-border-width));
left: calc(0px - var(--ag-toggle-button-border-width));
display: block;
box-sizing: border-box;
height: var(--ag-toggle-button-height);
width: var(--ag-toggle-button-height);
background-color: var(--ag-toggle-button-switch-background-color);
border-radius: 100%;
transition: left 100ms;
border: var(--ag-toggle-button-border-width) solid;
border-color: var(--ag-toggle-button-switch-border-color);
}
.ag-toggle-button-input-wrapper.ag-checked::before {
left: calc(100% - var(--ag-toggle-button-height) + var(--ag-toggle-button-border-width));
border-color: var(--ag-toggle-button-on-border-color);
}
.ag-radio-button-input-wrapper {
font-family: var(--ag-icon-font-family);
font-weight: var(--ag-icon-font-weight);
color: var(--ag-icon-font-color);
font-size: var(--ag-icon-size);
line-height: var(--ag-icon-size);
font-style: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: var(--ag-icon-size);
height: var(--ag-icon-size);
}
.ag-radio-button-input-wrapper input,
.ag-radio-button-input-wrapper input {
-webkit-appearance: none;
opacity: 0;
width: 100%;
height: 100%;
}
.ag-radio-button-input-wrapper {
print-color-adjust: exact;
background-color: var(--ag-checkbox-background-color);
border-radius: var(--ag-checkbox-border-radius);
display: inline-block;
vertical-align: middle;
flex: none;
}
.ag-radio-button-input-wrapper:focus-within, .ag-radio-button-input-wrapper:active {
outline: none;
box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-cell-editing-error .ag-radio-button-input-wrapper:focus-within, .ag-cell-editing-error .ag-radio-button-input-wrapper:active {
box-shadow: var(--ag-input-error-focus-box-shadow);
}
.ag-radio-button-input-wrapper.ag-disabled {
opacity: 0.5;
}
.ag-radio-button-input-wrapper {
border-radius: var(--ag-icon-size);
}
.ag-radio-button-input-wrapper::after {
content: var(--ag-icon-font-code-radio-button-off, "\f127");
color: var(--ag-checkbox-unchecked-color);
display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}
.ag-radio-button-input-wrapper.ag-checked::after {
content: var(--ag-icon-font-code-radio-button-on, "\f128");
color: var(--ag-checkbox-checked-color);
display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}
.ag-radio-button-input-wrapper::before {
content: "";
background: transparent center/contain no-repeat;
position: absolute;
inset: 0;
background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
}
.ag-radio-button-input-wrapper.ag-checked::before {
background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
}
.ag-range-field-input {
-webkit-appearance: none;
width: 100%;
height: 100%;
background: none;
overflow: visible;
}
.ag-range-field-input::-webkit-slider-runnable-track {
margin: 0;
padding: 0;
width: 100%;
height: 3px;
background-color: var(--ag-border-color);
border-radius: var(--ag-border-radius);
border-radius: var(--ag-checkbox-border-radius);
}
.ag-range-field-input::-moz-range-track {
margin: 0;
padding: 0;
width: 100%;
height: 3px;
background-color: var(--ag-border-color);
border-radius: var(--ag-border-radius);
border-radius: var(--ag-checkbox-border-radius);
}
.ag-range-field-input::-ms-track {
margin: 0;
padding: 0;
width: 100%;
height: 3px;
background-color: var(--ag-border-color);
border-radius: var(--ag-border-radius);
border-radius: var(--ag-checkbox-border-radius);
color: transparent;
width: calc(100% - 2px);
}
.ag-range-field-input::-webkit-slider-thumb {
margin: 0;
padding: 0;
-webkit-appearance: none;
width: var(--ag-icon-size);
height: var(--ag-icon-size);
background-color: var(--ag-background-color);
border: 1px solid;
border-color: var(--ag-checkbox-unchecked-color);
border-radius: var(--ag-icon-size);
transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px));
}
.ag-range-field-input::-ms-thumb {
margin: 0;
padding: 0;
-webkit-appearance: none;
width: var(--ag-icon-size);
height: var(--ag-icon-size);
background-color: var(--ag-background-color);
border: 1px solid;
border-color: var(--ag-checkbox-unchecked-color);
border-radius: var(--ag-icon-size);
}
.ag-range-field-input::-moz-ag-range-thumb {
margin: 0;
padding: 0;
-webkit-appearance: none;
width: var(--ag-icon-size);
height: var(--ag-icon-size);
background-color: var(--ag-background-color);
border: 1px solid;
border-color: var(--ag-checkbox-unchecked-color);
border-radius: var(--ag-icon-size);
}
.ag-range-field-input:focus {
outline: none;
}
.ag-range-field-input:focus::-webkit-slider-thumb {
box-shadow: var(--ag-input-focus-box-shadow);
border-color: var(--ag-checkbox-checked-color);
}
.ag-range-field-input:focus::-ms-thumb {
box-shadow: var(--ag-input-focus-box-shadow);
border-color: var(--ag-checkbox-checked-color);
}
.ag-range-field-input:focus::-moz-ag-range-thumb {
box-shadow: var(--ag-input-focus-box-shadow);
border-color: var(--ag-checkbox-checked-color);
}
.ag-range-field-input:active::-webkit-slider-runnable-track {
background-color: var(--ag-input-focus-border-color);
}
.ag-range-field-input:active::-moz-ag-range-track {
background-color: var(--ag-input-focus-border-color);
}
.ag-range-field-input:active::-ms-track {
background-color: var(--ag-input-focus-border-color);
}
.ag-range-field-input:disabled {
opacity: 0.5;
}
@font-face {
font-family: "agGridQuartz";
src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAACBsAAsAAAAAQ6AAACAZAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIw2BmAAjWwK2VTIOQE2AiQDgwQLgUQABCAFhEYHhwAbfjlVRoaNAyAb1pYTRdWoFUWNGJxSsv+/JjeGiLTAtO11iDlhLRdy0Vqk0JuvYls90NEjb2rSL3+wg2ARcWv86KnqqIbnOWItZFAwLhOKHSjJ1UyXqLbZHyI6nuWQJDSJh98f39z3BZcOaAGHvDWx9RPS+nxzvX8HspuHxNnMBHCBC0CqqroSdVV1ZU8VgWqF4y/8Bx1DG6kPxY0Hnsv9G0vkBI6OV/W8DTQxiuKMwwMKeGLWSxue5vaPHRZ1jLfGWN4B0sNAjAVjdEiFAeYGaFPewApssNmsvFnN9sX4H9Q7o5hRwA/4NaJnCuoCPDAAEiCA4KhdSRM2yEf+3i0uW9P+P5C2dwrnljE/xnKwfyU2sewhHFIwxVYKiS+JIydREeRjelVnZma39aV1YA9ep3+CvIhEBSFoc94wjYJSQvr0Eti+uvyjpAhzhsVXGLsB/c/FD6jYcuLWkfxs+SgC/s9p2YrVpYxDSkXp3NtdxQwDYvggaYR236Ix3uMyG947ls26FCRVDjnXYrkgLAfhEGPRxFw0Llp3rl30Liu7M/j83zOUf23EIRS9nUUYBhqAZBgRBdFG5o2XVs5P8UsTWUREZCOmdSi96pL762CD9IZj1o016hrLDCGk/p+LAppN20S7Q+mj8lC8cQmtuOnCBVZDy+Hs6SLUYwsPzCnUtyW5qdLvhoc/W+RZHVWB/R35BB/+VHdNuVCU6zdrk4YoE7PJdEKMRjKYLFSEPhzaZHMoQY/gcPOAtuAMc1jWU6uVIg1Ly2jB6YyxGaMapRtSTeMlLk+KS5NkFi/JlLeXdFhVMNoyQmGICcjiJ3ZHNyiRJSQ5/KKiA/VUCRkaq+TmnjqKBJfg28Vz9EiNWBxw5YOajBm1OvQJSUZkUBJ0qU3QjrqmlQmCLp/JydA1q8TX3JQhWKZwBleoA+0+ju5TxiQlafzItB1dgRMSpF683iRCVLVhm3yn3PFg4sJMxUBSX6LGBceU+sBLd2HL+MVn9Ql50iR1CKZlLFNrBFnfo4lx7IkQNDpXYLTdr3aOUKOf644nL7/5Gw9K5tHJmmzIkZxrbL0SjQKi3lseZ0roeNGlaoVCOud67rrgUVUL1hEUt1VArgOrLWV6ypQzVe7TJWVa0SfoVrw8LSXPaR1PN1lHKlXR2lteVVVeoXTnGJJO47prgmdDqfSO0zLKRbPajogFreZywRelCApxpKon1SEcjkrUPOJZ1U+8npwa7GnSjFG16rdPZXJTgigDanuKO9wFKT+KK9Vq2KzOEsiTzrPEdIAXRFGz7YnOpfYEZv6J17zTtF2mLipNgtFOr0DoubigwdoRlgRhprudS4tPY2y4ozslXpHi5w6bu6DFL4CvimgGmd1nM4/KUNWatC90zCV33F9TEQJLDskeIS8fN05ZV+rHHsi8RIDelCkGL83RD6mVC4MFQi4BX8Db1OMYwJLMPcIg/8LLD5VUBWmNIRkdxZXqNmnVTl7T73sc6PF4mjRWPdCcB/SswQNUAnkpJC/KILsj6PL4Up3z2HLyeHgvDylQnegAfrovv7zNBBQqSmR6HPtPDk7gtYmfjnzAZW3z1rEWW+4HdaAGrL71FKs6vLBUYoueVUyp79XhQQpaqShuwllX3Iv+//+SNUXnXQvZUCe7KLfBdoMWQRGIV8eF/BOWG8JKwWoSUSVw0hz78pusAoJiIqJUJUqf3r9foVKVajVq1anXoFGTZi1atWnXoVOXbj0q9OrTb8CgekOGjRg1ZtyESVOmzZg1Z16tBYuWLFuxilOsWbdh05ZtO3bt2Xfg0BEo8LHpxhf++etnrifyscBAeJyyzAz0A5nO2YlsAcN7K1B75fUQrN3sAtzfOnjwPJPc2SF4tCPweFvgye7A022AZzsBz7cDXu4UvNoxeL1L8GZ74O12wbtdgw/bBB93AD5tG3zeFfiyW/B1++DbzsH33YAf1z0IIBeICEIEA/UQBBogKDRCMGiC4NAMIaAFQkIrhII2CA3tEAY6ICx0QjjogvDQDRGgByJCL0SCPogM/RAFBiAqDEI0GILoMAwxYARiwijEgjGIDeMQByYgLkxCPJiC+NAGCWYaMjOQmYXMHGTmIdALCUURohhRgihFlCHKERWISkQVohpRg6hF1CHqebStAe02IpoQzYgWRCuiDaiF7FAHOSTrRHQhuiG6I3ogeiJ6IXoj+iD6Ivoh+nOgMOUFqSm/wD9onwNdX007VBNAsUJ0f4KhgoI3eogI/kGAfBXDIbwD9ALUNyqgd8TiFZCbdRhgYDinxK4RNjk443lbadrS8lSkt3BcF0oRcvkECI/WyI8cX4oE0MgOsShXjUAjS9d3xPfx5d4JPyNmo7AHGOZBRbmk81NWSoEQ3UtSKJdAhivznchL5PqaSTdYf8pvK6g2piRLzDCQGEJkHYJ6x/MC0w3RofoCm69f8C0HudgMHUnRaXypPBQUGUyqkqE9+Awo9BXU5LEzngUpMlFdypCDPRpCxYBsyURgP/qMQJCCXSpcumjaqolZUS93NWH3iAmHpMILJoKcZOSLfqnN75o44sAs5JysteGaoKSG7Bg5cU/PWm6+uNsq4mWzxYHczgkj90tgeMLtbbUKyog7V/NpV0h8mtrjwZnA7gKSy0LDyHML851uOUUDj3A0NIvZvNxasRTZhUWb2l7QPPz0NiiCPKgxeaYIetrjWoocZwGV76yFNY8AugoDGOV1AYIvNYpmD2CT5MlMWO608LKoYw8JyudEcyErsnph5Kvw2znpfRKON3my1Z6kGmPBR1c2sbPOirxSuRCQVc2lMpJxs+zfCEyz9yk35jrysEMZ4torCYuWLY+COXrwfciFobRw8uI4VtKjU1EkmxH4f/OUIVZ3dojBq7q1Yi4zd/F9vMebNLC/mCGckV+bnVyvKygxIZxmgPIbLmcYUF9L/Ax+502Pt9PEF4jGxFKPf94P5xo/slXBAf1P/kE0z/xJqI4Pk79Uxu/PCcKlktupdS/PEMTfVbcG1FKj3a/kl+2+s2MSVeFi/mObZZpAnF/CerwyOPhcezmMVtnL6lImotK0wFmWLidQ/W4m1eeDlGngGUjkxZD4xquXdIcyHrwp0ScrTLBRfbo9Eu2VyyyIxkkG1OqoNq9CUGQTqchvHbKAY1+GXmya0PJsYMaI8sHnjPpVF4tHl9LBmorPo1v42UAAZdJIFZISG3ohYQFNv33XvnNbB+UKmTtG+Rj+rmrKEX8dv6IGvab1KbylmwDOx8ZClrMY37gJ2bIFuUWFulRFvFfV9d2MLjSSVhLqOm/ytsfiHFs2EyYtl1E/TYhmSLCGzS3KLTNTJs3EMCzLUDlUFEk9rA7VC0UtzxkWFKNm5jFscONQZHAoJta1FEkhAk0Io5wBKSFIo3Vsmryc4hHRLBX3wF6tH/WJKI7DqLtCypBWt5y9XRsGsUv0JooPEW5V5I4oe6EYvWXytEykWIagKqxh7QCq/ddEyJBS2yvkWJEHqCE83kRFjiQvKSlpgTr/rUvRElEiewzUc7jAL5Mp7QeuPAGpDdhPMqysk2vJIUhQiKbSKoXn0dyW7VYi2KO3NG+y+tVD+94ci4AsyHkV/uKiaJQ5ZdbIbvfbGWI9QR3i492kVSaVXhsbBGI2uX0Lcja4F0iQAYPGp+OfdkcAQOQX54b2xReJxn1rQAfz35noUuXu/tMvlRhro5PPd/bOtDrb61P/nxuSo5yDxeDp7Hk1J1vb2n0L9Wu9sAf3KTgIYBhqcYyEN+7L3f2zS7tbaxNVZwYK6rjK0973Zp5d396ZLN/Ze/K5FGpKfA35TPrrQgck4kmBdBRCD3agy6jpaQvA+2KX1VgvOefqNvutv48b05CTXlhyWIK1r0cm3cJC7scyWmdvrfLLTukqPIC7fIcPSGiLNujbhE7UM1Ic0D92/ip9xnsKUyn6DtyCUm1Uh4PUprfdR7wMLiYcaU/7m1FTXxdA8UadXsMxBQZKePQQd/Q0wMbezkSMqBMl6lNQrE4rC8SdMSysaqX9wtQx6GXewjHRpwpNxAbfISRgz+B9zHELzB1JG3aIlukySX0MNU+GOcWJY95ljzEqEEyUFGrkyQurKYnL47bUAonmZ0gx6a4cIT8n3+TQdSwAvh35YVsyNCOtvt2Vqy20Z+eX4le3tFaHLalTU+LUkUYWPkEf2bj0ME2PYvrRC/xsBnCFE7ywu7+eZktxk3pWZIX7pSwuXO6nmQEHIUeva8ixD8s8kAfgy/pcKpqV/ljmpp0reEOSojLBwgvRFw4820BBUq3WwUELJLVmw5vJHkLD34sobgcYPBvYUn+dcv6ezctdQxvTF3JFvSfksa9ih2iZp4hK1JAXiYZfehP9LLci5syTlIagd0acpBaiwPxFEIi5IAuToRMq5LWuUXuLXYpSgpJE2zg3IpSscooSwdhHbMGbIp9sV6DKdK5bVVy8mISV6YXu9XFYVYmGAEfrbJQurRf6D7ffamwvQ3zk+VRseS1pgiIUYn5wUbSlYQ/T8ewz26V+Mc9JI9lnxirltO5kbCq2bOou4y3l/hMaly5l7uSB22BYpZ9GM9nWLXOzhvSqscXSr4EYrJBi3rWyFBSRSmIaLPEq3OkPIQ0ttQv11tGJAEo08Li3ETZ8ZFp6jfXMhkbzVZKuvibUrJoedoaZG6TKZI7mKUgsL5pXZWRNZKy4mysA+9daQA66aut9XBYgGNBAAhpXlFicbS6YkIGvtbfoDX418jVplKZCPrjDdRkN5xaXXXsJ3wInlvs0S6+eYauH4ox5qmcD1do82egWpUYye8zLPXGvgHN61liKO4Gh0WAhvRqqdEwY/D8EdpH6fL7ztgZmtWI01LTZe5/Tdgv7jVZRg4sLiaBMTGJDm5QnlIbfp8PVqRIKDm71wD7KhBb4gkyr6OALKcW9EY4VS+bASV7kPte+EiolPRS8J5rJWl2FwtngFYVPFA+tuAWzft+UOx48aOu4ZGboZUqKwHWoBlRZ+VBKx8e6+uK+C9bn9Qz72Od5kowFRELvS1CT5icp8vjYqUWiA5fmCalRzEiWCEEmljszsc6ekVTPXkvUEVlv2JdygZdhFL0Cibyht/gtE88nu+Cww0ARLID0JETGZLnRR4N2py8B8KUGvz9fUZi8BIoiKMnMonMYNi2IfuzYbxVw4G7HkyetF9ofd3buKU4UOq9FZkRVZO/Lm+vIcMhCS8E1nbaO8LGzWnVGErLKnfsgyVoOzZgZJk674dQ0qmm9dNMSIYmRrGUsEvY5l5/lL3gf8n5itQCIks7SGL1okXXQNoyy2AHLSRmtRYtiYgwNDcz00uaLAHwidPUfk4iVC26jHRBLc1o6s16/OxQV34ZZLxqGcatAWOhL4zSPZx3UpqDu3b2GkLiRde1ANdC3kgDydd892wF09hB3uO0Re3W/9uQfujlPe7gi108ZCkHokCgG/tnjfq+ggwyqfhbnKRJ+3j8nUZBYxycrafHMwlw627sRSUn01LYNZ6M3JYi/pmS8tdpzR3m0zxTRXTb6YQdUBk1Am96i8LwgxEFy9yfZQVKcHfnU0Z3bt9O4CbOazYAQvMfQpLno7s/7D7KmJHwZE3XI08xEI1lkRT/krBoIO/nn/Dn3GFzxaF/N4Cg7j936+B3mU/cQiVKGcZI80ozubHBDYj+aZBHupHfu0/jOhXVuIQjouST0kZ2dXV3PMSN2yW5nZ3OZYO0GouvEqhqE2ayM6OoE3erZ0MjaxjLid+bcH4IWrmotKjv+BJpxExzIaDQAYMOHTapgTRYpAMlrqSNAo8umRaNIILL+Ollaikb7B/qjMdNKY9HlU8EFJuANOypEhrLG7WLMqZy/QDNv07KCOhH1TW4x2Y2XOdlxDsfbXVXObd8CJOpA5oZta5u717UMnYPgD+Uo8zzmeMjn8mTly9+s7Vn7Znl5fZp3ys2EuEvDwDTGlI0JCYf8eH7NSYnkI9Yj0rQ5lPhQQkLjI3eASs5SuBG3zJ5NUYSrylUpwlC7vqA+u5JiGqejo28frbCwOtoSbxxkoVMcHII4OeevXzcON7ouFm4UbxQOXz2NC6LW/dB4ndKe8tKAmkgmN311cqvjuTdN29+cc0RTRmrAUHURs1egle4ZLYlDeu2RaiUnvRIKppRLX4WiVTt25uzcXIWmoNL+zVvmPA/RK92yY65LOWAXojRG9/ePfVT81kHWrpOPxsCwG3gR2nJtBE24GSJee/xb/Pd4IS3Xv1cKzTgJ4++w/5CL3GXdJETkKlnPl6yTCNbdprYKkvH3iMGYR/9QuAmnORwux4qbcep5KA6Nk7gVzXVjfCIw9lF3abFu1vLQE3Z4KR6Al+Bjr/+SGuJUh/tbfZXB7slQD4XrM7tZLb+hk87s/v6JfaJsAyY+1QDduCP+3rfM3mHVVY3WM6G0w2HSzJ+84RlJehfmNA1/icvO4y58fn+I/3LF/blLWY67rq4MrfnsxEyBzidrzpxiD9xBvFk2PrawqYxg73YOGusR88b1qsR5WJb66VvOvttuRyes8SI9zTwvwF0xyDGG7TCIF/SYO+uQy6FZ3IC78qEOu90U7+mdyhJZlFYlraTaY8ZOSi+Slgo0CQ7Td9XUjvam5Pp06B8/Qu2SJJGqwATnOJ6ZG+eUEKiKlCQx1DWnR6PLArE+3nGmsyKr0qKklPTqyhKlzk76kQz0yH2gESdZbx49pvKMmFUipvEbI0pb5XWjMzx+JLh38tGd9KrI6SvLI7lxHUzie2tIxpSMG4fVvw7t8HdiRsfOTK7aXh4Odw1lDQ3jaYpTq8ccejKsQ+XsBjwlWoI1Y3BzaRmzQW9QmP8WGgOj1FowOz8w2kMRGqLwiK3Y0zq3ZoTizi9JnWG/vM9y7o34HuORwZ0r7g5bLH7Ee2od/Pz8Ibqx6VLeBY6VkcHP5KhUnEx+hpDKqwkcKM5NHVD5TFsgjqiZ29pasfS0V4ciNNojP3C2nx9QL5UVDeji0vovFY8YAzJi8FcRvc4hs9fF07g1SKKymBh6NqJwMMNW6xlVvFnBCeUsQ3KLm4ujPGtVSHqAssvhlspb7RvFTxreIknSk2rkLYcuZUA6MnmEkFacR8S0+8X6+MTmIDmX8z7XHQoINVRYx4CYfyEJvwnNpfsbJA+8d5Ez/E0l01nWmx4YB0z+B0DaV5sJfea28tH+ri7roK3xlJBdg75B5AEDwGONkFaqSEe/8D3VVCFQF2OtM0VnlcXEgdEbcgqnxbmC3qAp/FYcYSbYiiajuWKiLE2ixyASkyjcmpRY5p8ITZgJSrvuQIIHwwxHfqSdN3WzRmARoO+zqJWnvflqStHmQM5AVOpIQ9CndrdibfHU6NE9EaKIHiPVftQya7fNAkmchBbwQy+wD1MHq8P63MNty8hw30TJFJUoOZveycokqW/CuEt4gr5UebA8tU8QLq46rHCfJOlkpShlakN5ihKfKddOmJoXYiH3xAKJpN4LwYH71D5owYPk1tV1W3Fap7MMMsZbvJDGsXsOkOl0gp7CLFsSMGcwrILu7XeV1TBM5neJKZ9OR2HGQY+FVvxdw1DE1elWVDEdqCSAF2JsWsfQ02Okds9PAsyKJGsAknAAyesaddhJ4iIu8bOHJiKC7ukB27/QLDyqMKmj7AN8qAHH9yx842MECDm1g8bp7m6CaQIIg1zZYLNZcH9mr38AY+9sWFF1TMPYbxYOgDRpJf3WgwcotaMj9BiFmQbRu2MMDfVueoZicYYysGr96FGAFo4BXJ5SGTxekZEd5xvj4xPjG0ciOR/jU2uT67rMtMoJxcEFBcHFId+61KUnVQd8Dfld8BWcnDCPCSmuBBzknthJKJCeHN1xlY8+Ke3j96qnCDRsGRqK9rnOlLa+q8BPU4l9klWm+IWiP0hKewmSBFNCe/mhvimEdMj255OfH3/CIqEsNdVqb4yn9h+gcHq9tESDnllaRqSmyKAZuNyodesVxEhPeNlp3DcKtzi21EXI0ApZBMvI0kKSVd6+CjRSVtfiuCX/i7sWjdK7o5qRoagXNMPbsgoQKa1rdRB8Eji0boyQggrZbWhiebqGjtS4tiAVoYMgfweLBE4wuoOk2rZFrl4Kelcq7ToXaiWnvGoIks46KLrHMsH2dum3t+94Qrv8rPbbqla4vXPyspuEty3QCMEIeffMIVdKFGlRBbBuXPo4tCT/QPykgsg6OC99XpZzc3ywwmNijWNs/J8csC6yYGL8seJCp94AVYrzxowSAyupXCvzljhnZG9ZX5Lm1pzXHO9KZOTUwrgl2mjtkhHzDh6cN6IhoHZZoh2WgltIX2j5MfJEzwJNFb+pp0FlKNR/JRpZ4NTn5tJ0kX4F4QCmtGFit0X4StlsoFNtZJlgZ1sbhRkxa/8AhVkGBoi0dFe9nmhr64QkFH8RTl0YDkncDMG7bS4xOQp4zLMnBMTbk+QBTAHR30/cbgg40J4IZ5k5OHgXXWqVsXLUilnv3zOAKRi10qFDNG4FQZevW8v9oh1uYAuGt0SE3wFd6/Io1mKNvYPeyK4bbDC/J9XhcmD2LIO+XpRe1qz7+csgMs/6w2oZvqwY4Q5wtQ2n6cEXcPq17UMuDavE4wgX9KXJx8uBSCL22yja6Ofk9G+mYGH4DM0iu6pBRwElRFi/cXpmUJpcnhaU+SQoy/k0eS0+yVqnstoyJTWIqS+QZUhT6+tTpRmyW0i++/X10lRZxq2E4FsflgmWV9geq6JCLdHUIEO9JpCNTIe5BhYVbyprYualqo8p2K25t/47jUkPFkyZMBhs6sVLYs/ZgNekziBw3TsRL4kZN3mdLQ9MSQmUK4vivgw+QN6DHBj8tShWKU8JCExZo8aKBJ77/FMUq4iBktyaolr/Lnaijwhc5PuIH/GDeY/Ek4ak/2mx2m+L/zNK8du7XDIEciz5cHaJ5Y+LvEnix7xg/mOxD2/RyPLnKy86uYU5iZ3NK8Gz+8ec3ZzTVlZm61elOYudy0FvDc3woXWQ9qMnR6ccK36vuYzDGWkB4t2fJG792ppzVpbR+qQjYn4sxeIuPZThsgoQId1oc+KzyNn/LHsjn8wYKX2yfFp2vRsw5oVaHh9Kgq5umkXoY1Tai4NuQqsiRhbPgXlWDuSmtrUlI6bJpnWfjN8G/HtBYbcrxYpnz6FwCv9HpM9nd95F4cC/Z0PszHiquO5pW8CbzH8LNN6wPx1lUeNcF0gXMA+3hTKHv5jVsmrmDOLYlT18GVu91K5R2mi3dLrn5ozp8wmLmF/NIm0HVcHKFRWeOngWp9NlpOvmP+CrQ5xC1OHhQaecTgUR8+eD4Xs3FR0pInVvzpHCe1rhZYVHfuolxasxJSZT4urdTfIypUyN7yZBAu2RTijmRy4ec95/5rTx9Bkw9uS1DDEQh98IvE+3gbdhRvjL2OCBmHcDyOvXPCCSyyYLWtIFRcU5i9PjrycrxuSw+UkJ43Ny9MKFtqnaCZNXzJlZZLh+pupWRXzd6jrDu1+L91cALrJej2UOKw8pyZiS7xDvi2U4lE9Y1VsuMDwITOOlTA2tMoF0XvLUF82i/SeUZE7JU4znWCOofsmU5Oz8JMX8G4abHLPqW86IvfKcTwd1tdvYQjZrVLQwOj36buhYPbuSrdu83fb6KP+br9kFYHD6uFHjwNL/p2OBhWwEMtNpN62M6I9M2vE28sz08KWdRR9kzsXbEBtqinlGpGl32oKMEO8hxqgZSDQA//8TFciXQZyNXL9QMDLVtNO9MebdVCZV0rxtiE87/RkSRzBeik2IynQZRS0yQzQzvl/4MXKmBGNBCnVzMf0D2VYyCYkNyH1ThdnkTmlDPqo5zHHjPISx/Up0HeJiVF+RzSkto4moZci5kLEX82Iqxw/RUmVz7TQRbZvFD2KmFlPVKnNEDeaonBcawWh1iOqRuZ0u5DfNiNQxIJtaBE+MuB6pbWtVWqP8T+8JffBapM1FJ/4+1BGxAZDMYW8vL3Oow/g/YWujowLGv4iyoE/komvZ/nmr/BPpHw2z3Zwv//8f9/e3g0MKuO/FP628CjTTBf9xOr1pm1OUiz0q0Q1yRGsWZh1C7cSuA+uUGTuwXrlF2uwxd3nwFnUuYkhcIJrdHw6kKj2i7HLic8qZ+OpARaPvNMLE/w4sFZb4dyszeEspaG6jM/cZoiwesMke4vZa5vO8YEyOqTqZnN731G6RMIKgqep5lSbNqYitbOSuumEaHpf3XIXIr6hl3IqEs6OpU2PCseauB81tdOY+g/HL4gEvefY7GyTYIJ/9gkc08VVjqpwYOxYKt0DiQ4Ogsev5nZ0ml/Ypsbatbsojd5WbpFhI/Uj5AoLfe0U98rE2wgtnjmwtK+VjOgkJu4NrIKVO/29MDAYEpjOYLDbJ4VI8Pn4N6YZp2Y7r+UEYxUma5UVZ1U3b9cM4zcu62x+Op/Plers/nq/3x7kLl65cu3HrzjvvffDRJ5998dW9B4+ePHvxzXc//PTLb3/89c9/oC4tcDURGxDHVEJGnqYhbD2CW0sFNEy61JU0+kLfEGX7C6J+q3mmXl1oDn8expFBwdg5AsHduPZMhUav6/AcVXCBqXHplcgdpVUdJBG0oBnpCPNCJ6c01Hsy1J+McNsFnpm2vFkA6KFmBX9UyUNqh2+3tMMj1ArHxSSjJl0omuQcRqmaLH+3UvpBmJMu+QDjqFnu6sx1boGjrlNeppSEGlAQrlGIAu95KlaE0nkcKk/F9CYs27HsF8OqziJMiq3d+omjIo6mlVGqE1xNE0KfMjylDybCWBvLeYzlLaKRCi/qrEkiKu05CXana4sRVn4HckBazosROqjkhSenIrOU03I9ENEIpN1FalhM67wF1Zh2mZfAGW1ct0ZoVM0i3K2GXOGw2jhsEmtweg7rH0x3Zo/32Y2xvDdWeZ5MgTEjbE7K1CHqdtmEzoR8QmRgz8qk+oxJQRqGZvugESHhMDKVaIbXelObUZssmJuwFgUAAAA=);
font-weight: normal;
font-style: normal;
}
.ag-theme-quartz,
.ag-theme-quartz-dark,
.ag-theme-quartz-auto-dark {
--ag-active-color: #2196f3;
--ag-background-color: #fff;
--ag-foreground-color: #181d1f;
--ag-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 15%);
--ag-secondary-border-color: var(--ag-border-color);
--ag-header-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 2%);
--ag-tooltip-background-color: var(--ag-header-background-color);
--ag-control-panel-background-color: var(--ag-header-background-color);
--ag-subheader-background-color: transparent;
--ag-invalid-color: #e02525;
--ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 30%);
--ag-advanced-filter-join-pill-color: #f08e8d;
--ag-advanced-filter-column-pill-color: #a6e194;
--ag-advanced-filter-option-pill-color: #f3c08b;
--ag-advanced-filter-value-pill-color: #85c0e4;
--ag-header-column-resize-handle-color: var(--ag-secondary-border-color);
--ag-icon-font-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 90%);
--ag-find-match-color: var(--ag-foreground-color);
--ag-find-match-background-color: #ffff00;
--ag-find-active-match-color: var(--ag-foreground-color);
--ag-find-active-match-background-color: #ffa500;
--ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%);
--ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 20%);
--ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%);
--ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 20%);
--ag-selected-row-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 8%);
--ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 12%);
--ag-column-hover-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 5%);
--ag-icon-button-hover-background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
--ag-input-focus-border-color: var(--ag-active-color);
--ag-range-selection-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
--ag-input-focus-box-shadow: 0 0 0 3px color-mix(in srgb, transparent, var(--ag-input-focus-border-color) 47%);
--ag-input-error-focus-box-shadow: 0 0 0 3px
color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 50%);
--ag-range-selection-background-color-2: color-mix(in srgb, transparent, var(--ag-active-color) 36%);
--ag-range-selection-background-color-3: color-mix(in srgb, transparent, var(--ag-active-color) 49%);
--ag-range-selection-background-color-4: color-mix(in srgb, transparent, var(--ag-active-color) 59%);
--ag-row-numbers-selected-color: color-mix(in srgb, transparent, var(--ag-active-color) 50%);
--ag-calculated-column-highlight-color: color-mix(in srgb, transparent, var(--ag-active-color) 12%);
--ag-column-header-edit-highlight-color: color-mix(in srgb, transparent, var(--ag-active-color) 12%);
--ag-checkbox-background-color: var(--ag-background-color);
--ag-checkbox-checked-color: var(--ag-active-color);
--ag-range-selection-border-color: var(--ag-active-color);
--ag-secondary-foreground-color: var(--ag-foreground-color);
--ag-input-border-color: var(--ag-border-color);
--ag-input-border-color-invalid: var(--ag-invalid-color);
--ag-disabled-foreground-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 50%);
--ag-chip-background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 7%);
--ag-chip-border-color: color-mix(in srgb, var(--ag-header-background-color), var(--ag-foreground-color) 13%);
--ag-input-disabled-border-color: var(--ag-border-color);
--ag-input-disabled-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 6%);
--ag-modal-overlay-background-color: color-mix(in srgb, transparent, var(--ag-background-color) 66%);
--ag-chart-menu-label-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 80%);
--ag-chart-menu-pill-select-button-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 70%);
--ag-filter-panel-card-subtle-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 70%);
--ag-column-drag-indicator-color: var(--ag-active-color);
--ag-borders: solid 1px;
--ag-border-radius: 4px;
--ag-wrapper-border-radius: 8px;
--ag-borders-side-button: none;
--ag-side-button-selected-background-color: transparent;
--ag-header-column-resize-handle-display: block;
--ag-header-column-resize-handle-width: 2px;
--ag-header-column-resize-handle-height: 30%;
--ag-grid-size: 8px;
--ag-icon-size: 16px;
--ag-header-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 4.25);
--ag-row-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 3.5);
--ag-auto-height-min-body-height: 150px;
--ag-list-item-height: calc(
var(--ag-icon-size) + var(--ag-widget-vertical-spacing)
);
--ag-column-select-indent-size: var(--ag-icon-size);
--ag-set-filter-indent-size: var(--ag-icon-size);
--ag-filter-tool-panel-group-indent: var(--ag-grid-size);
--ag-advanced-filter-builder-indent-size: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
--ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 2);
--ag-cell-widget-spacing: calc(var(--ag-grid-size) * 1.5);
--ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);
--ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
--ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 1.5);
--ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1);
--ag-toggle-button-height: 18px;
--ag-toggle-button-width: 28px;
--ag-toggle-button-border-width: 2px;
--ag-font-family:
'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell,
'Helvetica Neue', sans-serif;
--ag-font-size: 14px;
--ag-icon-font-family: agGridQuartz;
--ag-tab-min-width: 290px;
--ag-chart-menu-panel-width: 260px;
--ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4);
--ag-popup-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15);
--ag-side-bar-panel-width: 250px;
--ag-filter-panel-apply-button-color: var(--ag-background-color);
--ag-filter-panel-apply-button-background-color: var(--ag-active-color);
--ag-column-panel-apply-button-color: var(--ag-background-color);
--ag-column-panel-apply-button-background-color: var(--ag-active-color);
--ag-note-indicator-color: var(--ag-active-color);
}
.ag-theme-quartz-dark {
--ag-background-color: color-mix(in srgb, #fff, #182230 97%);
--ag-foreground-color: #fff;
--ag-border-color: rgba(255, 255, 255, 0.16);
--ag-secondary-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
--ag-header-background-color: color-mix(in srgb, #fff, #182230 93%);
--ag-tooltip-background-color: color-mix(in srgb, #fff, #182230 96%);
--ag-control-panel-background-color: color-mix(in srgb, #fff, #182230 93%);
--ag-input-disabled-background-color: #68686e12;
--ag-card-shadow: 0 1px 20px 1px black;
--ag-input-border-color: var(--ag-border-color);
--ag-input-disabled-border-color: rgba(255, 255, 255, 0.07);
--ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%);
--ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
--ag-selected-row-background-color: var(--ag-row-hover-color);
--ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
--ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
--ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
--ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
--ag-advanced-filter-join-pill-color: #7a3a37;
--ag-advanced-filter-column-pill-color: #355f2d;
--ag-advanced-filter-option-pill-color: #5a3168;
--ag-advanced-filter-value-pill-color: #374c86;
--ag-find-match-color: var(--ag-background-color);
--ag-find-active-match-color: var(--ag-background-color);
--ag-filter-panel-apply-button-color: var(--ag-foreground-color);
--ag-column-panel-apply-button-color: var(--ag-foreground-color);
--ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.3);
--ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
--ag-cell-batch-edit-text-color: #f3d0b3;
--ag-formula-token-1-color: #4da3e5;
--ag-formula-token-1-background-color: rgb(77 163 229 / 16%);
--ag-formula-token-2-color: #f55864;
--ag-formula-token-2-background-color: rgb(245 88 100 / 16%);
--ag-formula-token-3-color: #b688f2;
--ag-formula-token-3-background-color: rgb(182 136 242 / 16%);
--ag-formula-token-4-color: #24bb4a;
--ag-formula-token-4-background-color: rgb(36 187 74 / 16%);
--ag-formula-token-5-color: #e772ba;
--ag-formula-token-5-background-color: rgb(231 114 186 / 16%);
--ag-formula-token-6-color: #f69b5f;
--ag-formula-token-6-background-color: rgb(246 155 95 / 16%);
--ag-formula-token-7-color: #a3e6ff;
--ag-formula-token-7-background-color: rgb(163 230 255 / 16%);
color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
.ag-theme-quartz-auto-dark {
--ag-background-color: color-mix(in srgb, #fff, #182230 97%);
--ag-foreground-color: #fff;
--ag-border-color: rgba(255, 255, 255, 0.16);
--ag-secondary-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
--ag-header-background-color: color-mix(in srgb, #fff, #182230 93%);
--ag-tooltip-background-color: color-mix(in srgb, #fff, #182230 96%);
--ag-control-panel-background-color: color-mix(in srgb, #fff, #182230 93%);
--ag-input-disabled-background-color: #68686e12;
--ag-card-shadow: 0 1px 20px 1px black;
--ag-input-border-color: var(--ag-border-color);
--ag-input-disabled-border-color: rgba(255, 255, 255, 0.07);
--ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%);
--ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
--ag-selected-row-background-color: var(--ag-row-hover-color);
--ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
--ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
--ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
--ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
--ag-advanced-filter-join-pill-color: #7a3a37;
--ag-advanced-filter-column-pill-color: #355f2d;
--ag-advanced-filter-option-pill-color: #5a3168;
--ag-advanced-filter-value-pill-color: #374c86;
--ag-find-match-color: var(--ag-background-color);
--ag-find-active-match-color: var(--ag-background-color);
--ag-filter-panel-apply-button-color: var(--ag-foreground-color);
--ag-column-panel-apply-button-color: var(--ag-foreground-color);
--ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.3);
--ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
--ag-cell-batch-edit-text-color: #f3d0b3;
--ag-formula-token-1-color: #4da3e5;
--ag-formula-token-1-background-color: rgb(77 163 229 / 16%);
--ag-formula-token-2-color: #f55864;
--ag-formula-token-2-background-color: rgb(245 88 100 / 16%);
--ag-formula-token-3-color: #b688f2;
--ag-formula-token-3-background-color: rgb(182 136 242 / 16%);
--ag-formula-token-4-color: #24bb4a;
--ag-formula-token-4-background-color: rgb(36 187 74 / 16%);
--ag-formula-token-5-color: #e772ba;
--ag-formula-token-5-background-color: rgb(231 114 186 / 16%);
--ag-formula-token-6-color: #f69b5f;
--ag-formula-token-6-background-color: rgb(246 155 95 / 16%);
--ag-formula-token-7-color: #a3e6ff;
--ag-formula-token-7-background-color: rgb(163 230 255 / 16%);
color-scheme: dark;
}
}
.ag-theme-quartz .ag-filter-toolpanel-header,
.ag-theme-quartz .ag-filter-toolpanel-search,
.ag-theme-quartz .ag-status-bar,
.ag-theme-quartz .ag-header-row,
.ag-theme-quartz .ag-row-number-cell,
.ag-theme-quartz .ag-panel-title-bar-title,
.ag-theme-quartz .ag-multi-filter-group-title-bar,
.ag-theme-quartz .ag-filter-card-title,
.ag-theme-quartz-dark .ag-filter-toolpanel-header,
.ag-theme-quartz-dark .ag-filter-toolpanel-search,
.ag-theme-quartz-dark .ag-status-bar,
.ag-theme-quartz-dark .ag-header-row,
.ag-theme-quartz-dark .ag-row-number-cell,
.ag-theme-quartz-dark .ag-panel-title-bar-title,
.ag-theme-quartz-dark .ag-multi-filter-group-title-bar,
.ag-theme-quartz-dark .ag-filter-card-title,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-header,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search,
.ag-theme-quartz-auto-dark .ag-status-bar,
.ag-theme-quartz-auto-dark .ag-header-row,
.ag-theme-quartz-auto-dark .ag-row-number-cell,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-title,
.ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar,
.ag-theme-quartz-auto-dark .ag-filter-card-title {
font-weight: 500;
color: var(--ag-header-foreground-color);
}
.ag-theme-quartz .ag-toolbar-item:where(:not(.ag-toolbar-panel)),
.ag-theme-quartz-dark .ag-toolbar-item:where(:not(.ag-toolbar-panel)),
.ag-theme-quartz-auto-dark .ag-toolbar-item:where(:not(.ag-toolbar-panel)) {
font-weight: 500;
}
.ag-theme-quartz input[class^=ag-]:not([type]),
.ag-theme-quartz input[class^=ag-][type=text],
.ag-theme-quartz input[class^=ag-][type=number],
.ag-theme-quartz input[class^=ag-][type=tel],
.ag-theme-quartz input[class^=ag-][type=date],
.ag-theme-quartz input[class^=ag-][type=datetime-local],
.ag-theme-quartz textarea[class^=ag-],
.ag-theme-quartz-dark input[class^=ag-]:not([type]),
.ag-theme-quartz-dark input[class^=ag-][type=text],
.ag-theme-quartz-dark input[class^=ag-][type=number],
.ag-theme-quartz-dark input[class^=ag-][type=tel],
.ag-theme-quartz-dark input[class^=ag-][type=date],
.ag-theme-quartz-dark input[class^=ag-][type=datetime-local],
.ag-theme-quartz-dark textarea[class^=ag-],
.ag-theme-quartz-auto-dark input[class^=ag-]:not([type]),
.ag-theme-quartz-auto-dark input[class^=ag-][type=text],
.ag-theme-quartz-auto-dark input[class^=ag-][type=number],
.ag-theme-quartz-auto-dark input[class^=ag-][type=tel],
.ag-theme-quartz-auto-dark input[class^=ag-][type=date],
.ag-theme-quartz-auto-dark input[class^=ag-][type=datetime-local],
.ag-theme-quartz-auto-dark textarea[class^=ag-] {
min-height: calc(var(--ag-grid-size) * 4);
border-radius: var(--ag-border-radius);
padding: 1px var(--ag-grid-size) 2px var(--ag-grid-size);
}
.ag-theme-quartz .ag-picker-field-wrapper,
.ag-theme-quartz-dark .ag-picker-field-wrapper,
.ag-theme-quartz-auto-dark .ag-picker-field-wrapper {
min-height: calc(var(--ag-grid-size) * 4);
}
.ag-theme-quartz .ag-tab,
.ag-theme-quartz-dark .ag-tab,
.ag-theme-quartz-auto-dark .ag-tab {
padding: var(--ag-grid-size);
border-left: var(--ag-borders) transparent;
border-right: var(--ag-borders) transparent;
flex: 1 1 auto;
}
.ag-theme-quartz .ag-tab-selected,
.ag-theme-quartz-dark .ag-tab-selected,
.ag-theme-quartz-auto-dark .ag-tab-selected {
background-color: var(--ag-background-color);
}
.ag-theme-quartz .ag-ltr .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:first-of-type) {
border-left-color: var(--ag-border-color);
}
.ag-theme-quartz .ag-rtl .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:first-of-type) {
border-right-color: var(--ag-border-color);
}
.ag-theme-quartz .ag-ltr .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:last-of-type) {
border-right-color: var(--ag-border-color);
}
.ag-theme-quartz .ag-rtl .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:last-of-type) {
border-left-color: var(--ag-border-color);
}
.ag-theme-quartz .ag-tab:not(.ag-tab-selected),
.ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected),
.ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected) {
opacity: 0.7;
}
.ag-theme-quartz .ag-tab:not(.ag-tab-selected):hover,
.ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected):hover,
.ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected):hover {
opacity: 1;
}
.ag-theme-quartz .ag-menu,
.ag-theme-quartz-dark .ag-menu,
.ag-theme-quartz-auto-dark .ag-menu {
color: color-mix(in srgb, transparent, var(--ag-foreground-color) 95%);
}
.ag-theme-quartz .ag-panel-content-wrapper .ag-column-select,
.ag-theme-quartz-dark .ag-panel-content-wrapper .ag-column-select,
.ag-theme-quartz-auto-dark .ag-panel-content-wrapper .ag-column-select {
background-color: var(--ag-control-panel-background-color);
color: color-mix(in srgb, transparent, var(--ag-foreground-color) 95%);
}
.ag-theme-quartz .ag-menu-header,
.ag-theme-quartz-dark .ag-menu-header,
.ag-theme-quartz-auto-dark .ag-menu-header {
background-color: var(--ag-control-panel-background-color);
}
.ag-theme-quartz .ag-menu-option,
.ag-theme-quartz-dark .ag-menu-option,
.ag-theme-quartz-auto-dark .ag-menu-option {
font-weight: 500;
cursor: pointer;
}
.ag-theme-quartz .ag-ltr .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon {
text-align: right;
}
.ag-theme-quartz .ag-rtl .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon {
text-align: left;
}
.ag-theme-quartz .ag-tabs-header,
.ag-theme-quartz-dark .ag-tabs-header,
.ag-theme-quartz-auto-dark .ag-tabs-header {
border-bottom: var(--ag-borders) var(--ag-border-color);
display: flex;
background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 5%);
}
.ag-theme-quartz .ag-side-bar,
.ag-theme-quartz-dark .ag-side-bar,
.ag-theme-quartz-auto-dark .ag-side-bar {
background-color: var(--ag-control-panel-background-color);
min-width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-theme-quartz .ag-side-buttons,
.ag-theme-quartz-dark .ag-side-buttons,
.ag-theme-quartz-auto-dark .ag-side-buttons {
padding: 0;
align-self: stretch;
width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
background: var(--ag-control-panel-background-color);
}
.ag-theme-quartz .ag-side-button,
.ag-theme-quartz-dark .ag-side-button,
.ag-theme-quartz-auto-dark .ag-side-button {
border-top: var(--ag-borders) transparent;
border-bottom: var(--ag-borders) transparent;
}
@media (max-resolution: 1.5x) {
.ag-theme-quartz .ag-side-button-label,
.ag-theme-quartz-dark .ag-side-button-label,
.ag-theme-quartz-auto-dark .ag-side-button-label {
font-family: "Segoe UI", var(--ag-font-family);
transform: rotate(0.05deg);
}
}
.ag-theme-quartz .ag-side-button.ag-selected:not(:first-of-type),
.ag-theme-quartz-dark .ag-side-button.ag-selected:not(:first-of-type),
.ag-theme-quartz-auto-dark .ag-side-button.ag-selected:not(:first-of-type) {
border-top-color: var(--ag-border-color);
}
.ag-theme-quartz .ag-side-button.ag-selected,
.ag-theme-quartz-dark .ag-side-button.ag-selected,
.ag-theme-quartz-auto-dark .ag-side-button.ag-selected {
border-bottom-color: var(--ag-border-color);
background-color: var(--ag-background-color);
}
.ag-theme-quartz .ag-column-panel-column-select,
.ag-theme-quartz-dark .ag-column-panel-column-select,
.ag-theme-quartz-auto-dark .ag-column-panel-column-select {
border-top: none;
}
.ag-theme-quartz .ag-column-panel-column-select:not(.ag-last-visible-child),
.ag-theme-quartz-dark .ag-column-panel-column-select:not(.ag-last-visible-child),
.ag-theme-quartz-auto-dark .ag-column-panel-column-select:not(.ag-last-visible-child) {
border-bottom: 1px solid var(--ag-secondary-border-color);
}
.ag-theme-quartz .ag-filter-toolpanel-search,
.ag-theme-quartz-dark .ag-filter-toolpanel-search,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search {
height: initial;
margin-top: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-filter-toolpanel-search-input,
.ag-theme-quartz-dark .ag-filter-toolpanel-search-input,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search-input {
margin: 0;
}
.ag-theme-quartz .ag-filter-apply-panel,
.ag-theme-quartz-dark .ag-filter-apply-panel,
.ag-theme-quartz-auto-dark .ag-filter-apply-panel {
border: none;
padding-top: var(--ag-widget-vertical-spacing);
}
.ag-theme-quartz .ag-chart-tabbed-menu-body,
.ag-theme-quartz-dark .ag-chart-tabbed-menu-body,
.ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body {
position: relative;
}
.ag-theme-quartz .ag-chart-tabbed-menu-body::after,
.ag-theme-quartz-dark .ag-chart-tabbed-menu-body::after,
.ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body::after {
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
right: 0;
height: 16px;
background: linear-gradient(var(--ag-control-panel-background-color), transparent);
}
.ag-theme-quartz .ag-charts-settings-group-title-bar,
.ag-theme-quartz .ag-charts-data-group-title-bar,
.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-settings-group-container,
.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-settings-group-container,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-container {
border-top: none;
font-weight: 500;
}
.ag-theme-quartz .ag-chart-mini-thumbnail,
.ag-theme-quartz-dark .ag-chart-mini-thumbnail,
.ag-theme-quartz-auto-dark .ag-chart-mini-thumbnail {
background-color: var(--ag-background-color);
margin-top: 0;
margin-bottom: 0;
}
.ag-theme-quartz .ag-chart-settings-nav-bar,
.ag-theme-quartz-dark .ag-chart-settings-nav-bar,
.ag-theme-quartz-auto-dark .ag-chart-settings-nav-bar {
border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar {
background: none;
font-weight: 500;
}
.ag-theme-quartz .ag-chart-data-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz .ag-chart-format-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz-dark .ag-chart-data-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz-dark .ag-chart-format-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-label:not(.ag-group-title-bar) {
color: var(--ag-chart-menu-label-color);
}
.ag-theme-quartz .ag-chart-data-section .ag-label-align-top .ag-label,
.ag-theme-quartz .ag-chart-format-section .ag-label-align-top .ag-label,
.ag-theme-quartz-dark .ag-chart-data-section .ag-label-align-top .ag-label,
.ag-theme-quartz-dark .ag-chart-format-section .ag-label-align-top .ag-label,
.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-label-align-top .ag-label,
.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-label-align-top .ag-label {
margin-top: calc(var(--ag-widget-vertical-spacing) * 0.5);
margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-theme-quartz .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz-dark .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz-dark .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label {
margin-bottom: 0;
}
.ag-theme-quartz .ag-chart-data-section label,
.ag-theme-quartz .ag-chart-format-section label,
.ag-theme-quartz-dark .ag-chart-data-section label,
.ag-theme-quartz-dark .ag-chart-format-section label,
.ag-theme-quartz-auto-dark .ag-chart-data-section label,
.ag-theme-quartz-auto-dark .ag-chart-format-section label {
display: inline-block;
}
.ag-theme-quartz .ag-chart-format-wrapper,
.ag-theme-quartz .ag-chart-data-wrapper,
.ag-theme-quartz .ag-charts-format-top-level-group,
.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz .ag-charts-format-top-level-group-item,
.ag-theme-quartz .ag-charts-format-sub-level-group,
.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz .ag-charts-format-sub-level-group-container,
.ag-theme-quartz .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-quartz .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz .ag-charts-data-group-title-bar,
.ag-theme-quartz .ag-charts-data-group-container,
.ag-theme-quartz .ag-charts-settings-group-title-bar,
.ag-theme-quartz .ag-charts-settings-group-container,
.ag-theme-quartz-dark .ag-chart-format-wrapper,
.ag-theme-quartz-dark .ag-chart-data-wrapper,
.ag-theme-quartz-dark .ag-charts-format-top-level-group,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-item,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-dark .ag-charts-data-group-container,
.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-dark .ag-charts-settings-group-container,
.ag-theme-quartz-auto-dark .ag-chart-format-wrapper,
.ag-theme-quartz-auto-dark .ag-chart-data-wrapper,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-item,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-data-group-container,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-container {
padding: 0;
margin: 0;
}
.ag-theme-quartz .ag-charts-format-top-level-group,
.ag-theme-quartz .ag-charts-data-group,
.ag-theme-quartz-dark .ag-charts-format-top-level-group,
.ag-theme-quartz-dark .ag-charts-data-group,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group,
.ag-theme-quartz-auto-dark .ag-charts-data-group {
border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-data-group-title-bar,
.ag-theme-quartz .ag-charts-settings-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar {
padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}
.ag-theme-quartz .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz .ag-charts-data-group .ag-charts-data-group-container,
.ag-theme-quartz .ag-charts-settings-group .ag-charts-settings-group-container,
.ag-theme-quartz-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-data-group .ag-charts-data-group-container,
.ag-theme-quartz-dark .ag-charts-settings-group .ag-charts-settings-group-container,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-data-group .ag-charts-data-group-container,
.ag-theme-quartz-auto-dark .ag-charts-settings-group .ag-charts-settings-group-container {
padding: 0 var(--ag-widget-container-horizontal-padding);
}
.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar {
padding: var(--ag-widget-vertical-spacing) 0;
}
.ag-theme-quartz .ag-charts-format-sub-level-group-container,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container {
padding-top: var(--ag-widget-vertical-spacing);
padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-charts-format-top-level-group-container > *,
.ag-theme-quartz .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-container > *,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-container > *,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container > * {
margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-theme-quartz .ag-charts-data-group-item,
.ag-theme-quartz-dark .ag-charts-data-group-item,
.ag-theme-quartz-auto-dark .ag-charts-data-group-item {
padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-chart-settings-mini-wrapper,
.ag-theme-quartz-dark .ag-chart-settings-mini-wrapper,
.ag-theme-quartz-auto-dark .ag-chart-settings-mini-wrapper {
padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-chart-advanced-settings-section,
.ag-theme-quartz-dark .ag-chart-advanced-settings-section,
.ag-theme-quartz-auto-dark .ag-chart-advanced-settings-section {
padding-top: var(--ag-widget-container-vertical-padding);
padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container {
padding: 0 var(--ag-widget-container-horizontal-padding);
}
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-container {
margin: 0;
}
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-item,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-item,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-item {
margin-top: calc(var(--ag-widget-vertical-spacing) * 2);
margin-bottom: 0;
}
.ag-theme-quartz .ag-ltr .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-ltr .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-group-title-bar-icon {
margin-right: var(--ag-grid-size);
}
.ag-theme-quartz .ag-rtl .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-rtl .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-group-title-bar-icon {
margin-left: var(--ag-grid-size);
}
.ag-theme-quartz .ag-spectrum-color,
.ag-theme-quartz .ag-spectrum-fill,
.ag-theme-quartz-dark .ag-spectrum-color,
.ag-theme-quartz-dark .ag-spectrum-fill,
.ag-theme-quartz-auto-dark .ag-spectrum-color,
.ag-theme-quartz-auto-dark .ag-spectrum-fill {
border-radius: var(--ag-border-radius);
}
.ag-theme-quartz .ag-spectrum-dragger,
.ag-theme-quartz-dark .ag-spectrum-dragger,
.ag-theme-quartz-auto-dark .ag-spectrum-dragger {
border-radius: 18px;
height: 18px;
width: 18px;
border: 3px solid white;
}
.ag-theme-quartz .ag-spectrum-tools,
.ag-theme-quartz-dark .ag-spectrum-tools,
.ag-theme-quartz-auto-dark .ag-spectrum-tools {
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.ag-theme-quartz .ag-spectrum-tool,
.ag-theme-quartz-dark .ag-spectrum-tool,
.ag-theme-quartz-auto-dark .ag-spectrum-tool {
height: 12px;
}
.ag-theme-quartz .ag-spectrum-hue-background,
.ag-theme-quartz .ag-spectrum-alpha-background,
.ag-theme-quartz-dark .ag-spectrum-hue-background,
.ag-theme-quartz-dark .ag-spectrum-alpha-background,
.ag-theme-quartz-auto-dark .ag-spectrum-hue-background,
.ag-theme-quartz-auto-dark .ag-spectrum-alpha-background {
border-radius: 12px;
}
.ag-theme-quartz .ag-spectrum-slider,
.ag-theme-quartz-dark .ag-spectrum-slider,
.ag-theme-quartz-auto-dark .ag-spectrum-slider {
margin-top: -15px;
width: 18px;
height: 18px;
border-radius: 18px;
border: 3px solid rgb(248, 248, 248);
}
.ag-theme-quartz .ag-recent-colors,
.ag-theme-quartz-dark .ag-recent-colors,
.ag-theme-quartz-auto-dark .ag-recent-colors {
margin-left: var(--ag-grid-size);
margin-right: var(--ag-grid-size);
margin-bottom: 2px;
}
.ag-theme-quartz .ag-color-input-color,
.ag-theme-quartz .ag-color-picker-color,
.ag-theme-quartz .ag-recent-color,
.ag-theme-quartz-dark .ag-color-input-color,
.ag-theme-quartz-dark .ag-color-picker-color,
.ag-theme-quartz-dark .ag-recent-color,
.ag-theme-quartz-auto-dark .ag-color-input-color,
.ag-theme-quartz-auto-dark .ag-color-picker-color,
.ag-theme-quartz-auto-dark .ag-recent-color {
border-radius: 4px;
}
.ag-theme-quartz .ag-recent-color,
.ag-theme-quartz-dark .ag-recent-color,
.ag-theme-quartz-auto-dark .ag-recent-color {
border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-quartz .ag-dnd-ghost,
.ag-theme-quartz-dark .ag-dnd-ghost,
.ag-theme-quartz-auto-dark .ag-dnd-ghost {
font-weight: 500;
}
.ag-theme-quartz .ag-standard-button,
.ag-theme-quartz-dark .ag-standard-button,
.ag-theme-quartz-auto-dark .ag-standard-button {
font-family: inherit;
appearance: none;
-webkit-appearance: none;
border-radius: var(--ag-border-radius);
border: solid 1px var(--ag-input-border-color);
background-color: var(--ag-background-color);
padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
}
.ag-theme-quartz .ag-standard-button:not(:disabled),
.ag-theme-quartz-dark .ag-standard-button:not(:disabled),
.ag-theme-quartz-auto-dark .ag-standard-button:not(:disabled) {
cursor: pointer;
}
.ag-theme-quartz .ag-standard-button:not(:disabled):hover,
.ag-theme-quartz-dark .ag-standard-button:not(:disabled):hover,
.ag-theme-quartz-auto-dark .ag-standard-button:not(:disabled):hover {
background-color: var(--ag-row-hover-color);
}
.ag-theme-quartz .ag-standard-button:active,
.ag-theme-quartz-dark .ag-standard-button:active,
.ag-theme-quartz-auto-dark .ag-standard-button:active {
border-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-standard-button:disabled,
.ag-theme-quartz-dark .ag-standard-button:disabled,
.ag-theme-quartz-auto-dark .ag-standard-button:disabled {
color: var(--ag-disabled-foreground-color);
background-color: var(--ag-input-disabled-background-color);
border-color: var(--ag-input-disabled-border-color);
}
.ag-theme-quartz .ag-column-drop-cell,
.ag-theme-quartz-dark .ag-column-drop-cell,
.ag-theme-quartz-auto-dark .ag-column-drop-cell {
border-radius: calc(var(--ag-grid-size) * 3);
height: calc(var(--ag-grid-size) * 3);
padding: 0 var(--ag-grid-size);
}
.ag-theme-quartz .ag-column-drop-cell-button,
.ag-theme-quartz-dark .ag-column-drop-cell-button,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-button {
min-width: 0;
margin: 0;
}
.ag-theme-quartz .ag-column-drop-cell-drag-handle,
.ag-theme-quartz-dark .ag-column-drop-cell-drag-handle,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-drag-handle {
margin-left: 0;
}
.ag-theme-quartz .ag-column-drop-vertical,
.ag-theme-quartz-dark .ag-column-drop-vertical,
.ag-theme-quartz-auto-dark .ag-column-drop-vertical {
min-height: 75px;
}
.ag-theme-quartz .ag-column-drop-vertical-title-bar,
.ag-theme-quartz-dark .ag-column-drop-vertical-title-bar,
.ag-theme-quartz-auto-dark .ag-column-drop-vertical-title-bar {
padding: var(--ag-widget-container-vertical-padding) calc(var(--ag-grid-size) * 2) 0;
}
.ag-theme-quartz .ag-ltr .ag-column-drop-vertical-icon, .ag-theme-quartz-dark .ag-ltr .ag-column-drop-vertical-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-drop-vertical-icon {
margin-left: 0;
margin-right: var(--ag-widget-horizontal-spacing);
}
.ag-theme-quartz .ag-rtl .ag-column-drop-vertical-icon, .ag-theme-quartz-dark .ag-rtl .ag-column-drop-vertical-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-drop-vertical-icon {
margin-right: 0;
margin-left: var(--ag-widget-horizontal-spacing);
}
.ag-theme-quartz .ag-column-drop-vertical-empty-message,
.ag-theme-quartz-dark .ag-column-drop-vertical-empty-message,
.ag-theme-quartz-auto-dark .ag-column-drop-vertical-empty-message {
display: flex;
align-items: center;
justify-content: center;
border: dashed 1px;
border-color: var(--ag-border-color);
margin: calc(var(--ag-grid-size) * 1.5) calc(var(--ag-grid-size) * 2);
padding: calc(var(--ag-grid-size) * 2);
}
.ag-theme-quartz .ag-column-drop-empty-message,
.ag-theme-quartz-dark .ag-column-drop-empty-message,
.ag-theme-quartz-auto-dark .ag-column-drop-empty-message {
color: var(--ag-foreground-color);
}
.ag-theme-quartz .ag-pill-select .ag-column-drop,
.ag-theme-quartz-dark .ag-pill-select .ag-column-drop,
.ag-theme-quartz-auto-dark .ag-pill-select .ag-column-drop {
min-height: unset;
}
.ag-theme-quartz .ag-pill-select .ag-picker-field-display,
.ag-theme-quartz-dark .ag-pill-select .ag-picker-field-display,
.ag-theme-quartz-auto-dark .ag-pill-select .ag-picker-field-display {
font-weight: 500;
color: var(--ag-chart-menu-pill-select-button-color);
}
.ag-theme-quartz .ag-pill-select .ag-picker-field-icon .ag-icon,
.ag-theme-quartz-dark .ag-pill-select .ag-picker-field-icon .ag-icon,
.ag-theme-quartz-auto-dark .ag-pill-select .ag-picker-field-icon .ag-icon {
color: var(--ag-chart-menu-pill-select-button-color);
}
.ag-theme-quartz .ag-status-bar,
.ag-theme-quartz-dark .ag-status-bar,
.ag-theme-quartz-auto-dark .ag-status-bar {
font-weight: normal;
}
.ag-theme-quartz .ag-status-name-value,
.ag-theme-quartz-dark .ag-status-name-value,
.ag-theme-quartz-auto-dark .ag-status-name-value {
padding: var(--ag-widget-container-vertical-padding) 0;
}
.ag-theme-quartz .ag-status-name-value-value,
.ag-theme-quartz .ag-paging-number,
.ag-theme-quartz .ag-paging-row-summary-panel-number,
.ag-theme-quartz-dark .ag-status-name-value-value,
.ag-theme-quartz-dark .ag-paging-number,
.ag-theme-quartz-dark .ag-paging-row-summary-panel-number,
.ag-theme-quartz-auto-dark .ag-status-name-value-value,
.ag-theme-quartz-auto-dark .ag-paging-number,
.ag-theme-quartz-auto-dark .ag-paging-row-summary-panel-number {
font-weight: 500;
font-variant-numeric: tabular-nums;
}
.ag-theme-quartz .ag-column-drop-cell-button,
.ag-theme-quartz-dark .ag-column-drop-cell-button,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-button {
opacity: 0.75;
}
.ag-theme-quartz .ag-column-drop-cell-button:hover,
.ag-theme-quartz-dark .ag-column-drop-cell-button:hover,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-button:hover {
opacity: 1;
}
.ag-theme-quartz .ag-header-cell-menu-button,
.ag-theme-quartz .ag-header-cell-filter-button,
.ag-theme-quartz .ag-panel-title-bar-button,
.ag-theme-quartz .ag-header-expand-icon,
.ag-theme-quartz .ag-column-group-icons,
.ag-theme-quartz .ag-set-filter-group-icons,
.ag-theme-quartz .ag-group-expanded .ag-icon,
.ag-theme-quartz .ag-group-contracted .ag-icon,
.ag-theme-quartz .ag-chart-settings-prev,
.ag-theme-quartz .ag-chart-settings-next,
.ag-theme-quartz .ag-group-title-bar-icon,
.ag-theme-quartz .ag-column-select-header-icon,
.ag-theme-quartz .ag-floating-filter-button-button,
.ag-theme-quartz .ag-filter-toolpanel-expand,
.ag-theme-quartz .ag-panel-title-bar-button-icon,
.ag-theme-quartz .ag-chart-menu-icon,
.ag-theme-quartz-dark .ag-header-cell-menu-button,
.ag-theme-quartz-dark .ag-header-cell-filter-button,
.ag-theme-quartz-dark .ag-panel-title-bar-button,
.ag-theme-quartz-dark .ag-header-expand-icon,
.ag-theme-quartz-dark .ag-column-group-icons,
.ag-theme-quartz-dark .ag-set-filter-group-icons,
.ag-theme-quartz-dark .ag-group-expanded .ag-icon,
.ag-theme-quartz-dark .ag-group-contracted .ag-icon,
.ag-theme-quartz-dark .ag-chart-settings-prev,
.ag-theme-quartz-dark .ag-chart-settings-next,
.ag-theme-quartz-dark .ag-group-title-bar-icon,
.ag-theme-quartz-dark .ag-column-select-header-icon,
.ag-theme-quartz-dark .ag-floating-filter-button-button,
.ag-theme-quartz-dark .ag-filter-toolpanel-expand,
.ag-theme-quartz-dark .ag-panel-title-bar-button-icon,
.ag-theme-quartz-dark .ag-chart-menu-icon,
.ag-theme-quartz-auto-dark .ag-header-cell-menu-button,
.ag-theme-quartz-auto-dark .ag-header-cell-filter-button,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button,
.ag-theme-quartz-auto-dark .ag-header-expand-icon,
.ag-theme-quartz-auto-dark .ag-column-group-icons,
.ag-theme-quartz-auto-dark .ag-set-filter-group-icons,
.ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon,
.ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon,
.ag-theme-quartz-auto-dark .ag-chart-settings-prev,
.ag-theme-quartz-auto-dark .ag-chart-settings-next,
.ag-theme-quartz-auto-dark .ag-group-title-bar-icon,
.ag-theme-quartz-auto-dark .ag-column-select-header-icon,
.ag-theme-quartz-auto-dark .ag-floating-filter-button-button,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon,
.ag-theme-quartz-auto-dark .ag-chart-menu-icon {
--ag-quartz-icon-hover-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
}
.ag-theme-quartz .ag-header-cell-menu-button:hover, .ag-theme-quartz .ag-header-cell-menu-button.ag-has-menu-open,
.ag-theme-quartz .ag-header-cell-filter-button:hover,
.ag-theme-quartz .ag-header-cell-filter-button.ag-has-menu-open,
.ag-theme-quartz .ag-panel-title-bar-button:hover,
.ag-theme-quartz .ag-panel-title-bar-button.ag-has-menu-open,
.ag-theme-quartz .ag-header-expand-icon:hover,
.ag-theme-quartz .ag-header-expand-icon.ag-has-menu-open,
.ag-theme-quartz .ag-column-group-icons:hover,
.ag-theme-quartz .ag-column-group-icons.ag-has-menu-open,
.ag-theme-quartz .ag-set-filter-group-icons:hover,
.ag-theme-quartz .ag-set-filter-group-icons.ag-has-menu-open,
.ag-theme-quartz .ag-group-expanded .ag-icon:hover,
.ag-theme-quartz .ag-group-expanded .ag-icon.ag-has-menu-open,
.ag-theme-quartz .ag-group-contracted .ag-icon:hover,
.ag-theme-quartz .ag-group-contracted .ag-icon.ag-has-menu-open,
.ag-theme-quartz .ag-chart-settings-prev:hover,
.ag-theme-quartz .ag-chart-settings-prev.ag-has-menu-open,
.ag-theme-quartz .ag-chart-settings-next:hover,
.ag-theme-quartz .ag-chart-settings-next.ag-has-menu-open,
.ag-theme-quartz .ag-group-title-bar-icon:hover,
.ag-theme-quartz .ag-group-title-bar-icon.ag-has-menu-open,
.ag-theme-quartz .ag-column-select-header-icon:hover,
.ag-theme-quartz .ag-column-select-header-icon.ag-has-menu-open,
.ag-theme-quartz .ag-floating-filter-button-button:hover,
.ag-theme-quartz .ag-floating-filter-button-button.ag-has-menu-open,
.ag-theme-quartz .ag-filter-toolpanel-expand:hover,
.ag-theme-quartz .ag-filter-toolpanel-expand.ag-has-menu-open,
.ag-theme-quartz .ag-panel-title-bar-button-icon:hover,
.ag-theme-quartz .ag-panel-title-bar-button-icon.ag-has-menu-open,
.ag-theme-quartz .ag-chart-menu-icon:hover,
.ag-theme-quartz .ag-chart-menu-icon.ag-has-menu-open,
.ag-theme-quartz-dark .ag-header-cell-menu-button:hover,
.ag-theme-quartz-dark .ag-header-cell-menu-button.ag-has-menu-open,
.ag-theme-quartz-dark .ag-header-cell-filter-button:hover,
.ag-theme-quartz-dark .ag-header-cell-filter-button.ag-has-menu-open,
.ag-theme-quartz-dark .ag-panel-title-bar-button:hover,
.ag-theme-quartz-dark .ag-panel-title-bar-button.ag-has-menu-open,
.ag-theme-quartz-dark .ag-header-expand-icon:hover,
.ag-theme-quartz-dark .ag-header-expand-icon.ag-has-menu-open,
.ag-theme-quartz-dark .ag-column-group-icons:hover,
.ag-theme-quartz-dark .ag-column-group-icons.ag-has-menu-open,
.ag-theme-quartz-dark .ag-set-filter-group-icons:hover,
.ag-theme-quartz-dark .ag-set-filter-group-icons.ag-has-menu-open,
.ag-theme-quartz-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-quartz-dark .ag-group-expanded .ag-icon.ag-has-menu-open,
.ag-theme-quartz-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-quartz-dark .ag-group-contracted .ag-icon.ag-has-menu-open,
.ag-theme-quartz-dark .ag-chart-settings-prev:hover,
.ag-theme-quartz-dark .ag-chart-settings-prev.ag-has-menu-open,
.ag-theme-quartz-dark .ag-chart-settings-next:hover,
.ag-theme-quartz-dark .ag-chart-settings-next.ag-has-menu-open,
.ag-theme-quartz-dark .ag-group-title-bar-icon:hover,
.ag-theme-quartz-dark .ag-group-title-bar-icon.ag-has-menu-open,
.ag-theme-quartz-dark .ag-column-select-header-icon:hover,
.ag-theme-quartz-dark .ag-column-select-header-icon.ag-has-menu-open,
.ag-theme-quartz-dark .ag-floating-filter-button-button:hover,
.ag-theme-quartz-dark .ag-floating-filter-button-button.ag-has-menu-open,
.ag-theme-quartz-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-quartz-dark .ag-filter-toolpanel-expand.ag-has-menu-open,
.ag-theme-quartz-dark .ag-panel-title-bar-button-icon:hover,
.ag-theme-quartz-dark .ag-panel-title-bar-button-icon.ag-has-menu-open,
.ag-theme-quartz-dark .ag-chart-menu-icon:hover,
.ag-theme-quartz-dark .ag-chart-menu-icon.ag-has-menu-open,
.ag-theme-quartz-auto-dark .ag-header-cell-menu-button:hover,
.ag-theme-quartz-auto-dark .ag-header-cell-menu-button.ag-has-menu-open,
.ag-theme-quartz-auto-dark .ag-header-cell-filter-button:hover,
.ag-theme-quartz-auto-dark .ag-header-cell-filter-button.ag-has-menu-open,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button:hover,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button.ag-has-menu-open,
.ag-theme-quartz-auto-dark .ag-header-expand-icon:hover,
.ag-theme-quartz-auto-dark .ag-header-expand-icon.ag-has-menu-open,
.ag-theme-quartz-auto-dark .ag-column-group-icons:hover,
.ag-theme-quartz-auto-dark .ag-column-group-icons.ag-has-menu-open,
.ag-theme-quartz-auto-dark .ag-set-filter-group-icons:hover,
.ag-theme-quartz-auto-dark .ag-set-filter-group-icons.ag-has-menu-open,
.ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon.ag-has-menu-open,
.ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon.ag-has-menu-open,
.ag-theme-quartz-auto-dark .ag-chart-settings-prev:hover,
.ag-theme-quartz-auto-dark .ag-chart-settings-prev.ag-has-menu-open,
.ag-theme-quartz-auto-dark .ag-chart-settings-next:hover,
.ag-theme-quartz-auto-dark .ag-chart-settings-next.ag-has-menu-open,
.ag-theme-quartz-auto-dark .ag-group-title-bar-icon:hover,
.ag-theme-quartz-auto-dark .ag-group-title-bar-icon.ag-has-menu-open,
.ag-theme-quartz-auto-dark .ag-column-select-header-icon:hover,
.ag-theme-quartz-auto-dark .ag-column-select-header-icon.ag-has-menu-open,
.ag-theme-quartz-auto-dark .ag-floating-filter-button-button:hover,
.ag-theme-quartz-auto-dark .ag-floating-filter-button-button.ag-has-menu-open,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand.ag-has-menu-open,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon:hover,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon.ag-has-menu-open,
.ag-theme-quartz-auto-dark .ag-chart-menu-icon:hover,
.ag-theme-quartz-auto-dark .ag-chart-menu-icon.ag-has-menu-open {
border-radius: 1px;
background-color: var(--ag-quartz-icon-hover-color);
box-shadow: 0 0 0 4px var(--ag-quartz-icon-hover-color);
}
.ag-theme-quartz .ag-filter-active,
.ag-theme-quartz .ag-filter-toolpanel-group-instance-header-icon,
.ag-theme-quartz .ag-filter-toolpanel-instance-header-icon,
.ag-theme-quartz-dark .ag-filter-active,
.ag-theme-quartz-dark .ag-filter-toolpanel-group-instance-header-icon,
.ag-theme-quartz-dark .ag-filter-toolpanel-instance-header-icon,
.ag-theme-quartz-auto-dark .ag-filter-active,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-instance-header-icon,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-instance-header-icon {
position: relative;
}
.ag-theme-quartz .ag-filter-active::after,
.ag-theme-quartz .ag-filter-toolpanel-group-instance-header-icon::after,
.ag-theme-quartz .ag-filter-toolpanel-instance-header-icon::after,
.ag-theme-quartz-dark .ag-filter-active::after,
.ag-theme-quartz-dark .ag-filter-toolpanel-group-instance-header-icon::after,
.ag-theme-quartz-dark .ag-filter-toolpanel-instance-header-icon::after,
.ag-theme-quartz-auto-dark .ag-filter-active::after,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-instance-header-icon::after,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-instance-header-icon::after {
content: "";
position: absolute;
width: 6px;
height: 6px;
top: -1px;
right: -1px;
border-radius: 50%;
background-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-filter-active,
.ag-theme-quartz-dark .ag-filter-active,
.ag-theme-quartz-auto-dark .ag-filter-active {
--ag-quartz-icon-active-color: color-mix(in srgb, transparent, var(--ag-active-color) 14%);
--ag-quartz-icon-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 28%);
border-radius: 1px;
background-color: var(--ag-quartz-icon-active-color);
box-shadow: 0 0 0 4px var(--ag-quartz-icon-active-color);
}
.ag-theme-quartz .ag-filter-active .ag-icon-filter,
.ag-theme-quartz-dark .ag-filter-active .ag-icon-filter,
.ag-theme-quartz-auto-dark .ag-filter-active .ag-icon-filter {
clip-path: path("M8,0C8,4.415 11.585,8 16,8L16,16L0,16L0,0L8,0Z");
}
.ag-theme-quartz .ag-chart-menu,
.ag-theme-quartz-dark .ag-chart-menu,
.ag-theme-quartz-auto-dark .ag-chart-menu {
--ag-icon-size: 20px;
background-color: color-mix(in srgb, transparent, var(--ag-background-color) 30%);
padding: 4px 2px;
}
.ag-theme-quartz .ag-chart-menu-icon,
.ag-theme-quartz-dark .ag-chart-menu-icon,
.ag-theme-quartz-auto-dark .ag-chart-menu-icon {
opacity: 0.8;
}
.ag-theme-quartz .ag-drag-handle,
.ag-theme-quartz-dark .ag-drag-handle,
.ag-theme-quartz-auto-dark .ag-drag-handle {
color: var(--ag-icon-font-color);
}
.ag-theme-quartz .ag-ltr .ag-menu-option-icon, .ag-theme-quartz .ag-ltr .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-ltr .ag-menu-option-icon, .ag-theme-quartz-dark .ag-ltr .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-compact-menu-option-icon {
padding-left: calc(var(--ag-grid-size) * 1.5);
}
.ag-theme-quartz .ag-rtl .ag-menu-option-icon, .ag-theme-quartz .ag-rtl .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-rtl .ag-menu-option-icon, .ag-theme-quartz-dark .ag-rtl .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-compact-menu-option-icon {
padding-right: calc(var(--ag-grid-size) * 1.5);
}
.ag-theme-quartz .ag-menu-option-icon,
.ag-theme-quartz .ag-compact-menu-option-icon,
.ag-theme-quartz-dark .ag-menu-option-icon,
.ag-theme-quartz-dark .ag-compact-menu-option-icon,
.ag-theme-quartz-auto-dark .ag-menu-option-icon,
.ag-theme-quartz-auto-dark .ag-compact-menu-option-icon {
width: var(--ag-icon-size);
cursor: pointer;
}
.ag-theme-quartz .ag-chart-settings-card-item.ag-not-selected:hover,
.ag-theme-quartz-dark .ag-chart-settings-card-item.ag-not-selected:hover,
.ag-theme-quartz-auto-dark .ag-chart-settings-card-item.ag-not-selected:hover {
opacity: 0.35;
}
.ag-theme-quartz .ag-ltr .ag-panel-title-bar-button, .ag-theme-quartz-dark .ag-ltr .ag-panel-title-bar-button, .ag-theme-quartz-auto-dark .ag-ltr .ag-panel-title-bar-button {
margin-left: calc(var(--ag-grid-size) * 2);
margin-right: var(--ag-grid-size);
}
.ag-theme-quartz .ag-rtl .ag-panel-title-bar-button, .ag-theme-quartz-dark .ag-rtl .ag-panel-title-bar-button, .ag-theme-quartz-auto-dark .ag-rtl .ag-panel-title-bar-button {
margin-right: calc(var(--ag-grid-size) * 2);
margin-left: var(--ag-grid-size);
}
.ag-theme-quartz .ag-multi-filter-group-title-bar,
.ag-theme-quartz-dark .ag-multi-filter-group-title-bar,
.ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar {
padding: calc(var(--ag-grid-size) * 1.5) var(--ag-grid-size);
}
.ag-theme-quartz .ag-ltr .ag-filter-toolpanel-instance-body, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-instance-body, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-instance-body {
padding-left: var(--ag-grid-size);
}
.ag-theme-quartz .ag-rtl .ag-filter-toolpanel-instance-body, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-instance-body, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-instance-body {
padding-right: var(--ag-grid-size);
}
.ag-theme-quartz .ag-filter-toolpanel-instance-filter,
.ag-theme-quartz-dark .ag-filter-toolpanel-instance-filter,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-instance-filter {
border: none;
background-color: var(--ag-control-panel-background-color);
}
.ag-theme-quartz .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-instance-filter {
margin-left: calc(var(--ag-icon-size) * 0.5);
}
.ag-theme-quartz .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-instance-filter {
margin-right: calc(var(--ag-icon-size) * 0.5);
}
.ag-theme-quartz .ag-filter-toolpanel-group-level-0,
.ag-theme-quartz-dark .ag-filter-toolpanel-group-level-0,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-level-0 {
border-top: none;
}
.ag-theme-quartz .ag-filter-toolpanel-header,
.ag-theme-quartz-dark .ag-filter-toolpanel-header,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-header {
height: initial;
padding-top: var(--ag-grid-size);
padding-bottom: var(--ag-grid-size);
}
.ag-theme-quartz .ag-filter-toolpanel-group-item,
.ag-theme-quartz-dark .ag-filter-toolpanel-group-item,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-item {
margin: 0;
}
.ag-theme-quartz .ag-date-time-list-page-entry-is-current,
.ag-theme-quartz-dark .ag-date-time-list-page-entry-is-current,
.ag-theme-quartz-auto-dark .ag-date-time-list-page-entry-is-current {
background-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-advanced-filter-builder-button,
.ag-theme-quartz-dark .ag-advanced-filter-builder-button,
.ag-theme-quartz-auto-dark .ag-advanced-filter-builder-button {
padding: var(--ag-grid-size);
font-weight: 600;
}
.ag-theme-quartz .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-quartz .ag-disabled .ag-icon,
.ag-theme-quartz .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-quartz [disabled] .ag-icon,
.ag-theme-quartz-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-quartz-dark .ag-disabled .ag-icon,
.ag-theme-quartz-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-quartz-dark [disabled] .ag-icon,
.ag-theme-quartz-auto-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-quartz-auto-dark .ag-disabled .ag-icon,
.ag-theme-quartz-auto-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-quartz-auto-dark [disabled] .ag-icon {
opacity: 0.6;
}
.ag-theme-quartz .ag-icon-grip,
.ag-theme-quartz-dark .ag-icon-grip,
.ag-theme-quartz-auto-dark .ag-icon-grip {
opacity: 0.7;
}
.ag-theme-quartz .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-quartz .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-quartz-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-quartz-dark .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-quartz-auto-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-quartz-auto-dark .ag-column-select-column-readonly .ag-icon-grip {
opacity: 0.35;
}
.ag-theme-quartz .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz .ag-filter-filter .ag-input-wrapper::before,
.ag-theme-quartz .ag-filter-add-select .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-add-select .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-filter-filter .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-filter-add-select .ag-input-wrapper::before {
position: absolute;
display: block;
}
.ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-filter-add-select .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-filter-add-select .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-add-select .ag-input-wrapper::before {
margin-left: var(--ag-grid-size);
}
.ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-filter-add-select .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-filter-add-select .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-add-select .ag-input-wrapper::before {
margin-right: var(--ag-grid-size);
}
.ag-theme-quartz .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz .ag-filter-filter .ag-input-wrapper::before,
.ag-theme-quartz .ag-filter-add-select .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-add-select .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-filter-filter .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-filter-add-select .ag-input-wrapper::before {
width: 12px;
height: 12px;
background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ij48cGF0aCBkPSJNNS4zIDlhMy43IDMuNyAwIDEgMCAwLTcuNSAzLjcgMy43IDAgMCAwIDAgNy41Wk0xMC41IDEwLjUgOC4zIDguMiIvPjwvc3ZnPg==);
background-position: 50% 50%;
background-size: contain;
opacity: 40%;
content: "";
filter: var(--ag-icon-filter);
}
.ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-filter-add-select input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-add-select input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-add-select input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-add-select input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-add-select input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-add-select input.ag-number-field-input {
padding-left: 26px;
}
.ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-filter-add-select input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-add-select input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-add-select input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-add-select input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-add-select input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-add-select input.ag-number-field-input {
padding-right: 26px;
}
.ag-theme-quartz .ag-ltr .ag-column-select-add-group-indent, .ag-theme-quartz-dark .ag-ltr .ag-column-select-add-group-indent, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-add-group-indent {
margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5);
}
.ag-theme-quartz .ag-rtl .ag-column-select-add-group-indent, .ag-theme-quartz-dark .ag-rtl .ag-column-select-add-group-indent, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-add-group-indent {
margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5);
}
.ag-theme-quartz .ag-text-field-input[disabled],
.ag-theme-quartz .ag-menu-option-disabled,
.ag-theme-quartz-dark .ag-text-field-input[disabled],
.ag-theme-quartz-dark .ag-menu-option-disabled,
.ag-theme-quartz-auto-dark .ag-text-field-input[disabled],
.ag-theme-quartz-auto-dark .ag-menu-option-disabled {
cursor: not-allowed;
}
.ag-theme-quartz .ag-checkbox-input-wrapper.ag-checked.ag-disabled,
.ag-theme-quartz-dark .ag-checkbox-input-wrapper.ag-checked.ag-disabled,
.ag-theme-quartz-auto-dark .ag-checkbox-input-wrapper.ag-checked.ag-disabled {
--ag-checkbox-checked-color: var(--ag-checkbox-unchecked-color);
}
.ag-theme-quartz .ag-checkbox-input,
.ag-theme-quartz .ag-toggle-button-input,
.ag-theme-quartz .ag-radio-button-input,
.ag-theme-quartz input[class^=ag-][type=range],
.ag-theme-quartz-dark .ag-checkbox-input,
.ag-theme-quartz-dark .ag-toggle-button-input,
.ag-theme-quartz-dark .ag-radio-button-input,
.ag-theme-quartz-dark input[class^=ag-][type=range],
.ag-theme-quartz-auto-dark .ag-checkbox-input,
.ag-theme-quartz-auto-dark .ag-toggle-button-input,
.ag-theme-quartz-auto-dark .ag-radio-button-input,
.ag-theme-quartz-auto-dark input[class^=ag-][type=range] {
cursor: pointer;
}
.ag-theme-quartz .ag-details-row,
.ag-theme-quartz-dark .ag-details-row,
.ag-theme-quartz-auto-dark .ag-details-row {
padding: calc(var(--ag-grid-size) * 3.75);
}
.ag-theme-quartz .ag-list-item-hovered::after,
.ag-theme-quartz-dark .ag-list-item-hovered::after,
.ag-theme-quartz-auto-dark .ag-list-item-hovered::after {
background-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-pill .ag-pill-button:hover,
.ag-theme-quartz-dark .ag-pill .ag-pill-button:hover,
.ag-theme-quartz-auto-dark .ag-pill .ag-pill-button:hover {
color: var(--ag-active-color);
}
.ag-theme-quartz-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper::before {
opacity: 66%;
filter: invert(100%);
}
.ag-theme-quartz-dark .ag-chart-menu {
background-color: color-mix(in srgb, rgba(24, 39, 50, 0.3), var(--ag-background-color) 30%);
}
.ag-theme-quartz-dark .ag-text-field-input::placeholder {
color: var(--ag-data-color);
opacity: 0.8;
}
.react-grid-layout {
position: relative;
transition: height 200ms ease;
}
.react-grid-item {
transition: all 200ms ease;
transition-property: left, top, width, height;
}
.react-grid-item img {
pointer-events: none;
user-select: none;
}
.react-grid-item.cssTransforms {
transition-property: transform, width, height;
}
.react-grid-item.resizing {
transition: none;
z-index: 1;
will-change: width, height;
}
.react-grid-item.react-draggable-dragging {
transition: none;
z-index: 3;
will-change: transform;
}
.react-grid-item.dropping {
visibility: hidden;
}
.react-grid-item.react-grid-placeholder {
background: red;
opacity: 0.2;
transition-duration: 100ms;
z-index: 2;
user-select: none;
}
.react-grid-item.react-grid-placeholder.placeholder-resizing {
transition: none;
}
.react-grid-item > .react-resizable-handle {
position: absolute;
width: 20px;
height: 20px;
opacity: 0;
}
.react-grid-item:hover > .react-resizable-handle {
opacity: 1;
}
.react-grid-item > .react-resizable-handle::after {
content: "";
position: absolute;
right: 3px;
bottom: 3px;
width: 5px;
height: 5px;
border-right: 2px solid rgba(0, 0, 0, 0.4);
border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}
.react-resizable-hide > .react-resizable-handle {
display: none;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-sw {
bottom: 0;
left: 0;
cursor: sw-resize;
transform: rotate(90deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-se {
bottom: 0;
right: 0;
cursor: se-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-nw {
top: 0;
left: 0;
cursor: nw-resize;
transform: rotate(180deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-ne {
top: 0;
right: 0;
cursor: ne-resize;
transform: rotate(270deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-w,
.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
top: 50%;
margin-top: -10px;
cursor: ew-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-w {
left: 0;
transform: rotate(135deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
right: 0;
transform: rotate(315deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-n,
.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
left: 50%;
margin-left: -10px;
cursor: ns-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-n {
top: 0;
transform: rotate(225deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
bottom: 0;
transform: rotate(45deg);
}
.react-resizable {
position: relative;
}
.react-resizable-handle {
position: absolute;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-origin: content-box;
box-sizing: border-box;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);
background-position: bottom right;
padding: 0 3px 3px 0;
}
.react-resizable-handle-sw {
bottom: 0;
left: 0;
cursor: sw-resize;
transform: rotate(90deg);
}
.react-resizable-handle-se {
bottom: 0;
right: 0;
cursor: se-resize;
}
.react-resizable-handle-nw {
top: 0;
left: 0;
cursor: nw-resize;
transform: rotate(180deg);
}
.react-resizable-handle-ne {
top: 0;
right: 0;
cursor: ne-resize;
transform: rotate(270deg);
}
.react-resizable-handle-w,
.react-resizable-handle-e {
top: 50%;
margin-top: -10px;
cursor: ew-resize;
}
.react-resizable-handle-w {
left: 0;
transform: rotate(135deg);
}
.react-resizable-handle-e {
right: 0;
transform: rotate(315deg);
}
.react-resizable-handle-n,
.react-resizable-handle-s {
left: 50%;
margin-left: -10px;
cursor: ns-resize;
}
.react-resizable-handle-n {
top: 0;
transform: rotate(225deg);
}
.react-resizable-handle-s {
bottom: 0;
transform: rotate(45deg);
}