@micromag/viewer 0.2.310 → 0.2.315

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 +1 -1
  2. package/es/index.js +99 -33
  3. package/lib/index.js +99 -33
  4. package/package.json +8 -8
package/assets/css/styles.css CHANGED
@@ -5,4 +5,4 @@
5
5
  .micromag-viewer-partials-share-button-container{position:relative;white-space:nowrap}.micromag-viewer-partials-share-button-container .micromag-viewer-partials-share-button-shareModal{position:absolute;top:100%;right:50%;margin-top:15px;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%)}
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-screenButton:focus{outline:none}.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-activeScreenBorder,.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-itemContent,.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{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}.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-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;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;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-organisation{width:30px;height:30px;margin-right:10px;-webkit-border-radius:50%;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;margin:-2px}.micromag-viewer-menus-menu-preview-container .micromag-viewer-menus-menu-preview-item{position:relative;height:0}.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;height:100%}.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
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 .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{background-color:#1c1c1c;color:#fff}.micromag-viewer-container,.micromag-viewer-container .micromag-viewer-content{position:relative;width:100%;height:100%;overflow:hidden}.micromag-viewer-container .micromag-viewer-content{z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.micromag-viewer-container .micromag-viewer-menuDotsContainer{-ms-touch-action:none;touch-action:none;visibility:hidden;position:absolute;z-index:2;top:0;right:50%;width:100%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%)}.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-landscape .micromag-viewer-screen{top:0;right:auto;bottom:0;left:50%;margin:auto;-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;opacity:.2;cursor:pointer}.micromag-viewer-container.micromag-viewer-landscape .micromag-viewer-screen:hover{opacity:.3}.micromag-viewer-container.micromag-viewer-landscape .micromag-viewer-screen.micromag-viewer-current{opacity:1;cursor:auto}.micromag-viewer-container.micromag-viewer-hideMenu:not(.micromag-viewer-landscape) .micromag-viewer-menuDotsContainer{pointer-events:none}.micromag-viewer-container.micromag-viewer-hideMenu:not(.micromag-viewer-landscape) .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}
8
- .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-mediaControls{padding:10px 20px 0}.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-bottomContent{position:relative}.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{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%}.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 a{padding:0}.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:-webkit-border-radius .2s ease;transition:-webkit-border-radius .2s ease;-o-transition:border-radius .2s ease;transition:border-radius .2s ease;transition:border-radius .2s ease,-webkit-border-radius .2s ease;background-color:#fff;overflow-wrap:break-word}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-message.micromag-screen-conversation-normalLeft{-webkit-border-radius:1px 15px 15px;border-radius:1px 15px 15px}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-message.micromag-screen-conversation-inBetweenLeft{-webkit-border-radius:1px 15px 15px 1px;border-radius:1px 15px 15px 1px}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-message.micromag-screen-conversation-normalRight{-webkit-border-radius:15px 1px 15px 15px;border-radius:15px 1px 15px 15px;background-color:#58afff}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-message.micromag-screen-conversation-inBetweenRight{-webkit-border-radius:15px 1px 1px 15px;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 .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;-webkit-border-radius:50%;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{-webkit-border-radius:1px 15px 15px 1px;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;color:#fff}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-loading,.micromag-screen-conversation-messageContainer .micromag-screen-conversation-loadingContainer{-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-loading{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin:5px 0 10px;padding:7px 10px;-webkit-border-radius: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;-webkit-border-radius:50%;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-caption{padding:10px 0}.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-callToAction{position:absolute;bottom:0;left:0;width:100%}.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-callToAction{margin-top:-10px}.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:10px;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{width:100%;overflow:hidden}.micromag-screen-map-container .micromag-screen-map-markerOverlay,.micromag-screen-map-container .micromag-screen-map-markerOverlayContent{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.micromag-screen-map-container .micromag-screen-map-markerOverlayContent{position:relative;-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;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;-webkit-border-radius:2px;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;-webkit-border-radius:50%;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-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-container .micromag-screen-quiz-emptyAnswer,.micromag-screen-quiz-container .micromag-screen-quiz-emptyResult,.micromag-screen-quiz-container .micromag-screen-quiz-emptyTitle{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-quiz-container .micromag-screen-quiz-question{margin-bottom:10px}.micromag-screen-quiz-container .micromag-screen-quiz-answers,.micromag-screen-quiz-container .micromag-screen-quiz-items{position:relative}.micromag-screen-quiz-container .micromag-screen-quiz-item{-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.micromag-screen-quiz-container .micromag-screen-quiz-item.micromag-screen-quiz-rightAnswer{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.micromag-screen-quiz-container .micromag-screen-quiz-item.micromag-screen-quiz-rightAnswer .micromag-screen-quiz-resultIcon{background-color:#0ed88f}.micromag-screen-quiz-container .micromag-screen-quiz-itemContent{padding:5px 0}.micromag-screen-quiz-container .micromag-screen-quiz-button{position:relative;width:100%;padding:10px 40px;border:2px solid #6c6c6c}.micromag-screen-quiz-container .micromag-screen-quiz-button:disabled{opacity:1;pointer-events:none}.micromag-screen-quiz-container .micromag-screen-quiz-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;-webkit-border-radius:50%;border-radius:50%;opacity:0;background-color:#ff2945}.micromag-screen-quiz-container .micromag-screen-quiz-result{position:absolute;-webkit-transition:opacity .5s ease;-o-transition:opacity .5s ease;transition:opacity .5s ease;opacity:0;pointer-events:none}.micromag-screen-quiz-container .micromag-screen-quiz-resultContent{padding:20px 0}.micromag-screen-quiz-container .micromag-screen-quiz-emptyAnswer,.micromag-screen-quiz-container .micromag-screen-quiz-emptyResult,.micromag-screen-quiz-container .micromag-screen-quiz-emptyTitle{width:100%;margin:0 auto}.micromag-screen-quiz-container .micromag-screen-quiz-emptyTitle{height:60px}.micromag-screen-quiz-container .micromag-screen-quiz-emptyAnswer{height:50px}.micromag-screen-quiz-container .micromag-screen-quiz-emptyResult{height:100px}.micromag-screen-quiz-container .micromag-screen-quiz-callToAction{position:absolute;bottom:0;left:0;width:100%}.micromag-screen-quiz-container.micromag-screen-quiz-answered .micromag-screen-quiz-resultIcon{opacity:1}.micromag-screen-quiz-container.micromag-screen-quiz-showResults .micromag-screen-quiz-item{opacity:0}.micromag-screen-quiz-container.micromag-screen-quiz-showResults .micromag-screen-quiz-item.micromag-screen-quiz-rightAnswer{opacity:1}.micromag-screen-quiz-container.micromag-screen-quiz-answerTransitionComplete .micromag-screen-quiz-item.micromag-screen-quiz-rightAnswer{-webkit-transition:none;-o-transition:none;transition:none}.micromag-screen-quiz-container.micromag-screen-quiz-answerTransitionComplete .micromag-screen-quiz-result{position:relative;opacity:1;pointer-events:all}.micromag-screen-quiz-container.micromag-screen-quiz-isPlaceholder .micromag-screen-quiz-layout{padding:10px}.micromag-screen-quiz-container.micromag-screen-quiz-isPlaceholder .micromag-screen-quiz-item{padding:1px 0}.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%}.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:rgba(28,28,28,.5);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-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-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-resultContainer{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;padding:15px 0;-webkit-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.micromag-screen-survey-container .micromag-screen-survey-resultContent{width:0;height:100%;-webkit-transition-property:width opacity;-o-transition-property:width opacity;transition-property:width opacity;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;opacity:0}.micromag-screen-survey-container .micromag-screen-survey-result{position:relative;height:100%;background-color:#6c6c6c}.micromag-screen-survey-container .micromag-screen-survey-resultLabel{position:absolute;top:50%;left:100%;margin-left:5px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#6c6c6c}.micromag-screen-survey-container .micromag-screen-survey-itemInner{width:100%;-webkit-transition-property:width;-o-transition-property:width;transition-property:width;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.micromag-screen-survey-container .micromag-screen-survey-button{position:relative;width:100%;padding:0;border:2px solid #6c6c6c}.micromag-screen-survey-container .micromag-screen-survey-button:disabled{opacity:1;pointer-events:none}.micromag-screen-survey-container .micromag-screen-survey-itemLabel{display:inline-block;padding:10px}.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-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-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,.micromag-screen-timeline-container .micromag-screen-timeline-timeline{display:-webkit-flex;display:-ms-flexbox;display:flex}.micromag-screen-timeline-container .micromag-screen-timeline-timeline{-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-imageContainer{position:relative;overflow:hidden}.micromag-screen-timeline-container .micromag-screen-timeline-callToAction{position:absolute;bottom:0;left:0;width:100%}.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:rgba(28,28,28,.5);background-color:rgba(28,28,28,.5)}.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:rgba(28,28,28,.5)}.micromag-screen-timeline-container.micromag-screen-timeline-circleBulletShape .micromag-screen-timeline-bullet{-webkit-border-radius:50%;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-isPlaceholder .micromag-screen-title-layout{padding:10px}.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-mediaControls{padding:10px 20px 20px}.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-bottomContent{position:absolute;bottom:0;width:100%}.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-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-canvasButton:focus{outline: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-bottomContent{position:absolute;bottom:0;width:100%}.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:focus{outline: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-container .micromag-element-background-video,.micromag-element-background-container .micromag-element-background-videoContainer{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-element-background-container{z-index:0;overflow:hidden;background-color:rgba(0,0,0,.25)}.micromag-element-button-container{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-button-container:focus{outline:none}.micromag-element-button-container{padding:5px 10px;-webkit-border-radius:0;border-radius:0;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}@-webkit-keyframes micromag-element-call-to-action-appear{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}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:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.micromag-element-call-to-action-container{position:relative;-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{-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-label{display:block}.micromag-element-call-to-action-container .micromag-element-call-to-action-button{display:block;margin:0 auto;padding:20px 0;-ms-touch-action:none;touch-action:none;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select: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-disabled{opacity:0;pointer-events:none}@-webkit-keyframes micromag-element-call-to-action-upAndDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(25%);transform:translateY(25%)}}@keyframes micromag-element-call-to-action-upAndDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(25%);transform:translateY(25%)}}.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{margin:0;padding:0;line-height:1}.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{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.micromag-element-layout-container,.micromag-element-layout-container .micromag-element-layout-horizontal{display:-webkit-flex;display:-ms-flexbox;display:flex}.micromag-element-layout-container .micromag-element-layout-horizontal{-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-seek-bar-container .micromag-element-media-controls-seek-bar-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-media-controls-seek-bar-container .micromag-element-media-controls-seek-bar-button:focus{outline:none}.micromag-element-media-controls-seek-bar-container .micromag-element-media-controls-seek-bar-button,.micromag-element-media-controls-seek-bar-container .micromag-element-media-controls-seek-bar-progress{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-element-media-controls-seek-bar-container{position:relative;height:10px}.micromag-element-media-controls-seek-bar-container .micromag-element-media-controls-seek-bar-progress{position:relative;-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}.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 .micromag-element-media-controls-muteButton:focus,.micromag-element-media-controls-container .micromag-element-media-controls-playPauseButton:focus{outline:none}.micromag-element-media-controls-container .micromag-element-media-controls-toggles{position:relative;color:#fff}.micromag-element-media-controls-container .micromag-element-media-controls-seekBar{margin-bottom:10px}.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:60px;height:60px}.micromag-element-media-controls-container .micromag-element-media-controls-playPauseButton{visibility:hidden;margin:0 auto;border:2px solid #fff;-webkit-border-radius:50%;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;top:50%;right:0;width:40px;height:40px;margin-top:-20px}.micromag-element-media-controls-container .micromag-element-media-controls-muteButton .micromag-element-media-controls-icon{display:block;width:90%;height:90%}.micromag-element-media-controls-container .micromag-element-media-controls-muteButton:after{content:"";display:none;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:#fff}.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{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-withPlayPause .micromag-element-media-controls-playPauseButton{visibility:visible}.micromag-element-quote-container{font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.1;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 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 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}.micromag-element-scroll-container.micromag-element-scroll-withScroll.micromag-element-scroll-containOverscroll .micromag-element-scroll-scrollable,.micromag-element-scroll-container.micromag-element-scroll-withScroll .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-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;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 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 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;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 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 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 video{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-element-video-container{position:relative}.micromag-element-video-container 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}
8
+ .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-mediaControls{padding:10px 20px 0}.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-bottomContent{position:relative}.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{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%}.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 a{padding:0}.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:-webkit-border-radius .2s ease;transition:-webkit-border-radius .2s ease;-o-transition:border-radius .2s ease;transition:border-radius .2s ease;transition:border-radius .2s ease,-webkit-border-radius .2s ease;background-color:#fff;overflow-wrap:break-word}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-message.micromag-screen-conversation-normalLeft{-webkit-border-radius:1px 15px 15px;border-radius:1px 15px 15px}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-message.micromag-screen-conversation-inBetweenLeft{-webkit-border-radius:1px 15px 15px 1px;border-radius:1px 15px 15px 1px}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-message.micromag-screen-conversation-normalRight{-webkit-border-radius:15px 1px 15px 15px;border-radius:15px 1px 15px 15px;background-color:#58afff}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-message.micromag-screen-conversation-inBetweenRight{-webkit-border-radius:15px 1px 1px 15px;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 .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;-webkit-border-radius:50%;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{-webkit-border-radius:1px 15px 15px 1px;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;color:#fff}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-loading,.micromag-screen-conversation-messageContainer .micromag-screen-conversation-loadingContainer{-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.micromag-screen-conversation-messageContainer .micromag-screen-conversation-loading{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin:5px 0 10px;padding:7px 10px;-webkit-border-radius: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;-webkit-border-radius:50%;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-caption{padding:10px 0}.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-callToAction{position:absolute;bottom:0;left:0;width:100%}.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-callToAction{margin-top:-10px}.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:10px;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{width:100%;overflow:hidden}.micromag-screen-map-container .micromag-screen-map-markerOverlay,.micromag-screen-map-container .micromag-screen-map-markerOverlayContent{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.micromag-screen-map-container .micromag-screen-map-markerOverlayContent{position:relative;-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;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;-webkit-border-radius:2px;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;-webkit-border-radius:50%;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-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-container .micromag-screen-quiz-emptyAnswer,.micromag-screen-quiz-container .micromag-screen-quiz-emptyResult,.micromag-screen-quiz-container .micromag-screen-quiz-emptyTitle{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-quiz-container .micromag-screen-quiz-question{margin-bottom:10px}.micromag-screen-quiz-container .micromag-screen-quiz-answers,.micromag-screen-quiz-container .micromag-screen-quiz-items{position:relative}.micromag-screen-quiz-container .micromag-screen-quiz-item{-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.micromag-screen-quiz-container .micromag-screen-quiz-item.micromag-screen-quiz-rightAnswer{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.micromag-screen-quiz-container .micromag-screen-quiz-item.micromag-screen-quiz-rightAnswer .micromag-screen-quiz-resultIcon{background-color:#0ed88f}.micromag-screen-quiz-container .micromag-screen-quiz-itemContent{padding:5px 0}.micromag-screen-quiz-container .micromag-screen-quiz-button{position:relative;width:100%;padding:10px 40px;border:2px solid #6c6c6c}.micromag-screen-quiz-container .micromag-screen-quiz-button:disabled{opacity:1;pointer-events:none}.micromag-screen-quiz-container .micromag-screen-quiz-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;-webkit-border-radius:50%;border-radius:50%;opacity:0;background-color:#ff2945}.micromag-screen-quiz-container .micromag-screen-quiz-result{position:absolute;-webkit-transition:opacity .5s ease;-o-transition:opacity .5s ease;transition:opacity .5s ease;opacity:0;pointer-events:none}.micromag-screen-quiz-container .micromag-screen-quiz-resultContent{padding:20px 0}.micromag-screen-quiz-container .micromag-screen-quiz-emptyAnswer,.micromag-screen-quiz-container .micromag-screen-quiz-emptyResult,.micromag-screen-quiz-container .micromag-screen-quiz-emptyTitle{width:100%;margin:0 auto}.micromag-screen-quiz-container .micromag-screen-quiz-emptyTitle{height:60px}.micromag-screen-quiz-container .micromag-screen-quiz-emptyAnswer{height:50px}.micromag-screen-quiz-container .micromag-screen-quiz-emptyResult{height:100px}.micromag-screen-quiz-container .micromag-screen-quiz-callToAction{position:absolute;bottom:0;left:0;width:100%}.micromag-screen-quiz-container.micromag-screen-quiz-answered .micromag-screen-quiz-resultIcon{opacity:1}.micromag-screen-quiz-container.micromag-screen-quiz-showResults .micromag-screen-quiz-item{opacity:0}.micromag-screen-quiz-container.micromag-screen-quiz-showResults .micromag-screen-quiz-item.micromag-screen-quiz-rightAnswer{opacity:1}.micromag-screen-quiz-container.micromag-screen-quiz-answerTransitionComplete .micromag-screen-quiz-item.micromag-screen-quiz-rightAnswer{-webkit-transition:none;-o-transition:none;transition:none}.micromag-screen-quiz-container.micromag-screen-quiz-answerTransitionComplete .micromag-screen-quiz-result{position:relative;opacity:1;pointer-events:all}.micromag-screen-quiz-container.micromag-screen-quiz-isPlaceholder .micromag-screen-quiz-layout{padding:10px}.micromag-screen-quiz-container.micromag-screen-quiz-isPlaceholder .micromag-screen-quiz-item{padding:1px 0}.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%}.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:rgba(28,28,28,.5);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-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-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-resultContainer{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;padding:15px 0;-webkit-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.micromag-screen-survey-container .micromag-screen-survey-resultContent{width:0;height:100%;-webkit-transition-property:width opacity;-o-transition-property:width opacity;transition-property:width opacity;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;opacity:0}.micromag-screen-survey-container .micromag-screen-survey-result{position:relative;height:100%;background-color:#6c6c6c}.micromag-screen-survey-container .micromag-screen-survey-resultLabel{position:absolute;top:50%;left:100%;margin-left:5px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#6c6c6c}.micromag-screen-survey-container .micromag-screen-survey-itemInner{width:100%;-webkit-transition-property:width;-o-transition-property:width;transition-property:width;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.micromag-screen-survey-container .micromag-screen-survey-button{position:relative;width:100%;padding:0;border:2px solid #6c6c6c}.micromag-screen-survey-container .micromag-screen-survey-button:disabled{opacity:1;pointer-events:none}.micromag-screen-survey-container .micromag-screen-survey-itemLabel{display:inline-block;padding:10px}.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-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-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,.micromag-screen-timeline-container .micromag-screen-timeline-timeline{display:-webkit-flex;display:-ms-flexbox;display:flex}.micromag-screen-timeline-container .micromag-screen-timeline-timeline{-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-imageContainer{position:relative;overflow:hidden}.micromag-screen-timeline-container .micromag-screen-timeline-callToAction{position:absolute;bottom:0;left:0;width:100%}.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:rgba(28,28,28,.5);background-color:rgba(28,28,28,.5)}.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:rgba(28,28,28,.5)}.micromag-screen-timeline-container.micromag-screen-timeline-circleBulletShape .micromag-screen-timeline-bullet{-webkit-border-radius:50%;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-isPlaceholder .micromag-screen-title-layout{padding:10px}.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-mediaControls{padding:10px 20px 20px}.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-bottomContent{position:absolute;bottom:0;width:100%}.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-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-canvasButton:focus{outline: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-bottomContent{position:absolute;bottom:0;width:100%}.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:focus{outline: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-container .micromag-element-background-video,.micromag-element-background-container .micromag-element-background-videoContainer{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-element-background-container{z-index:0;overflow:hidden;background-color:rgba(0,0,0,.25)}.micromag-element-button-container{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-button-container:focus{outline:none}.micromag-element-button-container{padding:5px 10px;-webkit-border-radius:0;border-radius:0;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}@-webkit-keyframes micromag-element-call-to-action-appear{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}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:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.micromag-element-call-to-action-container{position:relative;-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{-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-label{display:block}.micromag-element-call-to-action-container .micromag-element-call-to-action-button{display:block;margin:0 auto;padding:20px 0;-ms-touch-action:none;touch-action:none;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select: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-disabled{opacity:0;pointer-events:none}@-webkit-keyframes micromag-element-call-to-action-upAndDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(25%);transform:translateY(25%)}}@keyframes micromag-element-call-to-action-upAndDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(25%);transform:translateY(25%)}}.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{margin:0;padding:0;line-height:1}.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{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.micromag-element-layout-container,.micromag-element-layout-container .micromag-element-layout-horizontal{display:-webkit-flex;display:-ms-flexbox;display:flex}.micromag-element-layout-container .micromag-element-layout-horizontal{-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-seek-bar-container .micromag-element-media-controls-seek-bar-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-media-controls-seek-bar-container .micromag-element-media-controls-seek-bar-button:focus{outline:none}.micromag-element-media-controls-seek-bar-container .micromag-element-media-controls-seek-bar-button,.micromag-element-media-controls-seek-bar-container .micromag-element-media-controls-seek-bar-progress{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-element-media-controls-seek-bar-container{position:relative;height:10px}.micromag-element-media-controls-seek-bar-container .micromag-element-media-controls-seek-bar-progress{position:relative;-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}.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 .micromag-element-media-controls-muteButton:focus,.micromag-element-media-controls-container .micromag-element-media-controls-playPauseButton:focus{outline:none}.micromag-element-media-controls-container .micromag-element-media-controls-toggles{position:relative;color:#fff}.micromag-element-media-controls-container .micromag-element-media-controls-seekBar{margin-bottom:10px}.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:60px;height:60px}.micromag-element-media-controls-container .micromag-element-media-controls-playPauseButton{visibility:hidden;margin:0 auto;border:2px solid #fff;-webkit-border-radius:50%;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;top:50%;right:0;width:40px;height:40px;margin-top:-20px}.micromag-element-media-controls-container .micromag-element-media-controls-muteButton .micromag-element-media-controls-icon{display:block;width:90%;height:90%}.micromag-element-media-controls-container .micromag-element-media-controls-muteButton:after{content:"";display:none;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:#fff}.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{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-withPlayPause .micromag-element-media-controls-playPauseButton{visibility:visible}.micromag-element-quote-container{font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.1;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 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 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}.micromag-element-scroll-container.micromag-element-scroll-withScroll.micromag-element-scroll-containOverscroll .micromag-element-scroll-scrollable,.micromag-element-scroll-container.micromag-element-scroll-withScroll .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-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;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 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 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;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 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 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 video{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-element-video-container{position:relative}.micromag-element-video-container 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}.sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;-webkit-clip-path:inset(50%);clip-path:inset(50%)}
package/es/index.js CHANGED
@@ -14,13 +14,13 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
14
14
  import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
15
15
  import { Helmet } from 'react-helmet';
16
16
  import classNames from 'classnames';
17
+ import { useIntl, FormattedMessage } from 'react-intl';
17
18
  import { useDrag } from 'react-use-gesture';
18
19
  import { useSpring, config } from '@react-spring/core';
19
20
  import { animated } from '@react-spring/web';
20
21
  import { useDocumentEvent, useParsedStory, useLoadedFonts, useTrackScreenView, useTrackEvent, useScreenSizeFromElement, useResizeObserver, useFullscreen } from '@micromag/core/hooks';
21
22
  import { getStyleFromColor, getStyleFromText, getDeviceScreens } from '@micromag/core/utils';
22
23
  import { Screen, Button, ScreenPreview, Meta, FontFaces } from '@micromag/core/components';
23
- import { useIntl } from 'react-intl';
24
24
  import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
25
25
  import { faTimes, faShare, faCompress, faExpand } from '@fortawesome/free-solid-svg-icons';
26
26
  import Scroll from '@micromag/element-scroll';
@@ -66,7 +66,8 @@ var ViewerScreen = function ViewerScreen(_ref) {
66
66
  onEnableInteraction = _ref.onEnableInteraction,
67
67
  onDisableInteraction = _ref.onDisableInteraction;
68
68
  return screen !== null ? /*#__PURE__*/React.createElement("div", {
69
- className: classNames([styles$6.container, (_ref2 = {}, _defineProperty(_ref2, styles$6.active, active), _defineProperty(_ref2, styles$6.current, current), _ref2)])
69
+ className: classNames([styles$6.container, (_ref2 = {}, _defineProperty(_ref2, styles$6.active, active), _defineProperty(_ref2, styles$6.current, current), _ref2)]),
70
+ "aria-hidden": current ? null : 'true'
70
71
  }, /*#__PURE__*/React.createElement(Screen, {
71
72
  screen: screen,
72
73
  renderContext: renderContext,
@@ -106,7 +107,8 @@ var MenuIcon = function MenuIcon(_ref) {
106
107
  return /*#__PURE__*/React.createElement("svg", {
107
108
  className: classNames([styles$5.container, _defineProperty({}, className, className !== null)]),
108
109
  xmlns: "http://www.w3.org/2000/svg",
109
- viewBox: "0 0 ".concat(size, " ").concat(size)
110
+ viewBox: "0 0 ".concat(size, " ").concat(size),
111
+ "aria-hidden": "true"
110
112
  }, _toConsumableArray(new Array(9)).map(function (square, squareI) {
111
113
  var x = squareI % 3 * (squareSize + spacing);
112
114
  var y = Math.floor(squareI / 3) * (squareSize + spacing);
@@ -166,7 +168,14 @@ var ViewerMenuDots = function ViewerMenuDots(_ref) {
166
168
  className = _ref.className;
167
169
  var intl = useIntl();
168
170
  return /*#__PURE__*/React.createElement("nav", {
169
- className: classNames([styles$4.container, (_ref2 = {}, _defineProperty(_ref2, className, className !== null), _defineProperty(_ref2, styles$4.vertical, direction === 'vertical'), _defineProperty(_ref2, styles$4.withShadow, withShadow), _ref2)])
171
+ className: classNames([styles$4.container, (_ref2 = {}, _defineProperty(_ref2, className, className !== null), _defineProperty(_ref2, styles$4.vertical, direction === 'vertical'), _defineProperty(_ref2, styles$4.withShadow, withShadow), _ref2)]),
172
+ "aria-label": intl.formatMessage({
173
+ "id": "wCsW9o",
174
+ "defaultMessage": [{
175
+ "type": 0,
176
+ "value": "Screen shortcuts list"
177
+ }]
178
+ })
170
179
  }, /*#__PURE__*/React.createElement("ul", {
171
180
  className: styles$4.items
172
181
  }, items.map(function (item, index) {
@@ -191,7 +200,7 @@ var ViewerMenuDots = function ViewerMenuDots(_ref) {
191
200
  "value": "index"
192
201
  }]
193
202
  }, {
194
- index: index
203
+ index: index + 1
195
204
  })
196
205
  }, /*#__PURE__*/React.createElement("span", {
197
206
  className: styles$4.dot,
@@ -321,7 +330,8 @@ var ShareModal = function ShareModal(_ref) {
321
330
  useDocumentEvent('click', onDocumentClick, opened);
322
331
  return /*#__PURE__*/React.createElement("div", {
323
332
  className: classNames([styles$3.container, (_ref2 = {}, _defineProperty(_ref2, className, className), _defineProperty(_ref2, styles$3.opened, opened), _ref2)]),
324
- ref: containerRef
333
+ ref: containerRef,
334
+ "aria-hidden": opened ? null : '-1'
325
335
  }, /*#__PURE__*/React.createElement("div", {
326
336
  className: styles$3.content
327
337
  }, /*#__PURE__*/React.createElement("div", {
@@ -331,19 +341,22 @@ var ShareModal = function ShareModal(_ref) {
331
341
  beforeOnClick: function beforeOnClick() {
332
342
  onShareButtonClick('Facebook');
333
343
  return Promise.resolve();
334
- }
344
+ },
345
+ tabIndex: opened ? null : '-1'
335
346
  }), /*#__PURE__*/React.createElement(FacebookIcon, shareIconProps)), /*#__PURE__*/React.createElement(TwitterShareButton, Object.assign({}, shareButtonProps, {
336
347
  title: title,
337
348
  beforeOnClick: function beforeOnClick() {
338
349
  onShareButtonClick('Twitter');
339
350
  return Promise.resolve();
340
- }
351
+ },
352
+ tabIndex: opened ? null : '-1'
341
353
  }), /*#__PURE__*/React.createElement(TwitterIcon, shareIconProps)), /*#__PURE__*/React.createElement(EmailShareButton, Object.assign({}, shareButtonProps, {
342
354
  subject: title,
343
355
  beforeOnClick: function beforeOnClick() {
344
356
  onShareButtonClick('Email');
345
357
  return Promise.resolve();
346
- }
358
+ },
359
+ tabIndex: opened ? null : '-1'
347
360
  }), /*#__PURE__*/React.createElement(EmailIcon, shareIconProps)))));
348
361
  };
349
362
 
@@ -358,7 +371,8 @@ var propTypes$4 = {
358
371
  className: PropTypes.string,
359
372
  buttonClassName: PropTypes.string,
360
373
  onShare: PropTypes.func,
361
- children: PropTypes.node
374
+ children: PropTypes.node,
375
+ focusable: PropTypes.bool
362
376
  };
363
377
  var defaultProps$4 = {
364
378
  title: null,
@@ -366,7 +380,8 @@ var defaultProps$4 = {
366
380
  className: null,
367
381
  buttonClassName: null,
368
382
  onShare: null,
369
- children: null
383
+ children: null,
384
+ focusable: false
370
385
  };
371
386
 
372
387
  var ShareButton = function ShareButton(_ref) {
@@ -375,7 +390,8 @@ var ShareButton = function ShareButton(_ref) {
375
390
  className = _ref.className,
376
391
  buttonClassName = _ref.buttonClassName,
377
392
  onShare = _ref.onShare,
378
- children = _ref.children;
393
+ children = _ref.children,
394
+ focusable = _ref.focusable;
379
395
  var intl = useIntl();
380
396
 
381
397
  var _useState = useState(false),
@@ -416,7 +432,8 @@ var ShareButton = function ShareButton(_ref) {
416
432
  "type": 0,
417
433
  "value": "Share"
418
434
  }]
419
- })
435
+ }),
436
+ focusable: focusable
420
437
  }, children), /*#__PURE__*/React.createElement(ShareModal, {
421
438
  className: styles$2.shareModal,
422
439
  opened: storyShareModalOpened,
@@ -439,6 +456,7 @@ var propTypes$3 = {
439
456
  shareUrl: PropTypes.string,
440
457
  items: PropTypes$1.menuItems,
441
458
  current: PropTypes.number,
459
+ focusable: PropTypes.bool,
442
460
  onClickItem: PropTypes.func,
443
461
  onClose: PropTypes.func,
444
462
  onShare: PropTypes.func,
@@ -455,6 +473,7 @@ var defaultProps$3 = {
455
473
  shareUrl: null,
456
474
  items: [],
457
475
  current: 0,
476
+ focusable: true,
458
477
  onClickItem: null,
459
478
  onClose: null,
460
479
  onShare: null,
@@ -472,6 +491,7 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
472
491
  shareUrl = _ref.shareUrl,
473
492
  items = _ref.items,
474
493
  current = _ref.current,
494
+ focusable = _ref.focusable,
475
495
  onClickItem = _ref.onClickItem,
476
496
  onClose = _ref.onClose,
477
497
  onShare = _ref.onShare,
@@ -576,7 +596,8 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
576
596
  className: classNames([styles$1.container, _defineProperty({}, className, className !== null)]),
577
597
  style: _objectSpread(_objectSpread(_objectSpread({}, backgroundColorStyle), brandImageStyle), {}, {
578
598
  width: screenWidth
579
- })
599
+ }),
600
+ "aria-hidden": focusable ? null : 'true'
580
601
  }, dragBind()), /*#__PURE__*/React.createElement("div", {
581
602
  className: styles$1.header
582
603
  }, brandLogoUrl !== null ? /*#__PURE__*/React.createElement("div", {
@@ -595,7 +616,8 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
595
616
  buttonClassName: styles$1.button,
596
617
  onShare: onShare,
597
618
  url: shareUrl,
598
- title: title
619
+ title: title,
620
+ focusable: focusable
599
621
  }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
600
622
  className: styles$1.icon,
601
623
  icon: faShare
@@ -615,7 +637,8 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
615
637
  "type": 0,
616
638
  "value": "Fullscreen"
617
639
  }]
618
- })
640
+ }),
641
+ focusable: focusable
619
642
  }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
