.v-enter-from{opacity:0}.v-enter-to{opacity:1}.v-enter-active,.v-leave-active{transition:opacity 1s cubic-bezier(.3,0,.45,1)}.v-leave-from{opacity:1}.v-leave-to{opacity:0}.cmp-textfield__wrapper{display:flex;flex-direction:column;gap:8px}.cmp-textfield__label-wrapper{align-items:center;display:flex;gap:8px}.cmp-textfield__label{color:#fff;font-family:Garamond,Arial,sans-serif;font-size:1.125rem;font-weight:500;letter-spacing:normal;line-height:150%;padding-left:20px}@media (min-width:1024px){.cmp-textfield__label{padding-left:2rem}}.cmp-textfield__tooltip{flex-shrink:0}.cmp-textfield__input{background-color:transparent;border:1px solid hsla(0,0%,100%,.65);border-radius:16px;box-shadow:0 0 0 1px transparent;color:#fff;font-family:Roboto,Arial,sans-serif;font-size:1.25rem;font-weight:400;letter-spacing:normal;line-height:150%;padding:24px 20px;text-overflow:ellipsis}.cmp-textfield__input::-moz-placeholder{color:#ffffffa6;font-family:Roboto,Arial,sans-serif;font-size:1.25rem;font-weight:400;letter-spacing:normal;line-height:150%}.cmp-textfield__input::placeholder{color:#ffffffa6;font-family:Roboto,Arial,sans-serif;font-size:1.25rem;font-weight:400;letter-spacing:normal;line-height:150%}@media (min-width:1024px){.cmp-textfield__input{padding:1.5rem 2rem}}@media (hover:hover) and (pointer:fine){.cmp-textfield__input:hover{background-color:#2626260d;border:1px solid #fff;box-shadow:0 0 0 1px #fff}.cmp-textfield__input:hover::-moz-placeholder{color:#fff}.cmp-textfield__input:hover::placeholder{color:#fff}}.cmp-textfield__input--focused-click{background-color:#ffffff1a;border:1px solid #fff;box-shadow:0 0 0 3px #fff}.cmp-textfield__input--focused-click::-moz-placeholder{opacity:.3}.cmp-textfield__input--focused-click::placeholder{opacity:.3}.cmp-textfield__input--focused-tab{outline:5px solid #cde195}.cmp-textfield__input--focused-tab::-moz-placeholder{opacity:.3}.cmp-textfield__input--focused-tab::placeholder{opacity:.3}.cmp-textfield__input--completed{background-color:#ffffff1a;border:1px solid #fff}.cmp-textfield--error .cmp-textfield__input{border:1px solid #fffc00;box-shadow:0 0 0 1px #fffc00}@media (hover:hover) and (pointer:fine){.cmp-textfield--error .cmp-textfield__input:hover{border:1px solid #fff;box-shadow:0 0 0 1px #fff}}.cmp-textfield--error__message{color:#fffc00;font-family:Roboto,Arial,sans-serif;font-size:.875rem;font-weight:400;letter-spacing:normal;line-height:150%;margin-left:21px;margin-top:.5rem}@media (min-width:1024px){.cmp-textfield--error__message{margin-left:calc(2rem + 1px)}}