.basket-select {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .basket-select__text {
    padding: 0.5625rem 0px;
    display: inline-block; }
  .basket-select__icon, .basket-select__button, .basket-select__edit-button {
    border: 0;
    outline: 0;
    background: transparent;
    color: #7d8698; }
  .basket-select__button, .basket-select__icon {
    padding: 0 6px; }
  .basket-select__icon {
    font-size: 1.125rem;
    line-height: 1; }
  .basket-select__count {
    padding: 0.25rem;
    min-width: 1.25rem;
    display: inline-block;
    background-color: currentColor;
    color: #fff;
    border-radius: 50%;
    line-height: 1;
    font-size: 0.75rem;
    margin-left: 0.375rem;
    text-align: center; }
  .basket-select__edit-button {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    border: 0.0625rem solid #7d8698; }
    .basket-select__edit-button:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      content: "";
      opacity: .8;
      transition: opacity 300ms ease, background 300ms ease;
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxwYXRoIGZpbGw9IiM1MjVDNjgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE4LDEyIEwxOCwwIEwxMiwwIEwxMiwxMiBMMCwxMiBMMCwxOCBMMTIsMTggTDEyLDMwIEwxOCwzMCBMMTgsMTggTDMwLDE4IEwzMCwxMiBMMTgsMTIgWiIvPjwvc3ZnPg==) no-repeat center;
      background-size: 10px; }
  .basket-select__item--active .basket-select__button {
    color: currentColor; }
  .basket-select__item {
    padding: 0px;
    border-bottom: 2px solid transparent;
    display: flex;
    align-items: center;
    transition: .3s;
    position: relative; }
    .basket-select__item:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      height: 2px;
      width: 100%;
      background: currentColor;
      transition: .3s ease-out;
      transform: scale(0); }
  .basket-select__item:not(.basket-select__item--edit):hover:after, .basket-select__item--active:after {
    transform: scale(1); }
  .basket-select__item {
    display: flex;
    margin: 0.625rem 0.75rem 0.625rem; }

.vbasket-modal {
  max-width: 445px;
  margin: auto; }

/*# sourceMappingURL=vbasket.css.map */