{"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\r\n\r\n$tooltip-inner-color: var(--mdb-surface-inverted-color) !default;\r\n$tooltip-inner-padding-y: 6px;\r\n$tooltip-inner-padding-x: 16px;\r\n$tooltip-inner-font-size: 14px;\r\n$tooltip-inner-background-color: var(--mdb-surface-inverted-bg) !default;\r\n$tooltip-inner-border-radius: 0.25rem;\r\n\r\n.vector-map {\r\n  overflow: hidden;\r\n  position: relative;\r\n\r\n  div {\r\n    max-width: 100%;\r\n  }\r\n\r\n  div:not(.vector-map-toolbar) {\r\n    overflow: hidden;\r\n  }\r\n\r\n  svg {\r\n    fill: white;\r\n    cursor: pointer;\r\n    transform-box: fill-box;\r\n\r\n    path {\r\n      transition: fill 0.2s ease-out;\r\n    }\r\n  }\r\n\r\n  &-toolbar {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    .btn {\r\n      margin: 0.4rem;\r\n    }\r\n  }\r\n\r\n  &-tooltip {\r\n    background-color: $tooltip-inner-background-color;\r\n    border-radius: $tooltip-inner-border-radius;\r\n    padding: $tooltip-inner-padding-y $tooltip-inner-padding-x;\r\n    font-size: $tooltip-inner-font-size;\r\n    pointer-events: none;\r\n    color: $tooltip-inner-color;\r\n    opacity: 0;\r\n    transition: opacity 0.2s ease-out;\r\n    text-align: center;\r\n\r\n    &.show {\r\n      opacity: 1;\r\n    }\r\n\r\n    @media (pointer: coarse) {\r\n      &.show {\r\n        opacity: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  &-dragged {\r\n    svg {\r\n      cursor: crosshair;\r\n    }\r\n\r\n    .vector-map-tooltip.show {\r\n      opacity: 0;\r\n    }\r\n  }\r\n\r\n  &-legend {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-end;\r\n    flex-wrap: wrap;\r\n    padding-left: 0;\r\n\r\n    &__item {\r\n      display: flex;\r\n      align-items: center;\r\n    }\r\n\r\n    &__color {\r\n      width: 40px;\r\n      height: 20px;\r\n    }\r\n  }\r\n\r\n  &-marker {\r\n    &:focus,\r\n    path:focus {\r\n      outline: none;\r\n    }\r\n\r\n    .pin-inner-circle {\r\n      pointer-events: none;\r\n    }\r\n  }\r\n\r\n  .animated-circle {\r\n    pointer-events: none;\r\n  }\r\n}\r\n"]}