{"version":3,"sources":["src/style.scss","../shared/_vars.scss"],"sourcesContent":["@import '../../shared/vars';\n\n$psv-gallery-padding: 15px !default;\n$psv-gallery-border: 1px solid $psv-caption-text-color !default;\n$psv-gallery-background: $psv-navbar-background !default;\n$psv-gallery-item-radius: 5px !default;\n$psv-gallery-item-active-border: 3px solid white !default;\n$psv-gallery-title-font: $psv-caption-font !default;\n$psv-gallery-title-color: $psv-caption-text-color !default;\n$psv-gallery-title-background: rgba(0, 0, 0, 0.6) !default;\n$psv-gallery-thumb-hover-scale: 1.2 !default;\n\n.psv-gallery {\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    background: $psv-gallery-background;\n    border-bottom: $psv-gallery-border;\n    overflow-x: auto;\n    overflow-y: hidden;\n    transition: transform ease-in-out 0.1s;\n    transform: translateY(100%);\n    z-index: $psv-navbar-zindex;\n\n    @at-root .psv--has-navbar & {\n        bottom: $psv-navbar-height;\n        transform: translateY(calc(100% + #{$psv-navbar-height}));\n    }\n\n    &--open {\n        transform: translateY(0) !important;\n    }\n\n    &-container {\n        display: flex;\n        padding: $psv-gallery-padding;\n    }\n\n    &-item {\n        flex: none;\n        position: relative;\n        margin-right: $psv-gallery-padding;\n        border-radius: $psv-gallery-item-radius;\n        overflow: hidden;\n        cursor: pointer;\n\n        &-wrapper {\n            width: 100%;\n            height: 0;\n        }\n\n        &-title {\n            position: absolute;\n            top: 0;\n            left: 0;\n            display: flex;\n            justify-content: center;\n            align-items: flex-start;\n            box-sizing: border-box;\n            width: 100%;\n            height: 2.2em;\n            padding: 0.5em;\n            background: $psv-gallery-title-background;\n            font: $psv-gallery-title-font;\n            line-height: 1.2em;\n            color: $psv-gallery-title-color;\n            z-index: 2;\n            transition: height ease-in-out 0.2s;\n\n            span {\n                white-space: nowrap;\n                text-overflow: ellipsis;\n                overflow: hidden;\n                user-select: none;\n            }\n        }\n\n        &-thumb {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-position: center center;\n            background-size: cover;\n            transform: scale3d(1, 1, 1);\n            transition: transform ease-in-out 0.2s;\n            z-index: 1;\n        }\n\n        &:hover &-title {\n            height: 100%;\n\n            span {\n                white-space: normal;\n            }\n        }\n\n        &:hover &-thumb {\n            transform: scale3d($psv-gallery-thumb-hover-scale, $psv-gallery-thumb-hover-scale, 1);\n        }\n\n        &--active::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            box-sizing: border-box;\n            border: $psv-gallery-item-active-border;\n            z-index: 3;\n        }\n    }\n\n    @media screen and (width <= 500px) {\n        top: 0;\n        overflow-x: hidden;\n        overflow-y: auto;\n\n        &-container {\n            flex-wrap: wrap;\n            margin-right: -$psv-gallery-padding;\n            margin-top: $psv-panel-close-button-size;\n            padding-top: 0;\n        }\n\n        &-item {\n            width: calc(50% - #{$psv-gallery-padding}) !important;\n            margin-bottom: $psv-gallery-padding;\n        }\n\n        .psv-panel-close-button {\n            display: block;\n            z-index: 10;\n        }\n    }\n}\n","// *** MAIN ***\n$psv-main-background-stops: #fff 0%,\n    #fdfdfd 16%,\n    #fbfbfb 33%,\n    #f8f8f8 49%,\n    #efefef 66%,\n    #dfdfdf 82%,\n    #bfbfbf 100% !default;\n$psv-main-background: radial-gradient($psv-main-background-stops) !default;\n$psv-element-focus-outline: 2px solid #007cff !default;\n\n// *** LOADER ***\n$psv-loader-bg-color: rgba(61, 61, 61, 0.5) !default;\n$psv-loader-color: rgba(255, 255, 255, 0.7) !default;\n$psv-loader-width: 150px !default;\n$psv-loader-tickness: 10px !default;\n$psv-loader-border: 3px !default;\n$psv-loader-font: 600 16px sans-serif !default;\n\n// *** NAVBAR ***\n$psv-navbar-height: 40px !default;\n$psv-navbar-background: rgba(61, 61, 61, 0.5) !default;\n\n$psv-caption-font: 16px sans-serif !default;\n$psv-caption-text-color: rgba(255, 255, 255, 0.7) !default;\n\n$psv-buttons-height: 20px !default;\n$psv-buttons-padding: (($psv-navbar-height - $psv-buttons-height) * 0.5) !default;\n$psv-buttons-background: transparent !default;\n$psv-buttons-active-background: rgba(255, 255, 255, 0.2) !default;\n$psv-buttons-color: rgba(255, 255, 255, 0.7) !default;\n$psv-buttons-disabled-opacity: 0.5 !default;\n\n$psv-buttons-hover-scale: 1.2 !default;\n$psv-buttons-hover-scale-delay: 200ms !default;\n\n$psv-zoom-range-width: 80px !default;\n$psv-zoom-range-tickness: 1px !default;\n$psv-zoom-range-diameter: 7px !default;\n$psv-zoom-range-media-min-width: 600px !default;\n\n// *** TOOLTIP ***\n$psv-tooltip-background: rgba(61, 61, 61, 0.8) !default;\n$psv-tooltip-animate-offset: 5px !default;\n$psv-tooltip-animate-delay: 100ms !default;\n$psv-tooltip-radius: 4px !default;\n$psv-tooltip-padding: 0.5em 1em !default;\n$psv-tooltip-arrow-size: 7px !default;\n$psv-tooltip-arrow-color: $psv-tooltip-background !default;\n$psv-tooltip-max-width: 200px !default;\n\n$psv-tooltip-text-color: rgb(255, 255, 255) !default;\n$psv-tooltip-font: 14px sans-serif !default;\n$psv-tooltip-text-shadow: 0 1px #000 !default;\n\n$psv-tooltip-shadow-color: rgba(90, 90, 90, 0.7) !default;\n$psv-tooltip-shadow-offset: 3px !default; // the shadow is always at the opposite side of the arrow\n\n// *** PANEL ***\n$psv-panel-background: rgba(10, 10, 10, 0.7) !default;\n$psv-panel-text-color: rgb(220, 220, 220) !default;\n$psv-panel-font: 16px sans-serif !default;\n$psv-panel-width: 400px !default;\n$psv-panel-padding: 1em !default;\n$psv-panel-animate-delay: 100ms !default;\n\n$psv-panel-resizer-width: 9px !default; // must be odd\n$psv-panel-resizer-background: rgba(0, 0, 0, 0.9) !default;\n$psv-panel-resizer-grip-color: #fff !default;\n$psv-panel-resizer-grip-height: 29px !default; // must be odd\n$psv-panel-close-button-size: 32px !default;\n$psv-panel-close-button-background: $psv-panel-resizer-background !default;\n$psv-panel-close-button-color: #fff !default;\n$psv-panel-close-button-animate-delay: 300ms !default;\n\n$psv-panel-title-font: 24px sans-serif !default;\n$psv-panel-title-icon-size: 24px !default;\n$psv-panel-title-margin: 24px !default;\n\n$psv-panel-menu-item-height: 1.5em !default;\n$psv-panel-menu-item-padding: 0.5em 1em !default;\n$psv-panel-menu-item-active-outline: 1px !default;\n$psv-panel-menu-odd-background: rgba(255, 255, 255, 0.1) !default;\n$psv-panel-menu-even-background: transparent !default;\n$psv-panel-menu-hover-background: rgba(255, 255, 255, 0.2) !default;\n\n// *** NOTIFICATION ***\n$psv-notification-position-from: -$psv-navbar-height !default;\n$psv-notification-position-to: $psv-navbar-height * 2 !default;\n$psv-notification-animate-delay: 200ms !default;\n$psv-notification-background: $psv-tooltip-background !default;\n$psv-notification-radius: $psv-tooltip-radius !default;\n$psv-notification-padding: $psv-tooltip-padding !default;\n$psv-notification-font: $psv-tooltip-font !default;\n$psv-notification-text-color: $psv-tooltip-text-color !default;\n\n// *** OVERLAY ***\n$psv-overlay-opacity: 0.8 !default;\n$psv-overlay-title-font: 30px sans-serif !default;\n$psv-overlay-title-color: black !default;\n$psv-overlay-text-font: 20px sans-serif !default;\n$psv-overlay-text-color: rgba(0, 0, 0, 0.8) !default;\n$psv-overlay-image-size: (\n    portrait: 50vw,\n    landscape: 25vw,\n) !default;\n\n// *** Z-INDEXES ***\n$psv-canvas-zindex: 0 !default;\n$psv-hud-zindex: 10 !default;\n$psv-polygon-marker-zindex: 20 !default;\n$psv-marker-zindex: 30 !default;\n$psv-compass-zindex: 40 !default;\n$psv-tooltip-zindex: 50 !default;\n$psv-loader-zindex: 80 !default;\n$psv-panel-zindex: 90 !default;\n$psv-navbar-zindex: 90 !default;\n$psv-notification-zindex: 100 !default;\n$psv-overlay-zindex: 110 !default;\n"],"mappings":";;;;;;AAYA;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAES;AACL;AACA;;AAGJ;AACI;;AAGJ;AACI;AACA;;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;;AAEA;AACI;AACA;;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACI;AACA;AACA;AACA;;AAIR;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGJ;AACI;;AAEA;AACI;;AAIR;AACI;;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIR;AAxGJ;AAyGQ;AACA;AACA;;AAEA;AACI;AACA;AACA;AACA;;AAGJ;AACI;AACA;;AAGJ;AACI;AACA;;;","names":[]}