.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-textarea__wrapper{display:flex;flex-direction:column;gap:8px;position:relative}.cmp-textarea__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-textarea__label{padding-left:2rem}}.cmp-textarea__label-wrapper{align-items:center;display:flex;gap:8px}.cmp-textarea__field{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%;min-height:200px;padding:24px 20px}.cmp-textarea__field::-moz-placeholder{color:#ffffffa6;font-family:Roboto,Arial,sans-serif;font-size:1.25rem;font-weight:400;letter-spacing:normal;line-height:150%}.cmp-textarea__field::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-textarea__field{padding:1.5rem 2rem}}@media (hover:hover) and (pointer:fine){.cmp-textarea__field:hover{background-color:#2626260d;border:1px solid #fff;box-shadow:0 0 0 1px #fff}.cmp-textarea__field:hover::-moz-placeholder{color:#fff}.cmp-textarea__field:hover::placeholder{color:#fff}}.cmp-textarea__field--focused-click{background-color:#ffffff1a;border:1px solid #fff;box-shadow:0 0 0 3px #fff}.cmp-textarea__field--focused-click::-moz-placeholder{opacity:.3}.cmp-textarea__field--focused-click::placeholder{opacity:.3}.cmp-textarea__field--focused-tab{outline:5px solid #cde195}.cmp-textarea__field--focused-tab::-moz-placeholder{opacity:.3}.cmp-textarea__field--focused-tab::placeholder{opacity:.3}.cmp-textarea__field--completed{background-color:#ffffff1a;border:1px solid #fff}.cmp-textarea__counter{bottom:-28px;color:#fff;font-family:Roboto,Arial,sans-serif;font-size:.875rem;font-weight:400;letter-spacing:normal;line-height:150%;position:absolute;right:0}.cmp-textarea--error .cmp-textarea__field{border:1px solid #fffc00;box-shadow:0 0 0 1px #fffc00}@media (hover:hover) and (pointer:fine){.cmp-textarea--error .cmp-textarea__field:hover{border:1px solid #fff;box-shadow:0 0 0 1px #fff}}.cmp-textarea--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-textarea--error__message{margin-left:calc(2rem + 1px)}}