620
643
  className: styles$1.icon,
621
644
  icon: fullscreenActive ? faCompress : faExpand
@@ -635,7 +658,8 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
635
658
  "type": 0,
636
659
  "value": "Close"
637
660
  }]
638
- })
661
+ }),
662
+ focusable: focusable
639
663
  }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
640
664
  className: styles$1.icon,
641
665
  icon: faTimes
@@ -650,6 +674,26 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
650
674
  }, /*#__PURE__*/React.createElement("ul", {
651
675
  className: styles$1.items
652
676
  }, items.map(function (item, index) {
677
+ var screenIndexLabel = intl.formatMessage({
678
+ "id": "LkVfwW",
679
+ "defaultMessage": [{
680
+ "type": 0,
681
+ "value": "Screen "
682
+ }, {
683
+ "type": 1,
684
+ "value": "index"
685
+ }]
686
+ }, {
687
+ index: index + 1
688
+ });
689
+ var isCurrentScreenLabel = current === index ? " ".concat(intl.formatMessage({
690
+ "id": "vmrJ8U",
691
+ "defaultMessage": [{
692
+ "type": 0,
693
+ "value": "(current screen)"
694
+ }]
695
+ })) : '';
696
+ var screenAriaLabel = screenIndexLabel + isCurrentScreenLabel;
653
697
  return /*#__PURE__*/React.createElement("li", {
654
698
  className: classNames([styles$1.item, _defineProperty({}, styles$1.active, current === index)]),
655
699
  key: "item-".concat(index),
@@ -668,11 +712,13 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
668
712
  width: screenWidth,
669
713
  height: screenRatioHeight,
670
714
  transform: "scale(".concat(thumbSize.width / screenWidth)
671
- } : null
715
+ } : null,
716
+ "aria-hidden": "true"
672
717
  }, /*#__PURE__*/React.createElement(ScreenPreview, {
673
718
  width: screenWidth,
674
719
  height: screenRatioHeight,
675
- screen: item
720
+ screen: item,
721
+ focusable: false
676
722
  })), current === index ? /*#__PURE__*/React.createElement("div", {
677
723
  className: styles$1.activeScreenBorder,
678
724
  style: borderPrimaryColorStyle
@@ -682,18 +728,8 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
682
728
  onClick: function onClick() {
683
729
  onClickItem(index);
684
730
  },
685
- "aria-label": intl.formatMessage({
686
- "id": "LkVfwW",
687
- "defaultMessage": [{
688
- "type": 0,
689
- "value": "Screen "
690
- }, {
691
- "type": 1,
692
- "value": "index"
693
- }]
694
- }, {
695
- index: index
696
- })
731
+ "aria-label": screenAriaLabel,
732
+ tabIndex: focusable ? '0' : '-1'
697
733
  }));
