.table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.table th,
.table td {
  text-align: left;
  font-weight: normal;
}
.table th {
  padding: 6px;
}
.table td {
  padding: 0 6px;
}
.table .bold {
  font-weight: bold;
}
.table .f-center {
  text-align: center;
}
.table .f-right {
  text-align: right;
}
.table .f-numeric {
  font-variant-numeric: tabular-nums;
}
.table-bordered tbody tr {
  border-bottom: 1px solid transparent;
}
.table-bordered td {
  padding-top: 3px;
  padding-bottom: 3px;
}
.table-col-bordered td {
  border-right: 1px solid transparent;
}
.table-col-bordered td:last-child {
  border-right: none;
}
.table-default {
  background: #ffffff;
  border: 1px solid;
  border-color: #d4d4d9 #d4d4d9 #afafb3 #d4d4d9;
}
.table-default thead tr {
  background-color: #ededf2;
  border-bottom: 1px solid #d4d4d9;
}
.table-default td {
  border-color: #afafb3;
}
.table-default tfoot tr,
.table-default .table-footer {
  background-color: #ededf2;
}
.table-default tbody tr {
  border-color: #afafb3;
}
.table-default tr:first-child td {
  padding-top: 6px;
}
.table-default tr:last-child td {
  padding-bottom: 6px;
}
.table-default .table-row-striped {
  background-color: #fafaff;
}
.table-no-shadow {
  border: 1px solid #d4d4d9;
}
.table-no-border {
  border: none;
}
.table-inverted {
  background: #323233;
  color: #ffffff;
}
.table-inverted thead tr {
  color: #afafb3;
}
.table-inverted td {
  border-color: #4b4b4d;
}
.table-inverted tbody tr {
  border-color: #5e5e5e;
}
.table-inverted .table-row-striped {
  background-color: #252526;
}
.table-large th {
  font-weight: bold;
}
.table-large tbody tr:nth-child(odd) {
  background-color: #ededf2;
}
.table-large td,
.table-large th {
  padding: 12px;
}
.table-default.table-striped tr:nth-child(even) {
  background-color: #fafaff;
}
.table-inverted.table-striped tr:nth-child(even) {
  background-color: #252526;
}
.table-default.table-large,
.table-inverted.table-large {
  border: none;
}
.table-default.table-large th,
.table-inverted.table-large th {
  font-weight: bold;
}
.table-default.table-large thead tr,
.table-inverted.table-large thead tr {
  background-color: #fafaff;
  border: none;
}
.table-default.table-large tbody tr:nth-child(odd),
.table-inverted.table-large tbody tr:nth-child(odd) {
  background-color: transparent;
}
.table-default.table-large td,
.table-inverted.table-large td,
.table-default.table-large th,
.table-inverted.table-large th {
  padding: 12px;
}

.brands_brandLinks__HtVo1 {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  min-height: 67px;
  text-decoration: none;
  border-bottom: 1px solid var(--grey-400);
  padding: var(--margin-base);
  transition: background-color 0.2s ease-in-out;
  &:hover {
    background-color: color-mix(in srgb, var(--grey-400) 30%, transparent);
  }
}

.brands_ul__62FDH {
  list-style: none;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--grey-400);
  border-radius: var(--border-radius);
}
.brands_ul__62FDH > li:last-child .brands_brandLinks__HtVo1 {
  border-bottom: none;
}

[class~='icon-default'].brands_brandsLinkIcon__uqqdQ {
  color: var(--color-primary);
  justify-self: end;
}

.brands_brands__2HsR8 {
  display: flex;
  align-items: center;
  gap: 6px;
}

.brand {
  white-space: nowrap;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  margin: 0;
  vertical-align: middle;
  animation-name: brands;
  animation-delay: 0.1s;
  animation-duration: 2s;
}
@keyframes brands {
  0% {
    opacity: 0.999;
  }
  100% {
    opacity: 1;
  }
}

