.joltemo-table-container{& .scroll-text{opacity:.8;font-size:.8rem}}.joltemo-table{text-align:left;overflow-x:scroll;border:1px solid var(--color-background-70);& table{width:100%;text-align:left;border-collapse:collapse;border:none}& thead{border-block-end:2px solid var(--color-background-70);background:var(--color-background-50);text-align:center}& td,& th{border:1px solid var(--color-background-70);padding:.25rem .3rem;font-size:calc(.7rem + .4vw)}td:first-child,th:first-child{position:sticky;left:0;background:var(--color-background-50);z-index:2;border-left:none}td:last-child,th:last-child{border-right:none}& tfoot{border-block-start:2px solid;background:rgba(0,0,0,.5)}& a{text-decoration:underline;color:var(--color-accent-90)}& .max-5{max-width:4rem}& .cell-image img{display:block;width:auto;margin:0 auto;max-height:4rem}& .text-center{text-align:center}& .text-right{text-align:right}& .hide-on-mobile{display:none}& .text-bold{font-weight:600}&.joltemo-table--no-scroll{overflow-x:auto}}@media screen and (max-width:500px){.joltemo-table{&.joltemo-table--small-on-mobile{& td,& th{padding:.15rem}& .cell-image{& img{max-height:3rem}}}}}@media screen and (min-width:768px){.joltemo-table-container{& td,& th{padding:.4rem .5rem}& .scroll-text{display:none}}& .hide-on-mobile{display:inline-block;margin-left:.5rem}& .text-left--desktop{text-align:left}}