@import './index';

.vd-wrapper,
.vd-wrapper *,
.vd-wrapper ::before,
.vd-wrapper ::after {
  box-sizing: border-box;
}

.vd-wrapper {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  max-width: 100%;
  cursor: default;

  &:not(.vd-wrapper--inline) {
    cursor: pointer;
  }

  &:focus,
  &:active {
    outline: 0;
  }

  &--inline {
    width: get-size(datepicker, width, desktop);
    box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),
      0px 2px 2px 0px rgba(0,0,0,0.14),
      0px 1px 5px 0px rgba(0,0,0,0.12);
  }

  &--disabled {
    pointer-events: none;
  }
}

.vd-activator {
  display: flex;
  flex: 1 1 auto;
  max-width: 100%;
}