698
734
  })))))) : null;
699
735
  };
@@ -1008,6 +1044,11 @@ var Viewer = function Viewer(_ref) {
1008
1044
 
1009
1045
  var menuOpened = useRef(false);
1010
1046
 
1047
+ var _useState3 = useState(false),
1048
+ _useState4 = _slicedToArray(_useState3, 2),
1049
+ previewMenuOpen = _useState4[0],
1050
+ setPreviewMenuOpen = _useState4[1];
1051
+
1011
1052
  var _useSpring = useSpring(function () {
1012
1053
  return {
1013
1054
  y: 0,
@@ -1057,6 +1098,7 @@ var Viewer = function Viewer(_ref) {
1057
1098
  setMenuSpring.start({
1058
1099
  y: menuNowOpened ? 1 : 0
1059
1100
  });
1101
+ setPreviewMenuOpen(menuNowOpened);
1060
1102
  } else {
1061
1103
  setMenuSpring.start({
1062
1104
  y: yProgress
@@ -1079,6 +1121,7 @@ var Viewer = function Viewer(_ref) {
1079
1121
  y: menuOpened.current ? 0 : 1
1080
1122
  });
1081
1123
  menuOpened.current = !menuOpened.current;
1124
+ setPreviewMenuOpen(menuOpened.current);
1082
1125
  }
1083
1126
 
1084
1127
  if (trackingEnabled) {
@@ -1098,6 +1141,7 @@ var Viewer = function Viewer(_ref) {
1098
1141
  y: 0
1099
1142
  });
1100
1143
  menuOpened.current = false;
1144
+ setPreviewMenuOpen(false);
1101
1145
 
1102
1146
  if (trackingEnabled) {
1103
1147
  trackEvent('viewer_menu', 'click_screen_change', "Screen ".concat(index + 1), {
@@ -1114,8 +1158,9 @@ var Viewer = function Viewer(_ref) {
1114
1158
  y: 0
1115
1159
  });
1116
1160
  menuOpened.current = false;
1161
+ setPreviewMenuOpen(false);
1117
1162
  }
1118
- }, [setMenuSpring]);
1163
+ }, [setMenuSpring, setPreviewMenuOpen]);
1119
1164
  var onClickPreviewMenuClose = useCallback(function () {
1120
1165
  closePreviewMenu();
1121
1166
 
@@ -1235,6 +1280,7 @@ var Viewer = function Viewer(_ref) {
1235
1280
  shareUrl: shareUrl,
1236
1281
  className: styles.menuPreview,
1237
1282
  screenWidth: screenWidth,
1283
+ focusable: previewMenuOpen,
1238
1284
  items: screens,
1239
1285
  current: screenIndex,
1240
1286
  onClickItem: onClickPreviewMenuItem,
@@ -1273,7 +1319,27 @@ var Viewer = function Viewer(_ref) {
1273
1319
  onClick: function onClick(e) {
1274
1320
  onScreenClick(e, i);
1275
1321
  }
1276
- }, viewerScreen);
1322
+ }, viewerScreen, current && screenIndex > 0 ? /*#__PURE__*/React.createElement("button", {
1323
+ type: "button",
1324
+ className: "sr-only",
1325
+ onClick: onScreenPrevious
1326
+ }, /*#__PURE__*/React.createElement(FormattedMessage, {
1327
+ id: "zYH/31",
1328
+ defaultMessage: [{
1329
+ "type": 0,
1330
+ "value": "Go to previous screen"
1331
+ }]
1332
+ })) : null, current && screenIndex < screens.length ? /*#__PURE__*/React.createElement("button", {
1333
+ type: "button",
1334
+ className: "sr-only",
1335
+ onClick: onScreenNext
1336
+ }, /*#__PURE__*/React.createElement(FormattedMessage, {
1337
+ id: "v9bqYj",
1338
+ defaultMessage: [{
1339
+ "type": 0,
1340
+ "value": "Go to next screen"
1341
+ }]
1342
+ })) : null);
1277
1343
  })) : null)));
