{"version":3,"sources":["/home/runner/work/Photo-Sphere-Viewer/Photo-Sphere-Viewer/packages/gallery-plugin/src/index.scss","/home/runner/work/Photo-Sphere-Viewer/Photo-Sphere-Viewer/packages/gallery-plugin/src/../../../core/src/styles/_vars.scss","/home/runner/work/Photo-Sphere-Viewer/Photo-Sphere-Viewer/packages/gallery-plugin/src/_vars.scss"],"sourcesContent":["@forward 'vars';\n@use '../../../core/src/styles/vars' as psv;\n@use 'vars' as gallery;\n\n.psv-container {\n    --psv-gallery-plugin-loaded: true;\n}\n\n.psv-gallery {\n    --psv-gallery-breakpoint: #{gallery.$breakpoint};\n\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    background: gallery.$background;\n    border-bottom: gallery.$border;\n    overflow: hidden;\n    transition: transform ease-in-out 0.1s;\n    transform: translateY(100%);\n    z-index: psv.$ui-zindex + 1; // above map/plan\n    cursor: default;\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        align-content: flex-start;\n        padding: gallery.$padding;\n        overflow: auto hidden;\n        scrollbar-width: thin;\n        scrollbar-color: gallery.$scrollbar-color transparent;\n    }\n\n    &-item {\n        flex: none;\n        position: relative;\n        border-radius: gallery.$item-radius;\n        overflow: hidden;\n        cursor: pointer;\n\n        &:not(:last-child) {\n            margin-right: gallery.$padding;\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: gallery.$title-background;\n            font: gallery.$title-font;\n            line-height: 1.2em;\n            color: 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(gallery.$thumb-hover-scale, gallery.$thumb-hover-scale, 1);\n        }\n\n        &:focus-visible {\n            outline: psv.$element-focus-outline;\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: gallery.$item-active-border;\n            z-index: 3;\n        }\n    }\n\n    &-arrow {\n        position: absolute;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: gallery.$padding;\n        z-index: 9; // bellow close button\n        cursor: pointer;\n        transition: opacity .3s ease-in-out;\n\n        /* stylelint-disable no-descending-specificity */\n        svg {\n            color: gallery.$arrow-color;\n            filter: drop-shadow(5px 5px 2px black);\n            transition: translate .3s ease-in-out;\n        }\n\n        &--left, &--right {\n            top: 0;\n            bottom: 0;\n\n            svg {\n                height: 60%;\n                max-height: 60px;\n            }\n        }\n\n        &--left {\n            left: 0;\n            background: linear-gradient(to left, transparent 0%, gallery.$arrow-background 50%);\n\n            svg {\n                scale: -1 1;\n            }\n\n            &:hover svg {\n                translate: -10px 0;\n            }\n        }\n\n        &--right {\n            right: 0;\n            background: linear-gradient(to right, transparent 0%, gallery.$arrow-background 50%);\n\n            &:hover svg {\n                translate: 10px 0;\n            }\n        }\n\n        &--top, &--bottom {\n            left: 0;\n            right: 0;\n            padding: 0;\n\n            svg {\n                height: 60px;\n            }\n        }\n\n        &--top {\n            top: 0;\n            background: linear-gradient(to top, transparent 0%, gallery.$arrow-background 50%);\n\n            svg {\n                rotate: -90deg;\n                scale: 1 1.2;\n            }\n\n            &:hover svg {\n                translate: 0 -10px;\n            }\n        }\n\n        &--bottom {\n            bottom: 0;\n            background: linear-gradient(to bottom, transparent 0%, gallery.$arrow-background 50%);\n\n            svg {\n                rotate: -90deg;\n                scale: -1 1.2;\n            }\n\n            &:hover svg {\n                translate: 0 10px;\n            }\n        }\n        /* stylelint-enable no-descending-specificity */\n    }\n\n    @container psv-container (max-width: #{gallery.$breakpoint}) {\n        top: 0;\n\n        &-container {\n            flex-wrap: wrap;\n            height: calc(100% - #{psv.$panel-close-button-size});\n            margin-top: psv.$panel-close-button-size;\n            padding: 0 0 0 gallery.$padding;\n            overflow: hidden auto;\n        }\n\n        &-item {\n            width: calc(50% - #{gallery.$padding}) !important;\n            margin-bottom: gallery.$padding;\n        }\n\n        .psv-panel-close-button {\n            display: block;\n            z-index: 10;\n        }\n    }\n}\n","// *** MAIN ***\n$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$main-background: radial-gradient($main-background-stops) !default;\n$element-focus-outline: 2px solid #007cff !default;\n\n// *** LOADER ***\n$loader-bg-color: rgb(61, 61, 61, 0.5) !default;\n$loader-color: rgb(255, 255, 255, 0.7) !default;\n$loader-width: 150px !default;\n$loader-tickness: 10px !default;\n$loader-border: 3px !default;\n$loader-font: 600 16px sans-serif !default;\n\n// *** NAVBAR ***\n$navbar-height: 40px !default;\n$navbar-background: rgb(61, 61, 61, 0.5) !default;\n\n$caption-font: 16px sans-serif !default;\n$caption-text-color: rgb(255, 255, 255, 0.7) !default;\n\n$buttons-height: 20px !default;\n$buttons-padding: (($navbar-height - $buttons-height) * 0.5) !default;\n$buttons-background: transparent !default;\n$buttons-active-background: rgb(255, 255, 255, 0.2) !default;\n$buttons-color: rgb(255, 255, 255, 0.7) !default;\n$buttons-disabled-opacity: 0.5 !default;\n\n$buttons-hover-scale: 1.2 !default;\n$buttons-hover-scale-delay: 200ms !default;\n\n$zoom-range-width: 80px !default;\n$zoom-range-tickness: 1px !default;\n$zoom-range-diameter: 7px !default;\n$zoom-range-media-min-width: 600px !default;\n\n// *** TOOLTIP ***\n$tooltip-background: rgb(61, 61, 61, 0.8) !default;\n$tooltip-animate-offset: 5px !default;\n$tooltip-animate-delay: 100ms !default;\n$tooltip-radius: 4px !default;\n$tooltip-padding: 0.5em 1em !default;\n$tooltip-arrow-size: 7px !default;\n$tooltip-max-width: 200px !default;\n\n$tooltip-text-color: rgb(255, 255, 255) !default;\n$tooltip-font: 14px sans-serif !default;\n$tooltip-text-shadow: 0 1px #000 !default;\n\n$tooltip-shadow-color: rgb(90, 90, 90, 0.7) !default;\n$tooltip-shadow-offset: 3px !default; // the shadow is always at the opposite side of the arrow\n\n// *** PANEL ***\n$panel-background: rgb(10, 10, 10, 0.7) !default;\n$panel-text-color: rgb(220, 220, 220) !default;\n$panel-font: 16px sans-serif !default;\n$panel-width: 400px !default;\n$panel-padding: 1em !default;\n$panel-animate-delay: 100ms !default;\n\n$panel-resizer-width: 9px !default; // must be odd\n$panel-resizer-background: rgb(0, 0, 0, 0.9) !default;\n$panel-resizer-grip-color: #fff !default;\n$panel-resizer-grip-height: 29px !default; // must be odd\n$panel-close-button-size: 32px !default;\n$panel-close-button-background: $panel-resizer-background !default;\n$panel-close-button-color: #fff !default;\n$panel-close-button-animate-delay: 300ms !default;\n\n$panel-title-font: 24px sans-serif !default;\n$panel-title-icon-size: 24px !default;\n$panel-title-margin: 24px !default;\n\n$panel-menu-item-height: 1.5em !default;\n$panel-menu-item-padding: 0.5em 1em !default;\n$panel-menu-item-active-outline: 1px !default;\n$panel-menu-odd-background: rgb(255, 255, 255, 0.1) !default;\n$panel-menu-even-background: transparent !default;\n$panel-menu-hover-background: rgb(255, 255, 255, 0.2) !default;\n\n// *** NOTIFICATION ***\n$notification-position-from: -$navbar-height !default;\n$notification-position-to: $navbar-height * 2 !default;\n$notification-animate-delay: 200ms !default;\n$notification-background: $tooltip-background !default;\n$notification-radius: $tooltip-radius !default;\n$notification-padding: $tooltip-padding !default;\n$notification-font: $tooltip-font !default;\n$notification-text-color: $tooltip-text-color !default;\n\n// *** OVERLAY ***\n$overlay-opacity: 0.8 !default;\n$overlay-icon-color: rgb(48, 48, 48) !default;\n$overlay-title-font: 30px sans-serif !default;\n$overlay-title-color: black !default;\n$overlay-text-font: 20px sans-serif !default;\n$overlay-text-color: rgb(0, 0, 0, 0.8) !default;\n$overlay-image-size: (\n    portrait: 50%,\n    landscape: 33%,\n) !default;\n\n// *** Z-INDEXES ***\n$canvas-zindex: 0 !default;\n$hud-zindex: 10 !default;\n$polygon-marker-zindex: 20 !default;\n$marker-zindex: 30 !default;\n$ui-zindex: 40 !default;\n$tooltip-zindex: 50 !default;\n$loader-zindex: 80 !default;\n$panel-zindex: 90 !default;\n$navbar-zindex: 90 !default;\n$notification-zindex: 100 !default;\n$overlay-zindex: 110 !default;\n","@use '../../../core/src/styles/vars' as psv;\n\n$padding: 15px !default;\n$border: 1px solid psv.$buttons-color !default;\n$background: psv.$navbar-background !default;\n$item-radius: 5px !default;\n$item-active-border: 3px solid white !default;\n$title-font: psv.$caption-font !default;\n$title-color: psv.$caption-text-color !default;\n$title-background: rgb(0, 0, 0, 0.6) !default;\n$thumb-hover-scale: 1.2 !default;\n$breakpoint: 500px !default;\n$arrow-color: rgb(255, 255, 255, 0.6) !default;\n$arrow-background: rgb(0, 0, 0, 0.6) !default;\n$scrollbar-color: $arrow-color !default;\n"],"mappings":"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","names":[]}