.text-area{background-color:var(--neutral-1-10);border-style:solid;border-width:1px;border-color:var(--spblue-3-8);border-radius:4px;align-items:flex-start;gap:8px;padding:8px;display:flex;position:relative}.text-area::placeholder{color:var(--spblue-5-6)}.text-area:hover{background-color:var(--neutral-2)}.text-area:focus,.text-area:active{border-color:var(--spblue-6-5);color:var(--neutral-9);background-color:#fff}.text-area:disabled{background-color:var(--spblue-0-10);border:1px solid var(--spblue-3-5);color:var(--neutral-4);opacity:.5}.text-area.error{border-color:var(--fargerred-6);background-color:var(--neutral-2-9)}.text-area.success{border-color:var(--fargergreen-6)}
.kontaktskjema{border-radius:5px;flex-direction:column;align-items:center;gap:42px;width:100%;padding:42px clamp(10px,5%,84px);display:flex}.kontaktskjema .kategorisering{flex-direction:column;justify-content:start;gap:22px;width:100%;display:flex}.kontaktskjema .kategori-tittel{font:var(--h3-regular);color:var(--spblue-11-0);margin-bottom:-8px}.kontaktskjema .skjema{flex-direction:column;gap:30px;width:100%;display:flex}.kontaktskjema .skjema-rad{gap:12px;width:100%;display:flex}@media screen and (max-width:600px){.kontaktskjema .skjema-rad{flex-direction:column}}.bekreft-kontaktskjema{width:100%}.bekreft-kontaktskjema tr{width:100%;position:relative}.bekreft-kontaktskjema tr:before{content:" ";background-image:radial-gradient(at 61% 0,#e7af82 0%,#65a9b2 100%);width:100%;height:1px;display:block;position:absolute;bottom:0}.bekreft-kontaktskjema thead tr:before{height:2px}.bekreft-kontaktskjema tbody tr:last-child:before{background-image:none;height:0}.bekreft-kontaktskjema td{font:var(--h4-medium);color:var(--spblue-9-2);padding:8px 0}.bekreft-kontaktskjema th{font:var(--h3-medium);text-align:left;color:var(--spblue-10-1);margin-bottom:14px;padding:8px 0}.bekreft-kontaktskjema td .field-name,.bekreft-kontaktskjema th .field-name{color:var(--spblue-8-3)}.bekreft-kontaktskjema tr>:last-child{text-align:right;font:var(--h4-medium);cursor:pointer}.confirm-henvendelse-fremvisning{color:var(--spblue-10-1);width:100%;font:var(--body1-regular-paragraph)}.confirm-note{text-align:center;width:100%;color:var(--spblue-9-1);font:var(--body1-regular)}.kontakskjema-sendt-block{background:var(--spblue-0-11);border-radius:5px;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;gap:28px;padding:42px clamp(10px,5%,200px);display:flex;box-shadow:2px 2px 4px #00000040,-2px -2px 4px #00000040}.kontakskjema-title{flex-direction:column;gap:16px;width:100%;display:flex}.kontakskjema-title h1{font:var(--h1-regular);color:var(--spblue-11-0);text-align:center;width:100%}.kontakskjema-title h2{font:var(--h2-regular);color:var(--spblue-11-0);text-align:center;width:100%}.kontakt-info-container{flex-direction:column;align-items:center;gap:22px;width:fit-content;display:flex}.kontakt-info-container .info-group{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.kontakt-info-container .info-group h3{color:var(--spblue-11-0);font:var(--h3-semi-bold)}.kontakt-info-container .info-group p{color:var(--spblue-11-0);font:var(--h3-regular)}.kontakt-info-container .info-group p a{color:var(--spblue-11-0);font:var(--h3-regular);text-decoration:underline}
.dropzone{border:1px dashed var(--fargerneutral-7);cursor:pointer;background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:10px 0;display:flex}.dropzone.disabled{opacity:.5;pointer-events:none}.dropzone.dragging{animation:3s ease-in-out infinite draggingAnimation;transform:rotate(0)}@keyframes draggingAnimation{10%,90%{transform:rotate(.5deg)}20%,80%{transform:rotate(-.25deg)}30%,50%,70%{transform:rotate(.5deg)}40%,60%{transform:rotate(-.75deg)}}.dropzone *{pointer-events:none}.delete-icon{z-index:1;pointer-events:all;position:absolute;top:5px;right:5px}.delete-icon *{pointer-events:all}.dropzone-label{font:var(--label-medium-blod);color:var(--spblue-11-0)}.dropzone .dropzone-text{color:var(--fargerneutral-7);font:var(--body2-regular)}.upload-icon{width:auto;min-width:28px;max-width:42px;height:30%;min-height:28px;max-height:42px}.upload-icon.default,.upload-icon.loading{fill:var(--spblue-spaqua-7)}.dropzone:hover .upload-icon{fill:var(--spblue-spaqua-5)}.upload-icon.success{fill:var(--fargergreen-7)}.dropzone:hover .upload-icon.success{fill:var(--fargergreen-5)}.upload-icon.error{fill:var(--fargerred-7)}.dropzone:hover .upload-icon.error{fill:var(--fargerred-5)}
.modal-form-card{background-color:var(--spblue-0-11);border-radius:5px;flex-direction:column;align-items:center;gap:22px;width:864px;max-width:95%;max-height:calc(100vh - 2em - 6px);padding:32px;display:flex;overflow:visible}.modal-form-card::backdrop{background-color:#00000080}.modal-form-top-container{flex-direction:column;align-items:center;gap:25px;width:100%;display:flex}.modal-form-bottom-container{flex-direction:column;align-items:center;gap:30px;width:100%;display:flex}.modal-form-top-container h2{color:var(--spblue-11-0);text-align:center;font:var(--h1-regular)}.modal-form-top-container h3{color:var(--spblue-10-1);text-align:center;font:var(--h4-regular)}.modal-form-top-container p{color:var(--spblue-10-1);text-align:center;font:var(--body1-regular)}.modal-form-change-btn{color:var(--spblue-6-5);font:var(--h4-medium);cursor:pointer}.modal-form-card .content-wrapper{flex-direction:column;gap:50px;width:100%;display:flex}.modal-form-card.scroll{padding:32px 0}.modal-form-card.scroll .content-wrapper{padding:0 32px;overflow-y:scroll}