1278
1344
  };
1279
1345
 
package/lib/index.js CHANGED
@@ -18,13 +18,13 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
18
18
  var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
19
19
  var reactHelmet = require('react-helmet');
20
20
  var classNames = require('classnames');
21
+ var reactIntl = require('react-intl');
21
22
  var reactUseGesture = require('react-use-gesture');
22
23
  var core$1 = require('@react-spring/core');
23
24
  var web = require('@react-spring/web');
24
25
  var hooks = require('@micromag/core/hooks');
25
26
  var utils = require('@micromag/core/utils');
26
27
  var components = require('@micromag/core/components');
27
- var reactIntl = require('react-intl');
28
28
  var reactFontawesome = require('@fortawesome/react-fontawesome');
29
29
  var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
30
30
  var Scroll = require('@micromag/element-scroll');
@@ -83,7 +83,8 @@ var ViewerScreen = function ViewerScreen(_ref) {
83
83
  onEnableInteraction = _ref.onEnableInteraction,
84
84
  onDisableInteraction = _ref.onDisableInteraction;
85
85
  return screen !== null ? /*#__PURE__*/React__default['default'].createElement("div", {
86
- className: classNames__default['default']([styles$6.container, (_ref2 = {}, _defineProperty__default['default'](_ref2, styles$6.active, active), _defineProperty__default['default'](_ref2, styles$6.current, current), _ref2)])
86
+ className: classNames__default['default']([styles$6.container, (_ref2 = {}, _defineProperty__default['default'](_ref2, styles$6.active, active), _defineProperty__default['default'](_ref2, styles$6.current, current), _ref2)]),
87
+ "aria-hidden": current ? null : 'true'
87
88
  }, /*#__PURE__*/React__default['default'].createElement(components.Screen, {
88
89
  screen: screen,
89
90
  renderContext: renderContext,
@@ -123,7 +124,8 @@ var MenuIcon = function MenuIcon(_ref) {
123
124
  return /*#__PURE__*/React__default['default'].createElement("svg", {
124
125
  className: classNames__default['default']([styles$5.container, _defineProperty__default['default']({}, className, className !== null)]),
125
126
  xmlns: "http://www.w3.org/2000/svg",
126
- viewBox: "0 0 ".concat(size, " ").concat(size)
127
+ viewBox: "0 0 ".concat(size, " ").concat(size),
128
+ "aria-hidden": "true"
127
129
  }, _toConsumableArray__default['default'](new Array(9)).map(function (square, squareI) {
128
130
  var x = squareI % 3 * (squareSize + spacing);
129
131
  var y = Math.floor(squareI / 3) * (squareSize + spacing);
@@ -183,7 +185,14 @@ var ViewerMenuDots = function ViewerMenuDots(_ref) {
183
185
  className = _ref.className;
184
186
  var intl = reactIntl.useIntl();
185
187
  return /*#__PURE__*/React__default['default'].createElement("nav", {
186
- className: classNames__default['default']([styles$4.container, (_ref2 = {}, _defineProperty__default['default'](_ref2, className, className !== null), _defineProperty__default['default'](_ref2, styles$4.vertical, direction === 'vertical'), _defineProperty__default['default'](_ref2, styles$4.withShadow, withShadow), _ref2)])
188
+ className: classNames__default['default']([styles$4.container, (_ref2 = {}, _defineProperty__default['default'](_ref2, className, className !== null), _defineProperty__default['default'](_ref2, styles$4.vertical, direction === 'vertical'), _defineProperty__default['default'](_ref2, styles$4.withShadow, withShadow), _ref2)]),
189
+ "aria-label": intl.formatMessage({
190
+ "id": "wCsW9o",
191
+ "defaultMessage": [{
192
+ "type": 0,
193
+ "value": "Screen shortcuts list"
194
+ }]
195
+ })
187
196
  }, /*#__PURE__*/React__default['default'].createElement("ul", {
188
197
  className: styles$4.items
189
198
  }, items.map(function (item, index) {
@@ -208,7 +217,7 @@ var ViewerMenuDots = function ViewerMenuDots(_ref) {
208
217
  "value": "index"
209
218
  }]
210
219
  }, {
211
- index: index
220
+ index: index + 1
212
221
  })
213
222
  }, /*#__PURE__*/React__default['default'].createElement("span", {
214
223
  className: styles$4.dot,
@@ -338,7 +347,8 @@ var ShareModal = function ShareModal(_ref) {
338
347
  hooks.useDocumentEvent('click', onDocumentClick, opened);
339
348
  return /*#__PURE__*/React__default['default'].createElement("div", {
340
349
  className: classNames__default['default']([styles$3.container, (_ref2 = {}, _defineProperty__default['default'](_ref2, className, className), _defineProperty__default['default'](_ref2, styles$3.opened, opened), _ref2)]),
341
- ref: containerRef
350
+ ref: containerRef,
351
+ "aria-hidden": opened ? null : '-1'
342
352
  }, /*#__PURE__*/React__default['default'].createElement("div", {
343
353
  className: styles$3.content
344
354
  }, /*#__PURE__*/React__default['default'].createElement("div", {
@@ -348,19 +358,22 @@ var ShareModal = function ShareModal(_ref) {
348
358
  beforeOnClick: function beforeOnClick() {
349
359
  onShareButtonClick('Facebook');
350
360
  return Promise.resolve();
351
- }
361
+ },
362
+ tabIndex: opened ? null : '-1'
352
363
  }), /*#__PURE__*/React__default['default'].createElement(reactShare.FacebookIcon, shareIconProps)), /*#__PURE__*/React__default['default'].createElement(reactShare.TwitterShareButton, Object.assign({}, shareButtonProps, {
353
364
  title: title,
354
365
  beforeOnClick: function beforeOnClick() {
355
366
  onShareButtonClick('Twitter');
356
367
  return Promise.resolve();
357
- }
368
+ },
369
+ tabIndex: opened ? null : '-1'
358
370
  }), /*#__PURE__*/React__default['default'].createElement(reactShare.TwitterIcon, shareIconProps)), /*#__PURE__*/React__default['default'].createElement(reactShare.EmailShareButton, Object.assign({}, shareButtonProps, {
359
371
  subject: title,
360
372
  beforeOnClick: function beforeOnClick() {
361
373
  onShareButtonClick('Email');
362
374
  return Promise.resolve();
363
- }
375
+ },
376
+ tabIndex: opened ? null : '-1'
364
377
  }), /*#__PURE__*/React__default['default'].createElement(reactShare.EmailIcon, shareIconProps)))));
365
378
  };
366
379
 
@@ -375,7 +388,8 @@ var propTypes$4 = {
375
388
  className: PropTypes__default['default'].string,
376
389
  buttonClassName: PropTypes__default['default'].string,
377
390
  onShare: PropTypes__default['default'].func,
378
- children: PropTypes__default['default'].node
391
+ children: PropTypes__default['default'].node,
392
+ focusable: PropTypes__default['default'].bool
379
393
  };
380
394
  var defaultProps$4 = {
381
395
  title: null,
@@ -383,7 +397,8 @@ var defaultProps$4 = {
383
397
  className: null,
384
398
  buttonClassName: null,
385
399
  onShare: null,
386
- children: null
400
+ children: null,
401
+ focusable: false
387
402
  };
388
403
 
389
404
  var ShareButton = function ShareButton(_ref) {
@@ -392,7 +407,8 @@ var ShareButton = function ShareButton(_ref) {
392
407
  className = _ref.className,
393
408
  buttonClassName = _ref.buttonClassName,
394
409
  onShare = _ref.onShare,
395
- children = _ref.children;
410
+ children = _ref.children,
411
+ focusable = _ref.focusable;
396
412
  var intl = reactIntl.useIntl();
397
413
 
398
414
  var _useState = React.useState(false),
@@ -433,7 +449,8 @@ var ShareButton = function ShareButton(_ref) {
433
449
  "type": 0,
434
450
  "value": "Share"
435
451
  }]
436
- })
452
+ }),
453
+ focusable: focusable
437
454
  }, children), /*#__PURE__*/React__default['default'].createElement(ShareModal, {
438
455
  className: styles$2.shareModal,
439
456
  opened: storyShareModalOpened,
@@ -456,6 +473,7 @@ var propTypes$3 = {
456
473
  shareUrl: PropTypes__default['default'].string,
457
474
  items: core.PropTypes.menuItems,
458
475
  current: PropTypes__default['default'].number,
476
+ focusable: PropTypes__default['default'].bool,
459
477
  onClickItem: PropTypes__default['default'].func,
460
478
  onClose: PropTypes__default['default'].func,
461
479
  onShare: PropTypes__default['default'].func,
@@ -472,6 +490,7 @@ var defaultProps$3 = {
472
490
  shareUrl: null,
473
491
  items: [],
474
492
  current: 0,
493
+ focusable: true,
475
494
  onClickItem: null,
476
495
  onClose: null,
477
496
  onShare: null,
@@ -489,6 +508,7 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
489
508
  shareUrl = _ref.shareUrl,
490
509
  items = _ref.items,
491
510
  current = _ref.current,
511
+ focusable = _ref.focusable,
492
512
  onClickItem = _ref.onClickItem,
493
513
  onClose = _ref.onClose,
494
514
  onShare = _ref.onShare,
@@ -593,7 +613,8 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
593
613
  className: classNames__default['default']([styles$1.container, _defineProperty__default['default']({}, className, className !== null)]),
594
614
  style: _objectSpread__default['default'](_objectSpread__default['default'](_objectSpread__default['default']({}, backgroundColorStyle), brandImageStyle), {}, {
595
615
  width: screenWidth
596
- })
616
+ }),
617
+ "aria-hidden": focusable ? null : 'true'
597
618
  }, dragBind()), /*#__PURE__*/React__default['default'].createElement("div", {
598
619
  className: styles$1.header
599
620
  }, brandLogoUrl !== null ? /*#__PURE__*/React__default['default'].createElement("div", {
@@ -612,7 +633,8 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
612
633
  buttonClassName: styles$1.button,
613
634
  onShare: onShare,
614
635
  url: shareUrl,
615
- title: title
636
+ title: title,
637
+ focusable: focusable
616
638
  }, /*#__PURE__*/React__default['default'].createElement(reactFontawesome.FontAwesomeIcon, {
617
639
  className: styles$1.icon,
618
640
  icon: freeSolidSvgIcons.faShare
@@ -632,7 +654,8 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
632
654
  "type": 0,
633
655
  "value": "Fullscreen"
634
656
  }]
635
- })
657
+ }),
658
+ focusable: focusable
636
659
  }, /*#__PURE__*/React__default['default'].createElement(reactFontawesome.FontAwesomeIcon, {
637
660
  className: styles$1.icon,
638
661
  icon: fullscreenActive ? freeSolidSvgIcons.faCompress : freeSolidSvgIcons.faExpand
@@ -652,7 +675,8 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
652
675
  "type": 0,
653
676
  "value": "Close"
654
677
  }]
