.card-sku {
  position: relative; }
  @media (max-width: 1099px) {
    .card-sku {
      position: relative;
      height: 32px; }
      .card-sku:not(.card-sku--search) {
        overflow: hidden; } }
  @media (max-width: 1099px) and (max-width: 1099px) {
    .card-sku {
      height: 26px; } }
  @media (max-width: 1099px) {
      .card-sku.ovh {
        padding-right: 30px; } }
    @media (max-width: 1099px) and (max-width: 575px) {
      .card-sku.ovh {
        padding-right: 24px; } }
  @media (max-width: 1099px) {
        .card-sku.ovh .card-sku__toggler {
          display: flex; }
        .card-sku.ovh .card-sku__list {
          flex-wrap: wrap; }
      .card-sku.expand:not(.card-sku--search) {
        height: auto;
        padding-right: 0; }
        .card-sku.expand:not(.card-sku--search) .card-sku__toggler {
          position: static;
          transform: rotate(180deg); } }
  .card-sku__list {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 6px;
    align-items: center; }
  .card-sku__item {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    border: 1px solid transparent;
    transition: all ease 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    overflow: hidden; }
    @media (min-width: 1100px) {
      .card-sku__item {
        cursor: pointer; }
        .card-sku__item:hover {
          border-color: #001A34; }
        .card-sku__item:nth-of-type(n + 6) {
          display: none; }
          .card-sku__item:nth-of-type(n + 6) ~ .card-sku__toggler {
            display: flex; } }
    @media (max-width: 1099px) {
      .card-sku__item {
        height: 26px;
        width: 26px;
        border-radius: 4px; } }
    .card-sku__item.active {
      pointer-events: none;
      border-color: #001A34; }
    .card-sku__item .lazy-img-wrap {
      width: 26px;
      height: 26px; }
      .card-sku__item .lazy-img-wrap img {
        width: 100%;
        height: 100%;
        object-fit: contain; }
  .card-sku__toggler {
    height: 36px;
    width: 36px;
    display: none;
    align-items: center;
    justify-content: center;
    fill: #AEB6BE;
    position: absolute;
    right: 0;
    top: 0; }
    .card-sku__toggler .icon {
      max-width: 16px;
      max-height: 16px; }
    @media (max-width: 1099px) {
      .card-sku__toggler {
        width: 26px;
        height: 26px; } }
  .card-sku--search {
    max-width: 190px;
    position: relative;
    height: 24px; }
    @media (max-width: 1099px) {
      .card-sku--search {
        height: 24px;
        max-width: 214px; } }
    .card-sku--search .card-sku__item, .card-sku--search .card-sku__toggler {
      width: 24px;
      height: 24px;
      border-radius: 4px;
      overflow: hidden; }
      @media (max-width: 1099px) {
        .card-sku--search .card-sku__item, .card-sku--search .card-sku__toggler {
          width: 24px;
          height: 24px; } }
      .card-sku--search .card-sku__item .lazy-img-wrap, .card-sku--search .card-sku__toggler .lazy-img-wrap {
        width: 20px;
        height: 20px; }
    .card-sku--search .card-sku__toggler {
      transform: rotate(90deg); }
    .card-sku--search .card-sku__list {
      max-width: 170px;
      flex-wrap: wrap;
      height: 36px;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 2;
      overflow: hidden;
      padding: 6px;
      margin: -6px; }
      @media (max-width: 1099px) {
        .card-sku--search .card-sku__list {
          height: 30px;
          max-width: 198px; } }
    .card-sku--search .card-sku__toggler {
      position: absolute;
      right: 0;
      top: 0;
      display: flex;
      transition: all ease 0.3s; }
      @media (max-width: 1099px) {
        .card-sku--search .card-sku__toggler {
          transform: rotate(90deg); } }
    .card-sku--search .card-sku__item {
      display: flex; }
    .card-sku--search.expand .card-sku__item {
      display: flex; }
    .card-sku--search.expand .card-sku__list {
      height: auto;
      background-color: #fff;
      box-shadow: 8px 8px 30px 0 rgba(60, 61, 64, 0.15);
      border-radius: 8px; }
    .card-sku--search.expand .card-sku__toggler {
      transform: rotate(-90deg); }