.brand {
  height: 50px;
  overflow: hidden;
}
.brand .brand-emblem {
  height: 50px;
  width: 50px;
  margin-top: -6px;
}
.brand .brand-emblem {
  margin-right: 4px;
  align-self: center;
  background-color: transparent;
}
.brand-500 {
  height: 80px;
}
.brand-500 .brand-emblem {
  height: 80px;
  width: 80px;
  margin-top: -6px;
}
.brand-500 .brand-emblem {
  background: transparent;
}
.brand-300 {
  height: 60px;
}
.brand-300 .brand-emblem {
  height: 60px;
  width: 60px;
  margin-top: -6px;
}
.brand-300 .brand-emblem {
  background: transparent;
  margin-right: 10px;
}
.brand-150 {
  height: 32px;
}
.brand-150 .brand-emblem {
  height: 32px;
  width: 32px;
  margin-top: -6px;
}
.brand-150 .brand-emblem {
  margin-right: 3px;
}
.brand-100 {
  height: 24px;
}
.brand-100 .brand-emblem {
  height: 24px;
  width: 24px;
  margin-top: -6px;
}
.brand-100 .brand-emblem {
  margin-right: 3px;
  margin-top: -3px;
}
.brand-30 {
  height: 18px;
}
.brand-30 .brand-emblem {
  height: 18px;
  width: 18px;
  margin-top: -6px;
}
.brand-30 .brand-emblem {
  margin-right: 3px;
}
.brand-img {
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.brand-square {
  width: 50px;
  height: 50px;
  overflow: hidden;
  position: relative;
}
.brand-square .brand-img {
  position: relative;
  left: 3px;
  top: 50%;
  height: 80%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: inherit;
}
.brand-square.brand-100 {
  width: 30px;
  height: 30px;
}
.brand-square.brand-300 {
  width: 60px;
  height: 60px;
}
.brand-square.brand-500 {
  width: 80px;
  height: 80px;
}
.brand-rectangle {
  display: inline-block;
  padding: 0 12px;
  text-align: center;
  line-height: 0;
}
.brand-square.brand-kenoxpress {
  background-color: #ffdd00;
}
.brand-square.brand-kenoxpress .brands-img {
  left: -90%;
}
.brand-square.brand-lordagsgodis-red,
.brand-rectangle.brand-lordagsgodis-red,
.brand-square.brand-lordagsgodis-oneline-red,
.brand-rectangle.brand-lordagsgodis-oneline-red {
  background: #ffffff;
}
.brand-square.brand-fulltraff .brand-img,
.brand-rectangle.brand-fulltraff .brand-img {
  height: 100%;
  padding-left: 6px;
}
.brand-square.brand-fulltraff.brand-100 .brand-img,
.brand-rectangle.brand-fulltraff.brand-100 .brand-img {
  padding-left: 1px;
}
.brand-square.brand-kenoxpress,
.brand-rectangle.brand-kenoxpress,
.brand-square.brand-xpress,
.brand-rectangle.brand-xpress {
  background-color: #ffdd00;
}
.brand-square.brand-grasroten,
.brand-rectangle.brand-grasroten,
.brand-square.brand-lordagsgodis,
.brand-rectangle.brand-lordagsgodis,
.brand-square.brand-lordagsgodis-oneline,
.brand-rectangle.brand-lordagsgodis-oneline,
.brand-square.brand-rubbet,
.brand-rectangle.brand-rubbet,
.brand-square.brand-rubbetcom,
.brand-rectangle.brand-rubbetcom,
.brand-square.brand-mixar,
.brand-rectangle.brand-mixar {
  background-color: #ed0000;
}
.brand-square.brand-svenskaspel,
.brand-rectangle.brand-svenskaspel {
  background-color: #ff0000;
}
.brand-square.brand-bomben,
.brand-rectangle.brand-bomben,
.brand-square.brand-challenge,
.brand-rectangle.brand-challenge,
.brand-square.brand-oddset,
.brand-rectangle.brand-oddset,
.brand-square.brand-langen,
.brand-rectangle.brand-langen,
.brand-square.brand-langenxl,
.brand-rectangle.brand-langenxl,
.brand-square.brand-live,
.brand-rectangle.brand-live,
.brand-square.brand-matchen,
.brand-rectangle.brand-matchen,
.brand-square.brand-mixen,
.brand-rectangle.brand-mixen,
.brand-square.brand-mixenxl,
.brand-rectangle.brand-mixenxl,
.brand-square.brand-powerplay,
.brand-rectangle.brand-powerplay,
.brand-square.brand-langenxl,
.brand-rectangle.brand-langenxl {
  background-color: #a00813;
}
.brand-square.brand-bingo,
.brand-rectangle.brand-bingo {
  background-color: #c91485;
}
.brand-square.brand-hastar,
.brand-rectangle.brand-hastar,
.brand-square.brand-trav-galopp,
.brand-rectangle.brand-trav-galopp {
  background-color: #00a88b;
}
.brand-square.brand-skrapspel,
.brand-rectangle.brand-skrapspel,
.brand-square.brand-skrap-pacman,
.brand-rectangle.brand-skrap-pacman {
  background-color: #000000;
}
.brand-square.brand-skrap-bingo,
.brand-rectangle.brand-skrap-bingo {
  background-color: #ABD8E8;
}
.brand-square.brand-skrap-matcha,
.brand-rectangle.brand-skrap-matcha {
  background-color: #DEADD0;
}
.brand-square.brand-skrap-kryss,
.brand-rectangle.brand-skrap-kryss {
  background-color: #E8C6AB;
}
.brand-square.brand-skrap7an,
.brand-rectangle.brand-skrap7an {
  background-color: #00AB96;
}
.brand-square.brand-poker,
.brand-rectangle.brand-poker {
  background: linear-gradient(45.39deg, #100f10 -0.01%, #23585f 85.64%);
}
.brand-square.brand-yatzy,
.brand-rectangle.brand-yatzy {
  background-color: #0066AA;
}
.brand-square.brand-extratipset,
.brand-rectangle.brand-extratipset,
.brand-square.brand-em-tipset,
.brand-rectangle.brand-em-tipset,
.brand-square.brand-vm-tipset,
.brand-rectangle.brand-vm-tipset {
  background-color: #0069a9;
}
.brand-square.brand-em-tipset-europa,
.brand-rectangle.brand-em-tipset-europa,
.brand-square.brand-vm-tipset-europa,
.brand-rectangle.brand-vm-tipset-europa {
  background-color: #008733;
}
.brand-square.brand-casino,
.brand-rectangle.brand-casino,
.brand-square.brand-live-casino,
.brand-rectangle.brand-live-casino {
  background-color: #FFECEF;
}
.brand-square.brand-3irad,
.brand-rectangle.brand-3irad {
  background-color: #377b8f;
}
.brand-square.brand-17ellermer,
.brand-rectangle.brand-17ellermer {
  background-color: #b31472;
}
.brand-square.brand-mittemellan,
.brand-rectangle.brand-mittemellan {
  background-color: #b91212;
}
.brand-square.brand-bil-triss,
.brand-rectangle.brand-bil-triss,
.brand-square.brand-dubbel-triss,
.brand-rectangle.brand-dubbel-triss,
.brand-square.brand-mini-triss,
.brand-rectangle.brand-mini-triss {
  background-color: #ffed00;
}
.brand-square.brand-bomben .brand-img,
.brand-square.brand-challenge .brand-img,
.brand-square.brand-oddset .brand-img,
.brand-square.brand-langen .brand-img,
.brand-square.brand-langenxl .brand-img,
.brand-square.brand-live .brand-img,
.brand-square.brand-matchen .brand-img,
.brand-square.brand-mixen .brand-img,
.brand-square.brand-mixenxl .brand-img,
.brand-square.brand-powerplay .brand-img,
.brand-square.brand-langenxl .brand-img {
  height: 75%;
}
.brand-square.brand-bingo .brand-img,
.brand-square.brand-keno .brand-img,
.brand-square.brand-eurojackpot .brand-img,
.brand-square.brand-vikinglotto .brand-img,
.brand-square.brand-lyckoplatsen .brand-img {
  height: 90%;
}
.brand-square.brand-rubbet .brand-img {
  height: 68%;
}
.brand-square.brand-em-tipset-europa .brand-img,
.brand-square.brand-em-tipset .brand-img {
  height: 85%;
  left: 5px;
}
.brand-square.brand-lotto .brand-img {
  height: 74%;
}
.brand-square.brand-hastar .brand-img,
.brand-square.brand-trav-galopp .brand-img {
  height: 100%;
  left: -2px;
}
.brand-square.brand-hastar.brand-100 .brand-img,
.brand-square.brand-trav-galopp.brand-100 .brand-img {
  left: 1px;
}
.brand-vinnare {
  background-color: transparent;
}
.brand-svenskaspel-twolines.header-special-edition .brand-emblem {
  margin-top: -2px;
  margin-right: 3px;
  width: 33px;
  height: 32px;
}
.brand-svenskaspel-twolines.header-special-edition .brand-brand {
  height: 34px;
  width: auto;
  display: inline-block;
  margin-top: 9px;
}
.brand-500.brand.brand-svenskaspel-twolines .brand-emblem {
  margin-top: 0;
  width: 64px;
  height: 64px;
}
.brand-500.brand.brand-svenskaspel-twolines .brand-brand {
  height: 60px;
  margin-top: 14px;
}