.textarea-component{display:grid;grid-template-rows:auto 1fr;grid-gap:1rem;gap:1rem}.textarea-component .actions{width:100%;display:flex}.textarea-component .actions button{cursor:pointer;padding:.25rem .5rem;font-size:.85rem;background-color:var(--background-terciary);color:var(--text-secondary);border-radius:.25rem;border:none;outline:none}.textarea-component .actions button:not(:last-child){margin-right:.5rem}.textarea-component .actions button:focus-visible,.textarea-component .actions button:focus-within,.textarea-component .actions button:hover{box-shadow:0 0 0 3px rgba(30,172,197,.3764705882);color:var(--text-primary)}.textarea-component .actions.left{justify-content:flex-start}.textarea-component .actions.center{justify-content:center}.textarea-component .actions.right{justify-content:flex-end}.textarea-component textarea{background-color:var(--background-secondary);border:1px solid var(--background-terciary);border-radius:.5rem;color:var(--text-primary);padding:1rem;width:100%;min-height:200px;height:200px;font-size:1rem;resize:vertical;outline:none}@media(min-width:769px){.textarea-component textarea{min-height:400px;height:400px}}.textarea-component textarea:focus-visible,.textarea-component textarea:focus-within,.textarea-component textarea:hover{box-shadow:0 0 0 3px rgba(30,172,197,.3764705882)}.textarea-component textarea[readonly]{cursor:not-allowed}