.dina-icon{
    background-position: center center;
    background-repeat: no-repeat;
}
.dina-icon--full{    background-size: 100%; }
.dina-icon--large{   background-size:  75%; }
.dina-icon--medium{  background-size:  50%;}
.dina-icon--small{   background-size:  25%;}

/* dina-icon-name nytt namn (ikoner utan dina-icon ska uppdateras) */
.dina-icon--arrow-black{                                   --dina-icon: var( --dina-icon-url__dina-arrow);             }
.dina-icon--check, .dina-check{                            --dina-icon: var( --dina-icon-url__dina-check);             }
.dina-icon--check-white{                                   --dina-icon: var( --dina-icon-url__dina-check-white);       }
.dina-icon--arrow-white, .dina-arrow-white{                --dina-icon: var( --dina-icon-url__dina-arrow-white);       }
.dina-icon--search-refraction, .dina-search-refraction{    --dina-icon: var( --dina-icon-url__dina-search-refraction); }
.dina-icon--search{                                        --dina-icon: var(--dina-icon-url__search);                  }
.dina-icon--home-line, .dina-home-line{                    --dina-icon: var( --dina-icon-url__home-line);              } 

.dina-icon--padlock-closed{         --dina-icon: var( --dina-icon-url__dina-padlock-closed);        }
.dina-icon--padlock-closed-green{   --dina-icon: var( --dina-icon-url__dina-padlock-closed-green);  }
.dina-icon--padlock-open{           --dina-icon: var( --dina-icon-url__dina-padlock-open);          }
.dina-icon--padlock-open-green{     --dina-icon: var( --dina-icon-url__dina-padlock-open-green);    }
.dina-icon--plus{                   --dina-icon: var( --dina-icon-url__dina-plus);                  }
.dina-icon--plus-green{             --dina-icon: var( --dina-icon-url__dina-plus-green);                  }
.dina-icon--stroke{                 --dina-icon: var( --dina-icon-url__dina-stroke);                }
.dina-icon--stroke-green{           --dina-icon: var( --dina-icon-url__dina-stroke-green);                }
.dina-icon--x-close{                --dina-icon: var( --dina-icon-url__dina-x-close);               }
.dina-icon--x-close-green{          --dina-icon: var( --dina-icon-url__dina-x-close-green);         }
.dina-icon--arrow-left{             --dina-icon: var( --dina-icon-url__dina-arrow-left );           }
.dina-icon--arrow-download{         --dina-icon: var( --dina-icon-url__dina-arrow-download );       }
.dina-icon--trash{                  --dina-icon: var( --dina-icon-url__dina-trash);                 }
.dina-icon--chat-bubble-messages{   --dina-icon: var( --dina-icon-url__dina-chat-bubble-messages);  }
.dina-icon--chat-bubble-attachment{ --dina-icon: var( --dina-icon-url__dina-attachment);            }
.dina-icon--dina-file-document{     --dina-icon: var( --dina-icon-url__dina-file-document);         }
.dina-icon--dina-file-document-green{       --dina-icon: var( --dina-icon-url__dina-file-document-green);   }
.dina-icon--file-attachment{                --dina-icon: var( --dina-icon-url__dina-file-attachment);       }
.dina-icon--single-man{                     --dina-icon: var( --dina-icon-url__dina-single-man);            }

.dina-icon--alert-important{        --dina-icon: var( --dina-icon-url__alert-important);    }
.dina-icon--alert-circle{           --dina-icon: var( --dina-icon-url__alert-circle);       }
.dina-icon--alert-information{      --dina-icon: var( --dina-icon-url__alert-information);  }

.dina-icon--product-home{           --dina-icon: var(--dina-icon-url__product-icon-home);         }
.dina-icon--product-car{            --dina-icon: var( --dina-icon-url__product-icon-car);          }
.dina-icon--product-family{         --dina-icon: var( --dina-icon-url__product-icon-family);       }
.dina-icon--product-animal{         --dina-icon: var( --dina-icon-url__product-icon-animal);       }
.dina-icon--product-recreation{     --dina-icon: var( --dina-icon-url__product-icon-recreation);   }
.dina-icon--product-agriculture{    --dina-icon: var( --dina-icon-url__product-icon-agriculture);  }
.dina-icon--product-company{        --dina-icon: var( --dina-icon-url__product-icon-company);      }
.dina-icon--product-travel{         --dina-icon: var( --dina-icon-url__product-icon-travel);       }
.dina-icon--product-coins{          --dina-icon: var( --dina-icon-url__product-icon-coins);        }

.dina-icon--social-facebook{      background-image: var( --dina-icon-url__social-facebook);        }
.dina-icon--social-instagram{     background-image: var( --dina-icon-url__social-instagram);       }
.dina-icon--social-linkedin{      background-image: var( --dina-icon-url__social-linkedin);        }

.dina-icon--dina-logo-sticker{             --dina-icon: var( --dina-icon-url__dina-logo-sticker );         }

.dina-icon--uploaded-image{             --dina-icon:  var( --dina-icon-url__uploaded-image );              }
.dina-icon--uploaded-document-image{    --dina-icon:  var(--dina-icon-url__uploaded-document-image);       }
.dina-icon--upload-cloud{               --dina-icon:  var(--dina-icon-url__upload-cloud);                  }
.dina-icon--download-cloud{               --dina-icon:  var(--dina-icon-url__download-cloud);              }
.dina-icon--download-cloud-green{               --dina-icon:  var(--dina-icon-url__download-cloud-green);              }

.dina-icon--thumbs-up{                  --dina-icon:  var(--dina-icon-url__thumbs-up);         }
.dina-icon--pencil{                     --dina-icon:  var(--dina-icon-url__pencil);            }
.dina-icon--file-download{              --dina-icon:  var(--dina-icon-url__file-download);     }
.dina-icon--bankid-logo{                --dina-icon:  var(--dina-icon-url__bankid-logo);       }
.dina-icon--external{                   --dina-icon: var(--dina-icon-url__link-external);             }