{"version":3,"file":"public.css","mappings":";;;AAAA;;8BAAA;AAIA;EACI;IACI;IACA;EAAN;EAGE;IACI;IACA;EADN;AACF;AAIA;EACI;IACI;IACA;EAFN;EAKE;IACI;IACA;EAHN;AACF;AAOA;;8BAAA;AAGA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;;gCAAA;AALJ;AASQ;EACI;EACA;EACA;EACA;AAPZ;AAUQ;EACI;EACA;EACA;EACA;AARZ;AAWQ;EACI;EACA;EACA;EACA;AATZ;AAYQ;EACI;EACA;EACA;EACA;AAVZ;AAgBI;EAEI;EACA;AAfR;AAiBQ;EALJ;IAMQ;IACA;IACA;IACA;IACA;IACA;IACA;EAdV;AACF;AAkBI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAhBR;AAmBI;EACI;EACA;EACA;EACA;EACA;EACA;AAjBR;AAoBI;EACI;EACA;EACA;EACA;AAlBR;AAqBI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAnBR;AAqBQ;EACI;AAnBZ,C","sources":["webpack://pingvid/./assets/src/public/public.scss"],"sourcesContent":["/* ----------------------------\n   Animation Keyframes\n---------------------------- */\n\n@keyframes pingvid-slide-in-right {\n    0% {\n        opacity: 0;\n        transform: translateX(40px);\n    }\n\n    100% {\n        opacity: 1;\n        transform: translateX(0);\n    }\n}\n\n@keyframes pingvid-slide-in-left {\n    0% {\n        opacity: 0;\n        transform: translateX(-40px);\n    }\n\n    100% {\n        opacity: 1;\n        transform: translateX(0);\n    }\n}\n\n\n/* ----------------------------\n   Wrapper Styling\n---------------------------- */\n#pingvid-wrapper {\n    display: none; // JS will trigger display:block\n    opacity: 0; // base state for animation\n    position: fixed;\n    width: var(--pingvid--width, 130px);\n    height: var(--pingvid--height, 231px);\n    z-index: 9999;\n    transform-origin: bottom right;\n    transition: all 0.3s ease;\n\n\n    /* ----------------------------\n     Position-based Animation\n  ---------------------------- */\n    &.pingvid-position {\n        &-top-left {\n            top: var(--pingvid--margin-y, 32px);\n            left: var(--pingvid--margin-x, 32px);\n            animation: pingvid-slide-in-left 0.5s ease-out forwards;\n            animation-delay: var(--pingvid--delay, 0s);\n        }\n\n        &-top-right {\n            top: var(--pingvid--margin-y, 32px);\n            right: var(--pingvid--margin-x, 32px);\n            animation: pingvid-slide-in-right 0.5s ease-out forwards;\n            animation-delay: var(--pingvid--delay, 0s);\n        }\n\n        &-bottom-left {\n            bottom: var(--pingvid--margin-y, 32px);\n            left: var(--pingvid--margin-x, 32px);\n            animation: pingvid-slide-in-left 0.5s ease-out forwards;\n            animation-delay: var(--pingvid--delay, 0s);\n        }\n\n        &-bottom-right {\n            bottom: var(--pingvid--margin-y, 32px);\n            right: var(--pingvid--margin-x, 32px);\n            animation: pingvid-slide-in-right 0.5s ease-out forwards;\n            animation-delay: var(--pingvid--delay, 0s);\n        }\n    }\n\n\n\n    &.expanded {\n        //aspect-ratio: 9 / 16;\n        width: calc(var(--pingvid--width, 130px) * 2.77);\n        height: calc(var(--pingvid--height, 231px) * 2.77);\n\n        @media screen and (max-width: 768px) {\n            max-height: 90vh;\n            height: 100%;\n            width: auto;\n            aspect-ratio: var(--pingvid--aspect-ratio, 9 / 16);\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%) !important;\n\n        }\n    }\n\n    #pingvid-video-container {\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n        border-radius: 10px;\n        overflow: hidden;\n        background: #000;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n        position: relative;\n    }\n\n    #pingvid-iframe {\n        width: 100%;\n        height: 100%;\n        border: none;\n        pointer-events: none;\n        display: block;\n        border-radius: inherit;\n    }\n\n    #pingvid-overlay {\n        position: absolute;\n        inset: 0;\n        z-index: 2;\n        cursor: pointer;\n    }\n\n    #pingvid-close {\n        position: absolute;\n        top: -14px;\n        right: -14px;\n        z-index: 3;\n        background: rgba(0, 0, 0, 0.7);\n        color: white;\n        border: 3px solid white;\n        border-radius: 50%;\n        width: 32px;\n        height: 32px;\n        font-size: 18px;\n        padding: 0;\n        line-height: 1;\n        min-height: unset;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: background 0.2s ease;\n\n        &:hover {\n            background: rgba(0, 0, 0, 0.9);\n        }\n    }\n}"],"names":[],"sourceRoot":""}