.c-file-upload{margin-bottom:1.5rem}.c-file-upload label{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;transition:all .3s ease-out;font-size:1rem;color:#4d4d4d;font-weight:700;line-height:1.5;margin-bottom:.125em}.c-file-upload label .c-btn-text--small{margin-left:0}.c-file-upload .label__tag-container{line-height:1.5;margin-left:.25em}.c-file-upload .label__tag-container .sjv-i-fraga-cirkel{font-size:1.2em;margin-right:0}.c-file-upload .label__required{text-transform:none;-webkit-font-smoothing:antialiased}.c-file-upload .format{display:block;font-size:1rem;line-height:1.4;font-weight:400;color:#4d4d4d}.c-file-upload .error{display:flex;color:#991f14;font-weight:400;line-height:1.4;align-items:flex-start}.c-file-upload .error [class*=" sjv-i-"],.c-file-upload .error [class^=sjv-i-]{font-size:1rem;line-height:1.4;margin:0 .5rem 0 0}.c-file-upload .error+.format{margin-top:.25em}.c-file-upload .help_text{line-height:1.5;margin-left:.1875em}.c-file-upload .help_text .sjv-i-fraga-cirkel{font-size:1.2em;margin-right:0}.c-file-upload .label__description{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;display:block;flex-flow:column;justify-content:flex-start;align-items:flex-start;width:100%;max-width:38.3125em;text-align:left;border-left:1px solid #ccc;margin:.125em 0;color:#4d4d4d;font-size:1rem;font-weight:400;line-height:1.5;padding:0 0 0 1em}.c-file-upload .label__description span:first-of-type{display:block;margin:0;margin-bottom:.125em}.c-file-upload .label__description .c-btn-text--large,.c-file-upload .label__description .c-btn-text--medium,.c-file-upload .label__description .c-btn-text--small{display:inline-block;margin:0;margin-bottom:.25em}.c-file-upload .label__description:empty{display:none}.c-file-upload .error+.upload-area,.c-file-upload .format+.upload-area,.c-file-upload .label__description+.upload-area{margin-top:.5em}.c-file-upload .c-file-upload_title{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;transition:all .3s ease-out;font-size:1rem;color:#4d4d4d;font-weight:700}.c-file-upload .c-file-upload_title .label--valfritt{font-weight:400;font-size:.8125rem;margin-left:.5em;font-style:italic}.c-file-upload .upload-area{align-items:center;display:flex;justify-content:center;transition:all .2s ease-out}.c-file-upload .upload-area__input{width:1px;height:1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.c-file-upload .upload-area__label{cursor:pointer;align-items:center;background-color:#fff;border:1px solid gray;border-radius:.125em;box-shadow:inset 0 0 0 transparent;display:flex;flex-direction:column;justify-content:center;padding:1.5em 1em;position:relative;transition:all .2s ease-out;width:100%;outline:1px dashed #116fa2;outline-offset:-.5em}.c-file-upload .upload-area__label strong{color:#116fa2;text-decoration:underline}.c-file-upload .upload-area__label span:first-of-type{display:block;align-items:center;justify-content:center}.c-file-upload .upload-area__dragndrop{display:inline-block;padding-left:.4em;font-weight:400}.c-file-upload .upload-area__dragndrop strong{margin-right:.125em}.c-file-upload .upload-area.is-dragover .upload-area__label{outline-color:#699917;outline-offset:-.75em;box-shadow:inset 0 0 0 0 #991f14,inset 0 0 0 0 #fff,inset 0 0 0 0 #116fa2,0 1px 0 0 #fff,0 5px 0 -1px #699917;background-color:#fff}.c-file-upload .upload-area__label:hover{background-color:#f0f7fc;outline-offset:-.8em}.c-file-upload .disabled.upload-area__label:hover{pointer-events:none;outline-offset:-.5em;background-color:#e6e6e6;color:#4d4d4d}.c-file-upload .upload-area__input:hover+label{background-color:#fff;box-shadow:inset 0 0 0 1px #fff,inset 0 -.1875rem 0 0 #116fa2,0 0 5px #cacaca}.c-file-upload .upload-area__input:focus+label{background-color:#fff;box-shadow:inset 0 0 0 0 #991f14,inset 0 0 0 0 #fff,inset 0 0 0 0 #116fa2,0 0 0 1px #fff,0 0 0 3px #699917}.c-file-upload .upload-area__input:focus:hover+label{background-color:#fff;box-shadow:inset 0 0 0 0 #991f14,inset 0 0 0 0 #fff,inset 0 0 0 0 #116fa2,0 1px 0 0 #fff,0 5px 0 -1px #699917}.c-file-upload .upload-area__input:disabled+label,.c-file-upload .upload-area__input:disabled+label:hover{pointer-events:none;box-shadow:none}.c-file-upload .file-list{list-style-type:none;margin:.5em 0 1em;padding:0}.c-file-upload .file-list li{padding:1.6em .8em;align-items:center;display:flex;flex-direction:row;justify-content:flex-start;transform-origin:top}.c-file-upload .file-list li.fadeout{animation:.5s ease-out 0s 1 normal forwards fadeout}.c-file-upload .file-list li.fadein{animation:.25s ease-out 0s 1 normal forwards fadein}.c-file-upload .file-list button{white-space:nowrap;margin:0;transition:all .2s ease-out}.c-file-upload .file-list button:before{margin:0 .5em 0 0;font-size:.8125rem;content:"\E930";font-family:sjv-icon-fonts;font-weight:700}.c-file-upload .file-thumb{margin:0;font-size:2.0625rem;overflow:visible;line-height:0;text-align:center}.c-file-upload .file-thumb>img{border:.25em solid #333;max-width:3.125em;max-height:3.125em}.c-file-upload .file-info{word-break:break-word;flex:1 0 0}.c-file-upload .file-name{line-height:1}.c-file-upload .file-size{font-size:.8125rem}.c-file-upload .file-upload__summary{padding:.8em;background-color:#e6e6e6;border-top:1px solid #e6e6e6;font-weight:700;margin-top:1em}.c-file-upload .summary__file-size:before{content:"-";margin:0 .5em}@keyframes fadeout{0%{background-color:#699917;opacity:1;max-height:18.75em;padding:.5em}to{background-color:#f2f2f2;opacity:0;max-height:0;padding:0 .5em}}@keyframes fadein{0%{background-color:#84bd00;opacity:0;max-height:0;padding:0 .5em}to{background-color:#f2f2f2;opacity:1;max-height:18.75em;padding:.5em}}.c-file-upload--tiny .c-file-upload_title{font-size:.8125rem}.c-file-upload--error .c-file-upload_title{color:#991f14}.c-file-upload--error .upload-area__label{border-color:#991f14;box-shadow:inset 0 0 0 1px #991f14,inset 0 0 0 2px #fff,0 0 0 0 #fff,0 0 0 0 #45660b}.c-file-upload--error .upload-area__input:hover+label{background-color:#fff;box-shadow:inset 0 0 0 1px #991f14,inset 0 0 0 2px #fff,inset 0 -4px 0 0 #116fa2,0 0 0 0 #fff,0 0 0 0 #699917}.c-file-upload--error .upload-area__input:focus+label{box-shadow:inset 0 0 0 1px #991f14,inset 0 0 0 0 #fff,inset 0 0 0 0 #116fa2,0 0 0 1px #fff,0 0 0 3px #699917}.c-file-upload--error .upload-area__input:focus:hover+label{box-shadow:inset 0 0 0 1px #991f14,inset 0 0 0 0 #fff,inset 0 0 0 0 #116fa2,0 1px 0 0 #fff,0 5px 0 -1px #699917}.c-file-upload--disabeld{pointer-events:none}.c-file-upload--disabeld .c-file-upload_title{color:#b3b3b3}.c-file-upload--disabeld .upload-area__label{color:#b3b3b3;background-color:#e6e6e6;border-color:#b3b3b3;outline-color:#b3b3b3}.c-file-upload--disabeld .upload-area__label strong{color:#b3b3b3}