/* ----------
comparison
---------- */
.table-comparison {display:block; -webkit-overflow-scrolling:touch; overflow-x:auto; border:none;}
.table-comparison > tbody {white-space:nowrap;}
.table-comparison > tbody > tr {display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.table-comparison > tbody > tr > th,
.table-comparison > tbody > tr > td {padding:.25rem .5rem; font-size:.7rem; white-space:normal;}
.table-comparison > tbody > tr > th {width:100px;}
.table-comparison > tbody > tr > td {width:134px;}
.comparison-thumbnail {position:relative; padding:0 !important;}
.comparison-thumbnail-inner {display:table-cell; width:134px; height:134px; text-align:center; vertical-align:middle;}
.comparison-thumbnail-inner img {max-width:120px; max-height:120px;}
.comparison-rank {position:absolute; top:.25rem; left:.25rem; border-radius:50%; width:28px; height:28px; line-height:28px; text-align:center; background-color:#dee2e6; font-weight:700;}
.rank-1 .comparison-rank {background-color:#d0b128; color:#fff;}
.rank-2 .comparison-rank {background-color:#a8a8a8; color:#fff;}
.rank-3 .comparison-rank {background-color:#a66f3d; color:#fff;}
.comparison-buttons {padding-bottom:.5rem !important;}
.comparison-buttons .btn {padding-left:.5rem; padding-right:.5rem; font-size:.75rem;}