From ecad130650297aa1912b46365361cc98f1ffd044 Mon Sep 17 00:00:00 2001 From: Jon Uhlmann Date: Thu, 16 Mar 2023 22:07:51 +0100 Subject: [PATCH] Update: CSS for Buttons --- Resources/Private/Assets/_Variables.scss | 6 +++--- Resources/Public/Styles/Main.css | 2 +- Resources/Public/Styles/Main.css.map | 2 +- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/Resources/Private/Assets/_Variables.scss b/Resources/Private/Assets/_Variables.scss index d585bab..7d12192 100644 --- a/Resources/Private/Assets/_Variables.scss +++ b/Resources/Private/Assets/_Variables.scss @@ -34,16 +34,16 @@ $prettyembed-gdpr-gap: 1em !default; $prettyembed-gdpr-padding: 0.5em !default; $prettyembed-gdpr-explantation-font-size: 0.9em !default; $prettyembed-gdpr-explantation-max-width: 60ch !default; -$prettyembed-gdpr-button-gap: 0.5em !default; +$prettyembed-gdpr-button-gap: 1em !default; $prettyembed-gdpr-button-padding: 0.5em 1em !default; $prettyembed-gdpr-button-border-radius: 0.25em !default; $prettyembed-gdpr-button-accept-color: #fff !default; $prettyembed-gdpr-button-accept-background-color: #16a34a !default; -$prettyembed-gdpr-button-accept-border: none !default; +$prettyembed-gdpr-button-accept-border: 1px solid #16a34a !default; $prettyembed-gdpr-button-accept-color-hover: #fff !default; $prettyembed-gdpr-button-accept-background-color-hover: #15803d !default; -$prettyembed-gdpr-button-accept-border-color-hover: false !default; +$prettyembed-gdpr-button-accept-border-color-hover: #15803d !default; $prettyembed-gdpr-button-external-color: #fff !default; $prettyembed-gdpr-button-external-background-color: transparent !default; diff --git a/Resources/Public/Styles/Main.css b/Resources/Public/Styles/Main.css index c3597c5..f8d6689 100644 --- a/Resources/Public/Styles/Main.css +++ b/Resources/Public/Styles/Main.css @@ -1,2 +1,2 @@ -.jonnitto-prettyembed{display:block;max-width:100%;position:relative;width:100%}.jonnitto-prettyembed img{display:block;height:auto;max-width:none;width:100%}.jonnitto-prettyembed--lightbox{cursor:pointer}.jonnitto-prettyembed__lightbox{-webkit-overflow-scrolling:touch;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:hsla(0,0%,4%,.8);bottom:0;display:flex;flex-direction:column;font-size:0;justify-content:center;left:0;opacity:0;overflow:hidden;overflow-y:auto;padding:15px;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .2s,z-index 0s .2s;white-space:nowrap;z-index:-1}.-jonnitto-prettyembed__lightbox .jonnitto-prettyembed__lightbox{opacity:1;pointer-events:auto;transition:opacity .2s;z-index:5500}.jonnitto-prettyembed__inner{max-width:900px;transform:scale(0);transition:transform .2s;width:100%}.-jonnitto-prettyembed__lightbox .jonnitto-prettyembed__inner{transform:scale(1)}.jonnitto-prettyembed__content{box-shadow:0 0 8px rgba(0,0,0,.6);line-height:0}.jonnitto-prettyembed__close{-webkit-appearance:none;background:transparent;border:0;box-shadow:none;color:#fff;cursor:pointer;display:block;font-family:Arial,Baskerville,monospace;font-size:30px;font-style:normal;line-height:1;margin:calc(-1em - 10px) -18px -8px auto;opacity:.65;outline:none;padding:10px 16px;position:relative;text-decoration:none;transition:opacity .2s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.jonnitto-prettyembed__close:active,.jonnitto-prettyembed__close:focus,.jonnitto-prettyembed__close:hover{opacity:1;outline:none}.jonnitto-prettyembed__close::-moz-focus-inner{border:0;padding:0}.jonnitto-prettyembed-button{color:#fff;pointer-events:none;position:absolute;z-index:1}.jonnitto-prettyembed-button--play{display:block;height:72px;left:50%;opacity:.9;top:50%;transform:translate(-50%,-50%) scale(.8);transition:transform .25s ease-in-out,opacity .25s linear;width:72px}.jonnitto-prettyembed--play .jonnitto-prettyembed-button--play{opacity:0}.jonnitto-prettyembed:focus .jonnitto-prettyembed-button--play,.jonnitto-prettyembed:hover .jonnitto-prettyembed-button--play{transform:translate(-50%,-50%) scale(1)}.jonnitto-prettyembed:active .jonnitto-prettyembed-button--play{transform:translate(-50%,-50%) scale(.9)}.jonnitto-prettyembed-button--pause{display:none;height:36px;left:18px;opacity:0;top:18px;transition:opacity .25s linear;width:36px}.jonnitto-prettyembed--video.jonnitto-prettyembed--play.jonnitto-prettyembed--slim .jonnitto-prettyembed-button--pause{display:block}.jonnitto-prettyembed:focus .jonnitto-prettyembed-button--pause,.jonnitto-prettyembed:hover .jonnitto-prettyembed-button--pause{opacity:.9}.jonnitto-prettyembed-button__background{fill:#000;fill-opacity:.4;stroke-width:5}.jonnitto-prettyembed video{display:block;height:auto;margin:0 auto;max-width:100%;opacity:0;outline:none;position:relative;width:100%}.jonnitto-prettyembed video:not([controls]):not([autoplay]){cursor:pointer}.jonnitto-prettyembed--video img{display:block;height:auto;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s linear;width:100%}.jonnitto-prettyembed--video.jonnitto-prettyembed--autoplay{pointer-events:none}.jonnitto-prettyembed--video.jonnitto-prettyembed--autoplay video,.jonnitto-prettyembed--video.jonnitto-prettyembed--init video{opacity:1}.jonnitto-prettyembed--video.jonnitto-prettyembed--autoplay img,.jonnitto-prettyembed--video.jonnitto-prettyembed--init img{opacity:0}.jonnitto-prettyembed__lightbox video{max-height:calc(99vh - 53px);width:auto}.jonnitto-prettyembed--video.jonnitto-prettyembed--lightbox video{height:100%;inset:0;position:absolute}.jonnitto-prettyembed--video.jonnitto-prettyembed--lightbox img{height:auto;left:auto;position:static;top:auto;transform:none;width:100%}.jonnitto-prettyembed--iframe iframe{border:0 solid transparent;height:100%;left:0;position:absolute;top:0;width:100%}.jonnitto-prettyembed--ratio[style*="padding-top:"]{height:0;overflow:hidden}.jonnitto-prettyembed--ratio[style*="padding-top:"] img{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.jonnitto-prettyembed__gdpr{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;cursor:default;display:flex;flex-direction:column;font-size:.8rem;gap:1em;inset:0;justify-content:center;padding:.5em;position:absolute;z-index:1}.jonnitto-prettyembed__gdpr:after{background:#0b0b0b;content:"";inset:0;opacity:.8;position:absolute;z-index:-1}.jonnitto-prettyembed__gdpr *{font-size:1em;margin:0;padding:0;text-align:center}.jonnitto-prettyembed__gdpr p{font-size:.9em;margin:0 auto;max-width:60ch}.jonnitto-prettyembed__gdpr div{align-items:center;display:flex;flex-wrap:wrap;gap:.5em;justify-content:center}.jonnitto-prettyembed__gdpr-button{border-radius:.25em;cursor:pointer;display:block;padding:.5em 1em;text-decoration:none;transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out}.jonnitto-prettyembed__gdpr-button--accept{background-color:#16a34a;border:none;color:#fff}.jonnitto-prettyembed__gdpr-button--accept:focus,.jonnitto-prettyembed__gdpr-button--accept:hover{background-color:#15803d;color:#fff}.jonnitto-prettyembed__gdpr-button--external{background-color:transparent;border:1px solid #fff;color:#fff}.jonnitto-prettyembed__gdpr-button--external:focus,.jonnitto-prettyembed__gdpr-button--external:hover{background-color:#fff;color:#000}@media (min-width:640px){.jonnitto-prettyembed__gdpr{font-size:1rem}} +.jonnitto-prettyembed{display:block;max-width:100%;position:relative;width:100%}.jonnitto-prettyembed img{display:block;height:auto;max-width:none;width:100%}.jonnitto-prettyembed--lightbox{cursor:pointer}.jonnitto-prettyembed__lightbox{-webkit-overflow-scrolling:touch;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:hsla(0,0%,4%,.8);bottom:0;display:flex;flex-direction:column;font-size:0;justify-content:center;left:0;opacity:0;overflow:hidden;overflow-y:auto;padding:15px;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .2s,z-index 0s .2s;white-space:nowrap;z-index:-1}.-jonnitto-prettyembed__lightbox .jonnitto-prettyembed__lightbox{opacity:1;pointer-events:auto;transition:opacity .2s;z-index:5500}.jonnitto-prettyembed__inner{max-width:900px;transform:scale(0);transition:transform .2s;width:100%}.-jonnitto-prettyembed__lightbox .jonnitto-prettyembed__inner{transform:scale(1)}.jonnitto-prettyembed__content{box-shadow:0 0 8px rgba(0,0,0,.6);line-height:0}.jonnitto-prettyembed__close{-webkit-appearance:none;background:transparent;border:0;box-shadow:none;color:#fff;cursor:pointer;display:block;font-family:Arial,Baskerville,monospace;font-size:30px;font-style:normal;line-height:1;margin:calc(-1em - 10px) -18px -8px auto;opacity:.65;outline:none;padding:10px 16px;position:relative;text-decoration:none;transition:opacity .2s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.jonnitto-prettyembed__close:active,.jonnitto-prettyembed__close:focus,.jonnitto-prettyembed__close:hover{opacity:1;outline:none}.jonnitto-prettyembed__close::-moz-focus-inner{border:0;padding:0}.jonnitto-prettyembed-button{color:#fff;pointer-events:none;position:absolute;z-index:1}.jonnitto-prettyembed-button--play{display:block;height:72px;left:50%;opacity:.9;top:50%;transform:translate(-50%,-50%) scale(.8);transition:transform .25s ease-in-out,opacity .25s linear;width:72px}.jonnitto-prettyembed--play .jonnitto-prettyembed-button--play{opacity:0}.jonnitto-prettyembed:focus .jonnitto-prettyembed-button--play,.jonnitto-prettyembed:hover .jonnitto-prettyembed-button--play{transform:translate(-50%,-50%) scale(1)}.jonnitto-prettyembed:active .jonnitto-prettyembed-button--play{transform:translate(-50%,-50%) scale(.9)}.jonnitto-prettyembed-button--pause{display:none;height:36px;left:18px;opacity:0;top:18px;transition:opacity .25s linear;width:36px}.jonnitto-prettyembed--video.jonnitto-prettyembed--play.jonnitto-prettyembed--slim .jonnitto-prettyembed-button--pause{display:block}.jonnitto-prettyembed:focus .jonnitto-prettyembed-button--pause,.jonnitto-prettyembed:hover .jonnitto-prettyembed-button--pause{opacity:.9}.jonnitto-prettyembed-button__background{fill:#000;fill-opacity:.4;stroke-width:5}.jonnitto-prettyembed video{display:block;height:auto;margin:0 auto;max-width:100%;opacity:0;outline:none;position:relative;width:100%}.jonnitto-prettyembed video:not([controls]):not([autoplay]){cursor:pointer}.jonnitto-prettyembed--video img{display:block;height:auto;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s linear;width:100%}.jonnitto-prettyembed--video.jonnitto-prettyembed--autoplay{pointer-events:none}.jonnitto-prettyembed--video.jonnitto-prettyembed--autoplay video,.jonnitto-prettyembed--video.jonnitto-prettyembed--init video{opacity:1}.jonnitto-prettyembed--video.jonnitto-prettyembed--autoplay img,.jonnitto-prettyembed--video.jonnitto-prettyembed--init img{opacity:0}.jonnitto-prettyembed__lightbox video{max-height:calc(99vh - 53px);width:auto}.jonnitto-prettyembed--video.jonnitto-prettyembed--lightbox video{height:100%;inset:0;position:absolute}.jonnitto-prettyembed--video.jonnitto-prettyembed--lightbox img{height:auto;left:auto;position:static;top:auto;transform:none;width:100%}.jonnitto-prettyembed--iframe iframe{border:0 solid transparent;height:100%;left:0;position:absolute;top:0;width:100%}.jonnitto-prettyembed--ratio[style*="padding-top:"]{height:0;overflow:hidden}.jonnitto-prettyembed--ratio[style*="padding-top:"] img{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.jonnitto-prettyembed__gdpr{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;cursor:default;display:flex;flex-direction:column;font-size:.8rem;gap:1em;inset:0;justify-content:center;padding:.5em;position:absolute;z-index:1}.jonnitto-prettyembed__gdpr:after{background:#0b0b0b;content:"";inset:0;opacity:.8;position:absolute;z-index:-1}.jonnitto-prettyembed__gdpr *{font-size:1em;margin:0;padding:0;text-align:center}.jonnitto-prettyembed__gdpr p{font-size:.9em;margin:0 auto;max-width:60ch}.jonnitto-prettyembed__gdpr div{align-items:center;display:flex;flex-wrap:wrap;gap:1em;justify-content:center}.jonnitto-prettyembed__gdpr-button{border-radius:.25em;cursor:pointer;display:block;padding:.5em 1em;text-decoration:none;transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out}.jonnitto-prettyembed__gdpr-button--accept{background-color:#16a34a;border:1px solid #16a34a;color:#fff}.jonnitto-prettyembed__gdpr-button--accept:focus,.jonnitto-prettyembed__gdpr-button--accept:hover{background-color:#15803d;border-color:#15803d;color:#fff}.jonnitto-prettyembed__gdpr-button--external{background-color:transparent;border:1px solid #fff;color:#fff}.jonnitto-prettyembed__gdpr-button--external:focus,.jonnitto-prettyembed__gdpr-button--external:hover{background-color:#fff;color:#000}@media (min-width:640px){.jonnitto-prettyembed__gdpr{font-size:1rem}} /*# sourceMappingURL=Main.css.map */ \ No newline at end of file diff --git a/Resources/Public/Styles/Main.css.map b/Resources/Public/Styles/Main.css.map index d2fbb90..52bbeb0 100644 --- a/Resources/Public/Styles/Main.css.map +++ b/Resources/Public/Styles/Main.css.map @@ -1 +1 @@ -{"version":3,"sources":["../../Private/Assets/_Base.scss","Main.css","../../Private/Assets/_Variables.scss","../../Private/Assets/_Buttons.scss","../../Private/Assets/_Video.scss","../../Private/Assets/_iFrame.scss","../../Private/Assets/_Gdpr.scss"],"names":[],"mappings":"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","file":"Main.css","sourcesContent":["@import \"Variables\";\n\n.jonnitto-prettyembed {\n position: relative;\n display: block;\n width: 100%;\n max-width: 100%;\n\n img {\n display: block;\n width: 100%;\n height: auto;\n max-width: none;\n }\n}\n\n@if $prettyembed-lightbox-include {\n .jonnitto-prettyembed--lightbox {\n cursor: pointer;\n }\n\n .jonnitto-prettyembed__lightbox {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: -1;\n opacity: 0;\n font-size: 0;\n transition: opacity 0.2s, z-index 0s 0.2s;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n overflow-y: auto;\n white-space: nowrap;\n -webkit-overflow-scrolling: touch;\n pointer-events: none;\n background: rgba($prettyembed-lightbox-overlay-color, $prettyembed-lightbox-overlay-opacity);\n padding: $prettyembed-lightbox-padding;\n\n @if $prettyembed-lightbox-backdrop-filter {\n backdrop-filter: $prettyembed-lightbox-backdrop-filter;\n }\n\n .-jonnitto-prettyembed__lightbox & {\n z-index: $prettyembed-lightbox-z-index;\n opacity: 1;\n transition: opacity 0.2s;\n pointer-events: initial;\n }\n }\n\n .jonnitto-prettyembed__inner {\n width: 100%;\n max-width: $prettyembed-lightbox-max-width;\n transform: scale(0);\n transition: transform 0.2s;\n\n .-jonnitto-prettyembed__lightbox & {\n transform: scale(1);\n }\n }\n\n .jonnitto-prettyembed__content {\n line-height: 0;\n box-shadow: $prettyembed-lightbox-shadow;\n }\n\n .jonnitto-prettyembed__close {\n position: relative;\n display: block;\n z-index: 1;\n padding: 10px 16px;\n margin: calc(-1em - 10px) -18px -8px auto;\n font-size: $prettyembed-lightbox-close-size;\n font-family: Arial, Baskerville, monospace;\n font-style: normal;\n line-height: 1;\n cursor: pointer;\n user-select: none;\n background: transparent;\n border: 0;\n -webkit-appearance: none;\n outline: none;\n box-shadow: none;\n text-decoration: none;\n color: $prettyembed-lightbox-close-color;\n opacity: $prettyembed-lightbox-close-opacity;\n transition: opacity 0.2s linear;\n\n &:hover,\n &:focus,\n &:active {\n opacity: $prettyembed-lightbox-close-opacity-hover;\n outline: none;\n }\n\n &::-moz-focus-inner {\n padding: 0;\n border: 0;\n }\n }\n}\n",".jonnitto-prettyembed {\n position: relative;\n display: block;\n width: 100%;\n max-width: 100%;\n}\n.jonnitto-prettyembed img {\n display: block;\n width: 100%;\n height: auto;\n max-width: none;\n}\n\n.jonnitto-prettyembed--lightbox {\n cursor: pointer;\n}\n\n.jonnitto-prettyembed__lightbox {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: -1;\n opacity: 0;\n font-size: 0;\n transition: opacity 0.2s, z-index 0s 0.2s;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n overflow-y: auto;\n white-space: nowrap;\n -webkit-overflow-scrolling: touch;\n pointer-events: none;\n background: rgba(11, 11, 11, 0.8);\n padding: 15px;\n backdrop-filter: blur(5px);\n}\n.-jonnitto-prettyembed__lightbox .jonnitto-prettyembed__lightbox {\n z-index: 5500;\n opacity: 1;\n transition: opacity 0.2s;\n pointer-events: initial;\n}\n\n.jonnitto-prettyembed__inner {\n width: 100%;\n max-width: 900px;\n transform: scale(0);\n transition: transform 0.2s;\n}\n.-jonnitto-prettyembed__lightbox .jonnitto-prettyembed__inner {\n transform: scale(1);\n}\n\n.jonnitto-prettyembed__content {\n line-height: 0;\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);\n}\n\n.jonnitto-prettyembed__close {\n position: relative;\n display: block;\n z-index: 1;\n padding: 10px 16px;\n margin: calc(-1em - 10px) -18px -8px auto;\n font-size: 30px;\n font-family: Arial, Baskerville, monospace;\n font-style: normal;\n line-height: 1;\n cursor: pointer;\n user-select: none;\n background: transparent;\n border: 0;\n -webkit-appearance: none;\n outline: none;\n box-shadow: none;\n text-decoration: none;\n color: #fff;\n opacity: 0.65;\n transition: opacity 0.2s linear;\n}\n.jonnitto-prettyembed__close:hover, .jonnitto-prettyembed__close:focus, .jonnitto-prettyembed__close:active {\n opacity: 1;\n outline: none;\n}\n.jonnitto-prettyembed__close::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\n\n.jonnitto-prettyembed-button {\n color: #fff;\n position: absolute;\n pointer-events: none;\n z-index: 1;\n}\n\n.jonnitto-prettyembed-button--play {\n display: block;\n top: 50%;\n left: 50%;\n width: 72px;\n height: 72px;\n transform: translate(-50%, -50%) scale(0.8);\n transition: transform 0.25s ease-in-out, opacity 0.25s linear;\n opacity: 0.9;\n}\n.jonnitto-prettyembed--play .jonnitto-prettyembed-button--play {\n opacity: 0;\n}\n.jonnitto-prettyembed:hover .jonnitto-prettyembed-button--play, .jonnitto-prettyembed:focus .jonnitto-prettyembed-button--play {\n transform: translate(-50%, -50%) scale(1);\n}\n.jonnitto-prettyembed:active .jonnitto-prettyembed-button--play {\n transform: translate(-50%, -50%) scale(0.9);\n}\n\n.jonnitto-prettyembed-button--pause {\n display: none;\n top: 18px;\n left: 18px;\n width: 36px;\n height: 36px;\n transition: opacity 0.25s linear;\n opacity: 0;\n}\n.jonnitto-prettyembed--video.jonnitto-prettyembed--play.jonnitto-prettyembed--slim .jonnitto-prettyembed-button--pause {\n display: block;\n}\n.jonnitto-prettyembed:hover .jonnitto-prettyembed-button--pause, .jonnitto-prettyembed:focus .jonnitto-prettyembed-button--pause {\n opacity: 0.9;\n}\n\n.jonnitto-prettyembed-button__background {\n fill: #000;\n fill-opacity: 0.4;\n stroke-width: 5;\n}\n\n.jonnitto-prettyembed video {\n position: relative;\n display: block;\n width: 100%;\n height: auto;\n max-width: 100%;\n outline: none;\n opacity: 0;\n margin: 0 auto;\n}\n.jonnitto-prettyembed video:not([controls]):not([autoplay]) {\n cursor: pointer;\n}\n\n.jonnitto-prettyembed--video img {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 100%;\n height: auto;\n transform: translate(-50%, -50%);\n display: block;\n transition: opacity 0.3s linear;\n pointer-events: none;\n}\n.jonnitto-prettyembed--video.jonnitto-prettyembed--autoplay {\n pointer-events: none;\n}\n.jonnitto-prettyembed--video.jonnitto-prettyembed--autoplay video, .jonnitto-prettyembed--video.jonnitto-prettyembed--init video {\n opacity: 1;\n}\n.jonnitto-prettyembed--video.jonnitto-prettyembed--autoplay img, .jonnitto-prettyembed--video.jonnitto-prettyembed--init img {\n opacity: 0;\n}\n\n.jonnitto-prettyembed__lightbox video {\n width: auto;\n max-height: calc(99vh - 53px);\n}\n\n.jonnitto-prettyembed--video.jonnitto-prettyembed--lightbox video {\n position: absolute;\n inset: 0;\n height: 100%;\n}\n.jonnitto-prettyembed--video.jonnitto-prettyembed--lightbox img {\n position: static;\n top: auto;\n left: auto;\n width: 100%;\n height: auto;\n transform: none;\n}\n\n.jonnitto-prettyembed--iframe iframe {\n border: 0 solid transparent;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.jonnitto-prettyembed--ratio[style*=\"padding-top:\"] {\n height: 0;\n overflow: hidden;\n}\n.jonnitto-prettyembed--ratio[style*=\"padding-top:\"] img {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.jonnitto-prettyembed__gdpr {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 1em;\n padding: 0.5em;\n color: #fff;\n z-index: 1;\n cursor: default;\n font-size: 0.8rem;\n backdrop-filter: blur(5px);\n}\n@media (min-width: 640px) {\n .jonnitto-prettyembed__gdpr {\n font-size: 1rem;\n }\n}\n.jonnitto-prettyembed__gdpr::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: #0b0b0b;\n opacity: 0.8;\n z-index: -1;\n}\n.jonnitto-prettyembed__gdpr * {\n margin: 0;\n padding: 0;\n font-size: 1em;\n text-align: center;\n}\n.jonnitto-prettyembed__gdpr p {\n font-size: 0.9em;\n max-width: 60ch;\n margin: 0 auto;\n}\n.jonnitto-prettyembed__gdpr div {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n gap: 0.5em;\n}\n\n.jonnitto-prettyembed__gdpr-button {\n display: block;\n padding: 0.5em 1em;\n text-decoration: none;\n transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;\n cursor: pointer;\n border-radius: 0.25em;\n}\n\n.jonnitto-prettyembed__gdpr-button--accept {\n color: #fff;\n background-color: #16a34a;\n border: none;\n}\n.jonnitto-prettyembed__gdpr-button--accept:hover, .jonnitto-prettyembed__gdpr-button--accept:focus {\n color: #fff;\n background-color: #15803d;\n}\n\n.jonnitto-prettyembed__gdpr-button--external {\n color: #fff;\n background-color: transparent;\n border: 1px solid #fff;\n}\n.jonnitto-prettyembed__gdpr-button--external:hover, .jonnitto-prettyembed__gdpr-button--external:focus {\n color: #000;\n background-color: #fff;\n}\n\n/*# sourceMappingURL=Main.css.map */\n","// Buttons (play / pause)\n$prettyembed-button-play-size: 72px !default;\n$prettyembed-button-pause-size: calc($prettyembed-button-play-size / 2) !default;\n$prettyembed-button-pause-margin: calc($prettyembed-button-pause-size / 2) !default;\n$prettyembed-button-opacity: 0.9 !default;\n$prettyembed-button-scale: 0.8 !default;\n$prettyembed-button-scale-hover: 1 !default;\n$prettyembed-button-scale-active: 0.9 !default;\n$prettyembed-button-foreground-color: #fff !default;\n$prettyembed-button-background-color: #000 !default;\n$prettyembed-button-background-opactiy: 0.4 !default;\n\n// Lightbox\n$prettyembed-lightbox-include: true !default;\n$prettyembed-lightbox-overlay-color: #0b0b0b !default;\n$prettyembed-lightbox-overlay-opacity: 0.8 !default;\n$prettyembed-lightbox-padding: 15px !default;\n$prettyembed-lightbox-max-width: 900px !default;\n$prettyembed-lightbox-shadow: 0 0 8px rgba(#000, 0.6) !default;\n$prettyembed-lightbox-z-index: 5500 !default;\n$prettyembed-lightbox-close-size: 30px !default;\n$prettyembed-lightbox-close-opacity: 0.65 !default;\n$prettyembed-lightbox-close-opacity-hover: 1 !default;\n$prettyembed-lightbox-close-color: #fff !default;\n$prettyembed-lightbox-backdrop-filter: blur(5px) !default;\n\n// GDPR Message\n$prettyembed-gdpr-include: true !default;\n$prettyembed-gdpr-color: #fff !default;\n$prettyembed-gdpr-font-size-breakpoint: 640px !default;\n$prettyembed-gdpr-font-size-mobile: 0.8rem !default;\n$prettyembed-gdpr-font-size: 1rem !default;\n$prettyembed-gdpr-gap: 1em !default;\n$prettyembed-gdpr-padding: 0.5em !default;\n$prettyembed-gdpr-explantation-font-size: 0.9em !default;\n$prettyembed-gdpr-explantation-max-width: 60ch !default;\n$prettyembed-gdpr-button-gap: 0.5em !default;\n$prettyembed-gdpr-button-padding: 0.5em 1em !default;\n$prettyembed-gdpr-button-border-radius: 0.25em !default;\n\n$prettyembed-gdpr-button-accept-color: #fff !default;\n$prettyembed-gdpr-button-accept-background-color: #16a34a !default;\n$prettyembed-gdpr-button-accept-border: none !default;\n$prettyembed-gdpr-button-accept-color-hover: #fff !default;\n$prettyembed-gdpr-button-accept-background-color-hover: #15803d !default;\n$prettyembed-gdpr-button-accept-border-color-hover: false !default;\n\n$prettyembed-gdpr-button-external-color: #fff !default;\n$prettyembed-gdpr-button-external-background-color: transparent !default;\n$prettyembed-gdpr-button-external-border: 1px solid #fff !default;\n$prettyembed-gdpr-button-external-color-hover: #000 !default;\n$prettyembed-gdpr-button-external-background-color-hover: #fff !default;\n$prettyembed-gdpr-button-external-border-color-hover: false !default;\n\n$prettyembed-gdpr-backdrop-filter: blur(5px) !default;\n$prettyembed-gdpr-overlay-color: #0b0b0b !default;\n$prettyembed-gdpr-overlay-opacity: 0.8 !default;\n",".jonnitto-prettyembed-button {\n color: $prettyembed-button-foreground-color;\n position: absolute;\n pointer-events: none;\n z-index: 1;\n}\n\n.jonnitto-prettyembed-button--play {\n display: block;\n top: 50%;\n left: 50%;\n width: $prettyembed-button-play-size;\n height: $prettyembed-button-play-size;\n transform: translate(-50%, -50%) scale($prettyembed-button-scale);\n transition: transform 0.25s ease-in-out, opacity 0.25s linear;\n\n @if ($prettyembed-button-opacity != 1) {\n opacity: $prettyembed-button-opacity;\n }\n\n .jonnitto-prettyembed--play & {\n opacity: 0;\n }\n\n .jonnitto-prettyembed:hover &,\n .jonnitto-prettyembed:focus & {\n transform: translate(-50%, -50%) scale($prettyembed-button-scale-hover);\n }\n\n .jonnitto-prettyembed:active & {\n transform: translate(-50%, -50%) scale($prettyembed-button-scale-active);\n }\n}\n\n.jonnitto-prettyembed-button--pause {\n display: none;\n top: $prettyembed-button-pause-margin;\n left: $prettyembed-button-pause-margin;\n width: $prettyembed-button-pause-size;\n height: $prettyembed-button-pause-size;\n transition: opacity 0.25s linear;\n opacity: 0;\n\n .jonnitto-prettyembed--video.jonnitto-prettyembed--play.jonnitto-prettyembed--slim & {\n display: block;\n }\n\n .jonnitto-prettyembed:hover &,\n .jonnitto-prettyembed:focus & {\n opacity: $prettyembed-button-opacity;\n }\n}\n\n.jonnitto-prettyembed-button__background {\n fill: $prettyembed-button-background-color;\n fill-opacity: $prettyembed-button-background-opactiy;\n stroke-width: 5;\n}\n",".jonnitto-prettyembed {\n video {\n position: relative;\n display: block;\n width: 100%;\n height: auto;\n max-width: 100%;\n outline: none;\n opacity: 0;\n margin: 0 auto;\n\n &:not([controls]):not([autoplay]) {\n cursor: pointer;\n }\n }\n}\n\n.jonnitto-prettyembed--video {\n img {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 100%;\n height: auto;\n transform: translate(-50%, -50%);\n display: block;\n transition: opacity 0.3s linear;\n pointer-events: none;\n }\n\n &.jonnitto-prettyembed--autoplay {\n pointer-events: none;\n }\n\n &.jonnitto-prettyembed--autoplay,\n &.jonnitto-prettyembed--init {\n video {\n opacity: 1;\n }\n\n img {\n opacity: 0;\n }\n }\n}\n\n@if $prettyembed-lightbox-include {\n .jonnitto-prettyembed__lightbox video {\n width: auto;\n max-height: calc(99vh - #{round($prettyembed-lightbox-padding * 1.5 + $prettyembed-lightbox-close-size)});\n }\n\n .jonnitto-prettyembed--video.jonnitto-prettyembed--lightbox {\n video {\n position: absolute;\n inset: 0;\n height: 100%;\n }\n\n img {\n position: static;\n top: auto;\n left: auto;\n width: 100%;\n height: auto;\n transform: none;\n }\n }\n}\n",".jonnitto-prettyembed--iframe {\n iframe {\n border: 0 solid transparent;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n}\n\n.jonnitto-prettyembed--ratio[style*=\"padding-top:\"] {\n height: 0;\n overflow: hidden;\n\n img {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n }\n}\n","@if $prettyembed-gdpr-include {\n .jonnitto-prettyembed__gdpr {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: $prettyembed-gdpr-gap;\n padding: $prettyembed-gdpr-padding;\n color: $prettyembed-gdpr-color;\n z-index: 1;\n cursor: default;\n font-size: $prettyembed-gdpr-font-size-mobile;\n\n @media (min-width: $prettyembed-gdpr-font-size-breakpoint) {\n font-size: $prettyembed-gdpr-font-size;\n }\n\n &::after {\n content: '';\n position: absolute;\n inset: 0;\n background: $prettyembed-gdpr-overlay-color;\n opacity: $prettyembed-gdpr-overlay-opacity;\n z-index: -1;\n }\n\n @if $prettyembed-gdpr-backdrop-filter {\n backdrop-filter: $prettyembed-gdpr-backdrop-filter;\n }\n\n * {\n margin: 0;\n padding: 0;\n font-size: 1em;\n text-align: center;\n }\n\n p {\n font-size: $prettyembed-gdpr-explantation-font-size;\n max-width: $prettyembed-gdpr-explantation-max-width;\n margin: 0 auto;\n }\n\n div {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n gap: $prettyembed-gdpr-button-gap;\n }\n }\n\n .jonnitto-prettyembed__gdpr-button {\n display: block;\n padding: $prettyembed-gdpr-button-padding;\n text-decoration: none;\n transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;\n cursor: pointer;\n @if $prettyembed-gdpr-button-border-radius {\n border-radius: $prettyembed-gdpr-button-border-radius;\n }\n }\n\n .jonnitto-prettyembed__gdpr-button--accept {\n color: $prettyembed-gdpr-button-accept-color;\n background-color: $prettyembed-gdpr-button-accept-background-color;\n @if $prettyembed-gdpr-button-accept-border {\n border: $prettyembed-gdpr-button-accept-border;\n }\n\n &:hover,\n &:focus {\n @if $prettyembed-gdpr-button-accept-color-hover {\n color: $prettyembed-gdpr-button-accept-color-hover;\n }\n @if $prettyembed-gdpr-button-accept-background-color-hover {\n background-color: $prettyembed-gdpr-button-accept-background-color-hover;\n }\n @if $prettyembed-gdpr-button-accept-border-color-hover {\n border-color: $prettyembed-gdpr-button-accept-border-color-hover;\n }\n }\n }\n\n .jonnitto-prettyembed__gdpr-button--external {\n color: $prettyembed-gdpr-button-external-color;\n background-color: $prettyembed-gdpr-button-external-background-color;\n @if $prettyembed-gdpr-button-external-border {\n border: $prettyembed-gdpr-button-external-border;\n }\n\n &:hover,\n &:focus {\n @if $prettyembed-gdpr-button-external-color-hover {\n color: $prettyembed-gdpr-button-external-color-hover;\n }\n\n @if $prettyembed-gdpr-button-external-background-color-hover {\n background-color: $prettyembed-gdpr-button-external-background-color-hover;\n }\n\n @if $prettyembed-gdpr-button-external-border-color-hover {\n border-color: $prettyembed-gdpr-button-external-border-color-hover;\n }\n }\n }\n}\n"]} \ No newline at end of file +{"version":3,"sources":["../../Private/Assets/_Base.scss","Main.css","../../Private/Assets/_Variables.scss","../../Private/Assets/_Buttons.scss","../../Private/Assets/_Video.scss","../../Private/Assets/_iFrame.scss","../../Private/Assets/_Gdpr.scss"],"names":[],"mappings":"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","file":"Main.css","sourcesContent":["@import \"Variables\";\n\n.jonnitto-prettyembed {\n position: relative;\n display: block;\n width: 100%;\n max-width: 100%;\n\n img {\n display: block;\n width: 100%;\n height: auto;\n max-width: none;\n }\n}\n\n@if $prettyembed-lightbox-include {\n .jonnitto-prettyembed--lightbox {\n cursor: pointer;\n }\n\n .jonnitto-prettyembed__lightbox {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: -1;\n opacity: 0;\n font-size: 0;\n transition: opacity 0.2s, z-index 0s 0.2s;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n overflow-y: auto;\n white-space: nowrap;\n -webkit-overflow-scrolling: touch;\n pointer-events: none;\n background: rgba($prettyembed-lightbox-overlay-color, $prettyembed-lightbox-overlay-opacity);\n padding: $prettyembed-lightbox-padding;\n\n @if $prettyembed-lightbox-backdrop-filter {\n backdrop-filter: $prettyembed-lightbox-backdrop-filter;\n }\n\n .-jonnitto-prettyembed__lightbox & {\n z-index: $prettyembed-lightbox-z-index;\n opacity: 1;\n transition: opacity 0.2s;\n pointer-events: initial;\n }\n }\n\n .jonnitto-prettyembed__inner {\n width: 100%;\n max-width: $prettyembed-lightbox-max-width;\n transform: scale(0);\n transition: transform 0.2s;\n\n .-jonnitto-prettyembed__lightbox & {\n transform: scale(1);\n }\n }\n\n .jonnitto-prettyembed__content {\n line-height: 0;\n box-shadow: $prettyembed-lightbox-shadow;\n }\n\n .jonnitto-prettyembed__close {\n position: relative;\n display: block;\n z-index: 1;\n padding: 10px 16px;\n margin: calc(-1em - 10px) -18px -8px auto;\n font-size: $prettyembed-lightbox-close-size;\n font-family: Arial, Baskerville, monospace;\n font-style: normal;\n line-height: 1;\n cursor: pointer;\n user-select: none;\n background: transparent;\n border: 0;\n -webkit-appearance: none;\n outline: none;\n box-shadow: none;\n text-decoration: none;\n color: $prettyembed-lightbox-close-color;\n opacity: $prettyembed-lightbox-close-opacity;\n transition: opacity 0.2s linear;\n\n &:hover,\n &:focus,\n &:active {\n opacity: $prettyembed-lightbox-close-opacity-hover;\n outline: none;\n }\n\n &::-moz-focus-inner {\n padding: 0;\n border: 0;\n }\n }\n}\n",".jonnitto-prettyembed {\n position: relative;\n display: block;\n width: 100%;\n max-width: 100%;\n}\n.jonnitto-prettyembed img {\n display: block;\n width: 100%;\n height: auto;\n max-width: none;\n}\n\n.jonnitto-prettyembed--lightbox {\n cursor: pointer;\n}\n\n.jonnitto-prettyembed__lightbox {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: -1;\n opacity: 0;\n font-size: 0;\n transition: opacity 0.2s, z-index 0s 0.2s;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n overflow-y: auto;\n white-space: nowrap;\n -webkit-overflow-scrolling: touch;\n pointer-events: none;\n background: rgba(11, 11, 11, 0.8);\n padding: 15px;\n backdrop-filter: blur(5px);\n}\n.-jonnitto-prettyembed__lightbox .jonnitto-prettyembed__lightbox {\n z-index: 5500;\n opacity: 1;\n transition: opacity 0.2s;\n pointer-events: initial;\n}\n\n.jonnitto-prettyembed__inner {\n width: 100%;\n max-width: 900px;\n transform: scale(0);\n transition: transform 0.2s;\n}\n.-jonnitto-prettyembed__lightbox .jonnitto-prettyembed__inner {\n transform: scale(1);\n}\n\n.jonnitto-prettyembed__content {\n line-height: 0;\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);\n}\n\n.jonnitto-prettyembed__close {\n position: relative;\n display: block;\n z-index: 1;\n padding: 10px 16px;\n margin: calc(-1em - 10px) -18px -8px auto;\n font-size: 30px;\n font-family: Arial, Baskerville, monospace;\n font-style: normal;\n line-height: 1;\n cursor: pointer;\n user-select: none;\n background: transparent;\n border: 0;\n -webkit-appearance: none;\n outline: none;\n box-shadow: none;\n text-decoration: none;\n color: #fff;\n opacity: 0.65;\n transition: opacity 0.2s linear;\n}\n.jonnitto-prettyembed__close:hover, .jonnitto-prettyembed__close:focus, .jonnitto-prettyembed__close:active {\n opacity: 1;\n outline: none;\n}\n.jonnitto-prettyembed__close::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\n\n.jonnitto-prettyembed-button {\n color: #fff;\n position: absolute;\n pointer-events: none;\n z-index: 1;\n}\n\n.jonnitto-prettyembed-button--play {\n display: block;\n top: 50%;\n left: 50%;\n width: 72px;\n height: 72px;\n transform: translate(-50%, -50%) scale(0.8);\n transition: transform 0.25s ease-in-out, opacity 0.25s linear;\n opacity: 0.9;\n}\n.jonnitto-prettyembed--play .jonnitto-prettyembed-button--play {\n opacity: 0;\n}\n.jonnitto-prettyembed:hover .jonnitto-prettyembed-button--play, .jonnitto-prettyembed:focus .jonnitto-prettyembed-button--play {\n transform: translate(-50%, -50%) scale(1);\n}\n.jonnitto-prettyembed:active .jonnitto-prettyembed-button--play {\n transform: translate(-50%, -50%) scale(0.9);\n}\n\n.jonnitto-prettyembed-button--pause {\n display: none;\n top: 18px;\n left: 18px;\n width: 36px;\n height: 36px;\n transition: opacity 0.25s linear;\n opacity: 0;\n}\n.jonnitto-prettyembed--video.jonnitto-prettyembed--play.jonnitto-prettyembed--slim .jonnitto-prettyembed-button--pause {\n display: block;\n}\n.jonnitto-prettyembed:hover .jonnitto-prettyembed-button--pause, .jonnitto-prettyembed:focus .jonnitto-prettyembed-button--pause {\n opacity: 0.9;\n}\n\n.jonnitto-prettyembed-button__background {\n fill: #000;\n fill-opacity: 0.4;\n stroke-width: 5;\n}\n\n.jonnitto-prettyembed video {\n position: relative;\n display: block;\n width: 100%;\n height: auto;\n max-width: 100%;\n outline: none;\n opacity: 0;\n margin: 0 auto;\n}\n.jonnitto-prettyembed video:not([controls]):not([autoplay]) {\n cursor: pointer;\n}\n\n.jonnitto-prettyembed--video img {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 100%;\n height: auto;\n transform: translate(-50%, -50%);\n display: block;\n transition: opacity 0.3s linear;\n pointer-events: none;\n}\n.jonnitto-prettyembed--video.jonnitto-prettyembed--autoplay {\n pointer-events: none;\n}\n.jonnitto-prettyembed--video.jonnitto-prettyembed--autoplay video, .jonnitto-prettyembed--video.jonnitto-prettyembed--init video {\n opacity: 1;\n}\n.jonnitto-prettyembed--video.jonnitto-prettyembed--autoplay img, .jonnitto-prettyembed--video.jonnitto-prettyembed--init img {\n opacity: 0;\n}\n\n.jonnitto-prettyembed__lightbox video {\n width: auto;\n max-height: calc(99vh - 53px);\n}\n\n.jonnitto-prettyembed--video.jonnitto-prettyembed--lightbox video {\n position: absolute;\n inset: 0;\n height: 100%;\n}\n.jonnitto-prettyembed--video.jonnitto-prettyembed--lightbox img {\n position: static;\n top: auto;\n left: auto;\n width: 100%;\n height: auto;\n transform: none;\n}\n\n.jonnitto-prettyembed--iframe iframe {\n border: 0 solid transparent;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.jonnitto-prettyembed--ratio[style*=\"padding-top:\"] {\n height: 0;\n overflow: hidden;\n}\n.jonnitto-prettyembed--ratio[style*=\"padding-top:\"] img {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.jonnitto-prettyembed__gdpr {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 1em;\n padding: 0.5em;\n color: #fff;\n z-index: 1;\n cursor: default;\n font-size: 0.8rem;\n backdrop-filter: blur(5px);\n}\n@media (min-width: 640px) {\n .jonnitto-prettyembed__gdpr {\n font-size: 1rem;\n }\n}\n.jonnitto-prettyembed__gdpr::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: #0b0b0b;\n opacity: 0.8;\n z-index: -1;\n}\n.jonnitto-prettyembed__gdpr * {\n margin: 0;\n padding: 0;\n font-size: 1em;\n text-align: center;\n}\n.jonnitto-prettyembed__gdpr p {\n font-size: 0.9em;\n max-width: 60ch;\n margin: 0 auto;\n}\n.jonnitto-prettyembed__gdpr div {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n gap: 1em;\n}\n\n.jonnitto-prettyembed__gdpr-button {\n display: block;\n padding: 0.5em 1em;\n text-decoration: none;\n transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;\n cursor: pointer;\n border-radius: 0.25em;\n}\n\n.jonnitto-prettyembed__gdpr-button--accept {\n color: #fff;\n background-color: #16a34a;\n border: 1px solid #16a34a;\n}\n.jonnitto-prettyembed__gdpr-button--accept:hover, .jonnitto-prettyembed__gdpr-button--accept:focus {\n color: #fff;\n background-color: #15803d;\n border-color: #15803d;\n}\n\n.jonnitto-prettyembed__gdpr-button--external {\n color: #fff;\n background-color: transparent;\n border: 1px solid #fff;\n}\n.jonnitto-prettyembed__gdpr-button--external:hover, .jonnitto-prettyembed__gdpr-button--external:focus {\n color: #000;\n background-color: #fff;\n}\n\n/*# sourceMappingURL=Main.css.map */\n","// Buttons (play / pause)\n$prettyembed-button-play-size: 72px !default;\n$prettyembed-button-pause-size: calc($prettyembed-button-play-size / 2) !default;\n$prettyembed-button-pause-margin: calc($prettyembed-button-pause-size / 2) !default;\n$prettyembed-button-opacity: 0.9 !default;\n$prettyembed-button-scale: 0.8 !default;\n$prettyembed-button-scale-hover: 1 !default;\n$prettyembed-button-scale-active: 0.9 !default;\n$prettyembed-button-foreground-color: #fff !default;\n$prettyembed-button-background-color: #000 !default;\n$prettyembed-button-background-opactiy: 0.4 !default;\n\n// Lightbox\n$prettyembed-lightbox-include: true !default;\n$prettyembed-lightbox-overlay-color: #0b0b0b !default;\n$prettyembed-lightbox-overlay-opacity: 0.8 !default;\n$prettyembed-lightbox-padding: 15px !default;\n$prettyembed-lightbox-max-width: 900px !default;\n$prettyembed-lightbox-shadow: 0 0 8px rgba(#000, 0.6) !default;\n$prettyembed-lightbox-z-index: 5500 !default;\n$prettyembed-lightbox-close-size: 30px !default;\n$prettyembed-lightbox-close-opacity: 0.65 !default;\n$prettyembed-lightbox-close-opacity-hover: 1 !default;\n$prettyembed-lightbox-close-color: #fff !default;\n$prettyembed-lightbox-backdrop-filter: blur(5px) !default;\n\n// GDPR Message\n$prettyembed-gdpr-include: true !default;\n$prettyembed-gdpr-color: #fff !default;\n$prettyembed-gdpr-font-size-breakpoint: 640px !default;\n$prettyembed-gdpr-font-size-mobile: 0.8rem !default;\n$prettyembed-gdpr-font-size: 1rem !default;\n$prettyembed-gdpr-gap: 1em !default;\n$prettyembed-gdpr-padding: 0.5em !default;\n$prettyembed-gdpr-explantation-font-size: 0.9em !default;\n$prettyembed-gdpr-explantation-max-width: 60ch !default;\n$prettyembed-gdpr-button-gap: 1em !default;\n$prettyembed-gdpr-button-padding: 0.5em 1em !default;\n$prettyembed-gdpr-button-border-radius: 0.25em !default;\n\n$prettyembed-gdpr-button-accept-color: #fff !default;\n$prettyembed-gdpr-button-accept-background-color: #16a34a !default;\n$prettyembed-gdpr-button-accept-border: 1px solid #16a34a !default;\n$prettyembed-gdpr-button-accept-color-hover: #fff !default;\n$prettyembed-gdpr-button-accept-background-color-hover: #15803d !default;\n$prettyembed-gdpr-button-accept-border-color-hover: #15803d !default;\n\n$prettyembed-gdpr-button-external-color: #fff !default;\n$prettyembed-gdpr-button-external-background-color: transparent !default;\n$prettyembed-gdpr-button-external-border: 1px solid #fff !default;\n$prettyembed-gdpr-button-external-color-hover: #000 !default;\n$prettyembed-gdpr-button-external-background-color-hover: #fff !default;\n$prettyembed-gdpr-button-external-border-color-hover: false !default;\n\n$prettyembed-gdpr-backdrop-filter: blur(5px) !default;\n$prettyembed-gdpr-overlay-color: #0b0b0b !default;\n$prettyembed-gdpr-overlay-opacity: 0.8 !default;\n",".jonnitto-prettyembed-button {\n color: $prettyembed-button-foreground-color;\n position: absolute;\n pointer-events: none;\n z-index: 1;\n}\n\n.jonnitto-prettyembed-button--play {\n display: block;\n top: 50%;\n left: 50%;\n width: $prettyembed-button-play-size;\n height: $prettyembed-button-play-size;\n transform: translate(-50%, -50%) scale($prettyembed-button-scale);\n transition: transform 0.25s ease-in-out, opacity 0.25s linear;\n\n @if ($prettyembed-button-opacity != 1) {\n opacity: $prettyembed-button-opacity;\n }\n\n .jonnitto-prettyembed--play & {\n opacity: 0;\n }\n\n .jonnitto-prettyembed:hover &,\n .jonnitto-prettyembed:focus & {\n transform: translate(-50%, -50%) scale($prettyembed-button-scale-hover);\n }\n\n .jonnitto-prettyembed:active & {\n transform: translate(-50%, -50%) scale($prettyembed-button-scale-active);\n }\n}\n\n.jonnitto-prettyembed-button--pause {\n display: none;\n top: $prettyembed-button-pause-margin;\n left: $prettyembed-button-pause-margin;\n width: $prettyembed-button-pause-size;\n height: $prettyembed-button-pause-size;\n transition: opacity 0.25s linear;\n opacity: 0;\n\n .jonnitto-prettyembed--video.jonnitto-prettyembed--play.jonnitto-prettyembed--slim & {\n display: block;\n }\n\n .jonnitto-prettyembed:hover &,\n .jonnitto-prettyembed:focus & {\n opacity: $prettyembed-button-opacity;\n }\n}\n\n.jonnitto-prettyembed-button__background {\n fill: $prettyembed-button-background-color;\n fill-opacity: $prettyembed-button-background-opactiy;\n stroke-width: 5;\n}\n",".jonnitto-prettyembed {\n video {\n position: relative;\n display: block;\n width: 100%;\n height: auto;\n max-width: 100%;\n outline: none;\n opacity: 0;\n margin: 0 auto;\n\n &:not([controls]):not([autoplay]) {\n cursor: pointer;\n }\n }\n}\n\n.jonnitto-prettyembed--video {\n img {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 100%;\n height: auto;\n transform: translate(-50%, -50%);\n display: block;\n transition: opacity 0.3s linear;\n pointer-events: none;\n }\n\n &.jonnitto-prettyembed--autoplay {\n pointer-events: none;\n }\n\n &.jonnitto-prettyembed--autoplay,\n &.jonnitto-prettyembed--init {\n video {\n opacity: 1;\n }\n\n img {\n opacity: 0;\n }\n }\n}\n\n@if $prettyembed-lightbox-include {\n .jonnitto-prettyembed__lightbox video {\n width: auto;\n max-height: calc(99vh - #{round($prettyembed-lightbox-padding * 1.5 + $prettyembed-lightbox-close-size)});\n }\n\n .jonnitto-prettyembed--video.jonnitto-prettyembed--lightbox {\n video {\n position: absolute;\n inset: 0;\n height: 100%;\n }\n\n img {\n position: static;\n top: auto;\n left: auto;\n width: 100%;\n height: auto;\n transform: none;\n }\n }\n}\n",".jonnitto-prettyembed--iframe {\n iframe {\n border: 0 solid transparent;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n}\n\n.jonnitto-prettyembed--ratio[style*=\"padding-top:\"] {\n height: 0;\n overflow: hidden;\n\n img {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n }\n}\n","@if $prettyembed-gdpr-include {\n .jonnitto-prettyembed__gdpr {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: $prettyembed-gdpr-gap;\n padding: $prettyembed-gdpr-padding;\n color: $prettyembed-gdpr-color;\n z-index: 1;\n cursor: default;\n font-size: $prettyembed-gdpr-font-size-mobile;\n\n @media (min-width: $prettyembed-gdpr-font-size-breakpoint) {\n font-size: $prettyembed-gdpr-font-size;\n }\n\n &::after {\n content: '';\n position: absolute;\n inset: 0;\n background: $prettyembed-gdpr-overlay-color;\n opacity: $prettyembed-gdpr-overlay-opacity;\n z-index: -1;\n }\n\n @if $prettyembed-gdpr-backdrop-filter {\n backdrop-filter: $prettyembed-gdpr-backdrop-filter;\n }\n\n * {\n margin: 0;\n padding: 0;\n font-size: 1em;\n text-align: center;\n }\n\n p {\n font-size: $prettyembed-gdpr-explantation-font-size;\n max-width: $prettyembed-gdpr-explantation-max-width;\n margin: 0 auto;\n }\n\n div {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n gap: $prettyembed-gdpr-button-gap;\n }\n }\n\n .jonnitto-prettyembed__gdpr-button {\n display: block;\n padding: $prettyembed-gdpr-button-padding;\n text-decoration: none;\n transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;\n cursor: pointer;\n @if $prettyembed-gdpr-button-border-radius {\n border-radius: $prettyembed-gdpr-button-border-radius;\n }\n }\n\n .jonnitto-prettyembed__gdpr-button--accept {\n color: $prettyembed-gdpr-button-accept-color;\n background-color: $prettyembed-gdpr-button-accept-background-color;\n @if $prettyembed-gdpr-button-accept-border {\n border: $prettyembed-gdpr-button-accept-border;\n }\n\n &:hover,\n &:focus {\n @if $prettyembed-gdpr-button-accept-color-hover {\n color: $prettyembed-gdpr-button-accept-color-hover;\n }\n @if $prettyembed-gdpr-button-accept-background-color-hover {\n background-color: $prettyembed-gdpr-button-accept-background-color-hover;\n }\n @if $prettyembed-gdpr-button-accept-border-color-hover {\n border-color: $prettyembed-gdpr-button-accept-border-color-hover;\n }\n }\n }\n\n .jonnitto-prettyembed__gdpr-button--external {\n color: $prettyembed-gdpr-button-external-color;\n background-color: $prettyembed-gdpr-button-external-background-color;\n @if $prettyembed-gdpr-button-external-border {\n border: $prettyembed-gdpr-button-external-border;\n }\n\n &:hover,\n &:focus {\n @if $prettyembed-gdpr-button-external-color-hover {\n color: $prettyembed-gdpr-button-external-color-hover;\n }\n\n @if $prettyembed-gdpr-button-external-background-color-hover {\n background-color: $prettyembed-gdpr-button-external-background-color-hover;\n }\n\n @if $prettyembed-gdpr-button-external-border-color-hover {\n border-color: $prettyembed-gdpr-button-external-border-color-hover;\n }\n }\n }\n}\n"]} \ No newline at end of file