655
- })
678
+ }),
679
+ focusable: focusable
656
680
  }, /*#__PURE__*/React__default['default'].createElement(reactFontawesome.FontAwesomeIcon, {
657
681
  className: styles$1.icon,
658
682
  icon: freeSolidSvgIcons.faTimes
@@ -667,6 +691,26 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
667
691
  }, /*#__PURE__*/React__default['default'].createElement("ul", {
668
692
  className: styles$1.items
669
693
  }, items.map(function (item, index) {
694
+ var screenIndexLabel = intl.formatMessage({
695
+ "id": "LkVfwW",
696
+ "defaultMessage": [{
697
+ "type": 0,
698
+ "value": "Screen "
699
+ }, {
700
+ "type": 1,
701
+ "value": "index"
702
+ }]
703
+ }, {
704
+ index: index + 1
705
+ });
706
+ var isCurrentScreenLabel = current === index ? " ".concat(intl.formatMessage({
707
+ "id": "vmrJ8U",
708
+ "defaultMessage": [{
709
+ "type": 0,
710
+ "value": "(current screen)"
711
+ }]
712
+ })) : '';
713
+ var screenAriaLabel = screenIndexLabel + isCurrentScreenLabel;
670
714
  return /*#__PURE__*/React__default['default'].createElement("li", {
671
715
  className: classNames__default['default']([styles$1.item, _defineProperty__default['default']({}, styles$1.active, current === index)]),
672
716
  key: "item-".concat(index),
@@ -685,11 +729,13 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
685
729
  width: screenWidth,
686
730
  height: screenRatioHeight,
687
731
  transform: "scale(".concat(thumbSize.width / screenWidth)
688
- } : null
732
+ } : null,
733
+ "aria-hidden": "true"
689
734
  }, /*#__PURE__*/React__default['default'].createElement(components.ScreenPreview, {
690
735
  width: screenWidth,
691
736
  height: screenRatioHeight,
692
- screen: item
737
+ screen: item,
738
+ focusable: false
693
739
  })), current === index ? /*#__PURE__*/React__default['default'].createElement("div", {
694
740
  className: styles$1.activeScreenBorder,
695
741
  style: borderPrimaryColorStyle
@@ -699,18 +745,8 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
699
745
  onClick: function onClick() {
700
746
  onClickItem(index);
701
747
  },
702
- "aria-label": intl.formatMessage({
703
- "id": "LkVfwW",
704
- "defaultMessage": [{
705
- "type": 0,
706
- "value": "Screen "
707
- }, {
708
- "type": 1,
709
- "value": "index"
710
- }]
711
- }, {
712
- index: index
713
- })
748
+ "aria-label": screenAriaLabel,
749
+ tabIndex: focusable ? '0' : '-1'
714
750
  }));
715
751
  })))))) : null;
