"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const styleh_components_1 = require("styleh-components");

const TextBox_1 = require("@skava/ui/dist/inputs/TextBox");

const Buttons_1 = require("../../../Buttons");

const StyledShippingForm = styleh_components_1.styled.section`width:100%;.form-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;.button-group{flex:1;margin-top:1rem;}}${TextBox_1.StyledLabel}{position:relative;top:0;text-transform:capitalize;color:var(--color-black);font-size:1rem;font-weight:400;display:flex;margin-bottom:0.5rem;}.placeholder-label{position:absolute;color:var(--color-red);}.input-box-wrapper{flex:0 0 100%;user-select:none;&.register-password-container{margin-bottom:2.1875rem;}&.confirm-password-container{margin-top:2.625rem;}}input.input-box{width:100%;height:2.75rem;border-radius:0.25rem;}.label-wrapper{width:100%;color:var(--color-dark-grey);font-size:0.875rem;font-weight:400;padding-bottom:0.5rem;}.password-rules-label{font-size:0.75rem;color:var(--color-dark-grey);}.input-show-password-icon{display:flex;align-items:center;}`;
exports.StyledShippingForm = StyledShippingForm;
const StyledPrimaryButton = styleh_components_1.styled(Buttons_1.PrimaryButton)`color:var(--color-pure-white);font-size:1.125rem;font-weight:500;text-transform:capitalize;background:#3a75bd;border-radius:0.25rem;user-select:none;`;
exports.StyledPrimaryButton = StyledPrimaryButton;