.my-test-table .unit-watt:after{content:"\a0W"}.my-test-table .unit-mbps:after{content:"\a0Mb/s"}.my-test-table .unit-euro:after{content:"\a0\20ac"}.my-test-table .state-ok,.my-test-table .state-nok{color:transparent;white-space:nowrap}.my-test-table .state-ok:before,.my-test-table .state-nok:before{content:"";display:inline-block;visibility:visible;width:.875em;height:.875em;vertical-align:-.09em;background-repeat:no-repeat;background-position:center;background-size:contain}.my-test-table .state-ok:before{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg transform='translate(0 448) scale(1 -1)'%3E%3Cpath fill='%23155724' d='M256 440c136.967 0 248 -111.033 248 -248s-111.033 -248 -248 -248s-248 111.033 -248 248s111.033 248 248 248zM256 392c-110.549 0 -200 -89.4678 -200 -200c0 -110.549 89.4678 -200 200 -200c110.549 0 200 89.4678 200 200c0 110.549 -89.4678 200 -200 200z%0AM396.204 261.733c4.66699 -4.70508 4.63672 -12.3037 -0.0673828 -16.9717l-172.589 -171.204c-4.70508 -4.66797 -12.3027 -4.63672 -16.9697 0.0683594l-90.7812 91.5156c-4.66797 4.70605 -4.63672 12.3047 0.0683594 16.9717l22.7188 22.5361%0Ac4.70508 4.66699 12.3027 4.63574 16.9697 -0.0693359l59.792 -60.2773l141.353 140.216c4.70508 4.66797 12.3027 4.6377 16.9697 -0.0673828z'/%3E%3C/g%3E%3C/svg%3E")}.my-test-table .state-nok:before{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg transform='translate(0 448) scale(1 -1)'%3E%3Cpath fill='%23721c24' d='M256 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM256 -8c110.5 0 200 89.5 200 200s-89.5 200 -200 200s-200 -89.5 -200 -200s89.5 -200 200 -200zM357.8 254.2l-62.2002 -62.2002l62.2002 -62.2002%0Ac4.7002 -4.7002 4.7002 -12.2998 0 -17l-22.5996 -22.5996c-4.7002 -4.7002 -12.2998 -4.7002 -17 0l-62.2002 62.2002l-62.2002 -62.2002c-4.7002 -4.7002 -12.2998 -4.7002 -17 0l-22.5996 22.5996c-4.7002 4.7002 -4.7002 12.2998 0 17l62.2002 62.2002l-62.2002 62.2002%0Ac-4.7002 4.7002 -4.7002 12.2998 0 17l22.5996 22.5996c4.7002 4.7002 12.2998 4.7002 17 0l62.2002 -62.2002l62.2002 62.2002c4.7002 4.7002 12.2998 4.7002 17 0l22.5996 -22.5996c4.7002 -4.7002 4.7002 -12.2998 0 -17z'/%3E%3C/g%3E%3C/svg%3E")}@media only screen and (max-width:991.98px){.my-test-table{display:block;font-size:1rem;line-height:1.2;width:100%}.my-test-table thead{display:none}.my-test-table tbody{align-items:stretch;display:flex;flex-grow:1;overflow-x:scroll;scroll-padding-left:40%;white-space:nowrap;width:100%}.my-test-table tbody tr{width:60%;min-width:60%;max-width:60%}.my-test-table tbody tr:nth-child(1){display:block;left:0;position:sticky;width:40%;min-width:40%;max-width:40%;z-index:100}.my-test-table tbody th{background:#f5f7fb;color:#194894;display:flex;font-weight:500;flex-grow:1;overflow:hidden;padding:.25rem .5rem;text-align:left;text-transform:uppercase}.my-test-table tbody th.title{height:11.7rem;overflow:visible!important;padding:0;position:relative;visibility:hidden}.my-test-table tbody th.title .prev,.my-test-table tbody th.title .next{align-items:center;background:#f5f7fb;bottom:0;display:flex;font-size:2rem;position:absolute;top:0;visibility:visible;width:50%;z-index:20}.my-test-table tbody th.title .prev{left:0}.my-test-table tbody th.title .next{justify-content:flex-end;left:200%}.my-test-table tbody th.group{background:#d6e0f0;font-weight:500;padding-top:.25rem;position:relative;width:250%;z-index:15}.my-test-table tbody th:not(.group){align-items:center;font-size:.8rem}.my-test-table tbody th:not(.group):before{content:"\a0";font-size:1rem}.my-test-table tbody td.group{padding-top:1.95rem}.my-test-table tbody td{align-items:center;display:flex;flex-grow:1;font-weight:500;overflow:hidden;padding:.25rem .5rem;width:100%}.my-test-table tbody td.title{align-items:start;flex-direction:column-reverse;height:11.7rem;overflow:visible;padding:0;position:relative;z-index:10}.my-test-table tbody td.title .image{display:block;height:10rem;margin:0 auto .25rem;width:auto}.my-test-table tbody td.title .figuree{font-weight:700!important;inset:0 0 0 -66.666667%;overflow:hidden;position:absolute;text-align:center;z-index:10}}@media only screen and (min-width:992px){.my-test-table-scroll{height:65vh;padding:0!important;overflow-x:scroll;width:100%}.my-test-table{font-size:.8rem}.my-test-table thead{border-bottom:5px solid rgb(214,224,240);position:sticky;top:0;z-index:25}.my-test-table thead tr:nth-child(3){white-space:nowrap}.my-test-table thead th{background:#f5f7fb;background-clip:padding-box!important;color:#194894;font-size:.8rem;font-weight:700;padding:.25rem .5rem;position:relative;text-align:center;text-transform:uppercase;vertical-align:bottom;z-index:26}.my-test-table thead th.title{left:0;position:sticky;z-index:27}.my-test-table thead th:not(:last-child){border-right:1px solid rgb(214,224,240)}.my-test-table thead th[onclick]{cursor:pointer;text-decoration:underline}.my-test-table tbody tr:nth-child(1){display:none}.my-test-table tbody tr:nth-child(odd) td:not(:nth-child(1)){background:#fff}.my-test-table tbody td:not(.title){background:#f5f7fb;padding:.5rem 1rem}.my-test-table tbody td:hover{box-shadow:0 .5rem 1rem #00000026;position:relative;transform:scale(1.2);transition:box-shadow .25s ease-in-out,transform .25s ease-in-out;z-index:30}.my-test-table tbody td:not(:last-child){border-right:1px solid rgb(214,224,240)}.my-test-table tbody td.title{background:#f5f7fb;font-size:1rem;font-weight:500;left:0;position:sticky;text-shadow:0 0 rgba(0,0,0,.15);white-space:nowrap;z-index:15}.my-test-table tbody td.title:not(:hover){overflow:hidden;z-index:0}.my-test-table tbody td.title .image{position:absolute;top:0;width:15rem;z-index:20}.my-test-table tbody tr:nth-last-child(1) td.title:hover .image,.my-test-table tbody tr:nth-last-child(2) td.title:hover .image,.my-test-table tbody tr:nth-last-child(3) td.title:hover .image,.my-test-table tbody tr:nth-last-child(4) td.title:hover .image,.my-test-table tbody tr:nth-last-child(5) td.title:hover .image{bottom:0;top:auto}.my-test-table tbody td.title:not(:hover) .image{left:0;opacity:.25;transform:translateY(-50%);top:50%;width:100%;z-index:5}.my-test-table tbody td:nth-last-child(1),.my-test-table tbody td:nth-last-child(2),.my-test-table tbody td:nth-last-child(3){white-space:nowrap}}