716
752
  };
@@ -1025,6 +1061,11 @@ var Viewer = function Viewer(_ref) {
1025
1061
 
1026
1062
  var menuOpened = React.useRef(false);
1027
1063
 
1064
+ var _useState3 = React.useState(false),
1065
+ _useState4 = _slicedToArray__default['default'](_useState3, 2),
1066
+ previewMenuOpen = _useState4[0],
1067
+ setPreviewMenuOpen = _useState4[1];
1068
+
1028
1069
  var _useSpring = core$1.useSpring(function () {
1029
1070
  return {
1030
1071
  y: 0,
@@ -1074,6 +1115,7 @@ var Viewer = function Viewer(_ref) {
1074
1115
  setMenuSpring.start({
1075
1116
  y: menuNowOpened ? 1 : 0
1076
1117
  });
1118
+ setPreviewMenuOpen(menuNowOpened);
1077
1119
  } else {
1078
1120
  setMenuSpring.start({
1079
1121
  y: yProgress
@@ -1096,6 +1138,7 @@ var Viewer = function Viewer(_ref) {
1096
1138
  y: menuOpened.current ? 0 : 1
1097
1139
  });
1098
1140
  menuOpened.current = !menuOpened.current;
1141
+ setPreviewMenuOpen(menuOpened.current);
1099
1142
  }
1100
1143
 
1101
1144
  if (trackingEnabled) {
@@ -1115,6 +1158,7 @@ var Viewer = function Viewer(_ref) {
1115
1158
  y: 0
1116
1159
  });
1117
1160
  menuOpened.current = false;
1161
+ setPreviewMenuOpen(false);
1118
1162
 
1119
1163
  if (trackingEnabled) {
1120
1164
  trackEvent('viewer_menu', 'click_screen_change', "Screen ".concat(index + 1), {
@@ -1131,8 +1175,9 @@ var Viewer = function Viewer(_ref) {
1131
1175
  y: 0
1132
1176
  });
1133
1177
  menuOpened.current = false;
1178
+ setPreviewMenuOpen(false);
1134
1179
  }
1135
- }, [setMenuSpring]);
1180
+ }, [setMenuSpring, setPreviewMenuOpen]);
1136
1181
  var onClickPreviewMenuClose = React.useCallback(function () {
1137
1182
  closePreviewMenu();
1138
1183
 
@@ -1252,6 +1297,7 @@ var Viewer = function Viewer(_ref) {
1252
1297
  shareUrl: shareUrl,
1253
1298
  className: styles.menuPreview,
1254
1299
  screenWidth: screenWidth,
1300
+ focusable: previewMenuOpen,
1255
1301
  items: screens,
1256
1302
  current: screenIndex,
1257
1303
  onClickItem: onClickPreviewMenuItem,
@@ -1290,7 +1336,27 @@ var Viewer = function Viewer(_ref) {
1290
1336
  onClick: function onClick(e) {
1291
1337
  onScreenClick(e, i);
1292
1338
  }
1293
- }, viewerScreen);
1339
+ }, viewerScreen, current && screenIndex > 0 ? /*#__PURE__*/React__default['default'].createElement("button", {
1340
+ type: "button",
1341
+ className: "sr-only",
1342
+ onClick: onScreenPrevious
1343
+ }, /*#__PURE__*/React__default['default'].createElement(reactIntl.FormattedMessage, {
1344
+ id: "zYH/31",
1345
+ defaultMessage: [{
1346
+ "type": 0,
1347
+ "value": "Go to previous screen"
1348
+ }]
1349
+ })) : null, current && screenIndex < screens.length ? /*#__PURE__*/React__default['default'].createElement("button", {
1350
+ type: "button",
1351
+ className: "sr-only",
1352
+ onClick: onScreenNext
1353
+ }, /*#__PURE__*/React__default['default'].createElement(reactIntl.FormattedMessage, {
1354
+ id: "v9bqYj",
1355
+ defaultMessage: [{
1356
+ "type": 0,
1357
+ "value": "Go to next screen"
1358
+ }]
1359
+ })) : null);
1294
1360
  })) : null)));
