| 1 |
.fluid form{padding:0 0 var(--fluid-lg-space);color:inherit;margin:0}.fluid form .fluid-form-section{display:flex;flex-direction:column}.fluid form .fluid-form-section .fluid-form-section-title{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;padding:3px var(--fluid-lg-space) 0;text-transform:uppercase;background-color:var(--fluid-background);border-bottom:2px solid var(--fluid-box-hover-background);position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;top:0}.fluid form .fluid-form-section .fluid-form-section-title .fluid-form-section-title-text{display:inline-flex;align-items:center;min-height:var(--fluid-target-size);max-width:70%;box-shadow:0 2px 0 0 currentColor;align-items:flex-end;padding:0 0 5px}.fluid form .fluid-form-section .fluid-form-section-content{flex:1 1 auto;padding:var(--fluid-lg-space) 0;display:grid;grid-row-gap:var(--fluid-med-space)}.fluid form .fl-asst-form-footer{padding:var(--fluid-med-space) var(--fluid-lg-space);position:-webkit-sticky;position:sticky;bottom:0;background:var(--fluid-background);border-top:5px solid var(--fluid-box-background);display:flex;flex-direction:row;justify-content:flex-end;align-items:center;line-height:1}.fluid form .fl-asst-form-item{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:5px var(--fluid-lg-space);margin:0 calc(0px - var(--fluid-lg-space));min-height:var(--fluid-target-size);box-shadow:none;transition-property:box-shadow;transition-duration:.25s}.fluid form .fl-asst-form-item p{margin:0}.fluid form .fl-asst-form-item.fl-asst-form-item-placement-beside{display:flex;flex-direction:row;justify-content:flex-start}.fluid form .fl-asst-form-item.fl-asst-form-item-placement-beside label{margin:0;margin-right:var(--fluid-med-space);flex:0 0 auto}.fluid form .fl-asst-form-item.fl-asst-form-item-placement-beside .fl-asst-form-item-content{text-align:right;justify-content:flex-end;flex:1 1 auto}.fluid form .fl-asst-form-item .fl-asst-form-item-content{display:flex;flex-direction:row;align-items:stretch;align-content:center;flex-wrap:wrap;word-break:break-word}.fluid form .fl-asst-form-item .fl-asst-form-item-content button{flex:0 0 auto}.fluid form .fl-asst-form-item .fl-asst-form-item-content label{font-weight:400}.fluid form .fl-asst-form-item-has-errors label{color:var(--fluid-destructive-color)!important}.fluid form .fl-asst-form-item-has-errors input,.fluid form .fl-asst-form-item-has-errors select,.fluid form .fl-asst-form-item-has-errors textarea{box-shadow:inset 0 0 0 1.5px var(--fluid-destructive-color)}.fluid form .fl-asst-form-item-has-errors .fl-asst-form-item-error{color:var(--fluid-destructive-color);padding:var(--fluid-sm-space) 0 0}.fluid form .fl-asst-form-item-placement-beside select{flex:0 0 auto;width:auto}.fl-asst-form-tabs{display:flex;justify-content:center;flex-shrink:0;padding:0}.fl-asst-file-item{width:100%}.fl-asst-file-item .fl-asst-file-item-empty{display:flex;align-items:center}.fl-asst-file-item .fl-asst-file-item-empty button{margin-right:var(--fluid-med-space)}.fl-asst-file-item .fl-asst-file-item-selected{display:flex;align-items:center}.fl-asst-file-item .fl-asst-file-item-thumb{background:var(--fluid-box-background);border-radius:var(--fluid-radius);margin-right:var(--fluid-lg-space);min-width:75px;min-height:75px;width:75px;height:75px;overflow:hidden;position:relative}.fl-asst-file-item .fl-asst-file-item-thumb img{position:absolute;top:50%;transform:translateY(-50%);width:100%}.fl-asst-file-item .fl-asst-file-item-name{margin-bottom:var(--fluid-med-space)}.fl-asst-file-item .fl-asst-file-item-actions button:first-child{margin-right:var(--fluid-med-space)}.fl-asst .fl-asst-tag-group-suggest{width:100%}.fl-asst .fl-asst-tag-group-suggest .fl-asst-tag-group{cursor:text}.fl-asst .fl-asst-tag-group-suggest .fl-asst-tag{cursor:pointer}.fl-asst .fl-asst-tag-group-suggest input[type=text]{flex:none;display:inline-block;margin:var(--fluid-sm-space);max-width:100%;width:auto}.fl-asst .fl-asst-tag-group-suggest-menu{position:absolute;left:0;right:0;top:100%;z-index:100;max-height:150px;overflow:scroll;padding:var(--fluid-sm-space);background:var(--fluid-background);border-radius:var(--fluid-radius);box-shadow:0 0 10px rgba(0,0,0,.2)}.fl-asst .fl-asst-tag-group-suggest-item{cursor:pointer;padding:var(--fluid-sm-space);border-radius:var(--fluid-radius)}.fl-asst .fl-asst-tag-group-suggest-item:hover{background:var(--fluid-box-hover-background)}.fl-asst .fl-asst-form-input{padding:0!important;display:flex!important;flex-direction:row;flex-wrap:nowrap;align-items:center;color:var(--fluid-color);box-shadow:0 0 0 2px var(--fluid-box-background)}.fl-asst .fl-asst-form-input.fl-asst-appearance-transparent{background:transparent;border:none;margin:0;box-shadow:none}.fl-asst .fl-asst-form-input.fl-asst-appearance-transparent:hover{background-color:var(--fluid-box-background)}.fl-asst .fl-asst-form-input.fl-asst-appearance-transparent:focus-within{background-color:var(--fluid-box-background);border:none;outline:none;box-shadow:inset 0 0 0 2px var(--fluid-background),0 0 0 2px var(--fluid-accent)}.fl-asst .fl-asst-form-input.fl-asst-appearance-transparent>:not(input){display:inline-flex;flex-grow:0;flex-shrink:0}.fl-asst .fl-asst-form-input.fl-asst-appearance-transparent .fluid-button{background:transparent;border-radius:0}.fl-asst .fl-asst-form-input.fl-asst-appearance-transparent .fluid-button:focus{background:var(--fluid-primary-background);color:var(--fluid-primary-color)}.fl-asst .fl-asst-form-input input{box-shadow:none;border:none;background:transparent;border-radius:0;font-size:13px;font-weight:400;letter-spacing:normal;color:inherit;display:inline-flex;flex:1 1 auto;min-height:var(--fluid-target-size);width:auto;padding:var(--fluid-sm-space)}.fl-asst .fl-asst-form-input input:focus{box-shadow:none;border:none;outline:none}.fl-asst .fl-asst-form-input input::-webkit-input-placeholder{color:currentColor;opacity:.5}.fl-asst .fl-asst-form-input input::-moz-placeholder{color:currentColor;opacity:.5}.fl-asst .fl-asst-form-input input:-ms-input-placeholder{color:currentColor;opacity:.5}.fl-asst .fl-asst-form-input input:-moz-placeholder{color:currentColor;opacity:.5}.fl-asst .fl-asst-tag-group{display:flex;flex:0 0 100%;flex-wrap:wrap;min-height:32px;position:relative;padding:var(--fluid-sm-space);background:var(--fluid-box-background);border-radius:var(--fluid-radius)}.fl-asst .fl-asst-tag{display:inline-flex;flex-direction:row;justify-content:center;align-items:stretch;background:var(--fluid-background);color:var(--fluid-color);border-radius:var(--fluid-radius);margin:var(--fluid-sm-space);min-height:var(--fluid-target-size);max-width:100%;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);font-size:12px;font-weight:500}.fl-asst .fl-asst-tag:first-item{margin-left:0}.fl-asst .fl-asst-tag .fl-asst-tag-label{flex:1 0 auto;display:inline-flex;align-items:center;padding:0 var(--fluid-sm-space);padding-right:0}.fl-asst .fl-asst-tag .fl-asst-tag-color{flex:0 0 auto;display:flex;align-self:center;margin-left:var(--fluid-med-space);width:12px;height:12px;border-radius:50%}.fl-asst .fl-asst-tag .fl-asst-tag-remove-btn{padding:var(--fluid-med-space);min-height:14px;min-width:14px;border-top-left-radius:0;border-bottom-left-radius:0} |
