@micromag/viewer 0.3.832 → 0.4.6

package/es/styles.css

@@ -0,0 +1,20 @@
+.micromag-viewer-buttons-button-container{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.micromag-viewer-buttons-button-container .micromag-viewer-buttons-button-icon{display:block;position:relative}.micromag-viewer-buttons-button-container .micromag-viewer-buttons-button-icon,.micromag-viewer-buttons-button-container .micromag-viewer-buttons-button-label{-webkit-transition:-webkit-transform .3s var(--mm-ease-out-ramp);transition:-webkit-transform .3s var(--mm-ease-out-ramp);transition:transform .3s var(--mm-ease-out-ramp);transition:transform .3s var(--mm-ease-out-ramp),-webkit-transform .3s var(--mm-ease-out-ramp)}.micromag-viewer-buttons-button-container.micromag-viewer-buttons-button-asLink{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--mm-primary);cursor:pointer;display:inline-block;font-family:inherit;font-weight:700;padding:0;position:relative}.micromag-viewer-buttons-button-container.micromag-viewer-buttons-button-withIcon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.micromag-viewer-buttons-button-container.micromag-viewer-buttons-button-withIcon .micromag-viewer-buttons-button-label{margin-left:.5em;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.micromag-viewer-buttons-button-container.micromag-viewer-buttons-button-withIcon .micromag-viewer-buttons-button-right{margin-left:.5em}.micromag-viewer-buttons-button-container.micromag-viewer-buttons-button-withIcon.micromag-viewer-buttons-button-icon-right .micromag-viewer-buttons-button-label{-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.micromag-viewer-buttons-button-container.micromag-viewer-buttons-button-withIconColumns{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.micromag-viewer-buttons-button-container.micromag-viewer-buttons-button-linkDisabled{opacity:.4;pointer-events:none;-webkit-text-decoration:none;text-decoration:none}.micromag-viewer-buttons-button-container:focus-visible{-webkit-box-shadow:0 0 2px 0 #fff;box-shadow:0 0 2px 0 #fff;-webkit-box-shadow:0 0 2px 0 var(--micromag-focus-color,#fff);box-shadow:0 0 2px 0 var(--micromag-focus-color,#fff);outline:2px solid #000}
+.micromag-viewer-buttons-icon-button-container{display:inline-block;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:0;color:inherit;cursor:pointer;font-family:inherit;padding:0;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.micromag-viewer-buttons-icon-button-container .micromag-viewer-buttons-icon-button-label{opacity:.75}@media (hover:hover){.micromag-viewer-buttons-icon-button-container:hover .micromag-viewer-buttons-icon-button-icon{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:opacity .3s var(--mm-ease-in-yo),-webkit-transform .3s var(--mm-ease-in-yo);transition:opacity .3s var(--mm-ease-in-yo),-webkit-transform .3s var(--mm-ease-in-yo);transition:transform .3s var(--mm-ease-in-yo),opacity .3s var(--mm-ease-in-yo);transition:transform .3s var(--mm-ease-in-yo),opacity .3s var(--mm-ease-in-yo),-webkit-transform .3s var(--mm-ease-in-yo)}.micromag-viewer-buttons-icon-button-container:hover .micromag-viewer-buttons-icon-button-label{opacity:1;-webkit-transition:opacity .3s var(--mm-ease-in-yo);transition:opacity .3s var(--mm-ease-in-yo)}}.micromag-viewer-buttons-icon-button-container:focus-visible{-webkit-box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px #fff;-webkit-box-shadow:0 0 0 2px var(--micromag-focus-color,#fff);box-shadow:0 0 0 2px var(--micromag-focus-color,#fff)}.micromag-viewer-buttons-icon-button-container:active .micromag-viewer-buttons-icon-button-icon,.micromag-viewer-buttons-icon-button-container:active .micromag-viewer-buttons-icon-button-label{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback),-webkit-transform .3s var(--mm-ease-in-kickback)}.micromag-viewer-buttons-icon-button-label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.micromag-viewer-buttons-icon-button-icon svg{display:block;height:auto;width:1rem}
+.micromag-viewer-buttons-toggle-button-container{overflow:hidden;position:relative}.micromag-viewer-buttons-toggle-button-normal{position:relative}.micromag-viewer-buttons-toggle-button-toggled{left:0;position:absolute;top:0;white-space:nowrap}
+.micromag-viewer-menus-menu-container-container{color:var(--mm-white)}.micromag-viewer-menus-menu-container-heightContainer{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:2}.micromag-viewer-menus-menu-container-backdrop{-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);background-color:rgba(28,28,28,.75);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}
+.micromag-viewer-menus-menu-dot-container{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;display:block;-ms-flex:1 1;flex:1 1;font-family:inherit;padding:0;position:relative;width:100%}.micromag-viewer-menus-menu-dot-container .micromag-viewer-menus-menu-dot-dot{background-color:hsla(0,0%,100%,.45);display:block;height:2px;position:relative;-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);-webkit-transition:-webkit-transform .3s var(--mm-ease-in-bump);transition:-webkit-transform .3s var(--mm-ease-in-bump);transition:transform .3s var(--mm-ease-in-bump);transition:transform .3s var(--mm-ease-in-bump),-webkit-transform .3s var(--mm-ease-in-bump);width:100%}.micromag-viewer-menus-menu-dot-container .micromag-viewer-menus-menu-dot-progress{height:100%;left:0;position:absolute;top:0;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%;width:100%}.micromag-viewer-menus-menu-dot-container.micromag-viewer-menus-menu-dot-vertical .micromag-viewer-menus-menu-dot-dot{height:100%;width:2px}.micromag-viewer-menus-menu-dot-container:active .micromag-viewer-menus-menu-dot-dot,.micromag-viewer-menus-menu-dot-container:focus-visible .micromag-viewer-menus-menu-dot-dot{-webkit-transform:scaleY(1.5);-ms-transform:scaleY(1.5);transform:scaleY(1.5)}@media (hover:hover){.micromag-viewer-menus-menu-dot-container:hover .micromag-viewer-menus-menu-dot-dot{background-color:var(--mm-white)!important;-webkit-transform:scaleY(1.5);-ms-transform:scaleY(1.5);transform:scaleY(1.5)}}
+.micromag-viewer-menus-menu-dots-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;position:relative;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.micromag-viewer-menus-menu-dots-container .micromag-viewer-menus-menu-dots-dot{margin:0 2px;padding:5px 0 15px}.micromag-viewer-menus-menu-dots-container .micromag-viewer-menus-menu-dots-dot:first-child{margin-left:2px}.micromag-viewer-menus-menu-dots-container .micromag-viewer-menus-menu-dots-dot:last-child{margin-right:2px}.micromag-viewer-menus-menu-dots-container.micromag-viewer-menus-menu-dots-withButtons .micromag-viewer-menus-menu-dots-dot{padding:10px 0}.micromag-viewer-menus-menu-dots-container .micromag-viewer-menus-menu-dots-closeButton{display:inline-block;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;font-family:inherit;padding:0 2px 0 8px}.micromag-viewer-menus-menu-dots-container .micromag-viewer-menus-menu-dots-closeButton:focus-visible{outline:3px solid var(--mm-purple);outline-offset:4px}.micromag-viewer-menus-menu-dots-container .micromag-viewer-menus-menu-dots-buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:8px;padding-right:2px}.micromag-viewer-menus-menu-dots-container.micromag-viewer-menus-menu-dots-vertical{background:transparent;-ms-flex-direction:column;flex-direction:column}.micromag-viewer-menus-menu-dots-container.micromag-viewer-menus-menu-dots-vertical .micromag-viewer-menus-menu-dots-items{-ms-flex-direction:column;flex-direction:column;height:100%;width:auto}
+.micromag-viewer-partials-micromag-branding-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.micromag-viewer-partials-micromag-branding-link{color:inherit;display:-ms-flexbox;display:flex;-webkit-text-decoration:none;text-decoration:none}.micromag-viewer-partials-micromag-branding-text{display:inline-block;font-size:12px;padding:0 10px 0 0;text-align:right}.micromag-viewer-partials-micromag-branding-icon{max-width:140px;width:100%}
+.micromag-viewer-menus-menu-screen-container{height:0;position:relative;width:100%}.micromag-viewer-menus-menu-screen-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0 solid transparent;border-radius:.45rem;bottom:0;color:inherit;cursor:pointer;display:inline-block;display:block;font-family:inherit;height:100%;left:0;padding:0;position:absolute;right:0;top:0;-webkit-transition:border-width .4s var(--mm-ease-in-bump);transition:border-width .4s var(--mm-ease-in-bump);width:100%;z-index:2}.micromag-viewer-menus-menu-screen-button:focus-visible{-webkit-box-shadow:0 0 1px 1px #fff;box-shadow:0 0 1px 1px #fff;-webkit-box-shadow:0 0 1px 1px var(--micromag-focus-color,#fff);box-shadow:0 0 1px 1px var(--micromag-focus-color,#fff);outline:.15rem solid #fff;outline:.15rem solid var(--micromag-focus-color,#fff)}.micromag-viewer-menus-menu-screen-isCurrent .micromag-viewer-menus-menu-screen-button{border-color:#fff;border-color:var(--micromag-focus-color,#fff);border-width:.2rem}@media (hover:hover){.micromag-viewer-menus-menu-screen-isCurrent .micromag-viewer-menus-menu-screen-button:hover{border:.25rem solid #fff;border:.25rem solid var(--micromag-focus-color,#fff)}}@media (hover:hover){.micromag-viewer-menus-menu-screen-button:hover{border:.1rem solid #fff;border:.1rem solid var(--micromag-focus-color,#fff)}}.micromag-viewer-menus-menu-screen-inner{pointer-events:none;z-index:1}.micromag-viewer-menus-menu-screen-subScreenBadge{bottom:.25rem;font-size:.9rem;font-weight:700;pointer-events:none;position:absolute;right:.25rem;z-index:2}.micromag-viewer-menus-menu-screen-subScreenCount{color:var(--mm-gray-800);left:50%;letter-spacing:-.05rem;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%) translate(-.1rem,-.1rem);-ms-transform:translate(-50%,-50%) translate(-.1rem,-.1rem);transform:translate(-50%,-50%) translate(-.1rem,-.1rem);z-index:2}.micromag-viewer-menus-menu-screen-subScreenIcon{fill:var(--mm-white);height:auto;position:relative;width:1.15rem;z-index:1}.micromag-viewer-menus-menu-screen-screen{-webkit-animation:micromag-viewer-menus-menu-screen-intro .5s 50ms 1 forwards var(--mm-ease-in-out-sine);animation:micromag-viewer-menus-menu-screen-intro .5s 50ms 1 forwards var(--mm-ease-in-out-sine);border-radius:.45rem;opacity:0;overflow:hidden}@-webkit-keyframes micromag-viewer-menus-menu-screen-pulse{0%{border-width:.1rem}to{border-width:.25rem}}@keyframes micromag-viewer-menus-menu-screen-pulse{0%{border-width:.1rem}to{border-width:.25rem}}@-webkit-keyframes micromag-viewer-menus-menu-screen-intro{to{opacity:1}}@keyframes micromag-viewer-menus-menu-screen-intro{to{opacity:1}}
+.micromag-viewer-menus-menu-preview-container{background-position:50%;background-repeat:no-repeat;background-size:cover;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-touch-action:none;touch-action:none}.micromag-viewer-menus-menu-preview-container.micromag-viewer-menus-menu-preview-disabled .micromag-viewer-menus-menu-preview-screenButton{pointer-events:none}.micromag-viewer-menus-menu-preview-content{height:100%;max-height:100%;position:relative;-ms-flex-positive:1;flex-grow:1}.micromag-viewer-menus-menu-preview-scroll{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-viewer-menus-menu-preview-scrollee{min-height:100svh;position:relative;width:100%}.micromag-viewer-menus-menu-preview-buttons{display:-ms-flexbox;display:flex;position:relative;z-index:3;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.micromag-viewer-menus-menu-preview-organisation{height:30px;width:30px;-ms-flex-negative:0;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:50%;flex-shrink:0;margin-right:10px}.micromag-viewer-menus-menu-preview-icon{display:block;height:auto;width:1rem}.micromag-viewer-menus-menu-preview-titleContainer{padding:10px 80px;text-align:center;width:100%}.micromag-viewer-menus-menu-preview-headerContainer{position:relative;width:100%}.micromag-viewer-menus-menu-preview-badge{border-color:#fff;color:#fff;display:inline-block;margin:0 auto 10px}.micromag-viewer-menus-menu-preview-title{display:inline-block;font-family:Helvetica,Arial,sans-serif;font-size:24px;margin:0 auto;max-width:500px;text-align:center}.micromag-viewer-menus-menu-preview-nav{overflow:hidden;position:relative;-ms-flex-positive:1;flex-grow:1;padding:10px}.micromag-viewer-menus-menu-preview-item,.micromag-viewer-menus-menu-preview-items{list-style:none;margin:0;padding:0}.micromag-viewer-menus-menu-preview-items{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:.75rem!important;position:relative}.micromag-viewer-menus-menu-preview-item{position:relative;width:33.333%}.micromag-viewer-menus-menu-preview-inner{padding:2px}.micromag-viewer-menus-menu-preview-frame{background-color:var(--mm-gray-800);border-radius:.45rem;height:0;width:100%}.micromag-viewer-menus-menu-preview-screen{-webkit-animation:micromag-viewer-menus-menu-preview-intro 1s 50ms 1 forwards var(--mm-ease-in-out-sine);animation:micromag-viewer-menus-menu-preview-intro 1s 50ms 1 forwards var(--mm-ease-in-out-sine);border-radius:.45rem;-webkit-box-shadow:0 0 2px var(--mm-black);box-shadow:0 0 2px var(--mm-black);content-visibility:auto;opacity:0}.micromag-viewer-menus-menu-preview-micromagBrandingSeparator{height:65px;width:100%}.micromag-viewer-menus-menu-preview-micromagBrandingContainer{bottom:0;padding:10px;position:absolute;width:100%}@-webkit-keyframes micromag-viewer-menus-menu-preview-intro{to{opacity:1}}@keyframes micromag-viewer-menus-menu-preview-intro{to{opacity:1}}
+.micromag-viewer-partials-micromag-preview-container{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start}.micromag-viewer-partials-micromag-preview-container .micromag-viewer-partials-micromag-preview-title{font-family:Helvetica,Arial,sans-serif!important;font-size:1.1rem!important;font-weight:700;margin-bottom:.25rem}.micromag-viewer-partials-micromag-preview-cover{overflow:hidden;-ms-flex-negative:0;flex-shrink:0;margin-right:.5rem}.micromag-viewer-partials-micromag-preview-info{white-space:normal}.micromag-viewer-partials-micromag-preview-url{font-size:.75rem;margin:.5rem 0}
+.micromag-viewer-menus-menu-share-container{background-position:50%;background-repeat:no-repeat;background-size:cover;-ms-touch-action:none;touch-action:none}.micromag-viewer-menus-menu-share-container.micromag-viewer-menus-menu-share-disabled .micromag-viewer-menus-menu-share-button{pointer-events:none}.micromag-viewer-menus-menu-share-content{height:100%;max-height:100%;position:relative;-ms-flex-positive:1;flex-grow:1}.micromag-viewer-menus-menu-share-scroll{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-viewer-menus-menu-share-inner{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0 auto;max-width:500px;padding:10px;position:relative}.micromag-viewer-menus-menu-share-organisation{height:30px;width:30px;-ms-flex-negative:0;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:50%;flex-shrink:0;margin-right:10px}.micromag-viewer-menus-menu-share-icon{display:block;height:auto;width:1rem}.micromag-viewer-menus-menu-share-header{background-color:rgba(0,0,0,.15);border-radius:.5rem;margin:.5rem 0;max-width:600px;padding:.5rem}.micromag-viewer-menus-menu-share-mode{margin-top:.5rem}.micromag-viewer-menus-menu-share-mode label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:14px;line-height:1.4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.micromag-viewer-menus-menu-share-mode input{animation:micromag-viewer-menus-menu-share-bump .5s 1 var(--mm-ease-in-out-sine) alternate-reverse forwards;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--mm-white);border-radius:4px;height:1rem;margin-right:.5rem;-webkit-transition:-webkit-transform .3s var(--mm-ease-out-ramp);transition:-webkit-transform .3s var(--mm-ease-out-ramp);transition:transform .3s var(--mm-ease-out-ramp);transition:transform .3s var(--mm-ease-out-ramp),-webkit-transform .3s var(--mm-ease-out-ramp);width:1rem}.micromag-viewer-menus-menu-share-mode input:active{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);-webkit-transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback),-webkit-transform .3s var(--mm-ease-in-kickback)}.micromag-viewer-menus-menu-share-mode input:checked{background-color:var(--mm-white)}.micromag-viewer-menus-menu-share-options{margin-bottom:3rem}
+.micromag-viewer-container{background-color:var(--mm-black);color:var(--mm-white);font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;height:100%;line-height:1.1;overflow:hidden;position:relative;width:100%}.micromag-viewer-container *,.micromag-viewer-container :after,.micromag-viewer-container :before{-webkit-box-sizing:border-box;box-sizing:border-box}.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 h1,.micromag-viewer-container h2,.micromag-viewer-container h3,.micromag-viewer-container h4,.micromag-viewer-container h5,.micromag-viewer-container h6,.micromag-viewer-container li,.micromag-viewer-container p{font-weight:inherit}.micromag-viewer-container .micromag-viewer-mark,.micromag-viewer-container mark{color:inherit}.micromag-viewer-container.micromag-viewer-landscape .micromag-viewer-screensFrame{bottom:0;left:50%;margin:auto;top:0;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}.micromag-viewer-container.micromag-viewer-hideMenu .micromag-viewer-dots,.micromag-viewer-container.micromag-viewer-hideMenu .micromag-viewer-menuNavContainer,.micromag-viewer-container.micromag-viewer-hideMenu .micromag-viewer-menuTopContainer{opacity:0;pointer-events:none}.micromag-viewer-container.micromag-viewer-disableMenu .micromag-viewer-dots,.micromag-viewer-container.micromag-viewer-disableMenu .micromag-viewer-menuNavContainer,.micromag-viewer-container.micromag-viewer-disableMenu .micromag-viewer-menuTopContainer{pointer-events:none}.micromag-viewer-content{cursor:-webkit-grab;cursor:grab;height:100%;overflow:hidden;position:absolute;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;z-index:1}.micromag-viewer-content:active{cursor:-webkit-grabbing;cursor:grabbing}.micromag-viewer-withoutGestures .micromag-viewer-content{cursor:inherit}.micromag-viewer-ariaAnnouncement{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.micromag-viewer-accessibilityLinks{background:rgba(0,0,0,.75);border-radius:4px;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px;left:10px;opacity:0;padding:10px;position:absolute;top:60px;-webkit-transition:opacity .2s var(--mm-ease-in-out-sine);transition:opacity .2s var(--mm-ease-in-out-sine);z-index:2}.micromag-viewer-accessibilityLinks:focus-visible,.micromag-viewer-accessibilityLinks:focus-within{opacity:1}.micromag-viewer-accessibilityLinks .micromag-viewer-accessibilityButton{color:var(--mm-white);opacity:.75;padding:4px;-webkit-transition:opacity .5s var(--mm-ease-in-out-sine);transition:opacity .5s var(--mm-ease-in-out-sine)}.micromag-viewer-accessibilityLinks .micromag-viewer-accessibilityButton:focus,.micromag-viewer-accessibilityLinks .micromag-viewer-accessibilityButton:hover{opacity:1}.micromag-viewer-accessibilityLinks .micromag-viewer-accessibilityButton.micromag-viewer-disabled{opacity:.75}.micromag-viewer-accessibilityLinks .micromag-viewer-tooltip{font-size:.85rem}.micromag-viewer-menuNavContainer{contain:content;position:absolute;top:0;-ms-touch-action:none;touch-action:none;-webkit-transition:opacity .5s var(--mm-ease-in-out-sine),background-image .5s var(--mm-ease-in-out-sine);transition:opacity .5s var(--mm-ease-in-out-sine),background-image .5s var(--mm-ease-in-out-sine);width:100%;z-index:4}.micromag-viewer-fadeMenu .micromag-viewer-menuNavContainer{opacity:.25}.micromag-viewer-menuNavContainer.micromag-viewer-withShadow{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.75)),to(rgba(0,0,0,0)));background-image:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,0))}.micromag-viewer-fadeMenu .micromag-viewer-menuNavContainer.micromag-viewer-withShadow{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0)));background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0))}.micromag-viewer-menuNavContainer.micromag-viewer-isOpened{opacity:1}.micromag-viewer-menuNavContainer.micromag-viewer-isOpened .micromag-viewer-dots{opacity:0;pointer-events:none}.micromag-viewer-menuNavContainer.micromag-viewer-isOpened.micromag-viewer-withShadow{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.75)),to(rgba(0,0,0,0)));background-image:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,0))}.micromag-viewer-menuTopContainer{-webkit-transition:opacity .2s var(--mm-ease-in-out-sine);transition:opacity .2s var(--mm-ease-in-out-sine)}.micromag-viewer-menuItem,.micromag-viewer-menuTopContainer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.micromag-viewer-menuItem{-ms-flex-positive:1;flex-grow:1;font-size:8px;-ms-touch-action:none;touch-action:none}.micromag-viewer-menuItem:last-child{-ms-flex-pack:end;justify-content:flex-end}.micromag-viewer-menuButton{font-size:12px;padding:8px 10px}.micromag-viewer-menuButton:focus-visible{outline:2px solid #fff!important;outline:2px solid var(--micromag-focus-color,#fff)!important;outline-offset:-2px!important}.micromag-viewer-slidingButton{display:inline-block}.micromag-viewer-screensMenuButtonToggled{left:auto;right:0}.micromag-viewer-dots{padding:0 8px;position:relative;top:-5px;-webkit-transition:opacity .3s var(--mm-ease-out-ramp);transition:opacity .3s var(--mm-ease-out-ramp);z-index:3}.micromag-viewer-hideMenu .micromag-viewer-dots{pointer-events:none}.micromag-viewer-menuContainer{contain:size layout style paint;height:100%;left:0;position:absolute;top:0;width:100%;z-index:3}.micromag-viewer-menuPreview,.micromag-viewer-menuShare{contain:size layout style paint;height:100%;left:0;position:absolute;top:0;width:100%;z-index:4}.micromag-viewer-navButton{border:0;opacity:0;pointer-events:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:opacity .2s var(--mm-ease-in-out-sine);transition:opacity .2s var(--mm-ease-in-out-sine);z-index:3}.micromag-viewer-navButton.micromag-viewer-previous{left:1.5em}.micromag-viewer-navButton.micromag-viewer-next{right:1.5em}.micromag-viewer-navButton:focus-visible{opacity:1}@media screen and (min-width:1024px){.micromag-viewer-navButton{display:block;opacity:1;pointer-events:all;visibility:visible}}.micromag-viewer-screensFrame{height:100%;left:0;position:absolute;top:0;-ms-touch-action:none;touch-action:none;width:100%;z-index:1}.micromag-viewer-screenContainer{background-color:var(--mm-gray-800);contain:size layout style paint;display:-ms-flexbox;display:flex;height:100%;left:0;position:absolute;top:0;width:100%}.micromag-viewer-screenContainer:focus-visible{outline:3px solid var(--mm-purple);outline-offset:4px}.micromag-viewer-screen{display:none;pointer-events:none}.micromag-viewer-preload .micromag-viewer-screen{contain-intrinsic-size:auto 100vw auto 100vh;content-visibility:auto;display:block}.micromag-viewer-visible .micromag-viewer-screen{content-visibility:visible;display:block}.micromag-viewer-current .micromag-viewer-screen{pointer-events:auto}.micromag-viewer-playbackControls{bottom:0;left:0;pointer-events:none;position:absolute;width:100%;z-index:2}.micromag-viewer-navigationHint{position:absolute;right:5%;top:70%;z-index:2}.micromag-viewer-webView{z-index:10}.micromag-viewer-shareIncentiveContainer{left:10px;pointer-events:none;position:absolute;top:0;width:calc(100% - 20px);z-index:1}.micromag-viewer-shareIncentive{display:inline-block;opacity:0;pointer-events:auto;-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:opacity .3s cubic-bezier(.9,0,.2,1),-webkit-transform .3s cubic-bezier(.9,0,.2,1);transition:opacity .3s cubic-bezier(.9,0,.2,1),-webkit-transform .3s cubic-bezier(.9,0,.2,1);transition:opacity .3s cubic-bezier(.9,0,.2,1),transform .3s cubic-bezier(.9,0,.2,1);transition:opacity .3s cubic-bezier(.9,0,.2,1),transform .3s cubic-bezier(.9,0,.2,1),-webkit-transform .3s cubic-bezier(.9,0,.2,1)}.micromag-viewer-shareIncentiveVisible .micromag-viewer-shareIncentive{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity .3s cubic-bezier(.25,2,.2,1) .5s,-webkit-transform .3s cubic-bezier(.25,2,.2,1) .5s;transition:opacity .3s cubic-bezier(.25,2,.2,1) .5s,-webkit-transform .3s cubic-bezier(.25,2,.2,1) .5s;transition:opacity .3s cubic-bezier(.25,2,.2,1) .5s,transform .3s cubic-bezier(.25,2,.2,1) .5s;transition:opacity .3s cubic-bezier(.25,2,.2,1) .5s,transform .3s cubic-bezier(.25,2,.2,1) .5s,-webkit-transform .3s cubic-bezier(.25,2,.2,1) .5s}
+.micromag-viewer-screen-container{height:100%;position:relative;width:100%}.micromag-viewer-screen-inner{background-color:var(--mm-gray-800);-webkit-transition:opacity .3s var(--mm-ease-in-out-soft-sine);transition:opacity .3s var(--mm-ease-in-out-soft-sine)}.micromag-viewer-screen-navigationHint{position:absolute;right:10%;top:50%}
+.micromag-viewer-buttons-navigation-button-container{padding:4px 10px}.micromag-viewer-buttons-navigation-button-arrow{height:auto;width:1rem}.micromag-viewer-buttons-navigation-button-next .micromag-viewer-buttons-navigation-button-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.micromag-viewer-buttons-navigation-button-previous .micromag-viewer-buttons-navigation-button-arrow{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}
+.micromag-viewer-partials-arrow-hint-container.micromag-viewer-partials-arrow-hint-withoutShadow .micromag-viewer-partials-arrow-hint-inner:after{opacity:0}@media screen and (min-width:1024px){.micromag-viewer-partials-arrow-hint-container{display:none}}.micromag-viewer-partials-arrow-hint-inner:after{-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:micromag-viewer-partials-arrow-hint-shadowFade;animation-name:micromag-viewer-partials-arrow-hint-shadowFade;-webkit-animation-timing-function:var(--mm-ease-in-out-soft-sine);animation-timing-function:var(--mm-ease-in-out-soft-sine);background-image:radial-gradient(rgba(28,28,28,.5),rgba(28,28,28,0) 50%);content:"";height:0;left:50%;padding-bottom:1000%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:1000%;z-index:1}.micromag-viewer-partials-arrow-hint-arrow{-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:micromag-viewer-partials-arrow-hint-panX;animation-name:micromag-viewer-partials-arrow-hint-panX;-webkit-animation-timing-function:var(--mm-ease-in-out-soft-sine);animation-timing-function:var(--mm-ease-in-out-soft-sine);height:auto;position:relative;width:1.5rem;z-index:2}@-webkit-keyframes micromag-viewer-partials-arrow-hint-panX{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-1rem);transform:translateX(-1rem)}}@keyframes micromag-viewer-partials-arrow-hint-panX{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-1rem);transform:translateX(-1rem)}}@-webkit-keyframes micromag-viewer-partials-arrow-hint-shadowFade{0%{-webkit-transform:translate(-50%,-50%) translateY(0) scale(.75);transform:translate(-50%,-50%) translateY(0) scale(.75)}to{-webkit-transform:translate(-50%,-50%) translateX(-1rem) scale(1.25);transform:translate(-50%,-50%) translateX(-1rem) scale(1.25)}}@keyframes micromag-viewer-partials-arrow-hint-shadowFade{0%{-webkit-transform:translate(-50%,-50%) translateY(0) scale(.75);transform:translate(-50%,-50%) translateY(0) scale(.75)}to{-webkit-transform:translate(-50%,-50%) translateX(-1rem) scale(1.25);transform:translate(-50%,-50%) translateX(-1rem) scale(1.25)}}
+.micromag-viewer-partials-hand-tap-container .micromag-viewer-partials-hand-tap-circle{-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:micromag-viewer-partials-hand-tap-pulse;animation-name:micromag-viewer-partials-hand-tap-pulse;-webkit-animation-timing-function:linear;animation-timing-function:linear;border:1px solid #fff;border-radius:50%;height:21px;left:0;position:absolute;top:-10px;width:21px;z-index:2}.micromag-viewer-partials-hand-tap-container .micromag-viewer-partials-hand-tap-hand{-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:micromag-viewer-partials-hand-tap-panY;animation-name:micromag-viewer-partials-hand-tap-panY;-webkit-animation-timing-function:ease;animation-timing-function:ease;height:auto;position:relative;width:30px;z-index:2}.micromag-viewer-partials-hand-tap-container.micromag-viewer-partials-hand-tap-withoutShadow .micromag-viewer-partials-hand-tap-inner:after{opacity:0}@media screen and (min-width:1024px){.micromag-viewer-partials-hand-tap-container{display:none}}.micromag-viewer-partials-hand-tap-inner:after{-webkit-animation-delay:.05s;animation-delay:.05s;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:micromag-viewer-partials-hand-tap-shadowFade;animation-name:micromag-viewer-partials-hand-tap-shadowFade;-webkit-animation-timing-function:ease;animation-timing-function:ease;background-image:radial-gradient(rgba(28,28,28,.5),rgba(28,28,28,0) 60%);content:"";height:500%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:600%;z-index:1}@-webkit-keyframes micromag-viewer-partials-hand-tap-pulse{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}50%{opacity:.5;-webkit-transform:scale(1.5);transform:scale(1.5)}to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@keyframes micromag-viewer-partials-hand-tap-pulse{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}50%{opacity:.5;-webkit-transform:scale(1.5);transform:scale(1.5)}to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@-webkit-keyframes micromag-viewer-partials-hand-tap-panY{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes micromag-viewer-partials-hand-tap-panY{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes micromag-viewer-partials-hand-tap-shadowFade{0%{-webkit-transform:translate(-50%,-50%) translateY(0);transform:translate(-50%,-50%) translateY(0)}to{-webkit-transform:translate(-50%,-50%) translateY(10px);transform:translate(-50%,-50%) translateY(10px)}}@keyframes micromag-viewer-partials-hand-tap-shadowFade{0%{-webkit-transform:translate(-50%,-50%) translateY(0);transform:translate(-50%,-50%) translateY(0)}to{-webkit-transform:translate(-50%,-50%) translateY(10px);transform:translate(-50%,-50%) translateY(10px)}}
+.micromag-viewer-partials-seek-bar-inner{position:relative;-ms-flex-positive:1;flex-grow:1}.micromag-viewer-partials-seek-bar-progressBarContainer{height:.16rem;position:relative}.micromag-viewer-partials-seek-bar-progressBar{background-color:var(--mm-white);height:100%;opacity:.5;position:absolute;width:100%}.micromag-viewer-partials-seek-bar-progress,.micromag-viewer-partials-seek-bar-track{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-viewer-partials-seek-bar-progress{background-color:var(--mm-white);position:relative;-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}.micromag-viewer-partials-seek-bar-playHead{background-color:var(--mm-white);border-radius:50%;height:.75rem;left:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);-ms-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transition:-webkit-transform .5s var(--mm-ease-in-bump);transition:-webkit-transform .5s var(--mm-ease-in-bump);transition:transform .5s var(--mm-ease-in-bump);transition:transform .5s var(--mm-ease-in-bump),-webkit-transform .5s var(--mm-ease-in-bump);width:.75rem}@media (hover:hover){.micromag-viewer-partials-seek-bar-withSeekHead:hover .micromag-viewer-partials-seek-bar-playHead{-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}.micromag-viewer-partials-seek-bar-withSeekHead:focus-within .micromag-viewer-partials-seek-bar-playHead{-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.micromag-viewer-partials-seek-bar-scrubbedTime{background-color:var(--mm-white);border-radius:4px;border-style:solid;border-width:2px;bottom:100%;color:var(--mm-black);font-size:1.1rem;font-weight:700;left:50%;line-height:1;opacity:0;padding:.4rem .5rem .25rem;position:absolute;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);-webkit-transition:opacity .5s var(--mm-ease-in-bump),-webkit-transform .5s var(--mm-ease-in-bump);transition:opacity .5s var(--mm-ease-in-bump),-webkit-transform .5s var(--mm-ease-in-bump);transition:opacity .5s var(--mm-ease-in-bump),transform .5s var(--mm-ease-in-bump);transition:opacity .5s var(--mm-ease-in-bump),transform .5s var(--mm-ease-in-bump),-webkit-transform .5s var(--mm-ease-in-bump);z-index:2}.micromag-viewer-partials-seek-bar-showTimestamp .micromag-viewer-partials-seek-bar-scrubbedTime{opacity:1;-webkit-transform:translate(-50%,-.5rem);-ms-transform:translate(-50%,-.5rem);transform:translate(-50%,-.5rem)}.micromag-viewer-partials-seek-bar-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;background-color:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;height:5rem;left:0;padding:0;position:absolute;right:0;-ms-touch-action:none;touch-action:none;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.micromag-viewer-partials-seek-bar-withSeekHead .micromag-viewer-partials-seek-bar-track{display:block}.micromag-viewer-partials-seek-bar-track:focus-visible{-webkit-box-shadow:0 0 2px 2px #fff;box-shadow:0 0 2px 2px #fff;-webkit-box-shadow:0 0 2px 2px var(--micromag-focus-color,#fff);box-shadow:0 0 2px 2px var(--micromag-focus-color,#fff)}
+.micromag-viewer-partials-playback-controls-container{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;pointer-events:none}.micromag-viewer-partials-playback-controls-muteButton,.micromag-viewer-partials-playback-controls-playPauseButton{display:inline-block;display:-ms-flexbox;display:flex;position:relative;z-index:2;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;font-family:inherit;justify-content:center;padding:1rem;pointer-events:auto;-webkit-transition:opacity .5s var(--mm-ease-in-out-sine);transition:opacity .5s var(--mm-ease-in-out-sine)}.micromag-viewer-partials-playback-controls-icon{color:currentcolor;display:block;height:auto;max-height:1.5rem;position:relative;width:1.5rem;z-index:1}.micromag-viewer-partials-playback-controls-icon.micromag-viewer-partials-playback-controls-offset{left:.13rem}.micromag-viewer-partials-playback-controls-spinner{color:currentcolor;display:block;max-height:2rem;position:relative;width:2rem;z-index:1}.micromag-viewer-partials-playback-controls-spinner.micromag-viewer-partials-playback-controls-offset{left:-.5rem}.micromag-viewer-partials-playback-controls-playPauseButton{opacity:0;pointer-events:none;-webkit-transition:opacity .5s var(--mm-ease-in-out-sine);transition:opacity .5s var(--mm-ease-in-out-sine)}.micromag-viewer-partials-playback-controls-withPlayPause .micromag-viewer-partials-playback-controls-playPauseButton,.micromag-viewer-partials-playback-controls-withSuggestPlay .micromag-viewer-partials-playback-controls-playPauseButton{opacity:1;pointer-events:auto}.micromag-viewer-partials-playback-controls-withPlayPause.micromag-viewer-partials-playback-controls-isCollapsed .micromag-viewer-partials-playback-controls-playPauseButton{opacity:.25}.micromag-viewer-partials-playback-controls-playPauseButton.micromag-viewer-partials-playback-controls-loading{opacity:1}.micromag-viewer-partials-playback-controls-playPauseButton.micromag-viewer-partials-playback-controls-hidden{opacity:0}.micromag-viewer-partials-playback-controls-playPauseButton:focus-visible{-webkit-box-shadow:0 0 2px 2px #fff;box-shadow:0 0 2px 2px #fff;-webkit-box-shadow:0 0 2px 2px var(--micromag-focus-color,#fff);box-shadow:0 0 2px 2px var(--micromag-focus-color,#fff)}.micromag-viewer-partials-playback-controls-suggest{display:-ms-flexbox;display:flex;left:50%;position:fixed!important;top:50%;z-index:2;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:2px solid;border-radius:50%;color:inherit;cursor:pointer;font-family:inherit;justify-content:center;opacity:1;padding:1rem;pointer-events:auto;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition:opacity .5s var(--mm-ease-in-out-sine);transition:opacity .5s var(--mm-ease-in-out-sine)}.micromag-viewer-partials-playback-controls-suggest.micromag-viewer-partials-playback-controls-notPlaying svg{margin-left:2px}.micromag-viewer-partials-playback-controls-suggest.micromag-viewer-partials-playback-controls-loading{opacity:1}.micromag-viewer-partials-playback-controls-suggest.micromag-viewer-partials-playback-controls-hidden{opacity:0}.micromag-viewer-partials-playback-controls-muteButton{opacity:0;pointer-events:none}.micromag-viewer-partials-playback-controls-muteButton.micromag-viewer-partials-playback-controls-isMuted:after{background-color:currentcolor;content:"";height:100%;left:50%;margin-left:-1px;position:absolute;top:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);width:2px;z-index:2}.micromag-viewer-partials-playback-controls-withMute .micromag-viewer-partials-playback-controls-muteButton{opacity:1;pointer-events:auto}.micromag-viewer-partials-playback-controls-withSeekBar.micromag-viewer-partials-playback-controls-withMute.micromag-viewer-partials-playback-controls-isCollapsed .micromag-viewer-partials-playback-controls-muteButton{opacity:.25}.micromag-viewer-partials-playback-controls-withMute.micromag-viewer-partials-playback-controls-isCollapsed.micromag-viewer-partials-playback-controls-isMuted .micromag-viewer-partials-playback-controls-muteButton{opacity:1}.micromag-viewer-partials-playback-controls-muteButton:focus-visible{-webkit-box-shadow:0 0 2px 2px #fff;box-shadow:0 0 2px 2px #fff;-webkit-box-shadow:0 0 2px 2px var(--micromag-focus-color,#fff);box-shadow:0 0 2px 2px var(--micromag-focus-color,#fff);outline:2px solid #000}.micromag-viewer-partials-playback-controls-seekBar{bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:bottom .2s .2s var(--mm-ease-in-out-sine),padding .2s var(--mm-ease-in-out-sine),-webkit-transform .2s var(--mm-ease-in-out-sine);transition:bottom .2s .2s var(--mm-ease-in-out-sine),padding .2s var(--mm-ease-in-out-sine),-webkit-transform .2s var(--mm-ease-in-out-sine);transition:transform .2s var(--mm-ease-in-out-sine),bottom .2s .2s var(--mm-ease-in-out-sine),padding .2s var(--mm-ease-in-out-sine);transition:transform .2s var(--mm-ease-in-out-sine),bottom .2s .2s var(--mm-ease-in-out-sine),padding .2s var(--mm-ease-in-out-sine),-webkit-transform .2s var(--mm-ease-in-out-sine);width:100%;z-index:1}.micromag-viewer-partials-playback-controls-withSeekBarOnly .micromag-viewer-partials-playback-controls-seekBar{bottom:0;opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.micromag-viewer-partials-playback-controls-withSeekBar.micromag-viewer-partials-playback-controls-withPlayPause .micromag-viewer-partials-playback-controls-seekBar{bottom:50%;opacity:1;padding:0 3rem;pointer-events:auto;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}.micromag-viewer-partials-playback-controls-isCollapsed .micromag-viewer-partials-playback-controls-seekBar,.micromag-viewer-partials-playback-controls-isCollapsed.micromag-viewer-partials-playback-controls-withSeekBar .micromag-viewer-partials-playback-controls-seekBar{bottom:0;padding:0;-webkit-transition:bottom .5s var(--mm-ease-in-out-sine),padding .5s .25s var(--mm-ease-in-out-sine),-webkit-transform .5s var(--mm-ease-in-out-sine);transition:bottom .5s var(--mm-ease-in-out-sine),padding .5s .25s var(--mm-ease-in-out-sine),-webkit-transform .5s var(--mm-ease-in-out-sine);transition:transform .5s var(--mm-ease-in-out-sine),bottom .5s var(--mm-ease-in-out-sine),padding .5s .25s var(--mm-ease-in-out-sine);transition:transform .5s var(--mm-ease-in-out-sine),bottom .5s var(--mm-ease-in-out-sine),padding .5s .25s var(--mm-ease-in-out-sine),-webkit-transform .5s var(--mm-ease-in-out-sine)}.micromag-viewer-partials-playback-controls-isCollapsed.micromag-viewer-partials-playback-controls-withSeekBar .micromag-viewer-partials-playback-controls-seekBar{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.micromag-viewer-partials-playback-controls-seekBar:focus-visible:focus-within{-webkit-box-shadow:0 0 2px 2px #fff;box-shadow:0 0 2px 2px #fff;-webkit-box-shadow:0 0 2px 2px var(--micromag-focus-color,#fff);box-shadow:0 0 2px 2px var(--micromag-focus-color,#fff)}.micromag-viewer-partials-playback-controls-withMute .micromag-viewer-partials-playback-controls-muteButton{position:relative}.micromag-viewer-partials-playback-controls-withMute .micromag-viewer-partials-playback-controls-muteButton:before{background-color:transparent;background-image:radial-gradient(circle at bottom right,rgba(28,28,28,.3) 0,rgba(28,28,28,0) 50%);bottom:-10px;content:"";display:block;height:300%;pointer-events:none;position:absolute;right:-10px;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;width:300%;z-index:-1}.micromag-viewer-partials-playback-controls-withMute.micromag-viewer-partials-playback-controls-isCollapsed .micromag-viewer-partials-playback-controls-muteButton:before{opacity:1}.micromag-viewer-partials-playback-controls-withMute.micromag-viewer-partials-playback-controls-withSeekBar .micromag-viewer-partials-playback-controls-muteButton:before{opacity:0}.micromag-viewer-partials-playback-controls-withMute.micromag-viewer-partials-playback-controls-withSeekBar.micromag-viewer-partials-playback-controls-isCollapsed .micromag-viewer-partials-playback-controls-muteButton:before{opacity:1}.micromag-viewer-partials-playback-controls-withMute.micromag-viewer-partials-playback-controls-withSeekBar.micromag-viewer-partials-playback-controls-withoutShadow .micromag-viewer-partials-playback-controls-muteButton:before{opacity:0}.micromag-viewer-partials-playback-controls-withMute.micromag-viewer-partials-playback-controls-withoutShadow .micromag-viewer-partials-playback-controls-muteButton:before{opacity:0}.micromag-viewer-partials-playback-controls-withPlayPause .micromag-viewer-partials-playback-controls-playPauseButton{position:relative}.micromag-viewer-partials-playback-controls-withPlayPause .micromag-viewer-partials-playback-controls-playPauseButton:before{background-color:transparent;background-image:radial-gradient(circle at bottom left,rgba(28,28,28,.3) 0,rgba(28,28,28,0) 50%);bottom:-10px;content:"";display:block;height:300%;left:-10px;pointer-events:none;position:absolute;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;width:300%;z-index:-1}.micromag-viewer-partials-playback-controls-withPlayPause.micromag-viewer-partials-playback-controls-isCollapsed .micromag-viewer-partials-playback-controls-playPauseButton:before{opacity:.5}.micromag-viewer-partials-playback-controls-withPlayPause.micromag-viewer-partials-playback-controls-withSeekBar .micromag-viewer-partials-playback-controls-playPauseButton:before{opacity:0}.micromag-viewer-partials-playback-controls-withPlayPause.micromag-viewer-partials-playback-controls-withSeekBar.micromag-viewer-partials-playback-controls-isCollapsed .micromag-viewer-partials-playback-controls-playPauseButton:before{opacity:.5}.micromag-viewer-partials-playback-controls-withPlayPause.micromag-viewer-partials-playback-controls-withSeekBar.micromag-viewer-partials-playback-controls-withoutShadow .micromag-viewer-partials-playback-controls-playPauseButton:before{opacity:0}.micromag-viewer-partials-playback-controls-withPlayPause.micromag-viewer-partials-playback-controls-withoutShadow .micromag-viewer-partials-playback-controls-playPauseButton:before{opacity:0}.micromag-viewer-partials-playback-controls-withSeekBar:after{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(40%,rgba(28,28,28,0)),to(rgba(28,28,28,.4)));background-image:linear-gradient(180deg,rgba(28,28,28,0) 40%,rgba(28,28,28,.4));bottom:0;content:"";display:block;height:150px;left:0;pointer-events:none;position:absolute;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:100%;z-index:-1}.micromag-viewer-partials-playback-controls-withSeekBar.micromag-viewer-partials-playback-controls-isCollapsed:after{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.micromag-viewer-partials-playback-controls-withSeekBar.micromag-viewer-partials-playback-controls-withoutShadow:after{background-image:none}.micromag-viewer-partials-playback-controls-withSuggestPlay .micromag-viewer-partials-playback-controls-muteButton,.micromag-viewer-partials-playback-controls-withSuggestPlay .micromag-viewer-partials-playback-controls-playPauseButton,.micromag-viewer-partials-playback-controls-withSuggestPlay .micromag-viewer-partials-playback-controls-seekBar{opacity:.25!important}.micromag-viewer-partials-playback-controls-withSuggestPlay .micromag-viewer-partials-playback-controls-suggest{opacity:1}
+.micromag-viewer-partials-web-view-container{height:100%;left:50%;position:absolute;top:0;-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;width:100%}.micromag-viewer-partials-web-view-container .micromag-viewer-partials-web-view-focusLock{height:100%;width:100%}.micromag-viewer-partials-web-view-container.micromag-viewer-partials-web-view-opened{-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}.micromag-viewer-partials-web-view-container.micromag-viewer-partials-web-view-opened .micromag-viewer-partials-web-view-webView{background-color:var(--mm-gray-800)}
+@import "@micromag/elements/assets/css/styles.css";@import "@micromag/screens/assets/css/styles.css";.sr-only:not(:focus):not(:active){height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/viewer",
-    "version": "0.3.832",
+    "version": "0.4.6",
     "private": false,
     "description": "",
     "keywords": [
@@ -35,54 +35,51 @@
     "style": "assets/css/styles.css",
     "exports": {
         ".": {
+            "types": "./es/index.d.ts",
             "import": "./es/index.js"
         },
-        "./scss/styles": "./scss/styles.scss",
-        "./scss/styles.scss": "./scss/styles.scss",
         "./assets/css/styles": "./assets/css/styles.css",
         "./assets/css/styles.css": "./assets/css/styles.css"
     },
     "files": [
         "lib",
         "es",
-        "assets",
-        "scss"
+        "assets"
     ],
     "scripts": {
-        "clean": "rm -rf es && rm -rf lib && rm -rf assets && rm -rf scss",
+        "clean": "rm -rf es && rm -rf lib && rm -rf assets",
         "prepublishOnly": "npm run build",
-        "build": "../../scripts/prepare-package.sh --scss"
+        "build": "../../scripts/prepare-package.sh --types"
     },
     "devDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^19.2.0",
+        "react-dom": "^18.3.0 || ^19.0.0"
     },
     "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^19.2.0",
+        "react-dom": "^18.3.0 || ^19.0.0"
     },
     "dependencies": {
-        "@babel/runtime": "^7.13.10",
+        "@babel/runtime": "^7.28.6",
         "@folklore/routes": "^0.2.36",
-        "@micromag/core": "^0.3.832",
-        "@micromag/element-badge": "^0.3.832",
-        "@micromag/element-scroll": "^0.3.832",
-        "@micromag/element-share-options": "^0.3.832",
-        "@micromag/element-webview": "^0.3.832",
-        "@micromag/elements": "^0.3.832",
-        "@micromag/intl": "^0.3.832",
-        "@micromag/screens": "^0.3.832",
-        "@react-spring/core": "^9.6.1",
-        "@react-spring/web": "^9.6.1",
+        "@micromag/core": "^0.4.6",
+        "@micromag/element-badge": "^0.4.6",
+        "@micromag/element-scroll": "^0.4.6",
+        "@micromag/element-share-options": "^0.4.6",
+        "@micromag/element-webview": "^0.4.6",
+        "@micromag/elements": "^0.4.6",
+        "@micromag/intl": "^0.4.6",
+        "@micromag/screens": "^0.4.6",
+        "@react-spring/core": "^10.0.3",
+        "@react-spring/web": "^10.0.3",
         "@use-gesture/react": "^10.3.0",
         "classnames": "^2.2.6",
         "detect-pointer-events": "^1.0.2",
-        "lodash": "^4.17.21",
-        "prop-types": "^15.7.2",
+        "lodash": "^4.17.23",
         "query-string": "^9.1.1",
         "react-focus-lock": "^2.11.2",
         "react-helmet": "^6.1.0",
-        "react-intl": "^6.6.4",
+        "react-intl": "^8.1.3",
         "react-share": "^5.1.0",
         "wolfy87-eventemitter": "^5.2.9",
         "wouter": "^3.0.0"
@@ -91,5 +88,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "4969d64e304334cfd47321e624e5914e0694c55f"
+    "gitHead": "cf8440c2851b864167a1f545aa56551d55473263",
+    "types": "es/index.d.ts"
 }

package/scss/styles.scss

@@ -1 +0,0 @@
-@import '~@micromag/viewer/assets/css/styles.css';