1295
1361
  };
1296
1362
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/viewer",
3
- "version": "0.2.310",
3
+ "version": "0.2.315",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -55,12 +55,12 @@
55
55
  "@fortawesome/fontawesome-svg-core": "^1.2.32",
56
56
  "@fortawesome/free-solid-svg-icons": "^5.15.1",
57
57
  "@fortawesome/react-fontawesome": "^0.1.13",
58
- "@micromag/core": "^0.2.301",
59
- "@micromag/element-scroll": "^0.2.301",
60
- "@micromag/elements": "^0.2.310",
61
- "@micromag/fields": "^0.2.307",
62
- "@micromag/intl": "^0.2.302",
63
- "@micromag/screens": "^0.2.310",
58
+ "@micromag/core": "^0.2.315",
59
+ "@micromag/element-scroll": "^0.2.315",
60
+ "@micromag/elements": "^0.2.315",
61
+ "@micromag/fields": "^0.2.315",
62
+ "@micromag/intl": "^0.2.315",
63
+ "@micromag/screens": "^0.2.315",
64
64
  "@react-spring/core": "^9.1.1",
65
65
  "@react-spring/web": "^9.1.1",
66
66
  "classnames": "^2.2.6",
@@ -76,5 +76,5 @@
76
76
  "publishConfig": {
77
77
  "access": "public"
78
78
  },
79
- "gitHead": "f55c697e74d099ba0a7ed54d65008e6bda4aa279"
79
+ "gitHead": "a08edd143bdd81de6477f637e08046e0130da237"
80
80
  }