.file-attachment-input{display:block;margin-top:1.5rem}.file-attachment-input--hidden{display:none}.file-attachment-input__container{display:flex;flex-direction:column;gap:1rem;max-width:44rem}.file-attachment-input__textarea{width:100%;min-height:6rem;resize:vertical;font-family:var(--font-body-family);font-size:1.4rem;line-height:1.5;padding:1rem 1.5rem;border:.1rem solid rgba(var(--color-foreground),var(--inputs-border-opacity));border-radius:var(--inputs-radius);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.file-attachment-input__textarea::placeholder{opacity:1;color:rgba(var(--color-foreground),.55)}.file-attachment-input__textarea:focus{outline:.3rem solid rgba(var(--color-foreground),.2);padding:1rem 1.5rem}.file-attachment-input__file-row{display:flex;align-items:center;gap:1rem}.file-attachment-input__label{cursor:pointer;display:inline-block;flex-shrink:0}.file-attachment-input__button{pointer-events:none}.file-attachment-input__label:hover .file-attachment-input__button{outline:.3rem solid rgba(var(--color-foreground),.2)}.file-attachment-input__preview{display:none;flex:1;align-items:center;gap:1rem;padding:1rem 1.5rem;background-color:rgba(var(--color-foreground),.04);border-radius:var(--buttons-radius);border:1px solid rgba(var(--color-foreground),.1)}.file-attachment-input__filename{flex:1;font-size:1.4rem;color:rgb(var(--color-foreground));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-attachment-input__remove{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;border:none;background:none;cursor:pointer;color:rgba(var(--color-foreground),.6);transition:color var(--duration-short) ease;flex-shrink:0}.file-attachment-input__remove:hover{color:#dc3545}.file-attachment-input__remove .svg-wrapper{display:flex;align-items:center;justify-content:center}.file-attachment-input__remove svg{width:1.6rem;height:1.6rem;fill:currentColor}.file-attachment-input--has-file .file-attachment-input__label{display:none}.file-attachment-input--has-file .file-attachment-input__preview{display:flex}.file-attachment-input__disclaimer{font-size:1.3rem;line-height:1.5;color:rgba(var(--color-foreground),.7)}.file-attachment-input__disclaimer p{margin:0}.file-attachment-input__disclaimer--before{margin-bottom:.5rem}.file-attachment-input__disclaimer--after{margin-top:.5rem}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-file-attachment.css.map */