heliux-formattachment{--attachment-text-color: var(--scope-color-accent1-text, #fff);--attachment-bg-color: var(--scope-color-accent1, #fff);--attachment-border-color: var(--scope-color-main-color);--attachment-error-color: var(--scope-color-error-color, rgb(223, 21, 21));--attachment-success-color: var(--scope-color-success-color, rgb(12, 177, 26));--attachment-gutter: var(--scope-layout-grid-gutter, 20px);--attachment-margins: var(--scope-layout-margin, 20px);--attachment-alignment-horizontal: var(--scope-alignment-horizontal, start);--attachment-icon-base-size: 30px;--formattachment-margin-block-start: var(--scope-margin-block-start, 0);--formattachment-margin-inline-end: var(--scope-margin-inline-end, 0);--formattachment-margin-block-end: var(--scope-margin-block-end, var(--global-layout-viewport-default-margin));--formattachment-margin-inline-start: var(--scope-margin-inline-start, 0);margin-block:var(--formattachment-margin-block-start) var(--formattachment-margin-block-end);margin-inline:var(--formattachment-margin-inline-start) var(--formattachment-margin-inline-end);display:grid}heliux-formattachment .attachment__dropArea{position:relative;border:2px dashed var(--attachment-border-color);display:flex;flex-direction:column;text-align:center;margin-block:var(--attachment-margins);margin-inline:auto;padding:var(--attachment-padding)}heliux-formattachment .attachment__dropOverlay{display:grid;place-content:center;position:absolute;inset:0;width:100%;height:100%;background-color:var(--attachment-bg-color);color:var(--attachment-text-color)}heliux-formattachment .attachment__name{max-inline-size:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}heliux-formattachment .attachment__browseCta{color:var(--attachment-bg-color);cursor:pointer;text-decoration:underline}heliux-formattachment .attachment__helpText,heliux-formattachment .attachment__heading{margin-block:0;margin-inline:0}heliux-formattachment .attachment__fileInput{display:none}heliux-formattachment .attachment__fileRowContent{display:flex;justify-content:flex-start;align-items:center;-moz-column-gap:var(--attachment-gutter);column-gap:var(--attachment-gutter);border:1px solid var(--attachment-bg-color);padding:var(--attachment-gutter);margin-block-end:calc(var(--attachment-gutter)/2)}heliux-formattachment .attachment__deleteIcon{margin-inline-start:auto;cursor:pointer}heliux-formattachment .attachment__deleteIcon svg{fill:var(--attachment-bg-color)}heliux-formattachment .attachment__deleteIcon *{pointer-events:none}heliux-formattachment .attachment__listError{color:var(--attachment-error-color);text-align:center;margin-block-end:var(--attachment-gutter)}heliux-formattachment .attachment__invalidIcon{display:none}heliux-formattachment .attachment__invalidIcon svg{fill:var(--attachment-error-color)}heliux-formattachment .attachment__loaderIcon{width:var(--attachment-icon-base-size);height:var(--attachment-icon-base-size);display:flex;padding:0;background:rgba(0,0,0,0);border:0}@media(prefers-reduced-motion: reduce){heliux-formattachment .attachment__loaderIcon{display:none}}heliux-formattachment .attachment__loaderIcon .circleLoading{fill:none;stroke:var(--attachment-bg-color);stroke-width:14px;stroke-dasharray:376.8;stroke-dasharray:376.8;animation-fill-mode:forwards;animation-timing-function:linear}heliux-formattachment .attachment__loaderIcon .circleMain{stroke:var(--attachment-bg-color);stroke-width:2px;fill:var(--attachment-text-color)}heliux-formattachment .attachment__loaderIcon *{pointer-events:none}heliux-formattachment .attachment__loaderIcon>svg{transform:rotate(-90deg)}heliux-formattachment .attachment__loaderIcon heliux-icon{--icon-size: var(--attachment-icon-base-size)}heliux-formattachment .attachment--disabled{pointer-events:none;cursor:default;opacity:.5}heliux-formattachment .attachment--invalid .attachment__fileRowContent{border:1px solid var(--attachment-error-color)}heliux-formattachment .attachment--invalid .attachment__invalidIcon{display:inline}heliux-formattachment .attachment--invalid .attachment__errorText{display:block;color:var(--attachment-error-color);margin-block-end:calc(var(--attachment-gutter)/2)}heliux-formattachment .attachment__fileError{display:none}heliux-formattachment .calltoaction{display:flex;justify-content:center}