.base-input{width:100%}.base-input .label-slot{display:block}.base-input .container .field-container{align-items:center;border:none;box-sizing:border-box;display:inline-grid;grid-template-columns:auto max-content;outline:none;transition:border .2s ease;width:100%}.base-input .container .field-container .field{background:transparent;border:none;font-size:16px;outline:none;resize:none}.base-input .container .field-container .field:focus{outline:none}.base-input .container .field-container .clear-button{background:none;border:none;cursor:pointer;display:grid;margin-left:5px;padding:0;place-items:center}.base-input .container .field-container .before-slot{margin-right:5px}.base-input .container .field-container .after-slot{margin-left:5px}.base-input .container .field-container.has-after{grid-template-columns:auto repeat(2,max-content)}.base-input .container .field-container.has-before,.base-input .container .field-container.has-before-after{grid-template-columns:max-content auto repeat(2,max-content)}.base-input.required .label-required{color:red}.base-input.invalid .field-container{border:1px solid red}.base-input.primary .container .field-container .field{color:var(--color-6);font-size:var(--ui-element-font-size-1);letter-spacing:2px;line-height:var(--ui-element-line-height-1);padding:0 14px}.base-input.primary .container .field-container .field::-moz-placeholder{font-size:var(--ui-element-font-size-1);line-height:var(--ui-element-line-height-1);opacity:1}.base-input.primary .container .field-container .field::placeholder{font-size:var(--ui-element-font-size-1);line-height:var(--ui-element-line-height-1);opacity:1}.base-input.secondary .container .field-container .field{color:var(--color-4);font-family:var(--heading-font-italic);font-size:28px;font-weight:400;line-height:31px;padding:0 8px}@media(min-width:768px){.base-input.primary .container .field-container .field{font-size:var(--ui-element-font-size-2);line-height:var(--ui-element-line-height-2);padding:0 20px;text-align:center}}