@import 'scss/mixins.scss';
@import '../theme/variables.scss';

@import './popover.scss';
@import './tooltip.scss';
@import './special-svgs.scss';
@import './filters.scss';
@import './shadow.scss';
@import './opacity.scss';
@import './transitions.scss';

// FOR LOCAL DEVELOPMENT UNCOMMENT BELOW IMPORTS
// @import './text-selection.scss';
// @import './text-size.scss';
// @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
// @import './spacing.scss';
// @import './border-radius.scss';
// @import './sizing.scss';
// @import './background.scss';
// @import './font-weight.scss';
// @import './font-family.scss';
// @import './icons.scss';

/* You can add global styles to this file, and also import other style files */

html {
    scroll-behavior: auto !important;
}

.gm-style-iw-chr,
.gm-style-iw-tc {
    display: none;
}

.gm-style .gm-style-iw-c {
    border-radius: 0;
}

.gm-style-iw {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
.gm-style-iw > div {
    overflow: visible !important;
}
.infoWindow {
    overflow: hidden !important;
}

.gm-style-iw-d {
    max-height: 350px !important;
}
.gm-style-iw.gm-style-iw-c {
    max-height: 350px !important;
}

// remove popover arrow
::ng-deep .popover {
    --bs-popover-border-width: 0;
    --bs-popover-body-padding-y: 0;
    --bs-popover-body-padding-x: 0;
    .popover-arrow {
        display: none;
    }
}

.pointer-events-none {
    pointer-events: none;
}

.ca-scroll-bar {
    overflow-y: scroll;

    &::-webkit-scrollbar {
        width: 2px;
    }

    &::-webkit-scrollbar-thumb {
        background: $ta-light-grey-6;
        border-radius: 1px;
    }

    &::-webkit-scrollbar-track {
        background: $ta-black-2;
    }
}

.highlight-text-45632 {
    background-color: $ta-blue-20;
    color: $ta-blue-15;
    transition: all 0.3s ease-in-out;
}