@micromag/viewer 0.3.161 → 0.3.165

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/assets/css/styles.css +2 -2
  2. package/es/index.js +61 -113
  3. package/lib/index.js +60 -112
  4. package/package.json +9 -9
package/assets/css/styles.css CHANGED
@@ -4,10 +4,10 @@
4
4
  .micromag-viewer-partials-share-modal-close{display:inline-block;position:relative;border:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.micromag-viewer-partials-share-modal-container{position:fixed;z-index:1020;top:0;right:0;bottom:0;left:0;-webkit-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;transition:background-color .2s ease-out;background-color:rgba(0,0,0,0);pointer-events:none}.micromag-viewer-partials-share-modal-container.micromag-viewer-partials-share-modal-opened{background-color:rgba(28,28,28,.85);pointer-events:auto}.micromag-viewer-partials-share-modal-modal{position:absolute;z-index:2;top:50%;left:50%;width:calc(100% - 1rem);max-width:500px;-webkit-transform:translate(-50%,-50%) translateY(1rem);-ms-transform:translate(-50%,-50%) translateY(1rem);transform:translate(-50%,-50%) translateY(1rem);-webkit-transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:opacity .2s ease-out,-webkit-transform .2s ease-out;-o-transition:opacity .2s ease-out,transform .2s ease-out;transition:opacity .2s ease-out,transform .2s ease-out;transition:opacity .2s ease-out,transform .2s ease-out,-webkit-transform .2s ease-out;border-radius:1.5rem;opacity:0;background-color:#e9e9e9;color:#1c1c1c}.micromag-viewer-partials-share-modal-opened .micromag-viewer-partials-share-modal-modal{-webkit-transform:translate(-50%,-50%) translateY(0);-ms-transform:translate(-50%,-50%) translateY(0);transform:translate(-50%,-50%) translateY(0);-webkit-transition:opacity .2s ease-out .1s,-webkit-transform .2s ease-out .1s;transition:opacity .2s ease-out .1s,-webkit-transform .2s ease-out .1s;-o-transition:opacity .2s ease-out .1s,transform .2s ease-out .1s;transition:opacity .2s ease-out .1s,transform .2s ease-out .1s;transition:opacity .2s ease-out .1s,transform .2s ease-out .1s,-webkit-transform .2s ease-out .1s;opacity:1}.micromag-viewer-partials-share-modal-header{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:1rem}.micromag-viewer-partials-share-modal-heading{font-size:1.25rem!important;font-weight:700!important}.micromag-viewer-partials-share-modal-close{margin:-2px -2px 0 auto;padding:0}.micromag-viewer-partials-share-modal-closeIcon{color:#1c1c1c}.micromag-viewer-partials-share-modal-shareOptions{padding:0 1rem}
5
5
  .micromag-viewer-partials-share-button-container{position:relative;white-space:nowrap}
6
6
  .micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-screenButton{display:inline-block;position:relative;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-activeScreenBorder,.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-screenButton,.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-scroll{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-header .micromag-viewer-menus-menu-preview-button:focus-visible,.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-header .micromag-viewer-menus-menu-preview-shareButton:focus-visible{outline:3px solid #a13dff}.micromag-viewer-menus-menu-preview-container{display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;padding:10px;background-color:#000;background-repeat:no-repeat;background-position:50%;background-size:cover;color:#fff;-ms-touch-action:none;touch-action:none}.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-screenButton{display:block}.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-screenButton:focus-visible{border:4px solid #a13dff;outline:none}.micromag-viewer-menus-menu-preview-container.micromag-viewer-menus-menu-preview-disabled .micromag-viewer-menus-menu-preview-screenButton{pointer-events:none}.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-header{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-header .micromag-viewer-menus-menu-preview-button,.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-header .micromag-viewer-menus-menu-preview-shareButton{display:inline-block;border:0;border-radius:0;background-color:rgba(0,0,0,0);color:inherit;font-size:.9rem;font-weight:600;line-height:1.4;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-header .micromag-viewer-menus-menu-preview-button{width:20px;margin-left:10px;padding:0}.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-header .micromag-viewer-menus-menu-preview-button:first-child{margin-left:0}.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-header .micromag-viewer-menus-menu-preview-shareButton{z-index:1}.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-header .micromag-viewer-menus-menu-preview-icon{display:block;width:100%;height:100%}.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-buttons{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;z-index:3;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-organisation{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:30px;height:30px;margin-right:10px;border-radius:50%;background-color:#fff;background-repeat:no-repeat;background-position:50%;background-size:contain}.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-title{margin-right:auto;color:#fff;font-family:Helvetica,Arial,sans-serif}.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-content,.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-nav{position:relative;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-nav{overflow:hidden}.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-item,.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-items{margin:0;padding:0;list-style:none}.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-items{display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-item{position:relative}.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-item.micromag-viewer-menus-menu-preview-active .micromag-viewer-menus-menu-preview-screenButton{pointer-events:none}.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-itemContent{padding:2px}.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-screenContainer{position:relative;width:100%}.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-subScreenBadge{display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;z-index:2;top:.3rem;right:.15rem;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:1.25rem;height:1.25rem;pointer-events:none}.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-subScreenCount{position:relative;z-index:2;width:100%;padding:5px 0 0 3px;color:#343434;font-size:.7rem;letter-spacing:-.05rem;text-align:center}.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-subScreenIcon{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;fill:#fff}.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-activeScreenBorder{border:2px solid #fff}.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-screenContent{-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;background-color:#2b2b2b}
7
- .micromag-viewer-container{font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.1}.micromag-viewer-container address,.micromag-viewer-container blockquote,.micromag-viewer-container caption,.micromag-viewer-container dl,.micromag-viewer-container figure,.micromag-viewer-container h1,.micromag-viewer-container h2,.micromag-viewer-container h3,.micromag-viewer-container h4,.micromag-viewer-container h5,.micromag-viewer-container h6,.micromag-viewer-container label,.micromag-viewer-container legend,.micromag-viewer-container li,.micromag-viewer-container ol,.micromag-viewer-container p,.micromag-viewer-container pre,.micromag-viewer-container ul{margin:0;padding:0}.micromag-viewer-container *,.micromag-viewer-container :after,.micromag-viewer-container :before{-webkit-box-sizing:border-box;box-sizing:border-box}.micromag-viewer-container h1,.micromag-viewer-container h2,.micromag-viewer-container h3,.micromag-viewer-container h4,.micromag-viewer-container h5,.micromag-viewer-container h6,.micromag-viewer-container li,.micromag-viewer-container p{font-weight:400}.micromag-viewer-container .micromag-viewer-navButton{display:inline-block;position:relative;padding:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.micromag-viewer-container .micromag-viewer-menuPreview,.micromag-viewer-container .micromag-viewer-menuPreviewContainer,.micromag-viewer-container .micromag-viewer-screen,.micromag-viewer-container .micromag-viewer-screenInner{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-viewer-container .micromag-viewer-screen:focus-visible{outline:3px solid #a13dff}.micromag-viewer-container{position:relative;background-color:#1c1c1c;color:#fff}.micromag-viewer-container,.micromag-viewer-container .micromag-viewer-content{width:100%;height:100%;overflow:hidden}.micromag-viewer-container .micromag-viewer-content{position:absolute;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.micromag-viewer-container .micromag-viewer-navButton{display:none;visibility:hidden;position:absolute;top:50%;width:50px;height:50px;border:0}.micromag-viewer-container .micromag-viewer-navButton.micromag-viewer-previous{left:0;-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}.micromag-viewer-container .micromag-viewer-navButton.micromag-viewer-next{right:0;-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%)}@media screen and (min-width:1024px){.micromag-viewer-container .micromag-viewer-navButton{display:block;visibility:visible}}.micromag-viewer-container .micromag-viewer-menuDotsContainer{visibility:hidden;position:absolute;z-index:2;top:0;right:50%;width:100%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);-ms-touch-action:none;touch-action:none}.micromag-viewer-container .micromag-viewer-menuDots{position:relative;padding:8px 10px;-webkit-transition:opacity .25s ease;-o-transition:opacity .25s ease;transition:opacity .25s ease}.micromag-viewer-container .micromag-viewer-menuPreviewContainer{visibility:hidden;z-index:3;top:-100%}.micromag-viewer-container .micromag-viewer-menuPreview{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.micromag-viewer-container .micromag-viewer-screen{display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:0}.micromag-viewer-container .micromag-viewer-screen.micromag-viewer-current{opacity:1}.micromag-viewer-container .micromag-viewer-handTap{position:absolute;top:50%;right:10%}.micromag-viewer-container.micromag-viewer-landscape .micromag-viewer-screen{top:0;right:auto;bottom:0;left:50%;margin:auto;-webkit-transform:translate(50vw);-ms-transform:translate(50vw);transform:translate(50vw);opacity:.2;cursor:pointer}.micromag-viewer-container.micromag-viewer-landscape .micromag-viewer-screen:focus-visible,.micromag-viewer-container.micromag-viewer-landscape .micromag-viewer-screen:hover{opacity:.3}.micromag-viewer-container.micromag-viewer-landscape .micromag-viewer-screen.micromag-viewer-visible{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.micromag-viewer-container.micromag-viewer-landscape .micromag-viewer-screen.micromag-viewer-current{-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);opacity:1;cursor:auto}.micromag-viewer-container.micromag-viewer-landscape.micromag-viewer-withSiblings .micromag-viewer-screen{-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;-o-transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease,-webkit-transform .3s ease}.micromag-viewer-container .micromag-viewer-playbackControlsContainer{margin:0 auto}.micromag-viewer-container .micromag-viewer-playbackControls{position:absolute;z-index:5;bottom:0;left:0;width:100%;-webkit-transition:background-image 1s ease-in-out;-o-transition:background-image 1s ease-in-out;transition:background-image 1s ease-in-out;background-image:-webkit-gradient(linear,left top, left bottom,color-stop(25%, rgba(28,28,28,0)),to(rgba(28,28,28,.5)));background-image:-o-linear-gradient(top,rgba(28,28,28,0) 25%,rgba(28,28,28,.5));background-image:linear-gradient(180deg,rgba(28,28,28,0) 25%,rgba(28,28,28,.5));pointer-events:none}.micromag-viewer-container .micromag-viewer-playbackControls.micromag-viewer-isCollapsed{background-image:none}.micromag-viewer-container .micromag-viewer-webView{z-index:10}.micromag-viewer-container.micromag-viewer-hideMenu .micromag-viewer-menuDotsContainer{pointer-events:none}.micromag-viewer-container.micromag-viewer-hideMenu .micromag-viewer-menuDots{opacity:0}.micromag-viewer-container.micromag-viewer-ready .micromag-viewer-menuDotsContainer,.micromag-viewer-container.micromag-viewer-ready .micromag-viewer-menuPreviewContainer{visibility:visible}.micromag-viewer-container.micromag-viewer-hasInteracted .micromag-viewer-handTap{display:none}
7
+ .micromag-viewer-container{font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.1}.micromag-viewer-container address,.micromag-viewer-container blockquote,.micromag-viewer-container caption,.micromag-viewer-container dl,.micromag-viewer-container figure,.micromag-viewer-container h1,.micromag-viewer-container h2,.micromag-viewer-container h3,.micromag-viewer-container h4,.micromag-viewer-container h5,.micromag-viewer-container h6,.micromag-viewer-container label,.micromag-viewer-container legend,.micromag-viewer-container li,.micromag-viewer-container ol,.micromag-viewer-container p,.micromag-viewer-container pre,.micromag-viewer-container ul{margin:0;padding:0}.micromag-viewer-container *,.micromag-viewer-container :after,.micromag-viewer-container :before{-webkit-box-sizing:border-box;box-sizing:border-box}.micromag-viewer-container h1,.micromag-viewer-container h2,.micromag-viewer-container h3,.micromag-viewer-container h4,.micromag-viewer-container h5,.micromag-viewer-container h6,.micromag-viewer-container li,.micromag-viewer-container p{font-weight:400}.micromag-viewer-container .micromag-viewer-navButton{display:inline-block;position:relative;padding:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.micromag-viewer-container .micromag-viewer-menuPreview,.micromag-viewer-container .micromag-viewer-menuPreviewContainer,.micromag-viewer-container .micromag-viewer-screen,.micromag-viewer-container .micromag-viewer-screenInner{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-viewer-container .micromag-viewer-screen:focus-visible{outline:3px solid #a13dff}.micromag-viewer-container{position:relative;background-color:#1c1c1c;color:#fff}.micromag-viewer-container,.micromag-viewer-container .micromag-viewer-content{width:100%;height:100%;overflow:hidden}.micromag-viewer-container .micromag-viewer-content{position:absolute;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.micromag-viewer-container .micromag-viewer-navButton{display:none;visibility:hidden;position:absolute;top:50%;width:50px;height:50px;border:0}.micromag-viewer-container .micromag-viewer-navButton.micromag-viewer-previous{left:0;-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}.micromag-viewer-container .micromag-viewer-navButton.micromag-viewer-next{right:0;-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%)}@media screen and (min-width:1024px){.micromag-viewer-container .micromag-viewer-navButton{display:block;visibility:visible}}.micromag-viewer-container .micromag-viewer-menuDotsContainer{visibility:hidden;position:absolute;z-index:2;top:0;right:50%;width:100%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);-ms-touch-action:none;touch-action:none}.micromag-viewer-container .micromag-viewer-menuDots{position:relative;padding:8px 10px;-webkit-transition:opacity .25s ease;-o-transition:opacity .25s ease;transition:opacity .25s ease}.micromag-viewer-container .micromag-viewer-menuPreviewContainer{visibility:hidden;z-index:3;top:-100%}.micromag-viewer-container .micromag-viewer-menuPreview{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.micromag-viewer-container .micromag-viewer-screen{display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:0}.micromag-viewer-container .micromag-viewer-screen.micromag-viewer-current{opacity:1}.micromag-viewer-container .micromag-viewer-handTap{position:absolute;top:50%;right:10%}.micromag-viewer-container.micromag-viewer-landscape .micromag-viewer-screen{top:0;right:auto;bottom:0;left:50%;margin:auto;-webkit-transform:translate(50vw);-ms-transform:translate(50vw);transform:translate(50vw);opacity:.2;cursor:pointer}.micromag-viewer-container.micromag-viewer-landscape .micromag-viewer-screen:focus-visible,.micromag-viewer-container.micromag-viewer-landscape .micromag-viewer-screen:hover{opacity:.3}.micromag-viewer-container.micromag-viewer-landscape .micromag-viewer-screen.micromag-viewer-visible{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.micromag-viewer-container.micromag-viewer-landscape .micromag-viewer-screen.micromag-viewer-current{-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);opacity:1;cursor:auto}.micromag-viewer-container.micromag-viewer-landscape.micromag-viewer-withSiblings .micromag-viewer-screen{-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;-o-transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease,-webkit-transform .3s ease}.micromag-viewer-container .micromag-viewer-playbackControlsContainer{margin:0 auto}.micromag-viewer-container .micromag-viewer-playbackControls{position:absolute;z-index:5;bottom:0;left:0;width:100%;pointer-events:none}.micromag-viewer-container .micromag-viewer-webView{z-index:10}.micromag-viewer-container.micromag-viewer-hideMenu .micromag-viewer-menuDotsContainer{pointer-events:none}.micromag-viewer-container.micromag-viewer-hideMenu .micromag-viewer-menuDots{opacity:0}.micromag-viewer-container.micromag-viewer-ready .micromag-viewer-menuDotsContainer,.micromag-viewer-container.micromag-viewer-ready .micromag-viewer-menuPreviewContainer{visibility:visible}.micromag-viewer-container.micromag-viewer-hasInteracted .micromag-viewer-handTap{display:none}
8
8
  .micromag-viewer-screen-container{position:relative;height:100%;pointer-events:none}.micromag-viewer-screen-container.micromag-viewer-screen-current{pointer-events:auto}
9
9
  .micromag-viewer-partials-hand-tap-container{position:relative}.micromag-viewer-partials-hand-tap-container .micromag-viewer-partials-hand-tap-circle{position:absolute;z-index:2;top:-10px;left:0;width:21px;height:21px;-webkit-animation-name:micromag-viewer-partials-hand-tap-pulse;animation-name:micromag-viewer-partials-hand-tap-pulse;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border:1px solid #fff;border-radius:50%;-webkit-animation-fill-mode:both;animation-fill-mode:both}.micromag-viewer-partials-hand-tap-container .micromag-viewer-partials-hand-tap-hand{position:relative;z-index:2;width:30px;height:auto;-webkit-animation-name:micromag-viewer-partials-hand-tap-panY;animation-name:micromag-viewer-partials-hand-tap-panY;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media screen and (min-width:1024px){.micromag-viewer-partials-hand-tap-container{display:none}}.micromag-viewer-partials-hand-tap-inner:after{content:"";position:absolute;z-index:1;top:50%;left:50%;width:600%;height:500%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation-name:micromag-viewer-partials-hand-tap-shadowFade;animation-name:micromag-viewer-partials-hand-tap-shadowFade;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:.05s;animation-delay:.05s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;background-image:-o-radial-gradient(hsla(0,0%,42.4%,.4),hsla(0,0%,42.4%,0) 60%);background-image:radial-gradient(hsla(0,0%,42.4%,.4),hsla(0,0%,42.4%,0) 60%);-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes micromag-viewer-partials-hand-tap-pulse{0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}50%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:.5}to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@keyframes micromag-viewer-partials-hand-tap-pulse{0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}50%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:.5}to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@-webkit-keyframes micromag-viewer-partials-hand-tap-panY{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes micromag-viewer-partials-hand-tap-panY{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes micromag-viewer-partials-hand-tap-shadowFade{0%{-webkit-transform:translate(-50%,-50%) translateY(0) scale(.85);transform:translate(-50%,-50%) translateY(0) scale(.85)}to{-webkit-transform:translate(-50%,-50%) translateY(10px) scale(1.1);transform:translate(-50%,-50%) translateY(10px) scale(1.1)}}@keyframes micromag-viewer-partials-hand-tap-shadowFade{0%{-webkit-transform:translate(-50%,-50%) translateY(0) scale(.85);transform:translate(-50%,-50%) translateY(0) scale(.85)}to{-webkit-transform:translate(-50%,-50%) translateY(10px) scale(1.1);transform:translate(-50%,-50%) translateY(10px) scale(1.1)}}
10
10
  .micromag-viewer-partials-seek-bar-track{display:inline-block;position:relative;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.micromag-viewer-partials-seek-bar-progress,.micromag-viewer-partials-seek-bar-track{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-viewer-partials-seek-bar-inner{position:relative;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.micromag-viewer-partials-seek-bar-progressBar{background-color:hsla(0,0%,100%,.5)}.micromag-viewer-partials-seek-bar-progress{position:relative;height:4px;-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}.micromag-viewer-partials-seek-bar-playHead,.micromag-viewer-partials-seek-bar-progress{background-color:#a13dff}.micromag-viewer-partials-seek-bar-playHead{position:absolute;top:50%;left:0;width:20px;height:20px;-webkit-transform:translate(-50%,-50%) scale(0);-ms-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;-o-transition:transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out, -webkit-transform .2s ease-out;border-radius:50%}.micromag-viewer-partials-seek-bar-withSeekHead .micromag-viewer-partials-seek-bar-playHead{-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);-webkit-transition:-webkit-transform .2s ease-out .2s;transition:-webkit-transform .2s ease-out .2s;-o-transition:transform .2s ease-out .2s;transition:transform .2s ease-out .2s;transition:transform .2s ease-out .2s, -webkit-transform .2s ease-out .2s}.micromag-viewer-partials-seek-bar-track{display:none;height:50px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-color:rgba(0,0,0,0);-ms-touch-action:none;touch-action:none}.micromag-viewer-partials-seek-bar-withSeekHead .micromag-viewer-partials-seek-bar-track{display:block}.micromag-viewer-partials-seek-bar-time{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;font-size:.8em}
11
- .micromag-viewer-partials-playback-controls-muteButton,.micromag-viewer-partials-playback-controls-playPauseButton{display:inline-block;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.micromag-viewer-partials-playback-controls-container{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;pointer-events:none}.micromag-viewer-partials-playback-controls-container,.micromag-viewer-partials-playback-controls-muteButton,.micromag-viewer-partials-playback-controls-playPauseButton{display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.micromag-viewer-partials-playback-controls-muteButton,.micromag-viewer-partials-playback-controls-playPauseButton{z-index:2;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:50px;height:50px;margin:10px;padding:5px;-webkit-transition:opacity .1s ease-out;-o-transition:opacity .1s ease-out;transition:opacity .1s ease-out;pointer-events:auto}.micromag-viewer-partials-playback-controls-playPauseButton{-webkit-transition:opacity .5s ease-out;-o-transition:opacity .5s ease-out;transition:opacity .5s ease-out;border:2px solid;border-radius:50%;opacity:0;pointer-events:none}.micromag-viewer-partials-playback-controls-playPauseButton .micromag-viewer-partials-playback-controls-icon{display:block;width:50%;height:50%;-webkit-transform:translateX(5%);-ms-transform:translateX(5%);transform:translateX(5%)}.micromag-viewer-partials-playback-controls-withPlayPause .micromag-viewer-partials-playback-controls-playPauseButton{opacity:1;pointer-events:auto}.micromag-viewer-partials-playback-controls-withPlayPause.micromag-viewer-partials-playback-controls-isCollapsed .micromag-viewer-partials-playback-controls-playPauseButton{opacity:.5}.micromag-viewer-partials-playback-controls-muteButton{opacity:0;pointer-events:none}.micromag-viewer-partials-playback-controls-muteButton .micromag-viewer-partials-playback-controls-icon{display:block;width:70%;height:70%;color:currentColor}.micromag-viewer-partials-playback-controls-muteButton.micromag-viewer-partials-playback-controls-isMuted:after{content:"";position:absolute;top:0;left:50%;width:2px;height:100%;margin-left:-1px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);background-color:currentColor}.micromag-viewer-partials-playback-controls-withMute .micromag-viewer-partials-playback-controls-muteButton{opacity:1;pointer-events:auto}.micromag-viewer-partials-playback-controls-withMute.micromag-viewer-partials-playback-controls-isCollapsed .micromag-viewer-partials-playback-controls-muteButton{opacity:.5}.micromag-viewer-partials-playback-controls-withMute.micromag-viewer-partials-playback-controls-isCollapsed .micromag-viewer-partials-playback-controls-muteButton.micromag-viewer-partials-playback-controls-isMuted{opacity:1}.micromag-viewer-partials-playback-controls-seekBar{position:absolute;z-index:1;bottom:0;left:0;width:100%;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:bottom .2s ease-in-out .2s,padding .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:bottom .2s ease-in-out .2s,padding .2s ease-in-out,-webkit-transform .2s ease-in-out;-o-transition:transform .2s ease-in-out,bottom .2s ease-in-out .2s,padding .2s ease-in-out;transition:transform .2s ease-in-out,bottom .2s ease-in-out .2s,padding .2s ease-in-out;transition:transform .2s ease-in-out,bottom .2s ease-in-out .2s,padding .2s ease-in-out,-webkit-transform .2s ease-in-out;opacity:0;pointer-events:none}.micromag-viewer-partials-playback-controls-withSeekBarOnly .micromag-viewer-partials-playback-controls-seekBar{bottom:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}.micromag-viewer-partials-playback-controls-withSeekBar.micromag-viewer-partials-playback-controls-withPlayPause .micromag-viewer-partials-playback-controls-seekBar{bottom:50%;padding:0 70px;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);opacity:1;pointer-events:auto}.micromag-viewer-partials-playback-controls-isCollapsed .micromag-viewer-partials-playback-controls-seekBar,.micromag-viewer-partials-playback-controls-isCollapsed.micromag-viewer-partials-playback-controls-withSeekBar .micromag-viewer-partials-playback-controls-seekBar{bottom:0;padding:0;-webkit-transition:bottom .2s ease-in-out,padding .4s ease-in-out .2s,-webkit-transform .2s ease-in-out;transition:bottom .2s ease-in-out,padding .4s ease-in-out .2s,-webkit-transform .2s ease-in-out;-o-transition:transform .2s ease-in-out,bottom .2s ease-in-out,padding .4s ease-in-out .2s;transition:transform .2s ease-in-out,bottom .2s ease-in-out,padding .4s ease-in-out .2s;transition:transform .2s ease-in-out,bottom .2s ease-in-out,padding .4s ease-in-out .2s,-webkit-transform .2s ease-in-out}.micromag-viewer-partials-playback-controls-isCollapsed.micromag-viewer-partials-playback-controls-withSeekBar .micromag-viewer-partials-playback-controls-seekBar{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
11
+ .micromag-viewer-partials-playback-controls-muteButton,.micromag-viewer-partials-playback-controls-playPauseButton{display:inline-block;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.micromag-viewer-partials-playback-controls-container{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;pointer-events:none}.micromag-viewer-partials-playback-controls-container,.micromag-viewer-partials-playback-controls-muteButton,.micromag-viewer-partials-playback-controls-playPauseButton{display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.micromag-viewer-partials-playback-controls-muteButton,.micromag-viewer-partials-playback-controls-playPauseButton{z-index:2;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:50px;height:50px;margin:10px;padding:5px;-webkit-transition:opacity .1s ease-out;-o-transition:opacity .1s ease-out;transition:opacity .1s ease-out;pointer-events:auto}.micromag-viewer-partials-playback-controls-playPauseButton{-webkit-transition:opacity .5s ease-out;-o-transition:opacity .5s ease-out;transition:opacity .5s ease-out;border:2px solid;border-radius:50%;opacity:0;pointer-events:none}.micromag-viewer-partials-playback-controls-playPauseButton .micromag-viewer-partials-playback-controls-icon{display:block;position:relative;z-index:1;width:50%;height:50%;-webkit-transform:translateX(5%);-ms-transform:translateX(5%);transform:translateX(5%)}.micromag-viewer-partials-playback-controls-withPlayPause .micromag-viewer-partials-playback-controls-playPauseButton{opacity:1;pointer-events:auto}.micromag-viewer-partials-playback-controls-withPlayPause.micromag-viewer-partials-playback-controls-isCollapsed .micromag-viewer-partials-playback-controls-playPauseButton{opacity:.5}.micromag-viewer-partials-playback-controls-muteButton{opacity:0;pointer-events:none}.micromag-viewer-partials-playback-controls-muteButton .micromag-viewer-partials-playback-controls-icon{display:block;position:relative;z-index:1;width:70%;height:70%;color:currentColor}.micromag-viewer-partials-playback-controls-muteButton.micromag-viewer-partials-playback-controls-isMuted:after{content:"";position:absolute;z-index:2;top:0;left:50%;width:2px;height:100%;margin-left:-1px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);background-color:currentColor}.micromag-viewer-partials-playback-controls-withMute .micromag-viewer-partials-playback-controls-muteButton{opacity:1;pointer-events:auto}.micromag-viewer-partials-playback-controls-withMute.micromag-viewer-partials-playback-controls-isCollapsed .micromag-viewer-partials-playback-controls-muteButton{opacity:.5}.micromag-viewer-partials-playback-controls-withMute.micromag-viewer-partials-playback-controls-isCollapsed .micromag-viewer-partials-playback-controls-muteButton.micromag-viewer-partials-playback-controls-isMuted{opacity:1}.micromag-viewer-partials-playback-controls-seekBar{position:absolute;z-index:1;bottom:0;left:0;width:100%;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:bottom .2s ease-in-out .2s,padding .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:bottom .2s ease-in-out .2s,padding .2s ease-in-out,-webkit-transform .2s ease-in-out;-o-transition:transform .2s ease-in-out,bottom .2s ease-in-out .2s,padding .2s ease-in-out;transition:transform .2s ease-in-out,bottom .2s ease-in-out .2s,padding .2s ease-in-out;transition:transform .2s ease-in-out,bottom .2s ease-in-out .2s,padding .2s ease-in-out,-webkit-transform .2s ease-in-out;opacity:0;pointer-events:none}.micromag-viewer-partials-playback-controls-withSeekBarOnly .micromag-viewer-partials-playback-controls-seekBar{bottom:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}.micromag-viewer-partials-playback-controls-withSeekBar.micromag-viewer-partials-playback-controls-withPlayPause .micromag-viewer-partials-playback-controls-seekBar{bottom:50%;padding:0 70px;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);opacity:1;pointer-events:auto}.micromag-viewer-partials-playback-controls-isCollapsed .micromag-viewer-partials-playback-controls-seekBar,.micromag-viewer-partials-playback-controls-isCollapsed.micromag-viewer-partials-playback-controls-withSeekBar .micromag-viewer-partials-playback-controls-seekBar{bottom:0;padding:0;-webkit-transition:bottom .2s ease-in-out,padding .4s ease-in-out .2s,-webkit-transform .2s ease-in-out;transition:bottom .2s ease-in-out,padding .4s ease-in-out .2s,-webkit-transform .2s ease-in-out;-o-transition:transform .2s ease-in-out,bottom .2s ease-in-out,padding .4s ease-in-out .2s;transition:transform .2s ease-in-out,bottom .2s ease-in-out,padding .4s ease-in-out .2s;transition:transform .2s ease-in-out,bottom .2s ease-in-out,padding .4s ease-in-out .2s,-webkit-transform .2s ease-in-out}.micromag-viewer-partials-playback-controls-isCollapsed.micromag-viewer-partials-playback-controls-withSeekBar .micromag-viewer-partials-playback-controls-seekBar{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.micromag-viewer-partials-playback-controls-withMute .micromag-viewer-partials-playback-controls-muteButton{position:relative}.micromag-viewer-partials-playback-controls-withMute .micromag-viewer-partials-playback-controls-muteButton:before{content:"";display:block;position:absolute;z-index:-1;bottom:-10px;right:-10px;width:300%;height:300%;-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out;background-color:rgba(0,0,0,0);background-image:-o-radial-gradient(bottom right,circle,rgba(28,28,28,.3) 0,rgba(28,28,28,0) 50%);background-image:radial-gradient(circle at bottom right,rgba(28,28,28,.3) 0,rgba(28,28,28,0) 50%);pointer-events:none}.micromag-viewer-partials-playback-controls-withMute.micromag-viewer-partials-playback-controls-isCollapsed .micromag-viewer-partials-playback-controls-muteButton:before{opacity:1}.micromag-viewer-partials-playback-controls-withMute.micromag-viewer-partials-playback-controls-withSeekBar .micromag-viewer-partials-playback-controls-muteButton:before{opacity:0}.micromag-viewer-partials-playback-controls-withMute.micromag-viewer-partials-playback-controls-withSeekBar.micromag-viewer-partials-playback-controls-isCollapsed .micromag-viewer-partials-playback-controls-muteButton:before{opacity:1}.micromag-viewer-partials-playback-controls-withPlayPause .micromag-viewer-partials-playback-controls-playPauseButton{position:relative}.micromag-viewer-partials-playback-controls-withPlayPause .micromag-viewer-partials-playback-controls-playPauseButton:before{content:"";display:block;position:absolute;z-index:-1;bottom:-10px;left:-10px;width:300%;height:300%;-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out;background-color:rgba(0,0,0,0);background-image:-o-radial-gradient(bottom left,circle,rgba(28,28,28,.3) 0,rgba(28,28,28,0) 50%);background-image:radial-gradient(circle at bottom left,rgba(28,28,28,.3) 0,rgba(28,28,28,0) 50%);pointer-events:none}.micromag-viewer-partials-playback-controls-withPlayPause.micromag-viewer-partials-playback-controls-isCollapsed .micromag-viewer-partials-playback-controls-playPauseButton:before{opacity:.5}.micromag-viewer-partials-playback-controls-withPlayPause.micromag-viewer-partials-playback-controls-withSeekBar .micromag-viewer-partials-playback-controls-playPauseButton:before{opacity:0}.micromag-viewer-partials-playback-controls-withPlayPause.micromag-viewer-partials-playback-controls-withSeekBar.micromag-viewer-partials-playback-controls-isCollapsed .micromag-viewer-partials-playback-controls-playPauseButton:before{opacity:.5}.micromag-viewer-partials-playback-controls-withSeekBar:after{content:"";display:block;position:absolute;z-index:-1;bottom:0;left:0;width:100%;height:150px;pointer-events:none;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;-o-transition:transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out;background-image:-webkit-gradient(linear,left top, left bottom,color-stop(40%, rgba(28,28,28,0)),to(rgba(28,28,28,.4)));background-image:-o-linear-gradient(top,rgba(28,28,28,0) 40%,rgba(28,28,28,.4));background-image:linear-gradient(180deg,rgba(28,28,28,0) 40%,rgba(28,28,28,.4))}.micromag-viewer-partials-playback-controls-withSeekBar.micromag-viewer-partials-playback-controls-isCollapsed:after{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
12
12
  .micromag-viewer-partials-web-view-container{position:absolute;top:0;left:50%;width:100%;height:100%;-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;-o-transition:transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out, -webkit-transform .5s ease-in-out}.micromag-viewer-partials-web-view-container.micromag-viewer-partials-web-view-opened{-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}
13
13
  .micromag-screen-audio-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-audio-disabled.micromag-screen-audio-container{overflow:hidden;pointer-events:none}.micromag-screen-audio-hidden.micromag-screen-audio-container{display:none;visibility:hidden}.micromag-screen-audio-placeholder.micromag-screen-audio-container .micromag-screen-audio-content{position:relative;padding:6px}.micromag-screen-audio-container .micromag-screen-audio-empty{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-audio-container .micromag-screen-audio-audio{position:absolute;bottom:50%;left:0;width:100%;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}.micromag-screen-audio-container .micromag-screen-audio-bottom{position:absolute;bottom:0;left:0;width:100%;-webkit-transition:padding .2s ease-out,-webkit-transform .2s ease-out;transition:padding .2s ease-out,-webkit-transform .2s ease-out;-o-transition:transform .2s ease-out,padding .2s ease-out;transition:transform .2s ease-out,padding .2s ease-out;transition:transform .2s ease-out,padding .2s ease-out,-webkit-transform .2s ease-out}.micromag-screen-audio-container .micromag-screen-audio-bottom>*{margin-bottom:10px}.micromag-screen-audio-container .micromag-screen-audio-bottom>:last-child{margin-bottom:0}.micromag-screen-audio-container .micromag-screen-audio-empty{width:100%;height:100px;margin:0 auto}.micromag-screen-audio-container.micromag-screen-audio-isPreview{pointer-events:none}.micromag-screen-contribution-container .micromag-screen-contribution-content{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-contribution-container .micromag-screen-contribution-buttonSubmit:focus-visible{outline:3px solid #a13dff}.micromag-screen-contribution-container{position:relative}@-webkit-keyframes micromag-screen-contribution-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes micromag-screen-contribution-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.micromag-screen-contribution-container .micromag-screen-contribution-emptyInputMessage,.micromag-screen-contribution-container .micromag-screen-contribution-emptyInputName,.micromag-screen-contribution-container .micromag-screen-contribution-emptySubmit,.micromag-screen-contribution-container .micromag-screen-contribution-emptyTitle{margin-bottom:10px;padding:10px}.micromag-screen-contribution-container .micromag-screen-contribution-emptyInputMessage{height:100px}.micromag-screen-contribution-container .micromag-screen-contribution-title{padding-bottom:20px}.micromag-screen-contribution-container .micromag-screen-contribution-interactiveContainer{-webkit-transition-property:height;-o-transition-property:height;transition-property:height;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.micromag-screen-contribution-container .micromag-screen-contribution-form{position:relative}.micromag-screen-contribution-container .micromag-screen-contribution-buttonSubmit,.micromag-screen-contribution-container .micromag-screen-contribution-inputMessage,.micromag-screen-contribution-container .micromag-screen-contribution-inputName{display:block;width:100%;padding:4px}.micromag-screen-contribution-container .micromag-screen-contribution-inputMessage,.micromag-screen-contribution-container .micromag-screen-contribution-inputName{margin-bottom:10px}.micromag-screen-contribution-container .micromag-screen-contribution-inputMessage{height:100px}.micromag-screen-contribution-container .micromag-screen-contribution-buttonSubmit{border:0}.micromag-screen-contribution-container .micromag-screen-contribution-buttonSubmit:disabled{opacity:1}.micromag-screen-contribution-container .micromag-screen-contribution-formContent{-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.micromag-screen-contribution-container .micromag-screen-contribution-formLoading{position:absolute;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;-webkit-transition:opacity .25s ease;-o-transition:opacity .25s ease;transition:opacity .25s ease;-webkit-animation:micromag-screen-contribution-rotate 1s linear infinite;animation:micromag-screen-contribution-rotate 1s linear infinite;opacity:0;pointer-events:none}.micromag-screen-contribution-container .micromag-screen-contribution-formLoading .micromag-screen-contribution-loadingIcon{display:block;width:100%;height:100%}.micromag-screen-contribution-container .micromag-screen-contribution-contributionsContainer{position:relative;-webkit-transition:opacity .25s ease;-o-transition:opacity .25s ease;transition:opacity .25s ease;opacity:0}.micromag-screen-contribution-container .micromag-screen-contribution-contributionsContent{position:absolute;width:100%;height:0;overflow:hidden}.micromag-screen-contribution-container .micromag-screen-contribution-contributions{position:relative}.micromag-screen-contribution-container .micromag-screen-contribution-contribution{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #fff}.micromag-screen-contribution-container .micromag-screen-contribution-contribution:first-child{padding-top:20px;border-top:1px solid #fff}.micromag-screen-contribution-container .micromag-screen-contribution-contribution:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.micromag-screen-contribution-container .micromag-screen-contribution-callToAction{position:absolute;bottom:0;left:0;width:100%;-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.micromag-screen-contribution-container .micromag-screen-contribution-callToAction.micromag-screen-contribution-disabled{opacity:0;pointer-events:none}.micromag-screen-contribution-container.micromag-screen-contribution-submitting .micromag-screen-contribution-form{pointer-events:none}.micromag-screen-contribution-container.micromag-screen-contribution-submitting .micromag-screen-contribution-formContent{opacity:.4}.micromag-screen-contribution-container.micromag-screen-contribution-submitting .micromag-screen-contribution-formLoading{opacity:1}.micromag-screen-contribution-container.micromag-screen-contribution-submitted .micromag-screen-contribution-formContent{opacity:0}.micromag-screen-contribution-container.micromag-screen-contribution-showContributions .micromag-screen-contribution-form{display:none}.micromag-screen-contribution-container.micromag-screen-contribution-showContributions .micromag-screen-contribution-contributionsContainer{opacity:1}.micromag-screen-contribution-container.micromag-screen-contribution-showContributions .micromag-screen-contribution-contributionsContent{position:relative;height:auto;overflow:visible}.micromag-screen-contribution-container.micromag-screen-contribution-isPlaceholder .micromag-screen-contribution-content{padding:10px}.micromag-screen-conversation-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-conversation-disabled.micromag-screen-conversation-container{overflow:hidden;pointer-events:none}.micromag-screen-conversation-hidden.micromag-screen-conversation-container{display:none;visibility:hidden}.micromag-screen-conversation-placeholder.micromag-screen-conversation-container .micromag-screen-conversation-content{position:relative;padding:6px}.micromag-screen-conversation-container{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.micromag-screen-conversation-container .micromag-screen-conversation-conversationHeader{width:100%;padding-bottom:16px;font-style:italic}.micromag-screen-conversation-container .micromag-screen-conversation-empty{height:200px}.micromag-screen-conversation-container .micromag-screen-conversation-title{padding-bottom:16px}.micromag-screen-conversation-container .micromag-screen-conversation-callToAction{-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.micromag-screen-conversation-container .micromag-screen-conversation-callToAction a{padding:0}.micromag-screen-conversation-container .micromag-screen-conversation-callToAction.micromag-screen-conversation-disabled{opacity:0;pointer-events:none}.micromag-screen-conversation-layout{-webkit-transition:padding .2s ease-out;-o-transition:padding .2s ease-out;transition:padding .2s ease-out}.micromag-screen-conversation-messageContainer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;color:#000}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-message{max-width:80%;margin:1px 0;padding:10px;-webkit-transition:border-radius .2s ease;-o-transition:border-radius .2s ease;transition:border-radius .2s ease;background-color:#fff;overflow-wrap:break-word}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-message.micromag-screen-conversation-normalLeft{border-radius:1px 15px 15px}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-message.micromag-screen-conversation-inBetweenLeft{border-radius:1px 15px 15px 1px}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-message.micromag-screen-conversation-normalRight{border-radius:15px 1px 15px 15px;background-color:#58afff}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-message.micromag-screen-conversation-inBetweenRight{border-radius:15px 1px 1px 15px;background-color:#58afff}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-message.micromag-screen-conversation-last{margin:1px 0 16px}.micromag-screen-conversation-messageContainer:last-child .micromag-screen-conversation-message.micromag-screen-conversation-last{margin-bottom:0}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-speakerDetails{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;width:100%;padding-bottom:10px}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-speakerDetails.micromag-screen-conversation-right{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-avatarContainer{width:30px;height:30px;margin-right:10px}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-avatarContainer.micromag-screen-conversation-right{margin-right:0;margin-left:10px}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-avatar{display:inline-block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-imageContainer{width:100%;height:100%;padding-bottom:10px}.micromag-screen-conversation-messageContainer.micromag-screen-conversation-withAnimation .micromag-screen-conversation-message{-webkit-animation:micromag-screen-conversation-appear .18s ease forwards;animation:micromag-screen-conversation-appear .18s ease forwards}.micromag-screen-conversation-messageContainer.micromag-screen-conversation-withAnimation .micromag-screen-conversation-message.micromag-screen-conversation-normalLeft{-webkit-transform:translate(-300px) scale(.5);-ms-transform:translate(-300px) scale(.5);transform:translate(-300px) scale(.5)}.micromag-screen-conversation-messageContainer.micromag-screen-conversation-withAnimation .micromag-screen-conversation-message.micromag-screen-conversation-inBetweenLeft{border-radius:1px 15px 15px 1px}.micromag-screen-conversation-messageContainer.micromag-screen-conversation-withAnimation .micromag-screen-conversation-message.micromag-screen-conversation-normalRight{-webkit-transform:translate(300px) scale(.5);-ms-transform:translate(300px) scale(.5);transform:translate(300px) scale(.5)}@-webkit-keyframes micromag-screen-conversation-appear{to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}}@keyframes micromag-screen-conversation-appear{to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-loadingContainer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#fff}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-loading{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:5px 0 10px;padding:7px 10px;border-radius:10px;background:#fff}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-loading .micromag-screen-conversation-dot{width:5px;height:5px;margin-right:4px;-webkit-animation:micromag-screen-conversation-bounce .35s linear infinite alternate;animation:micromag-screen-conversation-bounce .35s linear infinite alternate;border-radius:50%;background:#000}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-loading .micromag-screen-conversation-dot:nth-child(2){-webkit-animation-delay:.08s;animation-delay:.08s}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-loading .micromag-screen-conversation-dot:nth-child(3){margin-right:0;-webkit-animation-delay:.16s;animation-delay:.16s}@-webkit-keyframes micromag-screen-conversation-bounce{0%{-webkit-transform:translateY(-2px);transform:translateY(-2px);opacity:.5}to{-webkit-transform:translateY(2px);transform:translateY(2px);opacity:1}}@keyframes micromag-screen-conversation-bounce{0%{-webkit-transform:translateY(-2px);transform:translateY(-2px);opacity:.5}to{-webkit-transform:translateY(2px);transform:translateY(2px);opacity:1}}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-loadingSpeakerName{margin:0 5px;opacity:.6;font-size:12px;font-style:italic}.micromag-screen-conversation-messageContainer.micromag-screen-conversation-right{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.micromag-screen-conversation-messageContainer.micromag-screen-conversation-right .micromag-screen-conversation-loadingContainer{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.micromag-screen-gallery-container .micromag-screen-gallery-content,.micromag-screen-gallery-container .micromag-screen-gallery-image{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-gallery-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-gallery-disabled.micromag-screen-gallery-container{overflow:hidden;pointer-events:none}.micromag-screen-gallery-hidden.micromag-screen-gallery-container{display:none;visibility:hidden}.micromag-screen-gallery-placeholder.micromag-screen-gallery-container .micromag-screen-gallery-content{position:relative;padding:6px}.micromag-screen-gallery-container .micromag-screen-gallery-emptyCaption,.micromag-screen-gallery-container .micromag-screen-gallery-emptyImage{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-gallery-container .micromag-screen-gallery-grid{position:relative;height:100%}.micromag-screen-gallery-container .micromag-screen-gallery-placeholder{height:100%}.micromag-screen-gallery-container .micromag-screen-gallery-emptyCaption,.micromag-screen-gallery-container .micromag-screen-gallery-emptyImage{width:100%}.micromag-screen-gallery-container .micromag-screen-gallery-emptyImage{height:100%}.micromag-screen-gallery-container .micromag-screen-gallery-emptyCaption{height:50px;margin-top:10px}.micromag-screen-gallery-container .micromag-screen-gallery-gridItem{display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%}.micromag-screen-gallery-container .micromag-screen-gallery-imageContainer{position:relative;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.micromag-screen-gallery-container .micromag-screen-gallery-callToAction{position:absolute;bottom:0;left:0;width:100%;-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;-o-transition:transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out, -webkit-transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}.micromag-screen-gallery-container .micromag-screen-gallery-caption{padding:10px 0}.micromag-screen-gallery-container .micromag-screen-gallery-content{-webkit-transition:padding-bottom .2s ease-out;-o-transition:padding-bottom .2s ease-out;transition:padding-bottom .2s ease-out}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyCaption,.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyImage{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-gallery-feed-container{position:relative}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyCaption,.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyImage{width:100%;margin:10px auto}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyImage{height:200px}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyCaption{height:50px}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-image,.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-imageContainer,.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-video{position:relative!important}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-imageContainer{overflow:hidden}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-callToAction{-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-callToAction a{padding:0}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-callToAction.micromag-screen-gallery-feed-disabled{opacity:0;pointer-events:none}.micromag-screen-gallery-feed-container.micromag-screen-gallery-feed-isPlaceholder .micromag-screen-gallery-feed-layout{padding:10px}.micromag-screen-image-container .micromag-screen-image-image{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-image-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-image-disabled.micromag-screen-image-container{overflow:hidden;pointer-events:none}.micromag-screen-image-hidden.micromag-screen-image-container{display:none;visibility:hidden}.micromag-screen-image-placeholder.micromag-screen-image-container .micromag-screen-image-content{position:relative;padding:6px}.micromag-screen-image-container .micromag-screen-image-emptyImage,.micromag-screen-image-container .micromag-screen-image-emptyLegend,.micromag-screen-image-container .micromag-screen-image-emptyText,.micromag-screen-image-container .micromag-screen-image-emptyTitle{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-image-container .micromag-screen-image-content{position:relative;height:100%}.micromag-screen-image-container .micromag-screen-image-emptyImage,.micromag-screen-image-container .micromag-screen-image-emptyLegend,.micromag-screen-image-container .micromag-screen-image-emptyText,.micromag-screen-image-container .micromag-screen-image-emptyTitle{width:100%;margin:10px auto}.micromag-screen-image-container .micromag-screen-image-emptyImage{height:100%}.micromag-screen-image-container .micromag-screen-image-emptyTitle{height:100px}.micromag-screen-image-container .micromag-screen-image-emptyText{height:80px}.micromag-screen-image-container .micromag-screen-image-emptyLegend{height:50px}.micromag-screen-image-container .micromag-screen-image-imageContainer{position:relative;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.micromag-screen-image-container .micromag-screen-image-placeholderImage{height:100%}.micromag-screen-image-container.micromag-screen-image-isPlaceholder .micromag-screen-image-layout{padding:10px}.micromag-screen-image-container.micromag-screen-image-isCard .micromag-screen-image-placeholderImage{margin:-10px -10px 0}.micromag-screen-image-container.micromag-screen-image-isCardReverse .micromag-screen-image-placeholderImage{margin:10px -10px 0}.micromag-screen-image-container.micromag-screen-image-isCardReverse .micromag-screen-image-callToAction{position:absolute;bottom:0;left:0;width:100%}.micromag-screen-image-container.micromag-screen-image-isFullscreen .micromag-screen-image-layout{padding:0}.micromag-screen-image-container.micromag-screen-image-isFullscreen .micromag-screen-image-callToAction{position:absolute;bottom:0;width:100%;margin-top:0}.micromag-screen-map-container .micromag-screen-map-markerOverlayContainer,.micromag-screen-map-container .micromag-screen-map-markerOverlayScrollable,.micromag-screen-map-container .micromag-screen-map-splash{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-map-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-map-disabled.micromag-screen-map-container{overflow:hidden;pointer-events:none}.micromag-screen-map-hidden.micromag-screen-map-container{display:none;visibility:hidden}.micromag-screen-map-placeholder.micromag-screen-map-container .micromag-screen-map-content{position:relative;padding:6px}.micromag-screen-map-container .micromag-screen-map-placeholder{height:100%}.micromag-screen-map-container .micromag-screen-map-markerOverlayContainer{-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;opacity:0;background-color:rgba(28,28,28,.4);pointer-events:none}.micromag-screen-map-container .micromag-screen-map-markerOverlaySafe{display:block;width:100%}.micromag-screen-map-container .micromag-screen-map-markerOverlay{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;overflow:hidden}.micromag-screen-map-container .micromag-screen-map-markerOverlayContent{display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:0 20px;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;background-color:#fff}.micromag-screen-map-container .micromag-screen-map-markerOverlayContentInner{color:#1c1c1c}.micromag-screen-map-container .micromag-screen-map-swipeIndicator{width:30px;margin:10px auto;border:2px solid #adadad;border-radius:2px}.micromag-screen-map-container .micromag-screen-map-splash{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:20px;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;background-color:rgba(28,28,28,.75)}.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-description,.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-title{margin:10px 0}.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-button{display:inline-block}.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-emptyButton,.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-emptyDescription,.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-emptyTitle{width:100%;margin:5px auto}.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-emptyTitle{height:50px}.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-emptyDescription{height:80px}.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-emptyButton{height:70px}.micromag-screen-map-container .micromag-screen-map-splashButton{margin-top:10px}.micromag-screen-map-container .micromag-screen-map-closeButton{display:block;position:absolute;top:20px;right:20px;width:44px;height:44px;padding:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;border-radius:50%;opacity:0;background-color:rgba(43,43,43,.8);font-size:30px;line-height:0;text-align:center;pointer-events:none}.micromag-screen-map-container .micromag-screen-map-markerDescription,.micromag-screen-map-container .micromag-screen-map-markerImage,.micromag-screen-map-container .micromag-screen-map-markerSubtitle,.micromag-screen-map-container .micromag-screen-map-markerTitle{margin-bottom:20px}.micromag-screen-map-container.micromag-screen-map-hasSelectedMarker .micromag-screen-map-markerOverlayContainer{opacity:1;pointer-events:auto}.micromag-screen-map-container.micromag-screen-map-hasSelectedMarker .micromag-screen-map-markerOverlayContent{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.micromag-screen-map-container.micromag-screen-map-opened .micromag-screen-map-splash{opacity:0;pointer-events:none}.micromag-screen-map-container.micromag-screen-map-opened .micromag-screen-map-closeButton{opacity:1;pointer-events:all}.micromag-screen-quiz-answers-emptyAnswer{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-quiz-answers-button:focus-visible{outline:3px solid #a13dff}.micromag-screen-quiz-answers-container,.micromag-screen-quiz-answers-items{position:relative}.micromag-screen-quiz-answers-emptyAnswer{width:100%;height:40px;margin:0 auto;font-size:.75em}.micromag-screen-quiz-answers-item{-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.micromag-screen-quiz-answers-item.micromag-screen-quiz-answers-answerToSlide{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s}.micromag-screen-quiz-answers-item.micromag-screen-quiz-answers-isUserAnswer{opacity:1!important}.micromag-screen-quiz-answers-answered .micromag-screen-quiz-answers-item{opacity:.3}.micromag-screen-quiz-answers-answered .micromag-screen-quiz-answers-item.micromag-screen-quiz-answers-rightAnswer,.micromag-screen-quiz-answers-answered .micromag-screen-quiz-answers-item.micromag-screen-quiz-answers-userAnswer{opacity:.99}.micromag-screen-quiz-answers-willCollapse .micromag-screen-quiz-answers-item,.micromag-screen-quiz-answers-willCollapse .micromag-screen-quiz-answers-item.micromag-screen-quiz-answers-userAnswer{-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;opacity:0}.micromag-screen-quiz-answers-willCollapse .micromag-screen-quiz-answers-item.micromag-screen-quiz-answers-answerToSlide{-webkit-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;opacity:1}.micromag-screen-quiz-answers-didCollapsed .micromag-screen-quiz-answers-item.micromag-screen-quiz-answers-answerToSlide{-webkit-transition:none;-o-transition:none;transition:none}.micromag-screen-quiz-answers-withoutGoodAnswer .micromag-screen-quiz-answers-item.micromag-screen-quiz-answers-userAnswer{-webkit-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s}.micromag-screen-quiz-answers-isPlaceholder .micromag-screen-quiz-answers-item{padding:1px 0}.micromag-screen-quiz-answers-button{position:relative;width:100%;padding:10px;color:#fff}.micromag-screen-quiz-answers-button:disabled{opacity:1;pointer-events:none}.micromag-screen-quiz-answers-withGoodAnswer .micromag-screen-quiz-answers-button{padding-right:42px;padding-left:42px}.micromag-screen-quiz-answers-resultIcon{display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:50%;left:5px;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;margin-top:-16px;padding:5px;-webkit-transition:opacity .15s ease;-o-transition:opacity .15s ease;transition:opacity .15s ease;border:2px solid #1c1c1c;border-radius:50%;opacity:0;background-color:#ff2945}.micromag-screen-quiz-answers-answered .micromag-screen-quiz-answers-resultIcon{opacity:1}.micromag-screen-quiz-answers-rightAnswer .micromag-screen-quiz-answers-resultIcon{background-color:#0ed88f}.micromag-screen-quiz-answers-itemContent{padding:5px 0}.micromag-screen-quiz-question-container .micromag-screen-quiz-question-emptyQuestion,.micromag-screen-quiz-question-container .micromag-screen-quiz-question-emptyResult{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-quiz-question-container .micromag-screen-quiz-question-question{margin-bottom:10px}.micromag-screen-quiz-question-container .micromag-screen-quiz-question-index{display:block;width:100%;margin-bottom:1em;text-align:center}.micromag-screen-quiz-question-container .micromag-screen-quiz-question-result{position:absolute;-webkit-transition:opacity .5s ease;-o-transition:opacity .5s ease;transition:opacity .5s ease;-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s;opacity:0;pointer-events:none}.micromag-screen-quiz-question-container .micromag-screen-quiz-question-resultContent{padding:20px 0}.micromag-screen-quiz-question-container .micromag-screen-quiz-question-emptyQuestion,.micromag-screen-quiz-question-container .micromag-screen-quiz-question-emptyResult{width:100%;margin:0 auto}.micromag-screen-quiz-question-container .micromag-screen-quiz-question-emptyQuestion{height:60px;margin-bottom:10px}.micromag-screen-quiz-question-container .micromag-screen-quiz-question-emptyResult{height:100px}.micromag-screen-quiz-question-container.micromag-screen-quiz-question-resultVisible .micromag-screen-quiz-question-result{position:relative;opacity:1;pointer-events:all}.micromag-screen-quiz-question-container.micromag-screen-quiz-question-isPlaceholder{padding:10px}.micromag-screen-quiz-question-container.micromag-screen-quiz-question-isPlaceholder .micromag-screen-quiz-question-index{color:hsla(0,0%,100%,.6);mix-blend-mode:difference;font-size:8px}.micromag-screen-quiz-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-quiz-disabled.micromag-screen-quiz-container{overflow:hidden;pointer-events:none}.micromag-screen-quiz-hidden.micromag-screen-quiz-container{display:none;visibility:hidden}.micromag-screen-quiz-placeholder.micromag-screen-quiz-container .micromag-screen-quiz-content{position:relative;padding:6px}.micromag-screen-quiz-layout{top:0;right:0}.micromag-screen-quiz-callToAction,.micromag-screen-quiz-layout{position:absolute;bottom:0;left:0}.micromag-screen-quiz-callToAction{width:100%;-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.micromag-screen-quiz-callToAction a{padding:0}.micromag-screen-quiz-callToAction.micromag-screen-quiz-disabled{opacity:0;pointer-events:none}.micromag-screen-quiz-transition{position:absolute;top:0;right:0;bottom:0;left:0}.micromag-screen-quiz-intro,.micromag-screen-quiz-question,.micromag-screen-quiz-results{overflow:hidden}.micromag-screen-quiz-intro.micromag-screen-quiz-enter,.micromag-screen-quiz-question.micromag-screen-quiz-enter,.micromag-screen-quiz-results.micromag-screen-quiz-enter{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.micromag-screen-quiz-left .micromag-screen-quiz-intro.micromag-screen-quiz-enter,.micromag-screen-quiz-left .micromag-screen-quiz-question.micromag-screen-quiz-enter,.micromag-screen-quiz-left .micromag-screen-quiz-results.micromag-screen-quiz-enter{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.micromag-screen-quiz-intro.micromag-screen-quiz-enterActive,.micromag-screen-quiz-left .micromag-screen-quiz-intro.micromag-screen-quiz-enterActive,.micromag-screen-quiz-left .micromag-screen-quiz-question.micromag-screen-quiz-enterActive,.micromag-screen-quiz-left .micromag-screen-quiz-results.micromag-screen-quiz-enterActive,.micromag-screen-quiz-question.micromag-screen-quiz-enterActive,.micromag-screen-quiz-results.micromag-screen-quiz-enterActive{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;-o-transition:transform 1s ease;transition:transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease;position:absolute;top:0;left:0;width:100%;min-height:100%}.micromag-screen-quiz-intro.micromag-screen-quiz-exit,.micromag-screen-quiz-question.micromag-screen-quiz-exit,.micromag-screen-quiz-results.micromag-screen-quiz-exit{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.micromag-screen-quiz-intro.micromag-screen-quiz-exitActive,.micromag-screen-quiz-question.micromag-screen-quiz-exitActive,.micromag-screen-quiz-results.micromag-screen-quiz-exitActive{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;-o-transition:transform 1s ease;transition:transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease;position:absolute;top:0;left:0;width:100%;min-height:100%}.micromag-screen-quiz-left .micromag-screen-quiz-intro.micromag-screen-quiz-exitActive,.micromag-screen-quiz-left .micromag-screen-quiz-question.micromag-screen-quiz-exitActive,.micromag-screen-quiz-left .micromag-screen-quiz-results.micromag-screen-quiz-exitActive{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.micromag-screen-quiz-background.micromag-screen-quiz-enter{opacity:0}.micromag-screen-quiz-background.micromag-screen-quiz-enterActive{-webkit-transition:opacity 1s ease;-o-transition:opacity 1s ease;transition:opacity 1s ease;opacity:1}.micromag-screen-quiz-background.micromag-screen-quiz-exit{opacity:1}.micromag-screen-quiz-background.micromag-screen-quiz-exitActive{-webkit-transition:opacity 1s ease;-o-transition:opacity 1s ease;transition:opacity 1s ease;opacity:0}.micromag-screen-quiz-results-container .micromag-screen-quiz-results-emptyDescription,.micromag-screen-quiz-results-container .micromag-screen-quiz-results-emptyTitle{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-quiz-results-container .micromag-screen-quiz-results-title{margin-bottom:10px}.micromag-screen-quiz-results-container .micromag-screen-quiz-results-emptyDescription,.micromag-screen-quiz-results-container .micromag-screen-quiz-results-emptyTitle{width:100%;margin:0 auto}.micromag-screen-quiz-results-container .micromag-screen-quiz-results-emptyTitle{height:60px}.micromag-screen-quiz-results-container .micromag-screen-quiz-results-emptyDescription{height:100px}.micromag-screen-quiz-results-container.micromag-screen-quiz-results-isPlaceholder{padding:10px}.micromag-screen-quiz-title-container .micromag-screen-quiz-title-emptyDescription,.micromag-screen-quiz-title-container .micromag-screen-quiz-title-emptyTitle{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-quiz-title-container .micromag-screen-quiz-title-description,.micromag-screen-quiz-title-container .micromag-screen-quiz-title-title{margin-bottom:10px}.micromag-screen-quiz-title-container .micromag-screen-quiz-title-emptyDescription,.micromag-screen-quiz-title-container .micromag-screen-quiz-title-emptyTitle{width:100%;margin:0 auto 10px}.micromag-screen-quiz-title-container .micromag-screen-quiz-title-emptyTitle{height:60px}.micromag-screen-quiz-title-container .micromag-screen-quiz-title-emptyDescription{height:100px}.micromag-screen-quiz-title-container.micromag-screen-quiz-title-isPlaceholder{padding:10px}.micromag-screen-quote-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-quote-disabled.micromag-screen-quote-container{overflow:hidden;pointer-events:none}.micromag-screen-quote-hidden.micromag-screen-quote-container{display:none;visibility:hidden}.micromag-screen-quote-placeholder.micromag-screen-quote-container .micromag-screen-quote-content{position:relative;padding:6px}.micromag-screen-quote-container .micromag-screen-quote-emptyAuthor,.micromag-screen-quote-container .micromag-screen-quote-emptyQuote{border:2px dashed #343434;color:#343434;width:100%;margin:10px auto}.micromag-screen-quote-container .micromag-screen-quote-emptyQuote{height:200px}.micromag-screen-quote-container .micromag-screen-quote-emptyAuthor{height:50px}.micromag-screen-quote-container .micromag-screen-quote-quote{font-size:2em}.micromag-screen-quote-container .micromag-screen-quote-quote.micromag-screen-quote-withMargin{margin-bottom:1em}.micromag-screen-quote-container.micromag-screen-quote-isPlaceholder .micromag-screen-quote-layout{padding:10px}.micromag-screen-ranking-container .micromag-screen-ranking-empty{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-ranking-container{position:relative}.micromag-screen-ranking-container .micromag-screen-ranking-empty{height:50px;margin-right:10px}.micromag-screen-ranking-container .micromag-screen-ranking-item{position:relative;padding:10px 0}.micromag-screen-ranking-container .micromag-screen-ranking-rankText{font-size:48px}.micromag-screen-ranking-container .micromag-screen-ranking-description,.micromag-screen-ranking-container .micromag-screen-ranking-title{padding:8px 0}.micromag-screen-ranking-container .micromag-screen-ranking-callToAction{position:absolute;bottom:0;left:0;width:100%;-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.micromag-screen-ranking-container .micromag-screen-ranking-callToAction a{padding:0}.micromag-screen-ranking-container .micromag-screen-ranking-callToAction.micromag-screen-ranking-disabled{opacity:0;pointer-events:none}.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-layout{display:table;width:100%}.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-item{display:table-row;padding:0}.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-content,.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-rank{display:table-cell;padding:10px 0;vertical-align:top}.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-rank{padding-right:20px}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-rank{color:hsla(0,0%,100%,.6);mix-blend-mode:difference;font-size:16px;text-align:left}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-scroll{padding:5px}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-description,.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-title{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-item{padding:1px 0}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder.micromag-screen-ranking-sideLayout .micromag-screen-ranking-rank{width:24px;padding-top:8px;padding-right:4px}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder.micromag-screen-ranking-sideLayout .micromag-screen-ranking-content{padding:5px 0}.micromag-screen-share-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-share-disabled.micromag-screen-share-container{overflow:hidden;pointer-events:none}.micromag-screen-share-hidden.micromag-screen-share-container{display:none;visibility:hidden}.micromag-screen-share-placeholder.micromag-screen-share-container .micromag-screen-share-content{position:relative;padding:6px}.micromag-screen-share-emptyHeading,.micromag-screen-share-emptyOptions{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-share-isPlaceholder .micromag-screen-share-layout{padding:10px}.micromag-screen-share-shareOptions.micromag-screen-share-isCentered{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.micromag-screen-share-shareLabel{display:none}.micromag-screen-share-emptyHeading,.micromag-screen-share-emptyOptions{width:100%;margin:10px auto;padding:10px}.micromag-screen-share-emptyOptions{padding:40px}.micromag-screen-slideshow-container .micromag-screen-slideshow-content{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-slideshow-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-slideshow-disabled.micromag-screen-slideshow-container{overflow:hidden;pointer-events:none}.micromag-screen-slideshow-hidden.micromag-screen-slideshow-container{display:none;visibility:hidden}.micromag-screen-slideshow-placeholder.micromag-screen-slideshow-container .micromag-screen-slideshow-content{position:relative;padding:6px}.micromag-screen-survey-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-survey-disabled.micromag-screen-survey-container{overflow:hidden;pointer-events:none}.micromag-screen-survey-hidden.micromag-screen-survey-container{display:none;visibility:hidden}.micromag-screen-survey-placeholder.micromag-screen-survey-container .micromag-screen-survey-content{position:relative;padding:6px}.micromag-screen-survey-container .micromag-screen-survey-emptyAnswer,.micromag-screen-survey-container .micromag-screen-survey-emptyQuestion{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-survey-container .micromag-screen-survey-question{margin-bottom:20px}.micromag-screen-survey-container .micromag-screen-survey-answers,.micromag-screen-survey-container .micromag-screen-survey-items{position:relative}.micromag-screen-survey-container .micromag-screen-survey-callToAction{position:absolute;bottom:0;left:0;width:100%;-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.micromag-screen-survey-container .micromag-screen-survey-callToAction a{padding:0}.micromag-screen-survey-container .micromag-screen-survey-callToAction.micromag-screen-survey-disabled{opacity:0;pointer-events:none}.micromag-screen-survey-container .micromag-screen-survey-item{padding:5px 0}.micromag-screen-survey-container .micromag-screen-survey-item:first-child .micromag-screen-survey-placeholderAnswer{width:80%}.micromag-screen-survey-container .micromag-screen-survey-item:last-child .micromag-screen-survey-placeholderAnswer{width:90%}.micromag-screen-survey-container .micromag-screen-survey-itemContent{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.micromag-screen-survey-container .micromag-screen-survey-resultBar{position:absolute;top:0;left:0;height:100%;background-color:hsla(0,0%,100%,.2)}.micromag-screen-survey-container .micromag-screen-survey-resultLabel{position:absolute;z-index:1;top:50%;right:0;width:4em;padding:0 8px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#fff;text-align:right}.micromag-screen-survey-container .micromag-screen-survey-itemInner{width:100%}.micromag-screen-survey-container .micromag-screen-survey-button{display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;width:100%;padding:10px;overflow:hidden;-webkit-transition:opacity .5s ease-out;-o-transition:opacity .5s ease-out;transition:opacity .5s ease-out}.micromag-screen-survey-container .micromag-screen-survey-button:disabled{opacity:1;pointer-events:none}.micromag-screen-survey-container .micromag-screen-survey-itemLabel{width:100%}.micromag-screen-survey-container .micromag-screen-survey-itemLabel,.micromag-screen-survey-container .micromag-screen-survey-itemText{display:inline-block;-webkit-transition:margin-left .3s ease-out,-webkit-transform .3s ease-out;transition:margin-left .3s ease-out,-webkit-transform .3s ease-out;-o-transition:margin-left .3s ease-out,transform .3s ease-out;transition:margin-left .3s ease-out,transform .3s ease-out;transition:margin-left .3s ease-out,transform .3s ease-out,-webkit-transform .3s ease-out}.micromag-screen-survey-container .micromag-screen-survey-itemText{position:relative;z-index:1}.micromag-screen-survey-container .micromag-screen-survey-emptyAnswer,.micromag-screen-survey-container .micromag-screen-survey-emptyQuestion{width:100%;margin:0 auto}.micromag-screen-survey-container .micromag-screen-survey-emptyQuestion{height:75px}.micromag-screen-survey-container .micromag-screen-survey-emptyAnswer{height:50px}.micromag-screen-survey-container .micromag-screen-survey-userAnswer .micromag-screen-survey-button,.micromag-screen-survey-container .micromag-screen-survey-userAnswer .micromag-screen-survey-result,.micromag-screen-survey-container .micromag-screen-survey-userAnswer .micromag-screen-survey-resultLabel{opacity:1!important}.micromag-screen-survey-container.micromag-screen-survey-answered{line-height:1}.micromag-screen-survey-container.micromag-screen-survey-answered .micromag-screen-survey-resultContainer{padding-right:50px;padding-left:15px}.micromag-screen-survey-container.micromag-screen-survey-answered .micromag-screen-survey-resultContent{width:100%;opacity:1}.micromag-screen-survey-container.micromag-screen-survey-answered .micromag-screen-survey-button{border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0)}.micromag-screen-survey-container.micromag-screen-survey-answered .micromag-screen-survey-button,.micromag-screen-survey-container.micromag-screen-survey-answered .micromag-screen-survey-result,.micromag-screen-survey-container.micromag-screen-survey-answered .micromag-screen-survey-resultLabel{opacity:.6}.micromag-screen-survey-container.micromag-screen-survey-answered .micromag-screen-survey-itemLabel{margin-right:0;margin-left:0;text-align:left}.micromag-screen-survey-container.micromag-screen-survey-answered.micromag-screen-survey-withPercentage .micromag-screen-survey-itemText{-webkit-transform:translate(-2em);-ms-transform:translate(-2em);transform:translate(-2em)}.micromag-screen-survey-container.micromag-screen-survey-withPercentage .micromag-screen-survey-itemLabel{margin-right:2em;margin-left:2em}.micromag-screen-survey-container.micromag-screen-survey-isPlaceholder .micromag-screen-survey-layout{padding:10px}.micromag-screen-survey-container.micromag-screen-survey-isPlaceholder .micromag-screen-survey-item{padding:1px 0}.micromag-screen-text-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-text-disabled.micromag-screen-text-container{overflow:hidden;pointer-events:none}.micromag-screen-text-hidden.micromag-screen-text-container{display:none;visibility:hidden}.micromag-screen-text-placeholder.micromag-screen-text-container .micromag-screen-text-content{position:relative;padding:6px}.micromag-screen-text-container .micromag-screen-text-emptyText,.micromag-screen-text-container .micromag-screen-text-emptyTitle{border:2px dashed #343434;color:#343434;width:100%;margin:10px auto}.micromag-screen-text-container .micromag-screen-text-emptyTitle{height:100px}.micromag-screen-text-container .micromag-screen-text-emptyText{height:50px}.micromag-screen-text-container .micromag-screen-text-title.micromag-screen-text-withMargin{margin-bottom:20px}.micromag-screen-text-container.micromag-screen-text-isPlaceholder .micromag-screen-text-layout{padding:10px}.micromag-screen-timeline-container .micromag-screen-timeline-empty{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-timeline-container{position:relative}.micromag-screen-timeline-container .micromag-screen-timeline-empty{height:50px;margin-right:10px}.micromag-screen-timeline-container .micromag-screen-timeline-item{position:relative}.micromag-screen-timeline-container .micromag-screen-timeline-element{display:-webkit-flex;display:-ms-flexbox;display:flex}.micromag-screen-timeline-container .micromag-screen-timeline-timeline{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:15px;padding-right:20px}.micromag-screen-timeline-container .micromag-screen-timeline-line{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:1px}.micromag-screen-timeline-container .micromag-screen-timeline-line.micromag-screen-timeline-hidden{width:auto}.micromag-screen-timeline-container .micromag-screen-timeline-bullet{width:15px;height:15px;margin:2px 0;border-width:1px;border-style:solid}.micromag-screen-timeline-container .micromag-screen-timeline-content{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.micromag-screen-timeline-container .micromag-screen-timeline-content.micromag-screen-timeline-lastContent{margin-bottom:20px}.micromag-screen-timeline-container .micromag-screen-timeline-description,.micromag-screen-timeline-container .micromag-screen-timeline-imageContainer,.micromag-screen-timeline-container .micromag-screen-timeline-title{padding:8px 0}.micromag-screen-timeline-container .micromag-screen-timeline-image,.micromag-screen-timeline-container .micromag-screen-timeline-imageContainer,.micromag-screen-timeline-container .micromag-screen-timeline-video{position:relative}.micromag-screen-timeline-container .micromag-screen-timeline-imageContainer{overflow:hidden}.micromag-screen-timeline-container .micromag-screen-timeline-callToAction{position:absolute;bottom:0;left:0;width:100%;-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.micromag-screen-timeline-container .micromag-screen-timeline-callToAction a{padding:0}.micromag-screen-timeline-container .micromag-screen-timeline-callToAction.micromag-screen-timeline-disabled{opacity:0;pointer-events:none}.micromag-screen-timeline-container.micromag-screen-timeline-isPlaceholder .micromag-screen-timeline-scroll{padding:10px}.micromag-screen-timeline-container.micromag-screen-timeline-isPlaceholder .micromag-screen-timeline-timeline{padding-right:0}.micromag-screen-timeline-container.micromag-screen-timeline-isPlaceholder .micromag-screen-timeline-bullet{width:10px;height:10px;border-color:hsla(0,0%,100%,.6);background-color:hsla(0,0%,100%,.6);mix-blend-mode:difference}.micromag-screen-timeline-container.micromag-screen-timeline-isPlaceholder .micromag-screen-timeline-content.micromag-screen-timeline-lastContent{margin-bottom:4px}.micromag-screen-timeline-container.micromag-screen-timeline-isPlaceholder .micromag-screen-timeline-description,.micromag-screen-timeline-container.micromag-screen-timeline-isPlaceholder .micromag-screen-timeline-imageContainer,.micromag-screen-timeline-container.micromag-screen-timeline-isPlaceholder .micromag-screen-timeline-title{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:100%;padding:2px 0}.micromag-screen-timeline-container.micromag-screen-timeline-isPlaceholder .micromag-screen-timeline-line{background-color:hsla(0,0%,100%,.6);mix-blend-mode:difference}.micromag-screen-timeline-container.micromag-screen-timeline-circleBulletShape .micromag-screen-timeline-bullet{border-radius:50%}.micromag-screen-timeline-container.micromag-screen-timeline-withoutLines .micromag-screen-timeline-timeline{visibility:hidden}.micromag-screen-title-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-title-disabled.micromag-screen-title-container{overflow:hidden;pointer-events:none}.micromag-screen-title-hidden.micromag-screen-title-container{display:none;visibility:hidden}.micromag-screen-title-placeholder.micromag-screen-title-container .micromag-screen-title-content{position:relative;padding:6px}.micromag-screen-title-container .micromag-screen-title-emptyDescription,.micromag-screen-title-container .micromag-screen-title-emptySubtitle,.micromag-screen-title-container .micromag-screen-title-emptyTitle{border:2px dashed #343434;color:#343434;width:100%;margin:10px auto}.micromag-screen-title-container .micromag-screen-title-emptyTitle{height:100px}.micromag-screen-title-container .micromag-screen-title-emptyDescription,.micromag-screen-title-container .micromag-screen-title-emptySubtitle{height:50px}.micromag-screen-title-container .micromag-screen-title-subtitle.micromag-screen-title-withMargin,.micromag-screen-title-container .micromag-screen-title-title.micromag-screen-title-withMargin{margin-bottom:.2em}.micromag-screen-title-container .micromag-screen-title-box{padding:.5em}.micromag-screen-title-container.micromag-screen-title-isPlaceholder .micromag-screen-title-layout{padding:10px}.micromag-screen-title-container.micromag-screen-title-isPlaceholder .micromag-screen-title-box{border:2px solid hsla(0,0%,100%,.5);mix-blend-mode:difference}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-empty,.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-video,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-video{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-urbania-article-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-urbania-article-disabled.micromag-screen-urbania-article-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-article-hidden.micromag-screen-urbania-article-container{display:none;visibility:hidden}.micromag-screen-urbania-article-placeholder.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content{position:relative;padding:6px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-empty{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-placeholder{background-color:#6c6c6c}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-emptyContainer{width:100%;height:0;margin-bottom:10px;padding-bottom:20%;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-emptyContainer.micromag-screen-urbania-article-small{padding-bottom:15%}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-empty{margin:0}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-inner{height:100%}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-inner{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content{z-index:1;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#222;text-align:center}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-authors,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-description,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-overTitle,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-title{padding:3px 20px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-overTitle{margin-bottom:10px;padding:30px 0 2px;border-bottom:1px solid;font-family:Agrandir Tight;font-size:10px;font-weight:700;text-transform:uppercase}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-title{font-family:GarageGothic-Bold;line-height:.88;text-transform:uppercase}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-description{padding:6px 20px 12px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-lede{font-family:Agrandir;line-height:1.1}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-lede p{margin:0}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-authors{margin-bottom:6px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-authors.micromag-screen-urbania-article-isAboveDescription{margin-bottom:0}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-sponsors{display:inline-block;width:100%;margin-top:auto;padding:2px 10px 4px;background-color:#ff0;color:#222;letter-spacing:.04em;line-height:.7}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-sponsors p,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-sponsors span{line-height:.7}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-sponsor{display:inline;font-family:Agrandir;font-size:9px;font-weight:400;line-height:.7;text-transform:uppercase}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-quatre95{background-color:#fff}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-quatre95 .micromag-screen-urbania-article-author{color:#5e79ff}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-quatre95 .micromag-screen-urbania-article-sponsors,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-urbania{background-color:#ff0;color:#222}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-urbania .micromag-screen-urbania-article-author{color:#222}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-urbania .micromag-screen-urbania-article-sponsors{background-color:#222;color:#ff0}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-dehors{background-color:#00c693;color:#ffeada}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-dehors .micromag-screen-urbania-article-author{color:#ffeada}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-universities{background-color:#fff;color:#f33}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-universities .micromag-screen-urbania-article-overTitle{color:#222}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction{position:absolute;z-index:10;right:0;bottom:0;left:0;padding-bottom:5px;-webkit-transform:translateZ(0);transform:translateZ(0);vertical-align:middle}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-arrow{margin-bottom:5px;opacity:.95}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-icon{display:inline-block;margin-top:-3px;margin-right:3px;padding:1px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-mediaControls{padding:10px 20px 20px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-placeholder{display:block}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-videoContainer{position:absolute}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-bottom{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear;opacity:0}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-bottom.micromag-screen-urbania-article-visible{opacity:1}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-bottom.micromag-screen-urbania-article-withGradient{background:-o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4));background:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.4)));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4))}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isPlaceholder .micromag-screen-urbania-article-content{width:80%;height:35%;margin:5px auto;background-color:rgba(0,0,0,0);background-color:#2b2b2b}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isPlaceholder .micromag-screen-urbania-article-visual{position:relative;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:80%;height:50%;margin:5px auto}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-content{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:10px;background-color:rgba(0,0,0,0)}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-content .micromag-screen-urbania-article-overTitle{margin-bottom:auto}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-content .micromag-screen-urbania-article-description,.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-content .micromag-screen-urbania-article-title{color:#fff;text-shadow:0 0 6px #222}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-content .micromag-screen-urbania-article-sponsors{margin-top:0}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-emptyContainer{top:0;height:100%;padding-bottom:0;-webkit-transform:none;-ms-transform:none;transform:none}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-callToAction{position:absolute}.micromag-screen-urbania-article-visual{height:100%}.micromag-screen-urbania-article-image{position:relative!important;width:100%!important;height:100%!important}.micromag-screen-urbania-article-isCurrent .micromag-screen-urbania-article-image{-webkit-animation:micromag-screen-urbania-article-slowZoom 15s ease-out 1 forwards;animation:micromag-screen-urbania-article-slowZoom 15s ease-out 1 forwards}.micromag-screen-urbania-article-img{position:relative!important;top:auto!important;left:auto!important;width:100%!important;height:100%!important;-o-object-fit:cover;object-fit:cover}@-webkit-keyframes micromag-screen-urbania-article-slowZoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes micromag-screen-urbania-article-slowZoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}.micromag-screen-urbania-horoscope-sign-modal-container{width:100%;height:100%;overflow:hidden}.micromag-screen-urbania-horoscope-sign-modal-disabled.micromag-screen-urbania-horoscope-sign-modal-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-horoscope-sign-modal-hidden.micromag-screen-urbania-horoscope-sign-modal-container{display:none;visibility:hidden}.micromag-screen-urbania-horoscope-sign-modal-placeholder.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-content{position:relative;padding:6px}.micromag-screen-urbania-horoscope-sign-modal-container{position:relative;z-index:4}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-backButton{position:absolute;top:7px;left:5px;height:36px;padding-left:10%;border-radius:25px;background-color:#fff;-webkit-box-shadow:0 0 0 2px hsla(0,0%,100%,.85),0 0 4px #010f66;box-shadow:0 0 0 2px hsla(0,0%,100%,.85),0 0 4px #010f66;color:#010f66;font-family:Agrandir Tight,sans-serif;font-weight:400;line-height:1}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-arrow{padding-right:5px;font-size:20px;vertical-align:middle}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-modalContainer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center;margin:52px 18px 30px;padding:10px;border-radius:22px;background-color:#0ff;-webkit-box-shadow:0 0 4px #010f66;box-shadow:0 0 4px #010f66;color:#1d3af2}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-signName{padding:7px auto 5px;font-family:Agrandir Tight,sans-serif;font-weight:900;text-transform:uppercase}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-wordContainer{margin-bottom:5px;padding:6px 6px 3px;border:1px solid #1d3af2;border-radius:9px;text-transform:uppercase}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-wordTitle{padding-bottom:2px;font-family:Agrandir Tight,sans-serif;font-size:8px;font-weight:500;letter-spacing:.03rem}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-word{font-family:Agrandir Narrow,sans-serif;font-size:16px;font-weight:700}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-description{padding-bottom:5px;font-family:Roboto,sans-serif;font-size:12px;line-height:1.2}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-description p{margin-bottom:1em}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-description p:last-child{margin-bottom:0}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-image{width:75%;height:auto;margin:0 auto}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-closeButton{display:inline-block;position:relative;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.micromag-screen-urbania-horoscope-signs-grid-container{width:100%;height:100%;overflow:hidden}.micromag-screen-urbania-horoscope-signs-grid-disabled.micromag-screen-urbania-horoscope-signs-grid-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-horoscope-signs-grid-hidden.micromag-screen-urbania-horoscope-signs-grid-container{display:none;visibility:hidden}.micromag-screen-urbania-horoscope-signs-grid-placeholder.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-content{position:relative;padding:6px}.micromag-screen-urbania-horoscope-signs-grid-container{position:relative;z-index:2;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;text-align:center}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-closeButton{position:absolute;z-index:5;top:5px;right:5px;-webkit-transform:translateZ(1px);transform:translateZ(1px);color:#222}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-gridContainer{display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;z-index:4;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:5px 20px 0}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-gridContainer.micromag-screen-urbania-horoscope-signs-grid-isPlaceholder{padding:0}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-signPlaceholder{width:30px;height:30px;margin:1px;background-color:#b3b3b3}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-gridElement{display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;z-index:4;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:90px;height:90px;margin-bottom:5px;padding:5px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border:0;border-radius:10px;background-color:#1d3af2;-webkit-filter:drop-shadow(0 0 6px rgba(0,0,0,.7));filter:drop-shadow(0 0 6px rgba(0,0,0,.7))}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-gridElement:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-thumbnail{max-height:50px;padding-bottom:4px}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-gridText{height:20%}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-signName{width:100%;margin-bottom:4px;padding:2px 5px 0;border-radius:24px;background-color:#fffc00;-webkit-box-shadow:0 0 0 2px rgba(255,250,0,.6);box-shadow:0 0 0 2px rgba(255,250,0,.6);color:#222;font-family:Agrandir Tight,sans-serif;font-size:12px;font-weight:700}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-date{color:#fffa00;font-family:Agrandir,sans-serif;font-size:8px}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-backButton{position:absolute;z-index:5;top:8px;left:0;height:30px;padding-left:16px;border-top-right-radius:25px;border-bottom-right-radius:25px;background-color:#fff;-webkit-box-shadow:0 0 0 2px hsla(0,0%,100%,.85),0 0 4px #010f66;box-shadow:0 0 0 2px hsla(0,0%,100%,.85),0 0 4px #010f66;color:#010f66;font-family:Agrandir Tight,sans-serif;font-size:12px;font-weight:400;line-height:1}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-close{width:32px;height:32px}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-arrow{padding-right:5px;padding-bottom:2px;font-size:20px;vertical-align:middle}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-arrow,.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-backLabel{display:inline-block}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-modalContainer{position:absolute;z-index:6;top:0;right:0;left:0}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-author{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;-webkit-filter:drop-shadow(0 0 3px rgba(0,0,0,.7));filter:drop-shadow(0 0 3px rgba(0,0,0,.7));color:#0ff}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-collaborator{color:#0ff}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-authorBackground{background-color:#161719!important}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-authorBackground p{font-weight:400!important;text-transform:none!important}.micromag-screen-urbania-horoscope-signs-grid-emptyText{width:100%;margin-top:5px;padding:10px}.micromag-screen-urbania-horoscope-signs-grid-gridContainer.micromag-screen-urbania-horoscope-signs-grid-enter{z-index:1;-webkit-transition:opacity .5s ease-out;-o-transition:opacity .5s ease-out;transition:opacity .5s ease-out;opacity:0}.micromag-screen-urbania-horoscope-signs-grid-gridContainer.micromag-screen-urbania-horoscope-signs-grid-enterActive{opacity:1}.micromag-screen-urbania-horoscope-signs-grid-gridContainer.micromag-screen-urbania-horoscope-signs-grid-exit{z-index:2;-webkit-transition:opacity .8s ease-out;-o-transition:opacity .8s ease-out;transition:opacity .8s ease-out;opacity:1}.micromag-screen-urbania-horoscope-signs-grid-gridContainer.micromag-screen-urbania-horoscope-signs-grid-exitActive{opacity:0}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-enter .micromag-screen-urbania-horoscope-signs-grid-signModal{z-index:1;-webkit-transform:scale(20%);-ms-transform:scale(20%);transform:scale(20%);-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-enterActive .micromag-screen-urbania-horoscope-signs-grid-signModal{-webkit-transform:scale(100%);-ms-transform:scale(100%);transform:scale(100%)}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-exit{z-index:2;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-exit .micromag-screen-urbania-horoscope-signs-grid-signModal{z-index:2;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;opacity:1}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-exitActive .micromag-screen-urbania-horoscope-signs-grid-signModal{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.micromag-screen-urbania-horoscope-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-urbania-horoscope-disabled.micromag-screen-urbania-horoscope-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-horoscope-hidden.micromag-screen-urbania-horoscope-container{display:none;visibility:hidden}.micromag-screen-urbania-horoscope-placeholder.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-content{position:relative;padding:6px}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyText,.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyTitle{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-layout{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;text-align:center}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyText,.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyTitle{width:100%;margin:10px auto}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyTitle{height:100px}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyText{height:50px}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-headerContainer{width:280px}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-title{color:#0ff;font-family:Agrandir Tight,sans-serif;font-size:48px;font-weight:700;letter-spacing:-1px;text-shadow:-3px -3px 0 #000f66;text-transform:uppercase;-webkit-text-stroke:1px #000f66}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-title,.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-titleImage{-webkit-filter:drop-shadow(0 0 6px rgba(0,0,0,.7));filter:drop-shadow(0 0 6px rgba(0,0,0,.7))}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-titleImage{width:100%;height:auto}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-titlePlaceholder{padding:10px;background-color:#343434}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-description{margin-bottom:8px;padding:10px;color:#0ff;font-family:Agrandir Tight,sans-serif;font-size:18px;font-weight:700;-webkit-filter:drop-shadow(0 0 3px rgba(0,0,0,.7));filter:drop-shadow(0 0 3px rgba(0,0,0,.7))}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-description p,.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-description span{font-weight:700!important}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-descriptionPlaceholder{padding:10px 10px 30px}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-button{padding:8px 15px 4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border-radius:24px;background-color:#fffc00;-webkit-box-shadow:0 0 0 6px rgba(255,250,0,.6);box-shadow:0 0 0 6px rgba(255,250,0,.6)}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-button .micromag-screen-urbania-horoscope-buttonLabel{color:#000;font-family:Agrandir Tight,sans-serif;font-size:22px;font-weight:700;letter-spacing:.03rem}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-button:hover{-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02)}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-signsGrid{position:absolute;bottom:0;left:0}.micromag-screen-urbania-horoscope-container.micromag-screen-urbania-horoscope-isPlaceholder .micromag-screen-urbania-horoscope-layout{padding:10px}.micromag-screen-urbania-horoscope-enter{z-index:1;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out}.micromag-screen-urbania-horoscope-enterActive,.micromag-screen-urbania-horoscope-exit{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.micromag-screen-urbania-horoscope-exit{z-index:2;-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out}.micromag-screen-urbania-horoscope-exitActive{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.micromag-screen-urbania-recommendation-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-urbania-recommendation-disabled.micromag-screen-urbania-recommendation-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-recommendation-hidden.micromag-screen-urbania-recommendation-container{display:none;visibility:hidden}.micromag-screen-urbania-recommendation-placeholder.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-content{position:relative;padding:6px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyTitle{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-urbania-recommendation-container{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyTitle{width:100%;margin:10px auto}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyTitle{height:100px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText{height:50px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-callToAction{-webkit-transition:opacity .2 ease-out;-o-transition:opacity .2 ease-out;transition:opacity .2 ease-out}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-callToAction.micromag-screen-urbania-recommendation-disabled{opacity:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border:2px solid #000;border-radius:17px;-webkit-box-shadow:0 3px 34px rgba(0,0,0,.43);box-shadow:0 3px 34px rgba(0,0,0,.43);color:#000;text-align:center}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-isPlaceholder{height:200px;background-color:#adadad}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-appear{-webkit-animation:micromag-screen-urbania-recommendation-appear 1s ease-in-out;animation:micromag-screen-urbania-recommendation-appear 1s ease-in-out;-webkit-animation-delay:.9s;animation-delay:.9s;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-category{padding:12px 10px 6px;border-bottom:2px solid #000;background-color:#ff4f46;color:#fff;font-family:Agrandir Tight,sans-serif;font-size:28px;font-weight:900;text-transform:uppercase}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-category.micromag-screen-urbania-recommendation-noBottomBorder{border-bottom:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-categoryPlaceholder{padding:10px;background-color:#343434}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateTitleRow{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;background-color:#fff}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateTitleRow.micromag-screen-urbania-recommendation-bottomBorder{border-bottom:2px solid #000}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateTitleRow.micromag-screen-urbania-recommendation-isPlaceholder{margin-left:2px;padding:10px;background-color:#e9e9e9}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateContainer{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;min-width:30%;max-width:50%;height:inherit;padding:15px 10px;text-align:center;overflow-wrap:break-word}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateContainer.micromag-screen-urbania-recommendation-rightBorder{border-right:2px solid #000}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateContainer strong{white-space:nowrap}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-date{color:#ff4f46;font-family:Agrandir,sans-serif;font-size:12px;line-height:1}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-date.micromag-screen-urbania-recommendation-centerDate{text-align:center}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-titleContainer{min-width:50%;max-width:70%;overflow-wrap:break-word}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-titleContainer.micromag-screen-urbania-recommendation-leftBorder{margin-right:-2px;margin-left:-2px;border-left:2px solid #000}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-title{padding:15px 20px 11px;font-family:Agrandir Narrow,sans-serif;font-size:20px;font-weight:700;text-align:center}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-title{line-height:1;text-transform:uppercase}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor{padding:5px 10px 3px;background-color:#fffc00;font-family:Agrandir,sans-serif;font-size:10px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor>p{margin-top:0;margin-bottom:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor.micromag-screen-urbania-recommendation-bottomBorder{border-bottom:2px solid #000}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsorPlaceholder{padding:10px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description{padding:10px;background-color:#fff;font-family:Roboto,sans-serif;font-size:12px;text-align:left}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description p{margin-bottom:1em}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description p:last-child{margin-bottom:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-descriptionPlaceholder{padding:10px 10px 30px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-background{-webkit-animation:micromag-screen-urbania-recommendation-roll .9s ease-out;animation:micromag-screen-urbania-recommendation-roll .9s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.micromag-screen-urbania-recommendation-container.micromag-screen-urbania-recommendation-isPlaceholder .micromag-screen-urbania-recommendation-layout{padding:10px}@-webkit-keyframes micromag-screen-urbania-recommendation-roll{0%{background-position-y:-50vh}to{background-position-y:0}}@keyframes micromag-screen-urbania-recommendation-roll{0%{background-position-y:-50vh}to{background-position-y:0}}@-webkit-keyframes micromag-screen-urbania-recommendation-appear{0%{opacity:0}66%{opacity:0}to{opacity:1}}@keyframes micromag-screen-urbania-recommendation-appear{0%{opacity:0}66%{opacity:0}to{opacity:1}}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-content,.micromag-screen-urbania-trivia-container.micromag-screen-urbania-trivia-fullscreen .micromag-screen-urbania-trivia-image,.micromag-screen-urbania-trivia-container.micromag-screen-urbania-trivia-fullscreen .micromag-screen-urbania-trivia-placeholder{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-urbania-trivia-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-urbania-trivia-disabled.micromag-screen-urbania-trivia-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-trivia-hidden.micromag-screen-urbania-trivia-container{display:none;visibility:hidden}.micromag-screen-urbania-trivia-placeholder.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-content{position:relative;padding:6px}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-empty{border:2px dashed #343434;color:#343434;width:100%;height:50px;margin:10px auto}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-itemsContainer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-width:80%}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-content{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-videoContainer{position:relative;overflow:hidden}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-video{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-isCustomBackground{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-isAnimated{-webkit-transform:scale(3);-ms-transform:scale(3);transform:scale(3);-webkit-animation:micromag-screen-urbania-trivia-spin 9s linear 0ms infinite;animation:micromag-screen-urbania-trivia-spin 9s linear 0ms infinite}@-webkit-keyframes micromag-screen-urbania-trivia-spin{0%{-webkit-transform:scale(3) rotate(0deg);transform:scale(3) rotate(0deg)}to{-webkit-transform:scale(3) rotate(1turn);transform:scale(3) rotate(1turn)}}@keyframes micromag-screen-urbania-trivia-spin{0%{-webkit-transform:scale(3) rotate(0deg);transform:scale(3) rotate(0deg)}to{-webkit-transform:scale(3) rotate(1turn);transform:scale(3) rotate(1turn)}}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-heading{width:320px;padding:16px 5px 10px;border-top:1px solid #000;border-bottom:1px solid #000;background-color:#fff800;color:#000;font-family:Agrandir Wide,sans-serif;font-size:26px;font-weight:800;text-align:center;text-shadow:-2px -2px 0 #fff;text-transform:uppercase}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-heading.micromag-screen-urbania-trivia-hideHeading{display:none}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-callToAction{padding-bottom:5px}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-bottom{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear;opacity:0}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-bottom.micromag-screen-urbania-trivia-visible{opacity:1}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-bottom.micromag-screen-urbania-trivia-withGradient{background:-o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4));background:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.4)));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4))}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-mediaControls{padding:10px 20px 20px}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-placeholder{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;mix-blend-mode:normal}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-videoPlaceholder{mix-blend-mode:normal;background-color:#adadad}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-bottomContent{position:absolute;bottom:0;width:100%;-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;-o-transition:transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out, -webkit-transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}.micromag-screen-urbania-trivia-container.micromag-screen-urbania-trivia-fullscreen .micromag-screen-urbania-trivia-emptyContainer{top:0;height:100%;padding-bottom:0;-webkit-transform:none;-ms-transform:none;transform:none}.micromag-screen-video-unmuteAndPlayButton{display:inline-block;position:relative;padding:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.micromag-screen-video-container .micromag-screen-video-content,.micromag-screen-video-container .micromag-screen-video-empty,.micromag-screen-video-container .micromag-screen-video-emptyContainer,.micromag-screen-video-container.micromag-screen-video-fullscreen .micromag-screen-video-image,.micromag-screen-video-container.micromag-screen-video-fullscreen .micromag-screen-video-placeholder,.micromag-screen-video-container.micromag-screen-video-fullscreen .micromag-screen-video-video{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-video-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-video-disabled.micromag-screen-video-container{overflow:hidden;pointer-events:none}.micromag-screen-video-hidden.micromag-screen-video-container{display:none;visibility:hidden}.micromag-screen-video-placeholder.micromag-screen-video-container .micromag-screen-video-content{position:relative;padding:6px}.micromag-screen-video-container .micromag-screen-video-empty{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-video-container .micromag-screen-video-emptyContainer{top:50%;height:0;padding-bottom:56.25%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.micromag-screen-video-container .micromag-screen-video-empty{margin:0}.micromag-screen-video-container .micromag-screen-video-content{overflow:hidden}.micromag-screen-video-container .micromag-screen-video-bottom{position:absolute;bottom:0;left:0;width:100%;-webkit-transition:padding .2s ease-out,-webkit-transform .2s ease-out;transition:padding .2s ease-out,-webkit-transform .2s ease-out;-o-transition:transform .2s ease-out,padding .2s ease-out;transition:transform .2s ease-out,padding .2s ease-out;transition:transform .2s ease-out,padding .2s ease-out,-webkit-transform .2s ease-out}.micromag-screen-video-container .micromag-screen-video-bottom>*{margin-bottom:10px}.micromag-screen-video-container .micromag-screen-video-bottom>:last-child{margin-bottom:0}.micromag-screen-video-container .micromag-screen-video-placeholder{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:100%}.micromag-screen-video-container .micromag-screen-video-videoContainer{position:absolute}.micromag-screen-video-container.micromag-screen-video-fullscreen .micromag-screen-video-emptyContainer{top:0;height:100%;padding-bottom:0;-webkit-transform:none;-ms-transform:none;transform:none}.micromag-screen-video-unmuteAndPlayButton{display:block;position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;opacity:0;background-color:rgba(0,0,0,0)}.micromag-screen-video-360-container .micromag-screen-video-360-canvasButton{display:inline-block;position:relative;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.micromag-screen-video-360-container .micromag-screen-video-360-canvas,.micromag-screen-video-360-container .micromag-screen-video-360-canvasButton,.micromag-screen-video-360-container .micromag-screen-video-360-content,.micromag-screen-video-360-container .micromag-screen-video-360-placeholder,.micromag-screen-video-360-container .micromag-screen-video-360-video{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-video-360-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-video-360-disabled.micromag-screen-video-360-container{overflow:hidden;pointer-events:none}.micromag-screen-video-360-hidden.micromag-screen-video-360-container{display:none;visibility:hidden}.micromag-screen-video-360-placeholder.micromag-screen-video-360-container .micromag-screen-video-360-content{position:relative;padding:6px}.micromag-screen-video-360-container .micromag-screen-video-360-empty{border:2px dashed #343434;color:#343434;height:100%;margin:0}.micromag-screen-video-360-container .micromag-screen-video-360-canvasButton{-ms-touch-action:none;touch-action:none}.micromag-screen-video-360-container .micromag-screen-video-360-videoContainer{position:absolute}.micromag-screen-video-360-container .micromag-screen-video-360-video{visibility:hidden}.micromag-screen-video-360-container .micromag-screen-video-360-video video{height:100%}.micromag-screen-video-360-container .micromag-screen-video-360-mediaControls{padding:10px 20px 20px}.micromag-screen-video-360-container .micromag-screen-video-360-placeholder{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:100%}.micromag-screen-video-360-container .micromag-screen-video-360-bottom{position:absolute;bottom:0;left:0;width:100%;-webkit-transition:padding .2s ease-out,-webkit-transform .2s ease-out;transition:padding .2s ease-out,-webkit-transform .2s ease-out;-o-transition:transform .2s ease-out,padding .2s ease-out;transition:transform .2s ease-out,padding .2s ease-out;transition:transform .2s ease-out,padding .2s ease-out,-webkit-transform .2s ease-out}.micromag-screen-video-360-container .micromag-screen-video-360-bottom>*{margin-bottom:10px}.micromag-screen-video-360-container .micromag-screen-video-360-bottom>:last-child{margin-bottom:0}.micromag-screen-video-360-container.micromag-screen-video-360-showVideo .micromag-screen-video-360-video{visibility:visible}.micromag-element-audio-audio-wave-container .micromag-element-audio-audio-wave-button{display:inline-block;position:relative;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.micromag-element-audio-audio-wave-container .micromag-element-audio-audio-wave-button,.micromag-element-audio-audio-wave-container .micromag-element-audio-audio-wave-canvasBackground,.micromag-element-audio-audio-wave-container .micromag-element-audio-audio-wave-canvasProgress{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-element-audio-audio-wave-container{position:relative;height:100px;-ms-touch-action:pan-y;touch-action:pan-y}.micromag-element-audio-container .micromag-element-audio-wave{height:150px}.micromag-element-background-container,.micromag-element-background-layer,.micromag-element-background-layers,.micromag-element-background-video,.micromag-element-background-videoContainer{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-element-background-container{z-index:0;overflow:hidden}.micromag-element-background-layer,.micromag-element-background-layers{z-index:0}.micromag-element-background-right .micromag-element-background-background{right:0;left:auto}.micromag-element-background-bottom .micromag-element-background-background{top:auto;bottom:0}.micromag-element-button-container{display:inline-block;position:relative;border:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:5px 10px;border-radius:0;background-clip:padding-box;background-color:hsla(0,0%,100%,.1)}.micromag-element-button-container.micromag-element-button-active,.micromag-element-button-container.micromag-element-button-focus,.micromag-element-button-container:active,.micromag-element-button-container:focus{-webkit-box-shadow:none!important;box-shadow:none!important}.micromag-element-button-container.micromag-element-button-disabled,.micromag-element-button-container:disabled{cursor:auto}.micromag-element-button-border{display:block}@-webkit-keyframes micromag-element-call-to-action-appear{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes micromag-element-call-to-action-appear{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.micromag-element-call-to-action-container{position:relative;z-index:100;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;opacity:1;text-align:center}.micromag-element-call-to-action-container .micromag-element-call-to-action-arrow{display:block;margin:0 auto 3px;-webkit-animation:micromag-element-call-to-action-upAndDown .5s ease-in-out infinite alternate;animation:micromag-element-call-to-action-upAndDown .5s ease-in-out infinite alternate}.micromag-element-call-to-action-container .micromag-element-call-to-action-icon,.micromag-element-call-to-action-container .micromag-element-call-to-action-label{display:inline-block;vertical-align:middle}.micromag-element-call-to-action-container .micromag-element-call-to-action-label{line-height:1}.micromag-element-call-to-action-container .micromag-element-call-to-action-button{display:block;margin:0 auto;padding:5px 10px;background-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;-webkit-user-drag:none}.micromag-element-call-to-action-container .micromag-element-call-to-action-button:hover{text-decoration:none}.micromag-element-call-to-action-container .micromag-element-call-to-action-selfTargetLink{display:none}.micromag-element-call-to-action-container .micromag-element-call-to-action-leavingFrame{position:fixed;top:0;left:0;width:100vw;height:100vh;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation:micromag-element-call-to-action-appear .5s ease both;animation:micromag-element-call-to-action-appear .5s ease both;opacity:0;background-color:#fff}.micromag-element-call-to-action-container.micromag-element-call-to-action-animationDisabled .micromag-element-call-to-action-arrow{-webkit-animation:none;animation:none}.micromag-element-call-to-action-container.micromag-element-call-to-action-invalidUrl{opacity:.5;pointer-events:none}.micromag-element-call-to-action-container.micromag-element-call-to-action-invalidUrl .micromag-element-call-to-action-arrow{-webkit-animation:none;animation:none}.micromag-element-call-to-action-container.micromag-element-call-to-action-withMargin{margin-bottom:5px}.micromag-element-checkbox-container{position:relative}.micromag-element-checkbox-container .micromag-element-checkbox-label{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:0}.micromag-element-checkbox-container .micromag-element-checkbox-input{margin-right:5px}.micromag-element-closed-captions-container{position:relative;text-align:center}.micromag-element-closed-captions-container .micromag-element-closed-captions-captions{display:inline-block;padding:10px;background-color:#1c1c1c;color:#fff;word-break:break-word}.micromag-element-container-container{position:relative;overflow:hidden}.micromag-element-grid-container{position:relative}.micromag-element-grid-container .micromag-element-grid-items{-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;height:100%}.micromag-element-grid-container .micromag-element-grid-cross,.micromag-element-grid-container .micromag-element-grid-items{display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative}.micromag-element-grid-container .micromag-element-grid-axis{position:relative}.micromag-element-heading-container em,.micromag-element-heading-container i{font-style:italic}.micromag-element-heading-container b,.micromag-element-heading-container strong{font-weight:700}.micromag-element-heading-container p{margin-top:.5em;margin-bottom:.5em}.micromag-element-heading-container mark{padding:0;-webkit-box-decoration-break:clone;box-decoration-break:clone}.micromag-element-heading-container{line-height:1}.micromag-element-heading-container,.micromag-element-heading-container p{margin:0;padding:0}.micromag-element-image-container .micromag-element-image-showEmpty{margin:5px auto}.micromag-element-image-container{position:relative;overflow:hidden}.micromag-element-image-container .micromag-element-image-img{display:block;position:relative}.micromag-element-image-container .micromag-element-image-showEmpty{width:300px;height:200px;border:2px dashed #343434;color:#343434}.micromag-element-layout-container.micromag-element-layout-fullscreen{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-element-layout-container{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.micromag-element-layout-container .micromag-element-layout-horizontal{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.micromag-element-link-container{margin:0;padding:0}.micromag-element-map-container,.micromag-element-map-container .micromag-element-map-map{width:100%;height:100%}.micromag-element-map-container.micromag-element-map-preventScroll .micromag-element-map-map div{cursor:default}.micromag-element-map-container{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0}.micromag-element-media-controls-container .micromag-element-media-controls-muteButton,.micromag-element-media-controls-container .micromag-element-media-controls-playPauseButton{display:inline-block;position:relative;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.micromag-element-media-controls-container{color:#fff;pointer-events:none}.micromag-element-media-controls-container .micromag-element-media-controls-toggles{position:relative;color:currentColor}.micromag-element-media-controls-container .micromag-element-media-controls-muteButton,.micromag-element-media-controls-container .micromag-element-media-controls-playPauseButton{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:50px;height:50px;pointer-events:auto}.micromag-element-media-controls-container .micromag-element-media-controls-playPauseButton{visibility:hidden;margin:0 auto;border:2px solid;border-radius:50%}.micromag-element-media-controls-container .micromag-element-media-controls-playPauseButton .micromag-element-media-controls-icon{display:block;width:40%;height:40%;-webkit-transform:translateX(5%);-ms-transform:translateX(5%);transform:translateX(5%)}.micromag-element-media-controls-container .micromag-element-media-controls-muteButton{visibility:hidden;position:absolute;right:0;bottom:5px;width:40px;height:40px}.micromag-element-media-controls-container .micromag-element-media-controls-muteButton .micromag-element-media-controls-icon{display:block;width:70%;height:70%}.micromag-element-media-controls-container .micromag-element-media-controls-muteButton:after{content:"";position:absolute;top:0;left:50%;width:2px;height:100%;margin-left:-1px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);background-color:currentColor}.micromag-element-media-controls-container .micromag-element-media-controls-seekBar{margin-top:10px;pointer-events:auto}.micromag-element-media-controls-container.micromag-element-media-controls-playing .micromag-element-media-controls-playPauseButton .micromag-element-media-controls-icon{-webkit-transform:none;-ms-transform:none;transform:none}.micromag-element-media-controls-container.micromag-element-media-controls-muted .micromag-element-media-controls-muteButton{display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible}.micromag-element-media-controls-container.micromag-element-media-controls-muted .micromag-element-media-controls-muteButton:after{display:block}.micromag-element-media-controls-container.micromag-element-media-controls-withControls .micromag-element-media-controls-playPauseButton{display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible}.micromag-element-media-controls-container.micromag-element-media-controls-withControls .micromag-element-media-controls-muteButton{top:0;bottom:auto;margin-top:5px}.micromag-element-media-controls-container.micromag-element-media-controls-withoutEvents{pointer-events:none}.micromag-element-quote-container{font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.1}.micromag-element-quote-container em,.micromag-element-quote-container i{font-style:italic}.micromag-element-quote-container b,.micromag-element-quote-container strong{font-weight:700}.micromag-element-quote-container p{margin-top:.5em;margin-bottom:.5em}.micromag-element-quote-container mark{padding:0;-webkit-box-decoration-break:clone;box-decoration-break:clone}.micromag-element-quote-container{line-height:1.3}.micromag-element-quote-container h2{font-size:2em}.micromag-element-quote-container h3{font-size:1.75em}.micromag-element-quote-container h4{font-size:1.5em}.micromag-element-quote-container blockquote{padding:0 0 0 1em}.micromag-element-quote-container{margin:0;padding:0}.micromag-element-quote-container.micromag-element-quote-showEmpty{display:inline-block;width:300px;height:80px;border:2px dashed #343434;color:#343434}.micromag-element-scroll-container.micromag-element-scroll-withScroll .micromag-element-scroll-scrollable{scrollbar-width:none}.micromag-element-scroll-container.micromag-element-scroll-withScroll .micromag-element-scroll-scrollable::-webkit-scrollbar{display:none}.micromag-element-scroll-container{position:relative;height:100%;min-height:inherit;margin:0 auto}.micromag-element-scroll-container .micromag-element-scroll-scrollable{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;min-height:inherit}.micromag-element-scroll-container .micromag-element-scroll-arrowContainer{position:absolute;bottom:0;left:0;width:100%;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;opacity:0;text-align:center;pointer-events:none}.micromag-element-scroll-container .micromag-element-scroll-arrow{display:inline-block;width:20px;height:20px;-webkit-animation:micromag-element-scroll-upAndDown .75s ease-in-out infinite alternate;animation:micromag-element-scroll-upAndDown .75s ease-in-out infinite alternate;color:#fff}.micromag-element-scroll-container .micromag-element-scroll-arrow path{stroke-width:20;stroke:#1c1c1c}.micromag-element-scroll-container.micromag-element-scroll-withScroll .micromag-element-scroll-scrollable{overflow-x:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}.micromag-element-scroll-container.micromag-element-scroll-withScroll.micromag-element-scroll-containOverscroll .micromag-element-scroll-scrollable{-ms-scroll-chaining:none;overscroll-behavior:contain}.micromag-element-scroll-container.micromag-element-scroll-top .micromag-element-scroll-scrollee{margin-bottom:auto}.micromag-element-scroll-container.micromag-element-scroll-middle .micromag-element-scroll-scrollee{margin:auto 0}.micromag-element-scroll-container.micromag-element-scroll-bottom .micromag-element-scroll-scrollee{margin-top:auto}.micromag-element-scroll-container.micromag-element-scroll-withArrow .micromag-element-scroll-arrowContainer{opacity:1}@-webkit-keyframes micromag-element-scroll-upAndDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes micromag-element-scroll-upAndDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.micromag-element-share-options-copyUrlButton{display:inline-block;position:relative;color:inherit}.micromag-element-share-options-copyUrlButton,.micromag-element-share-options-screenUrlInput{padding:0;background:rgba(0,0,0,0);font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.micromag-element-share-options-options{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.micromag-element-share-options-item{max-width:64px;margin-right:.5rem;margin-bottom:.5rem;text-align:center;white-space:break-spaces}.micromag-element-share-options-item:last-child{margin-right:0}.micromag-element-share-options-label{margin-top:.5rem;color:#6c6c6c;font-size:.75rem;font-weight:400}.micromag-element-share-options-copyLink{display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;margin-top:.5rem;margin-bottom:1rem;border:1px solid;border-radius:.5rem;background-color:#fff;color:#1c1c1c}.micromag-element-share-options-screenUrlInput{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:.75rem;border:0;border-right:1px solid;border-radius:.5rem 0 0 .5rem;background-color:#fff;line-height:1}.micromag-element-share-options-copyUrlButton{padding:.5rem;border:0;border-radius:0 .5rem .5rem 0;color:#1c1c1c}.micromag-element-share-options-copyUrlButton:hover{color:#1c1c1c}.micromag-element-share-options-linkIcon{padding:.25rem}.micromag-element-share-options-successfulCopyMessage{position:absolute;bottom:0;left:50%;padding:.25rem .5rem;-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);-webkit-transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:opacity .2s ease-out,-webkit-transform .2s ease-out;-o-transition:opacity .2s ease-out,transform .2s ease-out;transition:opacity .2s ease-out,transform .2s ease-out;transition:opacity .2s ease-out,transform .2s ease-out,-webkit-transform .2s ease-out;border:1px solid;border-radius:.5rem;opacity:0;background-color:#fff;line-height:1;white-space:nowrap;pointer-events:none}.micromag-element-share-options-isLinkCopied .micromag-element-share-options-successfulCopyMessage{-webkit-transform:translate(-50%,75%);-ms-transform:translate(-50%,75%);transform:translate(-50%,75%);opacity:1}.micromag-element-stack-spacer-container{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.micromag-element-stack-spacer-container.micromag-element-stack-spacer-hasSize{-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0}.micromag-element-stack-container{display:-webkit-flex;display:-ms-flexbox;display:flex}.micromag-element-text-container{font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.1}.micromag-element-text-container em,.micromag-element-text-container i{font-style:italic}.micromag-element-text-container b,.micromag-element-text-container strong{font-weight:700}.micromag-element-text-container p{margin-top:.5em;margin-bottom:.5em}.micromag-element-text-container mark{padding:0;-webkit-box-decoration-break:clone;box-decoration-break:clone}.micromag-element-text-container{line-height:1.3}.micromag-element-text-container h2{font-size:2em}.micromag-element-text-container h3{font-size:1.75em}.micromag-element-text-container h4{font-size:1.5em}.micromag-element-text-container blockquote{padding:0 0 0 1em}.micromag-element-text-container{margin:0;padding:0}.micromag-element-text-container.micromag-element-text-showEmpty{display:inline-block;width:300px;height:80px;border:2px dashed #343434;color:#343434}.micromag-element-text-container.micromag-element-text-withLineClamp{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.micromag-element-text-input-container{font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.1}.micromag-element-text-input-container em,.micromag-element-text-input-container i{font-style:italic}.micromag-element-text-input-container b,.micromag-element-text-input-container strong{font-weight:700}.micromag-element-text-input-container p{margin-top:.5em;margin-bottom:.5em}.micromag-element-text-input-container mark{padding:0;-webkit-box-decoration-break:clone;box-decoration-break:clone}.micromag-element-text-input-container{line-height:1.3}.micromag-element-text-input-container h2{font-size:2em}.micromag-element-text-input-container h3{font-size:1.75em}.micromag-element-text-input-container h4{font-size:1.5em}.micromag-element-text-input-container blockquote{padding:0 0 0 1em}.micromag-element-text-input-container{margin:0;padding:0}.micromag-element-text-input-element{border:0;outline:0;background-color:hsla(0,0%,100%,.1)}.micromag-element-video-container.micromag-element-video-withSize .micromag-element-video-video{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-element-video-container{position:relative}.micromag-element-video-container .micromag-element-video-video{display:block;width:100%}.micromag-element-visual-container{position:relative;overflow:hidden}.micromag-element-visual-container .micromag-element-visual-videoContainer{position:absolute;overflow:hidden}.micromag-element-webview-container .micromag-element-webview-close{display:inline-block;position:relative;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.micromag-element-webview-container{position:relative;width:100%;height:100%;background-color:#343434}.micromag-element-webview-container .micromag-element-webview-iframe{display:block;width:100%;height:100%}.micromag-element-webview-container .micromag-element-webview-top{display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;right:0;left:0;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;width:100%;padding:5px}.micromag-element-webview-container .micromag-element-webview-close{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;color:#222;-webkit-filter:invert(100%);filter:invert(100%)}.micromag-element-webview-container .micromag-element-webview-icon{width:1em;margin:0;padding:0;line-height:1}.micromag-element-urbania-author-avatar-container{display:inline-block;position:relative;z-index:1;width:100%}.micromag-element-urbania-author-avatar-container .micromag-element-urbania-author-avatar-shape{display:block;width:100%;height:0;padding-bottom:100%;background-color:#222;background-repeat:no-repeat;background-position:50%;background-size:cover;-webkit-box-shadow:0 0 4px rgba(0,0,0,.2);box-shadow:0 0 4px rgba(0,0,0,.2)}.micromag-element-urbania-author-avatar-container.micromag-element-urbania-author-avatar-shape-circle .micromag-element-urbania-author-avatar-shape{overflow:hidden;border-radius:50%;background-color:rgba(0,0,0,0);background-position:top}.micromag-element-urbania-author-container{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#222;font-family:Agrandir;vertical-align:center}.micromag-element-urbania-author-container .micromag-element-urbania-author-image{min-width:2.2em;max-width:4em}.micromag-element-urbania-author-container .micromag-element-urbania-author-link{display:inline-block;color:#222;text-decoration:none}.micromag-element-urbania-author-container .micromag-element-urbania-author-right{display:block}.micromag-element-urbania-author-container .micromag-element-urbania-author-name,.micromag-element-urbania-author-container .micromag-element-urbania-author-prefix{min-height:20px}.micromag-element-urbania-author-container .micromag-element-urbania-author-collaborator,.micromag-element-urbania-author-container .micromag-element-urbania-author-name,.micromag-element-urbania-author-container .micromag-element-urbania-author-prefix{background-color:#efefef;font-family:Agrandir;font-size:10px;letter-spacing:.04em;line-height:1;white-space:nowrap}.micromag-element-urbania-author-container .micromag-element-urbania-author-name{margin-left:-7px;padding:6px 8px 3px 13px;border-top-right-radius:40px;border-bottom-right-radius:40px}.micromag-element-urbania-author-container .micromag-element-urbania-author-name p{display:inline;margin:0;font-size:inherit;font-weight:700;line-height:1;text-transform:uppercase}.micromag-element-urbania-author-container .micromag-element-urbania-author-collaborator{position:absolute;padding-top:2px;background-color:rgba(0,0,0,0);color:#fff}.micromag-element-urbania-author-container .micromag-element-urbania-author-collaborator .micromag-element-urbania-author-collaboratorText{padding-left:7.3px;font-size:inherit}.micromag-element-urbania-author-container .micromag-element-urbania-author-collaborator .micromag-element-urbania-author-collaboratorText p{display:inline;font-size:.9em;line-height:1}.micromag-element-urbania-author-container .micromag-element-urbania-author-prefix{margin-right:-5px;padding:6px 12px 3px 8px;border-top-left-radius:40px;border-bottom-left-radius:40px}.micromag-element-urbania-author-container.micromag-element-urbania-author-isSmall{font-size:9px}.micromag-element-urbania-author-container.micromag-element-urbania-author-isSmall .micromag-element-urbania-author-name,.micromag-element-urbania-author-container.micromag-element-urbania-author-isSmall .micromag-element-urbania-author-prefix{font-size:9px;white-space:normal}.micromag-element-urbania-author-container.micromag-element-urbania-author-isSmall .micromag-element-urbania-author-image{max-width:30px}.micromag-element-urbania-author-container.micromag-element-urbania-author-withoutImage .micromag-element-urbania-author-name{margin-left:0;padding-left:0}.micromag-element-urbania-author-container.micromag-element-urbania-author-withoutImage .micromag-element-urbania-author-prefix{margin-right:0;padding-right:.4em}.sr-only:not(:focus):not(:active){position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}
package/es/index.js CHANGED
@@ -21,7 +21,7 @@ import { Helmet } from 'react-helmet';
21
21
  import { useIntl, FormattedMessage } from 'react-intl';
22
22
  import EventEmitter from 'wolfy87-eventemitter';
23
23
  import { Button, Close, ScreenPreview, Screen, Meta, FontFaces } from '@micromag/core/components';
24
- import { useDocumentEvent, useDimensionObserver, useTrackEvent, useMediaDuration, useMediaCurrentTime, useParsedStory, useLoadedFonts, useTrackScreenView, useScreenSizeFromElement, useFullscreen } from '@micromag/core/hooks';
24
+ import { useDocumentEvent, useDimensionObserver, useTrackEvent, useMediaProgress, useParsedStory, useLoadedFonts, useTrackScreenView, useScreenSizeFromElement, useFullscreen } from '@micromag/core/hooks';
25
25
  import { getStyleFromColor, getStyleFromText, getColorAsString, getDeviceScreens } from '@micromag/core/utils';
26
26
  import { useSpring, config } from '@react-spring/core';
27
27
  import { animated } from '@react-spring/web';
@@ -1012,7 +1012,7 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
1012
1012
  ViewerMenuPreview.propTypes = propTypes$a;
1013
1013
  ViewerMenuPreview.defaultProps = defaultProps$a;
1014
1014
 
1015
- var styles$5 = {"container":"micromag-viewer-container","navButton":"micromag-viewer-navButton","menuPreview":"micromag-viewer-menuPreview","menuPreviewContainer":"micromag-viewer-menuPreviewContainer","screen":"micromag-viewer-screen","screenInner":"micromag-viewer-screenInner","content":"micromag-viewer-content","previous":"micromag-viewer-previous","next":"micromag-viewer-next","menuDotsContainer":"micromag-viewer-menuDotsContainer","menuDots":"micromag-viewer-menuDots","current":"micromag-viewer-current","handTap":"micromag-viewer-handTap","landscape":"micromag-viewer-landscape","visible":"micromag-viewer-visible","withSiblings":"micromag-viewer-withSiblings","playbackControlsContainer":"micromag-viewer-playbackControlsContainer","playbackControls":"micromag-viewer-playbackControls","isCollapsed":"micromag-viewer-isCollapsed","webView":"micromag-viewer-webView","hideMenu":"micromag-viewer-hideMenu","ready":"micromag-viewer-ready","hasInteracted":"micromag-viewer-hasInteracted"};
1015
+ var styles$5 = {"container":"micromag-viewer-container","navButton":"micromag-viewer-navButton","menuPreview":"micromag-viewer-menuPreview","menuPreviewContainer":"micromag-viewer-menuPreviewContainer","screen":"micromag-viewer-screen","screenInner":"micromag-viewer-screenInner","content":"micromag-viewer-content","previous":"micromag-viewer-previous","next":"micromag-viewer-next","menuDotsContainer":"micromag-viewer-menuDotsContainer","menuDots":"micromag-viewer-menuDots","current":"micromag-viewer-current","handTap":"micromag-viewer-handTap","landscape":"micromag-viewer-landscape","visible":"micromag-viewer-visible","withSiblings":"micromag-viewer-withSiblings","playbackControlsContainer":"micromag-viewer-playbackControlsContainer","playbackControls":"micromag-viewer-playbackControls","webView":"micromag-viewer-webView","hideMenu":"micromag-viewer-hideMenu","ready":"micromag-viewer-ready","hasInteracted":"micromag-viewer-hasInteracted"};
1016
1016
 
1017
1017
  var propTypes$9 = {
1018
1018
  story: PropTypes$1.story.isRequired,
@@ -1396,8 +1396,6 @@ var styles$2 = {"track":"micromag-viewer-partials-seek-bar-track","progress":"mi
1396
1396
 
1397
1397
  var propTypes$5 = {
1398
1398
  media: PropTypes.node,
1399
- currentTime: PropTypes.number,
1400
- duration: PropTypes.number,
1401
1399
  playing: PropTypes.bool,
1402
1400
  backgroundColor: PropTypes.string,
1403
1401
  progressColor: PropTypes.string,
@@ -1410,8 +1408,6 @@ var propTypes$5 = {
1410
1408
  };
1411
1409
  var defaultProps$5 = {
1412
1410
  media: null,
1413
- currentTime: null,
1414
- duration: null,
1415
1411
  playing: false,
1416
1412
  backgroundColor: null,
1417
1413
  progressColor: null,
@@ -1427,8 +1423,6 @@ var SeekBar = function SeekBar(_ref) {
1427
1423
  var _ref3;
1428
1424
 
1429
1425
  var media = _ref.media,
1430
- currentTime = _ref.currentTime,
1431
- duration = _ref.duration,
1432
1426
  playing = _ref.playing,
1433
1427
  backgroundColor = _ref.backgroundColor,
1434
1428
  progressColor = _ref.progressColor,
@@ -1439,86 +1433,45 @@ var SeekBar = function SeekBar(_ref) {
1439
1433
  className = _ref.className,
1440
1434
  withSeekHead = _ref.withSeekHead;
1441
1435
  var intl = useIntl();
1442
-
1443
- var _useSpring = useSpring(function () {
1444
- return {
1445
- x: currentTime !== null && duration !== null ? currentTime / duration : 0,
1446
- config: {
1447
- duration: 0
1448
- }
1449
- };
1450
- }),
1451
- _useSpring2 = _slicedToArray(_useSpring, 2),
1452
- springProps = _useSpring2[0],
1453
- setSpringProps = _useSpring2[1];
1454
-
1455
- var lastMediaRef = useRef(media);
1456
- var mediaChanged = lastMediaRef.current !== media;
1457
- lastMediaRef.current = media;
1458
-
1459
- var _useDimensionObserver = useDimensionObserver(),
1460
- elRef = _useDimensionObserver.ref,
1461
- _useDimensionObserver2 = _useDimensionObserver.width,
1462
- elWidth = _useDimensionObserver2 === void 0 ? null : _useDimensionObserver2;
1463
-
1464
- useEffect(function () {
1465
- if (currentTime === null || duration === null) {
1436
+ var progress = useMediaProgress(media, {
1437
+ disabled: !playing
1438
+ });
1439
+ var onDrag = useCallback(function (_ref2) {
1440
+ var _ref2$xy = _slicedToArray(_ref2.xy, 1),
1441
+ x = _ref2$xy[0],
1442
+ elapsedTime = _ref2.elapsedTime,
1443
+ active = _ref2.active,
1444
+ tap = _ref2.tap,
1445
+ currentTarget = _ref2.currentTarget;
1446
+
1447
+ if (!active && elapsedTime > 300) {
1466
1448
  return;
1467
1449
  }
1468
1450
 
1469
- var progress = duration > 0 ? currentTime / duration : 0;
1470
- setSpringProps.start({
1471
- reset: true,
1472
- immediate: !playing || mediaChanged,
1473
- from: {
1474
- x: progress
1475
- },
1476
- to: {
1477
- x: playing ? 1 : progress
1478
- },
1479
- config: {
1480
- duration: (duration - currentTime) * 1000
1481
- }
1482
- });
1483
- }, [playing, duration, currentTime, mediaChanged, setSpringProps]); // User events
1451
+ var _currentTarget$getBou = currentTarget.getBoundingClientRect(),
1452
+ elX = _currentTarget$getBou.left,
1453
+ elWidth = _currentTarget$getBou.width;
1484
1454
 
1485
- var seekFromX = useCallback(function (x) {
1486
- var elX = elRef.current.getBoundingClientRect().left;
1487
- var progress = Math.max(0, Math.min(1, (x - elX) / elWidth));
1488
- setSpringProps.start({
1489
- immediate: true,
1490
- to: {
1491
- x: progress
1492
- }
1493
- });
1455
+ var newProgress = Math.max(0, Math.min(1, (x - elX) / elWidth));
1494
1456
 
1495
- if (onSeek !== null && duration !== null) {
1496
- onSeek(progress * duration);
1457
+ if (onSeek !== null) {
1458
+ onSeek(newProgress, tap);
1497
1459
  }
1498
- }, [duration, playing, onSeek]);
1499
- var bind = useGesture({
1500
- onDrag: function onDrag(_ref2) {
1501
- var _ref2$xy = _slicedToArray(_ref2.xy, 1),
1502
- x = _ref2$xy[0],
1503
- elapsedTime = _ref2.elapsedTime,
1504
- active = _ref2.active;
1505
-
1506
- if (!active && elapsedTime > 300) {
1507
- return;
1508
- }
1509
-
1510
- seekFromX(x);
1511
- },
1512
- onPointerDown: function onPointerDown() {
1513
- if (onSeekStart !== null) {
1514
- onSeekStart();
1515
- }
1516
- },
1517
- onPointerUp: function onPointerUp() {
1518
- if (onSeekEnd !== null) {
1519
- onSeekEnd();
1520
- }
1460
+ }, [onSeek]);
1461
+ var onDragStart = useCallback(function () {
1462
+ if (onSeekStart !== null) {
1463
+ onSeekStart();
1464
+ }
1465
+ }, [onSeekStart]);
1466
+ var onDragEnd = useCallback(function () {
1467
+ if (onSeekEnd !== null) {
1468
+ onSeekEnd();
1521
1469
  }
1470
+ }, [onSeekEnd]);
1471
+ var bind = useGesture({
1472
+ onDrag: onDrag,
1473
+ onDragStart: onDragStart,
1474
+ onDragEnd: onDragEnd
1522
1475
  }, {
1523
1476
  drag: {
1524
1477
  axis: 'x',
@@ -1534,25 +1487,19 @@ var SeekBar = function SeekBar(_ref) {
1534
1487
  style: {
1535
1488
  backgroundColor: backgroundColor
1536
1489
  }
1537
- }, /*#__PURE__*/React.createElement(animated.div, {
1490
+ }, /*#__PURE__*/React.createElement("div", {
1538
1491
  className: styles$2.playHead,
1539
1492
  style: {
1540
- left: springProps.x.to(function (x) {
1541
- return "".concat(x * 100, "%");
1542
- }),
1493
+ left: "".concat(progress * 100, "%"),
1543
1494
  backgroundColor: progressColor
1544
1495
  }
1545
- }), /*#__PURE__*/React.createElement(animated.div, {
1496
+ }), /*#__PURE__*/React.createElement("div", {
1546
1497
  className: styles$2.progress,
1547
1498
  style: {
1548
- transform: springProps.x.to(function (x) {
1549
- return "scaleX(".concat(x, ")");
1550
- }),
1499
+ transform: "scaleX(".concat(progress, ")"),
1551
1500
  backgroundColor: progressColor
1552
1501
  }
1553
- })), /*#__PURE__*/React.createElement("button", Object.assign({
1554
- ref: elRef
1555
- }, bind(), {
1502
+ })), /*#__PURE__*/React.createElement("button", Object.assign({}, bind(), {
1556
1503
  type: "button",
1557
1504
  className: styles$2.track,
1558
1505
  title: intl.formatMessage({
@@ -1579,16 +1526,19 @@ SeekBar.defaultProps = defaultProps$5;
1579
1526
  var styles$1 = {"muteButton":"micromag-viewer-partials-playback-controls-muteButton","playPauseButton":"micromag-viewer-partials-playback-controls-playPauseButton","container":"micromag-viewer-partials-playback-controls-container","icon":"micromag-viewer-partials-playback-controls-icon","withPlayPause":"micromag-viewer-partials-playback-controls-withPlayPause","isCollapsed":"micromag-viewer-partials-playback-controls-isCollapsed","isMuted":"micromag-viewer-partials-playback-controls-isMuted","withMute":"micromag-viewer-partials-playback-controls-withMute","seekBar":"micromag-viewer-partials-playback-controls-seekBar","withSeekBarOnly":"micromag-viewer-partials-playback-controls-withSeekBarOnly","withSeekBar":"micromag-viewer-partials-playback-controls-withSeekBar"};
1580
1527
 
1581
1528
  var propTypes$4 = {
1582
- className: PropTypes.string
1529
+ className: PropTypes.string,
1530
+ collapsedClassName: PropTypes.string
1583
1531
  };
1584
1532
  var defaultProps$4 = {
1585
- className: null
1533
+ className: null,
1534
+ collapsedClassName: null
1586
1535
  };
1587
1536
 
1588
1537
  function PlaybackControls(_ref) {
1589
1538
  var _ref4;
1590
1539
 
1591
- var className = _ref.className;
1540
+ var className = _ref.className,
1541
+ collapsedClassName = _ref.collapsedClassName;
1592
1542
  var intl = useIntl();
1593
1543
 
1594
1544
  var _usePlaybackContext = usePlaybackContext(),
@@ -1607,12 +1557,6 @@ function PlaybackControls(_ref) {
1607
1557
  controlsTheme = _usePlaybackContext.controlsTheme,
1608
1558
  showControls = _usePlaybackContext.showControls;
1609
1559
 
1610
- var duration = useMediaDuration(mediaElement);
1611
- var currentTime = useMediaCurrentTime(mediaElement, {
1612
- disabled: !playing,
1613
- updateInterval: 100
1614
- });
1615
-
1616
1560
  var _useState = useState(null),
1617
1561
  _useState2 = _slicedToArray(_useState, 2),
1618
1562
  customControlsTheme = _useState2[0],
@@ -1665,20 +1609,25 @@ function PlaybackControls(_ref) {
1665
1609
  }, [setMuted, controlsVisible, showControls]);
1666
1610
  var onSeekStart = useCallback(function () {
1667
1611
  setWasPlaying(playing);
1668
- if (playing) setPlaying(false);
1669
- }, [playing, setWasPlaying]);
1670
- var onSeek = useCallback(function (time) {
1612
+
1613
+ if (playing) {
1614
+ setPlaying(false);
1615
+ }
1616
+ }, [playing, setWasPlaying, setPlaying]);
1617
+ var onSeek = useCallback(function (progress) {
1671
1618
  if (mediaElement !== null) {
1672
- mediaElement.currentTime = time;
1619
+ mediaElement.currentTime = progress * mediaElement.duration;
1673
1620
  }
1674
1621
 
1675
1622
  if (!controlsVisible && controls) {
1676
1623
  showControls();
1677
1624
  }
1678
- }, [mediaElement, controlsVisible, controls, setWasPlaying, playing, setPlaying, showControls]);
1625
+ }, [mediaElement, controlsVisible, controls, showControls]);
1679
1626
  var onSeekEnd = useCallback(function () {
1680
- if (wasPlaying) setPlaying(true);
1681
- }, [playing, setPlaying, wasPlaying]);
1627
+ if (wasPlaying) {
1628
+ setPlaying(true);
1629
+ }
1630
+ }, [setPlaying, wasPlaying]);
1682
1631
  var mediaHasAudio = mediaElement !== null && (hasAudio === null || hasAudio === true);
1683
1632
 
1684
1633
  var _ref3 = customControlsTheme || {},
@@ -1688,7 +1637,7 @@ function PlaybackControls(_ref) {
1688
1637
 
1689
1638
  var isCollapsed = controls && !controlsVisible && playing || !controls && mediaHasAudio;
1690
1639
  return /*#__PURE__*/React.createElement("div", {
1691
- className: classNames([styles$1.container, (_ref4 = {}, _defineProperty(_ref4, className, className !== null), _defineProperty(_ref4, styles$1.withPlayPause, controls && !seekBarOnly), _defineProperty(_ref4, styles$1.withMute, mediaHasAudio || controls), _defineProperty(_ref4, styles$1.withSeekBar, controls), _defineProperty(_ref4, styles$1.withSeekBarOnly, seekBarOnly), _defineProperty(_ref4, styles$1.isCollapsed, isCollapsed), _ref4)])
1640
+ className: classNames([styles$1.container, (_ref4 = {}, _defineProperty(_ref4, className, className !== null), _defineProperty(_ref4, styles$1.withPlayPause, controls && !seekBarOnly), _defineProperty(_ref4, styles$1.withMute, mediaHasAudio || controls), _defineProperty(_ref4, styles$1.withSeekBar, controls), _defineProperty(_ref4, styles$1.withSeekBarOnly, seekBarOnly), _defineProperty(_ref4, styles$1.isCollapsed, isCollapsed), _defineProperty(_ref4, collapsedClassName, collapsedClassName !== null && isCollapsed), _ref4)])
1692
1641
  }, /*#__PURE__*/React.createElement("button", {
1693
1642
  type: "button",
1694
1643
  className: styles$1.playPauseButton,
@@ -1716,10 +1665,8 @@ function PlaybackControls(_ref) {
1716
1665
  icon: playing ? faPause : faPlay
1717
1666
  })), /*#__PURE__*/React.createElement(SeekBar, {
1718
1667
  className: styles$1.seekBar,
1719
- duration: duration,
1720
- currentTime: currentTime,
1721
- playing: playing,
1722
1668
  media: mediaElement,
1669
+ playing: playing,
1723
1670
  onSeek: onSeek,
1724
1671
  onSeekStart: onSeekStart,
1725
1672
  onSeekEnd: onSeekEnd,
@@ -2316,6 +2263,7 @@ var Viewer = function Viewer(_ref) {
2316
2263
  }, /*#__PURE__*/React.createElement(ScreenSizeProvider, {
2317
2264
  size: screenSize
2318
2265
  }, /*#__PURE__*/React.createElement(ViewerProvider, {
2266
+ containerRef: containerRef,
2319
2267
  events: eventsManager,
2320
2268
  menuVisible: menuVisible,
2321
2269
  menuOverScreen: menuOverScreen,
@@ -2468,7 +2416,7 @@ var Viewer = function Viewer(_ref) {
2468
2416
  className: styles$5.handTap
2469
2417
  }) : null));
2470
2418
  }), /*#__PURE__*/React.createElement("div", {
2471
- className: classNames([styles$5.playbackControls, _defineProperty({}, styles$5.isCollapsed, playbackControls && !playbackcontrolsVisible && playing)]),
2419
+ className: styles$5.playbackControls,
2472
2420
  ref: playbackControlsContainerRef
2473
2421
  }, /*#__PURE__*/React.createElement("div", {
2474
2422
  className: styles$5.playbackControlsContainer,
package/lib/index.js CHANGED
@@ -1032,7 +1032,7 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
1032
1032
  ViewerMenuPreview.propTypes = propTypes$a;
1033
1033
  ViewerMenuPreview.defaultProps = defaultProps$a;
1034
1034
 
1035
- var styles$5 = {"container":"micromag-viewer-container","navButton":"micromag-viewer-navButton","menuPreview":"micromag-viewer-menuPreview","menuPreviewContainer":"micromag-viewer-menuPreviewContainer","screen":"micromag-viewer-screen","screenInner":"micromag-viewer-screenInner","content":"micromag-viewer-content","previous":"micromag-viewer-previous","next":"micromag-viewer-next","menuDotsContainer":"micromag-viewer-menuDotsContainer","menuDots":"micromag-viewer-menuDots","current":"micromag-viewer-current","handTap":"micromag-viewer-handTap","landscape":"micromag-viewer-landscape","visible":"micromag-viewer-visible","withSiblings":"micromag-viewer-withSiblings","playbackControlsContainer":"micromag-viewer-playbackControlsContainer","playbackControls":"micromag-viewer-playbackControls","isCollapsed":"micromag-viewer-isCollapsed","webView":"micromag-viewer-webView","hideMenu":"micromag-viewer-hideMenu","ready":"micromag-viewer-ready","hasInteracted":"micromag-viewer-hasInteracted"};
1035
+ var styles$5 = {"container":"micromag-viewer-container","navButton":"micromag-viewer-navButton","menuPreview":"micromag-viewer-menuPreview","menuPreviewContainer":"micromag-viewer-menuPreviewContainer","screen":"micromag-viewer-screen","screenInner":"micromag-viewer-screenInner","content":"micromag-viewer-content","previous":"micromag-viewer-previous","next":"micromag-viewer-next","menuDotsContainer":"micromag-viewer-menuDotsContainer","menuDots":"micromag-viewer-menuDots","current":"micromag-viewer-current","handTap":"micromag-viewer-handTap","landscape":"micromag-viewer-landscape","visible":"micromag-viewer-visible","withSiblings":"micromag-viewer-withSiblings","playbackControlsContainer":"micromag-viewer-playbackControlsContainer","playbackControls":"micromag-viewer-playbackControls","webView":"micromag-viewer-webView","hideMenu":"micromag-viewer-hideMenu","ready":"micromag-viewer-ready","hasInteracted":"micromag-viewer-hasInteracted"};
1036
1036
 
1037
1037
  var propTypes$9 = {
1038
1038
  story: core$1.PropTypes.story.isRequired,
@@ -1416,8 +1416,6 @@ var styles$2 = {"track":"micromag-viewer-partials-seek-bar-track","progress":"mi
1416
1416
 
1417
1417
  var propTypes$5 = {
1418
1418
  media: PropTypes__default["default"].node,
1419
- currentTime: PropTypes__default["default"].number,
1420
- duration: PropTypes__default["default"].number,
1421
1419
  playing: PropTypes__default["default"].bool,
1422
1420
  backgroundColor: PropTypes__default["default"].string,
1423
1421
  progressColor: PropTypes__default["default"].string,
@@ -1430,8 +1428,6 @@ var propTypes$5 = {
1430
1428
  };
1431
1429
  var defaultProps$5 = {
1432
1430
  media: null,
1433
- currentTime: null,
1434
- duration: null,
1435
1431
  playing: false,
1436
1432
  backgroundColor: null,
1437
1433
  progressColor: null,
@@ -1447,8 +1443,6 @@ var SeekBar = function SeekBar(_ref) {
1447
1443
  var _ref3;
1448
1444
 
1449
1445
  var media = _ref.media,
1450
- currentTime = _ref.currentTime,
1451
- duration = _ref.duration,
1452
1446
  playing = _ref.playing,
1453
1447
  backgroundColor = _ref.backgroundColor,
1454
1448
  progressColor = _ref.progressColor,
@@ -1459,86 +1453,45 @@ var SeekBar = function SeekBar(_ref) {
1459
1453
  className = _ref.className,
1460
1454
  withSeekHead = _ref.withSeekHead;
1461
1455
  var intl = reactIntl.useIntl();
1462
-
1463
- var _useSpring = core.useSpring(function () {
1464
- return {
1465
- x: currentTime !== null && duration !== null ? currentTime / duration : 0,
1466
- config: {
1467
- duration: 0
1468
- }
1469
- };
1470
- }),
1471
- _useSpring2 = _slicedToArray__default["default"](_useSpring, 2),
1472
- springProps = _useSpring2[0],
1473
- setSpringProps = _useSpring2[1];
1474
-
1475
- var lastMediaRef = React.useRef(media);
1476
- var mediaChanged = lastMediaRef.current !== media;
1477
- lastMediaRef.current = media;
1478
-
1479
- var _useDimensionObserver = hooks.useDimensionObserver(),
1480
- elRef = _useDimensionObserver.ref,
1481
- _useDimensionObserver2 = _useDimensionObserver.width,
1482
- elWidth = _useDimensionObserver2 === void 0 ? null : _useDimensionObserver2;
1483
-
1484
- React.useEffect(function () {
1485
- if (currentTime === null || duration === null) {
1456
+ var progress = hooks.useMediaProgress(media, {
1457
+ disabled: !playing
1458
+ });
1459
+ var onDrag = React.useCallback(function (_ref2) {
1460
+ var _ref2$xy = _slicedToArray__default["default"](_ref2.xy, 1),
1461
+ x = _ref2$xy[0],
1462
+ elapsedTime = _ref2.elapsedTime,
1463
+ active = _ref2.active,
1464
+ tap = _ref2.tap,
1465
+ currentTarget = _ref2.currentTarget;
1466
+
1467
+ if (!active && elapsedTime > 300) {
1486
1468
  return;
1487
1469
  }
1488
1470
 
1489
- var progress = duration > 0 ? currentTime / duration : 0;
1490
- setSpringProps.start({
1491
- reset: true,
1492
- immediate: !playing || mediaChanged,
1493
- from: {
1494
- x: progress
1495
- },
1496
- to: {
1497
- x: playing ? 1 : progress
1498
- },
1499
- config: {
1500
- duration: (duration - currentTime) * 1000
1501
- }
1502
- });
1503
- }, [playing, duration, currentTime, mediaChanged, setSpringProps]); // User events
1471
+ var _currentTarget$getBou = currentTarget.getBoundingClientRect(),
1472
+ elX = _currentTarget$getBou.left,
1473
+ elWidth = _currentTarget$getBou.width;
1504
1474
 
1505
- var seekFromX = React.useCallback(function (x) {
1506
- var elX = elRef.current.getBoundingClientRect().left;
1507
- var progress = Math.max(0, Math.min(1, (x - elX) / elWidth));
1508
- setSpringProps.start({
1509
- immediate: true,
1510
- to: {
1511
- x: progress
1512
- }
1513
- });
1475
+ var newProgress = Math.max(0, Math.min(1, (x - elX) / elWidth));
1514
1476
 
1515
- if (onSeek !== null && duration !== null) {
1516
- onSeek(progress * duration);
1477
+ if (onSeek !== null) {
1478
+ onSeek(newProgress, tap);
1517
1479
  }
1518
- }, [duration, playing, onSeek]);
1519
- var bind = react.useGesture({
1520
- onDrag: function onDrag(_ref2) {
1521
- var _ref2$xy = _slicedToArray__default["default"](_ref2.xy, 1),
1522
- x = _ref2$xy[0],
1523
- elapsedTime = _ref2.elapsedTime,
1524
- active = _ref2.active;
1525
-
1526
- if (!active && elapsedTime > 300) {
1527
- return;
1528
- }
1529
-
1530
- seekFromX(x);
1531
- },
1532
- onPointerDown: function onPointerDown() {
1533
- if (onSeekStart !== null) {
1534
- onSeekStart();
1535
- }
1536
- },
1537
- onPointerUp: function onPointerUp() {
1538
- if (onSeekEnd !== null) {
1539
- onSeekEnd();
1540
- }
1480
+ }, [onSeek]);
1481
+ var onDragStart = React.useCallback(function () {
1482
+ if (onSeekStart !== null) {
1483
+ onSeekStart();
1484
+ }
1485
+ }, [onSeekStart]);
1486
+ var onDragEnd = React.useCallback(function () {
1487
+ if (onSeekEnd !== null) {
1488
+ onSeekEnd();
1541
1489
  }
1490
+ }, [onSeekEnd]);
1491
+ var bind = react.useGesture({
1492
+ onDrag: onDrag,
1493
+ onDragStart: onDragStart,
1494
+ onDragEnd: onDragEnd
1542
1495
  }, {
1543
1496
  drag: {
1544
1497
  axis: 'x',
@@ -1554,25 +1507,19 @@ var SeekBar = function SeekBar(_ref) {
1554
1507
  style: {
1555
1508
  backgroundColor: backgroundColor
1556
1509
  }
1557
- }, /*#__PURE__*/React__default["default"].createElement(web.animated.div, {
1510
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1558
1511
  className: styles$2.playHead,
1559
1512
  style: {
1560
- left: springProps.x.to(function (x) {
1561
- return "".concat(x * 100, "%");
1562
- }),
1513
+ left: "".concat(progress * 100, "%"),
1563
1514
  backgroundColor: progressColor
1564
1515
  }
1565
- }), /*#__PURE__*/React__default["default"].createElement(web.animated.div, {
1516
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
1566
1517
  className: styles$2.progress,
1567
1518
  style: {
1568
- transform: springProps.x.to(function (x) {
1569
- return "scaleX(".concat(x, ")");
1570
- }),
1519
+ transform: "scaleX(".concat(progress, ")"),
1571
1520
  backgroundColor: progressColor
1572
1521
  }
1573
- })), /*#__PURE__*/React__default["default"].createElement("button", Object.assign({
1574
- ref: elRef
1575
- }, bind(), {
1522
+ })), /*#__PURE__*/React__default["default"].createElement("button", Object.assign({}, bind(), {
1576
1523
  type: "button",
1577
1524
  className: styles$2.track,
1578
1525
  title: intl.formatMessage({
@@ -1599,16 +1546,19 @@ SeekBar.defaultProps = defaultProps$5;
1599
1546
  var styles$1 = {"muteButton":"micromag-viewer-partials-playback-controls-muteButton","playPauseButton":"micromag-viewer-partials-playback-controls-playPauseButton","container":"micromag-viewer-partials-playback-controls-container","icon":"micromag-viewer-partials-playback-controls-icon","withPlayPause":"micromag-viewer-partials-playback-controls-withPlayPause","isCollapsed":"micromag-viewer-partials-playback-controls-isCollapsed","isMuted":"micromag-viewer-partials-playback-controls-isMuted","withMute":"micromag-viewer-partials-playback-controls-withMute","seekBar":"micromag-viewer-partials-playback-controls-seekBar","withSeekBarOnly":"micromag-viewer-partials-playback-controls-withSeekBarOnly","withSeekBar":"micromag-viewer-partials-playback-controls-withSeekBar"};
1600
1547
 
1601
1548
  var propTypes$4 = {
1602
- className: PropTypes__default["default"].string
1549
+ className: PropTypes__default["default"].string,
1550
+ collapsedClassName: PropTypes__default["default"].string
1603
1551
  };
1604
1552
  var defaultProps$4 = {
1605
- className: null
1553
+ className: null,
1554
+ collapsedClassName: null
1606
1555
  };
1607
1556
 
1608
1557
  function PlaybackControls(_ref) {
1609
1558
  var _ref4;
1610
1559
 
1611
- var className = _ref.className;
1560
+ var className = _ref.className,
1561
+ collapsedClassName = _ref.collapsedClassName;
1612
1562
  var intl = reactIntl.useIntl();
1613
1563
 
1614
1564
  var _usePlaybackContext = contexts.usePlaybackContext(),
@@ -1627,12 +1577,6 @@ function PlaybackControls(_ref) {
1627
1577
  controlsTheme = _usePlaybackContext.controlsTheme,
1628
1578
  showControls = _usePlaybackContext.showControls;
1629
1579
 
1630
- var duration = hooks.useMediaDuration(mediaElement);
1631
- var currentTime = hooks.useMediaCurrentTime(mediaElement, {
1632
- disabled: !playing,
1633
- updateInterval: 100
1634
- });
1635
-
1636
1580
  var _useState = React.useState(null),
1637
1581
  _useState2 = _slicedToArray__default["default"](_useState, 2),
1638
1582
  customControlsTheme = _useState2[0],
@@ -1685,20 +1629,25 @@ function PlaybackControls(_ref) {
1685
1629
  }, [setMuted, controlsVisible, showControls]);
1686
1630
  var onSeekStart = React.useCallback(function () {
1687
1631
  setWasPlaying(playing);
1688
- if (playing) setPlaying(false);
1689
- }, [playing, setWasPlaying]);
1690
- var onSeek = React.useCallback(function (time) {
1632
+
1633
+ if (playing) {
1634
+ setPlaying(false);
1635
+ }
1636
+ }, [playing, setWasPlaying, setPlaying]);
1637
+ var onSeek = React.useCallback(function (progress) {
1691
1638
  if (mediaElement !== null) {
1692
- mediaElement.currentTime = time;
1639
+ mediaElement.currentTime = progress * mediaElement.duration;
1693
1640
  }
1694
1641
 
1695
1642
  if (!controlsVisible && controls) {
1696
1643
  showControls();
1697
1644
  }
1698
- }, [mediaElement, controlsVisible, controls, setWasPlaying, playing, setPlaying, showControls]);
1645
+ }, [mediaElement, controlsVisible, controls, showControls]);
1699
1646
  var onSeekEnd = React.useCallback(function () {
1700
- if (wasPlaying) setPlaying(true);
1701
- }, [playing, setPlaying, wasPlaying]);
1647
+ if (wasPlaying) {
1648
+ setPlaying(true);
1649
+ }
1650
+ }, [setPlaying, wasPlaying]);
1702
1651
  var mediaHasAudio = mediaElement !== null && (hasAudio === null || hasAudio === true);
1703
1652
 
1704
1653
  var _ref3 = customControlsTheme || {},
@@ -1708,7 +1657,7 @@ function PlaybackControls(_ref) {
1708
1657
 
1709
1658
  var isCollapsed = controls && !controlsVisible && playing || !controls && mediaHasAudio;
1710
1659
  return /*#__PURE__*/React__default["default"].createElement("div", {
1711
- className: classNames__default["default"]([styles$1.container, (_ref4 = {}, _defineProperty__default["default"](_ref4, className, className !== null), _defineProperty__default["default"](_ref4, styles$1.withPlayPause, controls && !seekBarOnly), _defineProperty__default["default"](_ref4, styles$1.withMute, mediaHasAudio || controls), _defineProperty__default["default"](_ref4, styles$1.withSeekBar, controls), _defineProperty__default["default"](_ref4, styles$1.withSeekBarOnly, seekBarOnly), _defineProperty__default["default"](_ref4, styles$1.isCollapsed, isCollapsed), _ref4)])
1660
+ className: classNames__default["default"]([styles$1.container, (_ref4 = {}, _defineProperty__default["default"](_ref4, className, className !== null), _defineProperty__default["default"](_ref4, styles$1.withPlayPause, controls && !seekBarOnly), _defineProperty__default["default"](_ref4, styles$1.withMute, mediaHasAudio || controls), _defineProperty__default["default"](_ref4, styles$1.withSeekBar, controls), _defineProperty__default["default"](_ref4, styles$1.withSeekBarOnly, seekBarOnly), _defineProperty__default["default"](_ref4, styles$1.isCollapsed, isCollapsed), _defineProperty__default["default"](_ref4, collapsedClassName, collapsedClassName !== null && isCollapsed), _ref4)])
1712
1661
  }, /*#__PURE__*/React__default["default"].createElement("button", {
1713
1662
  type: "button",
1714
1663
  className: styles$1.playPauseButton,
@@ -1736,10 +1685,8 @@ function PlaybackControls(_ref) {
1736
1685
  icon: playing ? faPause.faPause : faPlay.faPlay
1737
1686
  })), /*#__PURE__*/React__default["default"].createElement(SeekBar, {
1738
1687
  className: styles$1.seekBar,
1739
- duration: duration,
1740
- currentTime: currentTime,
1741
- playing: playing,
1742
1688
  media: mediaElement,
1689
+ playing: playing,
1743
1690
  onSeek: onSeek,
1744
1691
  onSeekStart: onSeekStart,
1745
1692
  onSeekEnd: onSeekEnd,
@@ -2336,6 +2283,7 @@ var Viewer = function Viewer(_ref) {
2336
2283
  }, /*#__PURE__*/React__default["default"].createElement(contexts.ScreenSizeProvider, {
2337
2284
  size: screenSize
2338
2285
  }, /*#__PURE__*/React__default["default"].createElement(contexts.ViewerProvider, {
2286
+ containerRef: containerRef,
2339
2287
  events: eventsManager,
2340
2288
  menuVisible: menuVisible,
2341
2289
  menuOverScreen: menuOverScreen,
@@ -2488,7 +2436,7 @@ var Viewer = function Viewer(_ref) {
2488
2436
  className: styles$5.handTap
2489
2437
  }) : null));
2490
2438
  }), /*#__PURE__*/React__default["default"].createElement("div", {
2491
- className: classNames__default["default"]([styles$5.playbackControls, _defineProperty__default["default"]({}, styles$5.isCollapsed, playbackControls && !playbackcontrolsVisible && playing)]),
2439
+ className: styles$5.playbackControls,
2492
2440
  ref: playbackControlsContainerRef
2493
2441
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2494
2442
  className: styles$5.playbackControlsContainer,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/viewer",
3
- "version": "0.3.161",
3
+ "version": "0.3.165",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -59,13 +59,13 @@
59
59
  "@fortawesome/fontawesome-svg-core": "^1.2.32",
60
60
  "@fortawesome/free-solid-svg-icons": "^5.15.1",
61
61
  "@fortawesome/react-fontawesome": "^0.1.13",
62
- "@micromag/core": "^0.3.161",
63
- "@micromag/element-scroll": "^0.3.161",
64
- "@micromag/element-share-options": "^0.3.161",
65
- "@micromag/elements": "^0.3.161",
66
- "@micromag/fields": "^0.3.161",
67
- "@micromag/intl": "^0.3.161",
68
- "@micromag/screens": "^0.3.161",
62
+ "@micromag/core": "^0.3.164",
63
+ "@micromag/element-scroll": "^0.3.164",
64
+ "@micromag/element-share-options": "^0.3.164",
65
+ "@micromag/elements": "^0.3.164",
66
+ "@micromag/fields": "^0.3.164",
67
+ "@micromag/intl": "^0.3.164",
68
+ "@micromag/screens": "^0.3.164",
69
69
  "@react-spring/core": "^9.1.1",
70
70
  "@react-spring/web": "^9.1.1",
71
71
  "@use-gesture/react": "^10.2.4",
@@ -83,5 +83,5 @@
83
83
  "publishConfig": {
84
84
  "access": "public"
85
85
  },
86
- "gitHead": "badf4dd6125aa3169f3d01afc712be5b8181d898"
86
+ "gitHead": "e6f395e83335990c33b03b953507f121feb8da3e"
87
87
  }