@include export-module('cc-delivery-planning-selection-layout') {
  .co-delivery-planning-selection {
    .lov-wrapper {
      display: flex;
      flex-direction: column;
      gap: 0.5em;
      width: 100%;
      align-items: center;
      justify-content: center;
      position: relative;
      .row {
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        &.drop-active {
          co-icon {
            transform: rotate(180deg);
            transition: 0.25s ease-in-out;
          }
        }
      }
      .planning-title {
        font-weight: bold;
        font-size: 18px;
        padding: 0 10px;
      }
      co-icon {
        background: #f5f5fa;
        border-radius: 100%;
        width: 25px;
        height: 25px;
        transition: 0.25s ease-in-out;
        transform: rotate(0deg);
      }

      .options-wrapper {
        z-index: 999;
        background-color: white;
      }
    }
  }
}
