{"version":3,"sourceRoot":"","sources":["../../../src/plugins/vector-maps/scss/_vector-maps.scss"],"names":[],"mappings":"AASA,YACE,gBACA,kBAEA,gBACE,eAGF,yCACE,gBAGF,gBACE,UACA,eACA,uBAEA,qBACE,6BAIJ,oBACE,kBACA,MACA,QACA,aACA,sBAEA,yBACE,aAIJ,oBACE,iBAtC6B,+BAuC7B,cAtC0B,OAuC1B,iBACA,UA1CsB,KA2CtB,oBACA,MA/CkB,kCAgDlB,UACA,gCACA,kBAEA,yBACE,UAGF,wBACE,yBACE,WAMJ,wBACE,iBAGF,6CACE,UAIJ,mBACE,aACA,sBACA,yBACA,eACA,eAEA,yBACE,aACA,mBAGF,0BACE,WACA,YAKF,uDAEE,aAGF,qCACE,oBAIJ,6BACE","file":"vector-maps.min.css","sourcesContent":["// Tooltips\n\n$tooltip-inner-color: var(--mdb-surface-inverted-color) !default;\n$tooltip-inner-padding-y: 6px;\n$tooltip-inner-padding-x: 16px;\n$tooltip-inner-font-size: 14px;\n$tooltip-inner-background-color: var(--mdb-surface-inverted-bg) !default;\n$tooltip-inner-border-radius: 0.25rem;\n\n.vector-map {\n  overflow: hidden;\n  position: relative;\n\n  div {\n    max-width: 100%;\n  }\n\n  div:not(.vector-map-toolbar) {\n    overflow: hidden;\n  }\n\n  svg {\n    fill: white;\n    cursor: pointer;\n    transform-box: fill-box;\n\n    path {\n      transition: fill 0.2s ease-out;\n    }\n  }\n\n  &-toolbar {\n    position: absolute;\n    top: 0;\n    right: 0;\n    display: flex;\n    flex-direction: column;\n\n    .btn {\n      margin: 0.4rem;\n    }\n  }\n\n  &-tooltip {\n    background-color: $tooltip-inner-background-color;\n    border-radius: $tooltip-inner-border-radius;\n    padding: $tooltip-inner-padding-y $tooltip-inner-padding-x;\n    font-size: $tooltip-inner-font-size;\n    pointer-events: none;\n    color: $tooltip-inner-color;\n    opacity: 0;\n    transition: opacity 0.2s ease-out;\n    text-align: center;\n\n    &.show {\n      opacity: 1;\n    }\n\n    @media (pointer: coarse) {\n      &.show {\n        opacity: 0;\n      }\n    }\n  }\n\n  &-dragged {\n    svg {\n      cursor: crosshair;\n    }\n\n    .vector-map-tooltip.show {\n      opacity: 0;\n    }\n  }\n\n  &-legend {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    flex-wrap: wrap;\n    padding-left: 0;\n\n    &__item {\n      display: flex;\n      align-items: center;\n    }\n\n    &__color {\n      width: 40px;\n      height: 20px;\n    }\n  }\n\n  &-marker {\n    &:focus,\n    path:focus {\n      outline: none;\n    }\n\n    .pin-inner-circle {\n      pointer-events: none;\n    }\n  }\n\n  .animated-circle {\n    pointer-events: none;\n  }\n}\n"]}