import { styled } from 'styleh-components';
import { media } from '@skava/styleh-toolset';
/**
 * @see https://bitbucket.org/skava-admin/reference-store/wiki/styleh-components
 */
export const ModalContainer = styled.aside.attrs({
    className: 'security-question-modal-wrapper',
}) ``;
export const SecurityQuestionWrapper = styled.div.attrs({
    className: 'security-question-wrapper',
}) `
  .dropdown-parent {
    height: 2.75rem;
    padding: 0;
    span.text {
      margin: 0;
      color: var(--color-black);
      line-height: rem(26);
      @font (16,regular);
    }
  }
  .input-box-label {
    text-transform: capitalize;
    @font (16,regular);
    color: var(--color-black);
    letter-spacing: 0;
    line-height: 1.5rem;
    height: auto;
    top: 0rem;
  }
  .select-dropdown {
    margin-bottom: 2rem;
    border: 1px solid var(--color-light-grey);
    border-radius: 4px;
    height: 2.75rem;
  }

  .update-security-question-form {
    padding: 0 0 var(--spacing2x);
  }
  .modal-container-inner,
  .modal-box {
    ${media.phoneOrSmaller `
      height: 100%;
    `}
  }
  .security-question-wrapper {
    width: rem(295);
  }
`;
//# sourceMappingURL=styled.js.map