.kross-ofd { margin: 0 auto; padding: 16px; }
.kross-ofd-row { display: flex; gap: 10px; align-items: center; }
.kross-ofd-wrap { flex: 1 1 auto; }

.kross-ofd-wrap{
  transform-origin:left center;
  transition: transform 220ms ease, opacity 220ms ease;
  opacity:1;
  transform: scaleX(1);
}
.kross-ofd-wrap.kross-ofd-out{ opacity:0; transform: scaleX(0); }
.kross-ofd-wrap.kross-ofd-in{ opacity:1; transform: scaleX(1); }

.kross-ofd-select{ width:100%; }

.kross-ofd-reset {
    background: black;
    font-family: 'KrossOilRegular';
    font-weight: normal;
    margin-top: 22px;
    padding: 0;
}

.kross-ofd-select {
    width: 100%;
    border-bottom: 1px solid #face2b;
    background: black;
}

.oil-name {
  color:black;
}