.wp-input{cursor:default;display:flex;flex-direction:column;gap:8px;width:100%}.wp-input .wp-input-label{align-items:center;color:var(--wp-color-text-primary);display:flex;font-size:var(--wp-font-size-body-1);font-style:var(--wp-font-style-body-1);font-weight:var(--wp-font-weight-body-1);line-height:var(--wp-line-height-body-1);width:100%}.wp-input .wp-input-label .wp-input-required{color:var(--wp-color-red-500);padding-left:4px}.wp-input .wp-input-element{background:var(--wp-color-background-white);border-color:var(--wp-color-border-primary);border-radius:8px;border-style:solid;border-width:0;display:flex;gap:12px;position:relative;width:100%}.wp-input .wp-input-element .wp-input-text{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;background:transparent;border:0;flex-grow:1;outline:none;width:100%;z-index:1}.wp-input .wp-input-element .wp-input-text::placeholder{color:var(--wp-color-text-placeholder)}.wp-input .wp-input-element .wp-input-text:focus{outline-width:0;outline:none}.wp-input .wp-input-element .wp-input-border{border-color:var(--wp-color-border-primary);border-radius:8px;border-style:solid;border-width:1px;position:absolute;transition:border-color .3s ease-in-out}.wp-input .wp-input-element .wp-input-border.wp-input-border-position{bottom:0;left:0;right:0;top:0}.wp-input .wp-input-element .wp-input-text:focus~.wp-input-border,.wp-input .wp-input-element:hover .wp-input-border{border-color:var(--wp-color-border-brand-primary)}.wp-input .wp-input-element.wp-input-sm{padding:12px 10px}.wp-input .wp-input-element.wp-input-md{padding:14px}.wp-input .wp-input-element.wp-input-lg{padding:16px}.wp-input .wp-input-element.wp-input-xl{padding:18px}.wp-input .wp-input-validation{display:none}.wp-input.wp-input-disable .wp-input-element{background:var(--wp-color-background-disable);border-color:var(--wp-color-border-disable)}.wp-input.wp-input-disable .wp-input-element,.wp-input.wp-input-disable button,.wp-input.wp-input-disable input{cursor:not-allowed}.wp-input.wp-input-disable .wp-input-element .wp-input-btn,.wp-input.wp-input-disable .wp-input-element .wp-input-text,.wp-input.wp-input-disable button .wp-input-btn,.wp-input.wp-input-disable button .wp-input-text,.wp-input.wp-input-disable input .wp-input-btn,.wp-input.wp-input-disable input .wp-input-text{z-index:0}.wp-input.wp-input-disable .wp-input-element .wp-input-text:focus~.wp-input-border,.wp-input.wp-input-disable .wp-input-element:hover .wp-input-border,.wp-input.wp-input-disable button .wp-input-text:focus~.wp-input-border,.wp-input.wp-input-disable button:hover .wp-input-border,.wp-input.wp-input-disable input .wp-input-text:focus~.wp-input-border,.wp-input.wp-input-disable input:hover .wp-input-border{border-color:var(--wp-color-border-disable)}.wp-input.wp-input-disable .wp-input-element .wp-input-text::placeholder,.wp-input.wp-input-disable button .wp-input-text::placeholder,.wp-input.wp-input-disable input .wp-input-text::placeholder{color:var(--wp-color-text-disable)}.wp-input.wp-input-success .wp-input-border,.wp-input.wp-input-success .wp-input-text:focus~.wp-input-border,.wp-input.wp-input-success:hover .wp-input-border{border-color:var(--wp-color-green-500)}.wp-input.wp-input-warning .wp-input-border,.wp-input.wp-input-warning .wp-input-text:focus~.wp-input-border,.wp-input.wp-input-warning:hover .wp-input-border{border-color:var(--wp-color-amber-500)}.wp-input.wp-input-error .wp-input-border,.wp-input.wp-input-error .wp-input-text:focus~.wp-input-border,.wp-input.wp-input-error .wp-input-underline .wp-input-border,.wp-input.wp-input-error:hover .wp-input-border{border-color:var(--wp-color-red-500)}.wp-input.wp-input-error .wp-input-validation{align-items:center;color:var(--wp-color-red-500);display:flex;font-size:var(--wp-font-size-body-2);font-style:var(--wp-font-style-body-2);font-weight:var(--wp-font-weight-body-2);gap:4px;line-height:var(--wp-line-height-body-2)}