@micromag/viewer-build 0.4.4 → 0.4.6

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 (11) hide show
  1. package/build/asset-manifest.json +6 -6
  2. package/build/index.html +1 -1
  3. package/build/static/css/main.a167a759.css +4 -0
  4. package/build/static/js/677.23822958.js +2 -0
  5. package/build/static/js/{823.bee52752.js.LICENSE.txt → 677.23822958.js.LICENSE.txt} +2 -2
  6. package/build/static/js/main.8d13342c.js +2 -0
  7. package/package.json +6 -6
  8. package/build/static/css/main.e3d2b0d6.css +0 -4
  9. package/build/static/js/823.bee52752.js +0 -2
  10. package/build/static/js/main.6e2313c8.js +0 -2
  11. /package/build/static/js/{main.6e2313c8.js.LICENSE.txt → main.8d13342c.js.LICENSE.txt} +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/viewer-build",
3
- "version": "0.4.4",
3
+ "version": "0.4.6",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [
@@ -44,13 +44,13 @@
44
44
  "access": "public",
45
45
  "registry": "https://registry.npmjs.org/"
46
46
  },
47
- "gitHead": "04b8519c3a3ddace5a21497e22faa11865d57f6d",
47
+ "gitHead": "cf8440c2851b864167a1f545aa56551d55473263",
48
48
  "devDependencies": {
49
49
  "@folklore/cli": "^0.0.50",
50
- "@micromag/core": "^0.4.4",
51
- "@micromag/elements": "^0.4.4",
52
- "@micromag/screens": "^0.4.4",
53
- "@micromag/viewer": "^0.4.4",
50
+ "@micromag/core": "^0.4.6",
51
+ "@micromag/elements": "^0.4.6",
52
+ "@micromag/screens": "^0.4.6",
53
+ "@micromag/viewer": "^0.4.6",
54
54
  "lodash-webpack-plugin": "^0.11.6",
55
55
  "react": "^19.2.0",
56
56
  "react-dom": "^18.3.0 || ^19.0.0"
package/build/static/css/main.e3d2b0d6.css DELETED
@@ -1,4 +0,0 @@
1
- .container .seekButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;height:100%;left:0;padding:0;position:absolute;top:0;-ms-touch-action:none;touch-action:none;width:100%}.container .wave{height:150px}.container .wave.withAutoHeight{height:100%}.container{height:100px;-ms-touch-action:pan-y;touch-action:pan-y}.container .button,.container .canvasBackground,.container .canvasProgress{height:100%;left:0;position:absolute;top:0;width:100%}.container .button{-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}.container .image{margin-right:10px;max-width:35px}.container .right{-ms-flex-positive:1;flex-grow:1}.container .collaborator .collaboratorText{font-size:inherit}.container:focus video,.container:focus-within video{border:3px solid #f3f}.layer,.layers,.video,.videoContainer{height:100%;left:0;position:absolute;top:0;width:100%}.layer,.layers{z-index:0}.right .background{left:auto;right:0}.bottom .background{bottom:0;top:auto}.container{border:1px solid var(--mm-gray-500);border-radius:100px;color:var(--mm-gray-500);padding:4px 10px}.container .label{display:-ms-inline-flexbox;display:inline-flex}.container .label *{display:inline}.container .label style{display:none!important}.container{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;background-clip:padding-box;background-color:hsla(0,0%,100%,.1);border:0;border-radius:0;color:inherit;cursor:pointer;font-family:inherit;padding:5px 10px}.container:focus-visible{-webkit-box-shadow:0 0 2px 0 #fff!important;box-shadow:0 0 2px 0 #fff!important;-webkit-box-shadow:0 0 2px 0 var(--micromag-focus-color,#fff)!important;box-shadow:0 0 2px 0 var(--micromag-focus-color,#fff)!important;outline:2px solid #000!important}.container.disabled,.container:disabled{cursor:auto}.container.rich{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:10px}.container.rich.layoutLabelBottom{-ms-flex-direction:column;flex-direction:column}.container.rich.layoutLabelTop{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.container.rich.layoutNoLabel{-ms-flex-direction:row;flex-direction:row}.container.rich.layoutLabelLeft{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.container.rich.layoutLabelRight{-ms-flex-direction:row;flex-direction:row}.container.rich.layoutLabelOver{position:relative}.container.rich.layoutLabelOver .text{background:-webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.7)),to(transparent));background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);bottom:0;left:0;padding:10px;position:absolute;right:0}.container.rich.textFullWidth .text{width:100%}.emptyButton{padding:10px 5px}.border{display:block}.visual{overflow:auto;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0}.video{position:relative!important}@-webkit-keyframes appear{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes appear{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.container{opacity:1;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;z-index:100}.container .arrow{-webkit-animation:upAndDown .5s ease-in-out infinite alternate;animation:upAndDown .5s ease-in-out infinite alternate;display:block;margin:0 auto 3px}.container .button{background-color:rgba(0,0,0,0);display:block;margin:0 auto;padding:5px 10px;-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}.container .button.withoutLinkStyle{-webkit-text-decoration:none;text-decoration:none}.container .button:hover{-webkit-text-decoration:none;text-decoration:none}.container .button:focus{-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)}.container .label{-ms-flex-pack:center;justify-content:center}.container .icon{display:block}.container .text *{display:inline}.container .selfTargetLink{display:none}.container .leavingFrame{-webkit-animation:appear .5s ease both;animation:appear .5s ease both;background-color:#fff;height:100vh;left:0;opacity:0;position:fixed;top:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:100vw}.container.animationDisabled .arrow{-webkit-animation:none;animation:none}.container.invalidUrl{opacity:.5;pointer-events:none}.container.invalidUrl .arrow{-webkit-animation:none;animation:none}.container.withMargin{margin-bottom:5px}.container .label{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin-bottom:0}.container .input{margin-right:5px}.container{text-align:center}.container .captions{background-color:var(--mm-black);color:var(--mm-white);display:inline-block;padding:5px;word-break:break-word}.container .items{height:100%;-ms-flex-align:stretch;align-items:stretch}.container .cross,.container .items{display:-ms-flexbox;display:flex;position:relative}.container .axis{position:relative}.container{-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity .5s var(--mm-ease-in-out-sine);transition:opacity .5s var(--mm-ease-in-out-sine)}.container.fade{opacity:.25}.container p{margin:0;padding:0}.container{line-height:1}.container .img{display:block;pointer-events:none;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container .showEmpty{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);height:200px;margin:5px auto;width:300px}.inner{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.slot{position:relative}.container{-ms-flex-direction:column;flex-direction:column}.container .horizontal{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.container.fullscreen{left:0;position:absolute;top:0}.container,.container .map,.container.fullscreen{height:100%;width:100%}.container.preventScroll .map div{cursor:default}.container{left:0;margin:0 auto;min-height:inherit;position:absolute;top:0}.container>.scrollable{height:100%;left:0;min-height:inherit;overflow-x:hidden;overflow-y:auto;overflow:hidden auto;position:absolute;top:0;width:100%;-ms-scroll-chaining:none;overscroll-behavior:contain;scrollbar-width:none}.container>.scrollable::-webkit-scrollbar{display:none}.container .arrowContainer{bottom:0;height:5rem;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .3s ease;transition:opacity .3s ease;width:100%;z-index:3}.container .arrow{-webkit-animation:upAndDown .75s alternate infinite var(--mm-ease-in-out-soft-sine);animation:upAndDown .75s alternate infinite var(--mm-ease-in-out-soft-sine);color:var(--mm-white);display:inline-block;height:auto;position:relative;top:1rem;width:1rem;z-index:3}.container .arrow path{stroke:var(--mm-black);stroke-width:20}.container.withArrow>.arrowContainer{opacity:1}.container.withShadow>.arrowContainer:after{background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(28,28,28,0)),to(rgba(28,28,28,.85)));background-image:linear-gradient(180deg,rgba(28,28,28,0),rgba(28,28,28,.85));content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.container.top>.scrollable>.scrollee{margin-bottom:auto}.container.middle>.scrollable{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.container.middle>.scrollable>.scrollee{margin:auto 0}.container.bottom>.scrollable{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.container.bottom>.scrollable>.scrollee{margin-top:auto}.container.disabled>.scrollable{overflow:visible;position:static}.container.disabled>.scrollable>.scrollee{margin:0}@-webkit-keyframes upAndDown{0%{-webkit-transform:translateY(-30%);transform:translateY(-30%)}to{-webkit-transform:translateY(30%);transform:translateY(30%)}}@keyframes upAndDown{0%{-webkit-transform:translateY(-30%);transform:translateY(-30%)}to{-webkit-transform:translateY(30%);transform:translateY(30%)}}.box{display:inline-block;position:relative}.tip{bottom:100%;height:auto;left:20px;position:absolute;width:30px}.item+.item{margin-top:.5rem}.button{display:inline-block;display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;background-color:transparent;border:0;color:inherit;color:var(--mm-white);cursor:pointer;font-family:inherit;font-size:1rem;font-weight:400;justify-content:center;padding:0;-webkit-text-decoration:none;text-decoration:none;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%;-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);transition:transform .3s var(--mm-ease-out-ramp),-webkit-transform .3s var(--mm-ease-out-ramp)}@media (hover:hover){.button:hover .icon,.button:hover .label{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);-webkit-transition:-webkit-transform .3s var(--mm-ease-in-yo);transition:-webkit-transform .3s var(--mm-ease-in-yo);transition:transform .3s var(--mm-ease-in-yo);transition:transform .3s var(--mm-ease-in-yo), -webkit-transform .3s var(--mm-ease-in-yo);transition:transform .3s var(--mm-ease-in-yo),-webkit-transform .3s var(--mm-ease-in-yo)}}.button:active .icon,.button:active .label,.button:focus .icon,.button:focus .label{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);-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);transition:transform .3s var(--mm-ease-in-kickback),-webkit-transform .3s var(--mm-ease-in-kickback)}.button: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)}.icon{display:block;position:relative;-ms-flex-negative:0;flex-shrink:0}.icon,.spacer{height:100%;width:45px}.icon,.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);transition:transform .3s var(--mm-ease-out-ramp),-webkit-transform .3s var(--mm-ease-out-ramp)}.label{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;font-size:inherit;justify-content:center;line-height:1;padding:.25rem;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.label,.labelText{margin-left:.25em;margin-right:.25em}.labelText{-ms-flex-negative:0;flex-shrink:0}.container{-ms-flex-positive:1;flex-grow:1}.container.hasSize{-ms-flex-positive:0;flex-grow:0}.container p{font-weight:inherit}.container.showEmpty{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);display:inline-block;height:80px;width:300px}.container.withLineClamp{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.container{font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0}.container em,.container i{font-style:italic}.container b,.container strong{font-weight:700}.container p{margin-bottom:.5em;margin-top:.5em}.container mark{-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0}.container h2{font-size:2em}.container h3{font-size:1.75em}.container h4{font-size:1.5em}.container blockquote{padding:0 0 0 1em}.container img{display:block;height:auto;max-width:100%;width:auto}.element{background-color:hsla(0,0%,100%,.1);border:0;outline:0}.container{display:inline-block;z-index:1}.container.shapeCircle .shape{background-color:#fff;background-position:top;border-radius:50%;overflow:hidden}.container .shape{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;-webkit-box-shadow:0 0 4px rgba(0,0,0,.2);box-shadow:0 0 4px rgba(0,0,0,.2);display:block;height:0;padding-bottom:100%;width:100%}.container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;color:#222;font-family:Agrandir,sans-serif;vertical-align:center}.container .image{max-width:4em;min-width:2.2em}.container .link{color:#222;display:inline-block;-webkit-text-decoration:none;text-decoration:none}.container .right{display:block}.container .name,.container .prefix{min-height:20px}.container .collaborator,.container .name,.container .prefix{background-color:#efefef;font-family:Agrandir,sans-serif;font-size:10px;letter-spacing:.04em;line-height:1;white-space:nowrap}.container .name{border-bottom-right-radius:40px;border-top-right-radius:40px;font-weight:700;line-height:1;margin-left:-7px;padding:6px 8px 3px 13px;text-transform:uppercase}.container .name p{display:inline;font-size:inherit;font-weight:inherit;margin:0;text-transform:inherit}.container .collaborator{background-color:transparent;color:var(--mm-white);padding-top:2px;position:absolute}.container .collaborator .collaboratorText{font-size:.9em;line-height:1;padding-left:7.3px}.container .collaborator .collaboratorText p{display:inline;font-size:inherit;line-height:inherit}.container .prefix{border-bottom-left-radius:40px;border-top-left-radius:40px;margin-right:-5px;padding:6px 12px 3px 8px}.container.isSmall{font-size:9px}.container.isSmall .name,.container.isSmall .prefix{font-size:9px;white-space:normal}.container.isSmall .image{max-width:2.2em}.container.withoutImage .name{margin-left:0;padding-left:0}.container.withoutImage .prefix{margin-right:0;padding-right:.4em}.container.withoutBackground .collaborator,.container.withoutBackground .name,.container.withoutBackground .prefix{background-color:transparent}.container .media{display:block;width:100%}.container .spinner{height:100%;height:32px;left:0;left:50%;margin-left:-16px;margin-top:-16px;position:absolute;top:0;top:50%;width:100%;width:32px}.container.withSize .media{height:100%;left:0;position:absolute;top:0;width:100%}.container{overflow:hidden}.container .videoContainer{overflow:hidden;position:absolute}.container .videoTag{pointer-events:auto}.container .videoTouchOverlay{bottom:0;left:0;position:absolute;right:0;top:0}.container{height:100%;position:relative;width:100%}.container .iframe{display:block;height:100%;width:100%}.container .top{display:-ms-flexbox;display:flex;left:0;position:absolute;right:0;top:0;width:100%;-ms-flex-pack:end;justify-content:flex-end;padding:5px}.container .close,.container .top{-ms-flex-align:center;align-items:center}.container .close{display:inline-block;display:-ms-flexbox;display:flex;height:32px;position:relative;width:32px;-ms-flex-pack:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;color:#222;cursor:pointer;-webkit-filter:invert(100%);filter:invert(100%);font-family:inherit;justify-content:center;padding:0}.container .icon{line-height:1;margin:0;padding:0;width:1em}
2
- .container .emptyAuthor,.container .emptySubtitle,.container .emptyText,.container .emptyTitle{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:10px auto;padding:12px 0 10px;width:100%}.container .emptyDate,.container .emptySurtitle{width:50%;-ms-flex-negative:0;border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);flex-shrink:0;margin:5px auto;padding:4px 0}.container .main.hasText{margin-bottom:30px}.container .visualContainer{height:auto;left:0;position:absolute;top:0;z-index:-1}.container .subtitle,.container .surtitle{font-size:12px;width:100%}.container .subtitle{margin:10px 0 0}.container .date{font-size:12px;text-align:right;width:100%}.container .title{margin:10px 0}.container .author{width:100%}.container .text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container .text blockquote,.container .text h2,.container .text h3,.container .text img,.container .text ol,.container .text p,.container .text ul{margin-bottom:1rem}.container .text blockquote:last-child,.container .text h2:last-child,.container .text h3:last-child,.container .text img:last-child,.container .text ol:last-child,.container .text p:last-child,.container .text ul:last-child{margin-bottom:0}.container .text h2{font-size:2em}.container .text h3{font-size:1.5em}.container .text ol,.container .text ul{list-style-position:inside}.container .text blockquote{border-left:1px solid;padding-left:.5em}.container .topContent{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.container .audio{bottom:50%;left:0;position:absolute;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);width:100%}.container .bottom{left:0;position:absolute;transition:padding .2s ease-out,-webkit-transform .2s ease-out;-webkit-transition:padding .2s ease-out,-webkit-transform .2s ease-out;transition:transform .2s ease-out,padding .2s ease-out;transition:transform .2s ease-out,padding .2s ease-out,-webkit-transform .2s ease-out;width:100%}.container .empty{height:100px;margin:0 auto}.container.isPreview{pointer-events:none}.container .header,.container .layout{position:relative}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.container .emptyInputMessage,.container .emptyInputName,.container .emptySkip,.container .emptySubmit,.container .emptyTitle{margin-bottom:10px;padding:10px}.container .emptyInputMessage{height:100px}.container .title{padding-bottom:20px}.container .interactiveContainer{-webkit-transition-property:height;transition-property:height;-webkit-transition-timing-function:ease;transition-timing-function:ease}.container .form{position:relative}.container .buttonSkip,.container .buttonSubmit,.container .inputMessage,.container .inputName{display:block;padding:4px;width:100%}.container .inputMessage,.container .inputName{margin-bottom:10px}.container .inputMessage{height:100px}.container .buttonSubmit:focus-visible{outline:3px solid var(--mm-purple);outline-offset:4px}.container .buttonSubmit{border:0}.container .buttonSubmit:disabled{opacity:1}.container .buttonSkip:focus-visible{outline:3px solid var(--mm-purple);outline-offset:4px}.container .buttonSkip{border:0;margin-top:20px}.container .buttonSkip.showBack{margin-bottom:20px;margin-top:0}.container .formContent{-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:ease;transition-timing-function:ease}.container .formLoading{-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite;height:40px;left:50%;margin-left:-20px;margin-top:-20px;opacity:0;pointer-events:none;position:absolute;top:50%;-webkit-transition:opacity .25s ease;transition:opacity .25s ease;width:40px}.container .formLoading .loadingIcon{display:block;height:100%;width:100%}.container .contributionsContainer{opacity:0;position:relative;-webkit-transition:opacity .25s ease;transition:opacity .25s ease}.container .contributionsContent{height:0;overflow:hidden;position:absolute;width:100%}.container .contributions{position:relative}.container .contribution{border-bottom:1px solid var(--mm-white);margin-bottom:20px;padding-bottom:20px}.container .contribution:first-child{border-top:1px solid var(--mm-white);padding-top:20px}.container .contribution:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.container.submitting .form{pointer-events:none}.container.submitting .formContent{opacity:.4}.container.submitting .formLoading{opacity:1}.container.submitted .formContent{opacity:0}.container.showContributions .form{display:none}.container.showContributions .contributionsContainer{opacity:1}.container.showContributions .contributionsContent{height:auto;overflow:visible;position:relative}.container.isPlaceholder .inner,.reset{padding:10px}.container{-ms-flex-pack:start;justify-content:flex-start}.container .conversationHeader{font-style:italic;padding-bottom:16px;width:100%}.container .empty{height:200px}.container .title{padding-bottom:16px}.messageContainer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;color:#000;justify-content:flex-start}.messageContainer .message{background-color:#fff;margin:1px 0;max-width:80%;word-wrap:break-word}.messageContainer .message>:first-child{padding-top:10px}.messageContainer .message.normalLeft{border-radius:1px 15px 15px}.messageContainer .message.inBetweenLeft{border-radius:1px 15px 15px 1px}.messageContainer .message.normalRight{background-color:#58afff;border-radius:15px 1px 15px 15px}.messageContainer .message.inBetweenRight{background-color:#58afff;border-radius:15px 1px 1px 15px}.messageContainer .message.last{margin:1px 0 16px}.messageContainer .messageBody>*{padding-bottom:10px;padding-left:10px;padding-right:10px}.messageContainer .speakerDetails{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;padding-left:10px;padding-right:10px}.messageContainer .speakerDetails.right{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.messageContainer .avatarContainer{height:30px;margin-right:10px;width:30px}.messageContainer .avatarContainer.right{margin-left:10px;margin-right:0}.messageContainer .avatar{border-radius:50%;display:inline-block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.messageContainer .imageContainer{height:100%;padding-bottom:10px;width:100%}.messageContainer.withAnimation .message{-webkit-animation:appear .18s ease forwards;animation:appear .18s ease forwards}.messageContainer.withAnimation .message.normalLeft{-webkit-transform:translate(-300px) scale(.5);-ms-transform:translate(-300px) scale(.5);transform:translate(-300px) scale(.5)}.messageContainer.withAnimation .message.inBetweenLeft{border-radius:1px 15px 15px 1px}.messageContainer.withAnimation .message.normalRight{-webkit-transform:translate(300px) scale(.5);-ms-transform:translate(300px) scale(.5);transform:translate(300px) scale(.5)}.messageContainer.withAnimation .message:first-child{-webkit-animation:appear 0s ease forwards;animation:appear 0s ease forwards}.messageContainer .loadingContainer{color:#fff;display:-ms-flexbox;display:flex}.messageContainer .loading,.messageContainer .loadingContainer{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.messageContainer .loading{background:#fff;border-radius:10px;display:-ms-inline-flexbox;display:inline-flex;margin:5px 0 10px;padding:7px 10px}.messageContainer .loading .dot{-webkit-animation:bounce .35s linear infinite alternate;animation:bounce .35s linear infinite alternate;background:#000;border-radius:50%;height:5px;margin-right:4px;width:5px}.messageContainer .loading .dot:nth-child(2){-webkit-animation-delay:.08s;animation-delay:.08s}.messageContainer .loading .dot:nth-child(3){-webkit-animation-delay:.16s;animation-delay:.16s;margin-right:0}@-webkit-keyframes bounce{0%{opacity:.5;-webkit-transform:translateY(-2px);transform:translateY(-2px)}to{opacity:1;-webkit-transform:translateY(2px);transform:translateY(2px)}}@keyframes bounce{0%{opacity:.5;-webkit-transform:translateY(-2px);transform:translateY(-2px)}to{opacity:1;-webkit-transform:translateY(2px);transform:translateY(2px)}}.messageContainer .loadingSpeakerName{font-size:12px;font-style:italic;margin:0 5px;opacity:.6}.messageContainer.right{-ms-flex-pack:end;justify-content:flex-end}.messageContainer.right .loadingContainer{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.messageContainer:last-child .message.last{margin-bottom:0}.audioMessageContainer{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;position:relative}.audioMessageContainer .playButtonContainer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:3em;width:2em;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center;margin-left:0;margin-right:.5rem}.audioMessageContainer .button{background:transparent;border:0;height:100%;left:0;position:absolute;top:0;width:100%}.audioMessageContainer .audioMessage{height:3em;min-width:7em;-ms-flex-positive:1;flex-grow:1}.audioMessageContainer .icon{height:2em;width:2em}.container .inner{height:100%;left:0;position:absolute;top:0;-webkit-transition:padding-bottom .2s ease-out;transition:padding-bottom .2s ease-out;width:100%}.container .grid{height:100%;position:relative}.container .emptyCaption,.container .emptyImage{margin:5px auto}.container .emptyCaption{margin-top:10px}.container .gridItem{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;position:relative}.container .footer,.container .header{left:0;position:absolute;-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out, -webkit-transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out;width:100%}.container .caption{padding:10px 0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container .emptyCaption,.container .emptyImage{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:10px auto;width:100%}.container .emptyImage{height:200px}.container .emptyCaption{height:50px}.container .image,.container .imageContainer,.container .video{position:relative!important}.container .heading{font-size:1rem;font-weight:400;margin-bottom:.5em}.emptyHeading,.emptyItems{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:10px auto;padding:10px;width:100%}.emptyItems{padding:40px}.items{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.item{border-radius:0;display:block;opacity:0;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;width:100%}.item .itemInner{padding-bottom:.3em}.item .thumbnail{max-width:100%}.sorted .item{opacity:1}.draggable .item{-ms-touch-action:none;touch-action:none}.button{background-clip:padding-box;background-color:hsla(0,0%,100%,.1);display:block;padding:.5em;text-align:center}.button .buttonLabel{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.button .buttonResults{-webkit-animation:fadeIn .2s ease-in-out;animation:fadeIn .2s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;margin-left:auto;padding-left:2em}.button .label{-webkit-transition:text-align .2s ease-in-out;transition:text-align .2s ease-in-out}.isEmpty .button{min-height:2em}.valid .button{background:rgba(0,255,0,.4)}.invalid .button{background:rgba(255,0,0,.4)}.resultsVisible .button .label{text-align:left!important}.button.layoutLabelTop{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.button.layoutNoLabel .buttonLabel{display:none}.button.layoutLabelOver{min-height:2em}.button.layoutLabelOver .buttonVisual{position:relative;z-index:1}.button.layoutLabelOver .buttonLabel{background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(28,28,28,0)),to(rgba(28,28,28,.75)));background-image:linear-gradient(180deg,rgba(28,28,28,0),rgba(28,28,28,.75));bottom:0;height:100%;height:auto;left:0;padding:.5em;position:absolute;top:0;top:auto;width:100%;z-index:2}.submitButton{background:#fff;color:#000;margin-top:.3em;padding:.75em}.submitButton:disabled{opacity:.5}.results{-webkit-animation:fadeIn .2s ease-in-out;animation:fadeIn .2s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;margin-top:.3em}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.container .content{position:relative}.container .emptyImage,.container .emptyLegend,.container .emptyText,.container .emptyTitle{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:10px auto;width:100%}.container .emptyImage{height:100%}.container .emptyText{height:80px}.container .emptyLegend{height:50px}.container .imageContainer{position:relative;-ms-flex-positive:1;flex-grow:1}.container .image{height:100%;left:0;position:absolute;top:0;width:100%}.container .placeholderImage{height:100%}.container.isCard .placeholderImage{margin:-10px -10px 0}.container.isCardReverse .placeholderImage{margin:10px -10px 0}.container.isCardReverse .footer{bottom:0;left:0;position:absolute;width:100%}.container.isFullscreen .layout{padding:0}.container.isFullscreen .header{left:0;margin-top:0;position:absolute;top:0;width:100%;z-index:1}.container.isFullscreen .footer{bottom:0;left:0;margin-top:0;position:absolute;width:100%}.container p{font-weight:inherit;margin-bottom:inherit;margin-top:inherit}.background{height:100%}.background,.fixedHeader{left:0;position:absolute;top:0;width:100%}.fixedHeader{display:-ms-flexbox;display:flex;right:0;z-index:50;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:end;justify-content:flex-end;opacity:0;padding:10px;pointer-events:none}.fixedHeader.open{opacity:1;pointer-events:auto}.close{position:relative;-ms-flex-align:center;align-items:center;-webkit-filter:invert(100%);filter:invert(100%)}.closeIcon{border-radius:50%;color:#000;height:25px;padding:0;width:25px}.inner{height:100%;position:relative;z-index:2}.layout{height:100%;-ms-flex-pack:start;justify-content:flex-start;-webkit-transition:padding .2s ease-out;transition:padding .2s ease-out}.subtitle,.title{width:100%}.grid{width:85%}.item{height:100%}.item .button{gap:0}.withSquareItems .item{aspect-ratio:1;height:auto}.button{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;overflow:hidden;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;font-weight:inherit;justify-content:center;padding:0;-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);transition:transform .3s var(--mm-ease-in-kickback),-webkit-transform .3s var(--mm-ease-in-kickback)}.button:focus-visible,.button:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.button:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.button.isEmpty{padding:2px;pointer-events:none}.button.disableHover,.button.isEmpty{cursor:default}.button.disableHover:active,.button.disableHover:hover,.button.isEmpty:active,.button.isEmpty:hover{-webkit-transform:none;-ms-transform:none;transform:none}.button.isLink{-webkit-text-decoration:none;text-decoration:none}.button.isLink:hover{color:inherit}.withSquareItems .button{height:100%;left:0;position:absolute;top:0;width:100%}.button .buttonPlaceholder,.button .imagePlaceholder{margin:0;width:100%}.buttonLabel{padding:5px;width:100%}.empty{margin-bottom:10px;padding:10px}.emptyButtonVisual{margin-bottom:5px;padding:10px 5px}.emptyButtonLabel{margin-bottom:5px;padding:2px 5px}.popupBackdrop{-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background-color:rgba(0,0,0,.2);left:0;pointer-events:none;position:absolute;z-index:2}.popup,.popupBackdrop{height:100%;top:0;width:100%}.popup{-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;position:fixed;right:0;-ms-touch-action:none;touch-action:none;-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);transition:transform .3s var(--mm-ease-in-kickback),-webkit-transform .3s var(--mm-ease-in-kickback);z-index:6}.popup:active,.popup:hover{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.popupButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;height:100%;padding:0;position:relative;text-align:left;-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);transition:transform .3s var(--mm-ease-in-kickback),-webkit-transform .3s var(--mm-ease-in-kickback);width:100%;z-index:3}.popupButton:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.popupScroll{height:100%;width:100%}.popupInner{background-color:var(--mm-black);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:10% 7.5%;overflow:hidden;position:relative;z-index:40}.popupInner.withShadow{-webkit-box-shadow:0 0 2px var(--mm-black);box-shadow:0 0 2px var(--mm-black)}.popupInner .popupContent{font-family:inherit;font-style:inherit;font-weight:inherit;line-height:inherit}.popupInner .popupContent p{font-weight:inherit;margin-bottom:0;margin-top:0}.placeholder{mix-blend-mode:normal}.popupContent,.popupHeading,.popupVisual{width:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;margin-bottom:.5em}.popupHeading{font-weight:inherit;margin-bottom:.25em}.contentSplit .emptyHeading,.contentSplit .popupHeading{-ms-flex-order:1;order:1}.contentSplit .emptyVisual,.contentSplit .popupVisual{-ms-flex-order:2;order:2}.contentSplit .emptyContent,.contentSplit .popupContent{-ms-flex-order:3;order:3}.contentSplit .emptyCTA,.contentSplit .popupCTA{-ms-flex-order:4;order:4}.contentBottom .emptyVisual,.contentBottom .popupVisual{-ms-flex-order:1;order:1}.contentBottom .emptyHeading,.contentBottom .popupHeading{-ms-flex-order:2;order:2}.contentBottom .emptyContent,.contentBottom .popupContent{-ms-flex-order:3;order:3}.contentBottom .emptyCTA,.contentBottom .popupCTA{-ms-flex-order:4;order:4}.popupCTA{margin:0 auto;z-index:2}.container .markerOverlayContainer{background-color:rgba(28,28,28,.4);opacity:0;pointer-events:none;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.container .markerOverlayContainer,.container .markerOverlayScrollable{height:100%;left:0;position:absolute;top:0;width:100%}.container .markerOverlaySafe{display:block;width:100%}.container .markerOverlay{overflow:hidden;width:100%}.container .markerOverlay,.container .markerOverlayContent{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.container .markerOverlayContent{position:relative;-ms-flex-positive:1;background-color:var(--mm-white);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;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.container .markerOverlayContentInner{color:var(--mm-black)}.container .swipeIndicator{border:2px solid var(--mm-gray-500);border-radius:2px;margin:10px auto;width:30px}.container .splash{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;left:0;position:absolute;top:0;width:100%;-ms-flex-pack:center;background-color:rgba(28,28,28,.75);justify-content:center;padding:20px;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.container .splash .description,.container .splash .title{margin:10px 0}.container .splash .button{display:inline-block}.container .splash .emptyButton,.container .splash .emptyDescription,.container .splash .emptyTitle{margin:5px auto;width:100%}.container .splash .emptyTitle{height:50px}.container .splash .emptyDescription{height:80px}.container .splash .emptyButton{height:70px}.container .splashButton{margin-top:10px}.container .closeButton{background-color:rgba(43,43,43,.8);border-radius:50%;display:block;font-size:30px;height:44px;line-height:0;opacity:0;padding:0;pointer-events:none;position:absolute;right:20px;text-align:center;top:20px;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;width:44px}.container .markerDescription,.container .markerImage,.container .markerSubtitle,.container .markerTitle{margin-bottom:20px}.container.hasSelectedMarker .markerOverlayContainer{opacity:1;pointer-events:auto}.container.hasSelectedMarker .markerOverlayContent{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.container.opened .splash{opacity:0;pointer-events:none}.container.opened .closeButton{opacity:1;pointer-events:all}.container,.items{position:relative}.emptyAnswer{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);font-size:.75em;height:40px;margin:0 auto;width:100%}.item{margin:0;padding:0;position:relative;-webkit-transition:opacity .6s ease-out;transition:opacity .6s ease-out}.isPlaceholder .item{padding:1px 0}.item.userAnswer{opacity:1!important}.item.otherAnswer{opacity:.6!important}.item.withoutOpacity{opacity:1!important}.button:focus-visible{outline:3px solid var(--mm-purple);outline-offset:4px}.button{color:var(--mm-white);padding:10px;position:relative;width:100%}.button:disabled{opacity:1}.withIcon .button{padding-left:42px;padding-right:42px}.withSquareItems .button{aspect-ratio:1}.resultIcon{display:-ms-flexbox;display:flex;height:34px;left:5px;position:absolute;top:50%;width:34px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background-color:var(--mm-red);border:2px solid var(--mm-black);border-radius:50%;justify-content:center;margin-top:-18px;opacity:0;padding:5px;-webkit-transition:opacity .15s ease;transition:opacity .15s ease}.answered .resultIcon{opacity:1}.rightAnswer .resultIcon{background-color:var(--mm-green)}.resultIcon .faIcon{display:block;height:24px}.itemContent{padding:5px 0}.container .question{margin-bottom:10px}.container .index{display:block;margin-bottom:1em;text-align:center;width:100%}.container .resultContent{padding:20px 0}.container .result{opacity:0;pointer-events:none;position:absolute;-webkit-transition:opacity .5s ease;transition:opacity .5s ease;-webkit-transition-delay:.3s;transition-delay:.3s}.container .emptyQuestion,.container .emptyResult{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:0 auto;width:100%}.container .emptyQuestion{height:60px;margin-bottom:10px}.container .emptyResult{height:100px}.container.resultVisible .result{opacity:1;pointer-events:all;position:relative}.container.resultHidden .result{opacity:0;pointer-events:none;position:absolute}.container.resultHidden .result .resultContent{padding:0}.container.isPlaceholder .index{color:hsla(0,0%,100%,.6);font-size:8px;mix-blend-mode:difference}.container.disabled{pointer-events:none}.points{color:var(--mm-white);padding:10px;z-index:1000}.layout,.points{left:0;position:absolute;top:0}.layout{bottom:0;right:0}.header{-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.header.disabled{opacity:0;pointer-events:none}.footer{-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;width:100%}.footer a{padding:0}.footer.disabled{opacity:0;pointer-events:none}.transition{bottom:0;left:0;position:absolute;right:0;top:0}.intro,.nextButton,.question,.results{overflow:hidden}.nextButton:focus-visible{outline:3px solid var(--mm-purple);outline-offset:4px}.nextButton{color:var(--mm-white);padding:10px;position:relative;width:100%}.nextButton:disabled{opacity:1;pointer-events:none}.withIcon .nextButton{padding-left:42px;padding-right:42px}.container .title{margin-bottom:10px}.container .emptyDescription,.container .emptyTitle{margin:0 auto}.container .description,.container .title{margin-bottom:10px}.container .emptyDescription,.container .emptyTitle{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:0 auto 10px;width:100%}.container .emptyTitle{height:60px}.container .emptyDescription{height:100px}.container.isPlaceholder{padding:10px}.container .emptyAuthor,.container .emptyQuote{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:10px auto;width:100%}.container .emptyQuote{height:200px}.container .emptyAuthor{height:50px}.container .quote{font-size:2em}.container .quote.withMargin{margin-bottom:1em}.container .emptyTitle{min-width:100%}.container .item{padding:10px 0}.container .item:first-child{padding-top:0}.container .rankText{font-size:48px}.container .description,.container .itemTitle{padding:8px 0}.container.sideLayout .elementsContainer{display:table;width:100%}.container.sideLayout .item{display:table-row;padding:0}.container.sideLayout .label,.container.sideLayout .rank{display:table-cell;padding:10px 0;vertical-align:top}.container.sideLayout .rank{padding-right:20px}.container.isPlaceholder .rank{color:hsla(0,0%,100%,.6);font-size:16px;mix-blend-mode:difference;text-align:left}.container.isPlaceholder .scroll{padding:5px}.container.isPlaceholder .description,.container.isPlaceholder .itemTitle{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding:0}.container.isPlaceholder.sideLayout .rank{padding-right:4px;padding-top:8px;width:24px}.container.isPlaceholder.sideLayout .label{padding:5px 0}.container .heading{margin-bottom:10px}.layout{overflow-x:hidden;overflow-y:auto;overflow:hidden auto;padding:10px;scrollbar-width:none}.layout::-webkit-scrollbar{display:none}.shareOptions.isCentered{-ms-flex-pack:center;justify-content:center}.shareButton{display:-ms-flexbox;display:flex;width:100%}.emptyHeading,.emptyOptions{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:10px auto;padding:10px;width:100%}.emptyOptions{padding:40px}.header{z-index:1}.footer,.header{left:0;margin-top:0;position:absolute;width:100%}.container .inner,.container .placeholder{height:100%;left:0;position:absolute;top:0;width:100%}.container .caption{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.container .header{z-index:2}.container .question{margin-bottom:20px}.container .answers,.container .items{position:relative}.container .header{-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.container .header.disabled{opacity:0;pointer-events:none}.container .footer{bottom:0;left:0;position:absolute;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;width:100%}.container .footer a{padding:0}.container .footer.disabled{pointer-events:none}.container .item{padding:5px 0}.container .item:first-child .placeholderAnswer{width:80%}.container .item:last-child .placeholderAnswer{width:90%}.container .itemContent{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.container .resultBar{background-color:hsla(0,0%,100%,.2);height:100%;left:0;position:absolute;top:0}.container .resultLabel{color:var(--mm-white);padding:0 8px;position:absolute;right:0;text-align:right;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:4em;z-index:1}.container .resultText{margin-top:10px}.container .itemInner{width:100%}.container .button{display:-ms-flexbox;display:flex;overflow:hidden;padding:10px;position:relative;-webkit-transition:opacity .5s ease-out;transition:opacity .5s ease-out;width:100%}.container .button:disabled{opacity:1;pointer-events:none}.container .itemLabel{width:100%}.container .itemLabel,.container .itemText{display:inline-block;transition:margin-left .3s ease-out,-webkit-transform .3s ease-out;-webkit-transition:margin-left .3s ease-out,-webkit-transform .3s ease-out;transition:margin-left .3s ease-out,transform .3s ease-out;transition:margin-left .3s ease-out,transform .3s ease-out,-webkit-transform .3s ease-out}.container .itemText{position:relative;z-index:1}.container .emptyAnswer,.container .emptyQuestion{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:0 auto;width:100%}.container .emptyQuestion{height:75px}.container .emptyAnswer{height:50px}.container .userAnswer .button,.container .userAnswer .result,.container .userAnswer .resultLabel{opacity:1!important}.container .input{margin:5px 0;position:relative}.container .input.disabled{opacity:.5}.container .input.disabled .confirm,.container .input.disabled .textInput{background:transparent}.container .input.selected{opacity:1!important}.container .input.selected .confirm,.container .input.selected .submit{opacity:0}.container .input.filled .confirm,.container .input.filled .submit,.container .input.focused .confirm,.container .input.focused .submit{opacity:1}.container .input.multiline .textInput{min-height:80px}.container .input.multiline .confirm{bottom:auto}.container .textInput{color:var(--mm-white);display:-ms-flexbox;display:flex;line-height:inherit;margin:0;overflow:hidden;padding:10px calc(10px + 2em);position:relative;text-align:center;transition:margin-left .3s ease-out,opacity .5s ease-out,-webkit-transform .3s ease-out;-webkit-transition:margin-left .3s ease-out,opacity .5s ease-out,-webkit-transform .3s ease-out;transition:margin-left .3s ease-out,transform .3s ease-out,opacity .5s ease-out;transition:margin-left .3s ease-out,transform .3s ease-out,opacity .5s ease-out,-webkit-transform .3s ease-out;width:100%;z-index:0}.container .confirm{background-color:transparent;bottom:0;opacity:0;padding:10px;position:absolute;right:0;top:0;-webkit-transition:opacity .15s ease-out;transition:opacity .15s ease-out;z-index:1}.container .confirm .icon{height:10px;margin:0 auto;width:10px}.container .confirm.disabled .icon{opacity:.5}.container .submit{margin-top:10px;opacity:0;padding:10px;position:absolute;top:100%;-webkit-transition:opacity .15s ease-out;transition:opacity .15s ease-out;z-index:1}.container.answered{line-height:1}.container.answered .resultContainer{padding-left:15px;padding-right:50px}.container.answered .resultContent{opacity:1;width:100%}.container.answered .button{background-color:transparent;border-color:transparent}.container.answered .button,.container.answered .result,.container.answered .resultLabel{opacity:.6}.container.answered .itemLabel{margin-left:0;margin-right:0}.container.answered .textInput{padding:10px;pointer-events:none}.container.answered.withPercentage .itemText{-webkit-transform:translate(-2em);-ms-transform:translate(-2em);transform:translate(-2em)}.container.answered.withPercentage .textInput{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.container.answered.withBar .itemLabel,.container.answered.withBar .textInput,.container.answered.withPercentage .itemLabel,.container.answered.withPercentage .textInput{text-align:left}.container.withPercentage .itemLabel{margin-left:2em;margin-right:2em}.container.inputFocused .answers,.container.inputFocused .question{opacity:.5}.container.isPlaceholder .item{padding:1px 0}.reset{background-color:transparent;border:0;padding:10px;position:absolute;right:0;top:0;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;transition:opacity .15s ease-out,-webkit-transform .15s ease-out;-webkit-transition:opacity .15s ease-out,-webkit-transform .15s ease-out;transition:opacity .15s ease-out,transform .15s ease-out;transition:opacity .15s ease-out,transform .15s ease-out,-webkit-transform .15s ease-out;z-index:1000}.reset:hover{border:0;opacity:.8}.reset:hover:active{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.container .emptyText,.container .emptyTitle{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:10px auto;width:100%}.container .emptyText{height:50px}.container .title.withMargin{margin-bottom:20px}.container .empty{margin:5px 10px 5px auto}.container .emptyTitle{width:100%}.container .item{position:relative}.container .element{display:-ms-flexbox;display:flex}.container .element.hidden .body{display:none;visibility:hidden}.container .timeline{-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:15px;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;padding-right:20px}.container .line{width:1px;-ms-flex-positive:1;flex-grow:1}.container .line.hidden{width:auto}.container .bullet{border-style:solid;border-width:1px;height:15px;margin:2px 0;width:15px}.container .body{-ms-flex-positive:1;flex-grow:1}.container .description,.container .imageContainer,.container .title{padding:8px 0}.container .image,.container .imageContainer,.container .video{position:relative}.container .imageContainer{overflow:hidden}.container .callToAction{bottom:0;left:0;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;width:100%}.container .callToAction a{padding:0}.container .callToAction.disabled{opacity:0;pointer-events:none}.container.isPlaceholder .scroll{padding:10px}.container.isPlaceholder .timeline{padding-right:0}.container.isPlaceholder .bullet{background-color:hsla(0,0%,100%,.6);border-color:hsla(0,0%,100%,.6);height:10px;mix-blend-mode:difference;width:10px}.container.isPlaceholder .description,.container.isPlaceholder .imageContainer,.container.isPlaceholder .title{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;-ms-flex-pack:center;justify-content:center;padding:2px 0}.container.isPlaceholder .line{background-color:hsla(0,0%,100%,.6);mix-blend-mode:difference}.container.circleBulletShape .bullet{border-radius:50%}.container.withoutLines .timeline{visibility:hidden}.container .emptyDescription,.container .emptySubtitle,.container .emptyTitle{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:10px auto;width:100%}.container .emptyTitle{height:100px}.container .emptyDescription,.container .emptySubtitle{height:50px}.container .subtitle.withMargin,.container .title.withMargin{margin-bottom:.2em}.container .box{padding:.5em}.container.isPlaceholder .box{border:2px solid hsla(0,0%,100%,.5);mix-blend-mode:difference}.container.isPlaceholder .articleContent{background-color:transparent;background-color:var(--mm-gray-900);height:35%;margin:5px auto;width:80%}.container.isPlaceholder .visual{height:50%;position:relative;width:80%;-ms-flex-positive:1;flex-grow:1;margin:5px auto}.container.isVideo .visual{height:100%;left:0;position:absolute;top:0;width:100%}.container.isVideo .articleContent{position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;background-color:transparent;justify-content:flex-end;margin-bottom:70px}.container.isVideo .articleContent .description,.container.isVideo .articleContent .title{color:#fff;text-shadow:0 0 6px #222}.container.isVideo .articleContent .sponsors{margin-top:0}.container.isVideo .callToAction{position:absolute}.placeholder{background-color:var(--mm-gray-600);display:block}.emptyContainer{height:0;margin-bottom:10px;padding-bottom:20%;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);width:100%}.emptyContainer.small{padding-bottom:15%}.empty{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);height:100%;left:0;margin:0;position:absolute;top:0;width:100%}.background{position:absolute;z-index:1}.video{left:0;position:absolute;top:0}.content,.video{height:100%;width:100%}.content{position:static;z-index:2}.articleContent,.content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.articleContent{width:100%;z-index:3;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;color:#222;justify-content:center;text-align:center}.articleContent .authors,.articleContent .description,.articleContent .overTitle,.articleContent .title{padding:3px 20px}.articleContent .overTitle{border-bottom:1px solid;font-family:Agrandir Tight,sans-serif;font-size:10px;font-weight:700;margin-bottom:10px;padding:30px 0 2px;text-transform:uppercase}.articleContent .title{font-family:GarageGothic-Bold,sans-serif;font-size:36px;line-height:.88;text-transform:uppercase}.articleContent .description{padding:6px 20px 12px}.articleContent .lede{font-family:Agrandir,sans-serif;line-height:1.1}.articleContent .lede p{font-weight:inherit;margin:0}.articleContent .authors{margin-bottom:6px}.articleContent .authors.isAboveDescription{margin-bottom:0}.articleContent .sponsors{background-color:#ff0;color:#222;display:inline-block;letter-spacing:.04em;line-height:.7;margin-top:auto;padding:2px 10px 4px;width:100%}.articleContent .sponsors p,.articleContent .sponsors span{line-height:.7}.articleContent .sponsor{display:inline;font-family:Agrandir,sans-serif;font-size:9px;font-weight:400;line-height:.7;text-transform:uppercase}.articleContent.quatre95{background-color:#fff}.articleContent.quatre95 .author{color:#5e79ff}.articleContent.quatre95 .sponsors,.articleContent.urbania{background-color:#ff0;color:#222}.articleContent.urbania .author{color:#222}.articleContent.urbania .sponsors{background-color:#222;color:#ff0}.articleContent.dehors{background-color:#00c693;color:#ffeada}.articleContent.dehors .author{color:#ffeada}.articleContent.universities{background-color:#fff;color:#f33}.articleContent.universities .overTitle{color:#222}.visual{height:100%;z-index:2}.footerContainer{height:100%;left:0;position:absolute;top:0;width:100%;z-index:3}.footer{bottom:0;left:0;padding-bottom:5px;position:absolute;right:0;-webkit-transform:translateZ(0);transform:translateZ(0);vertical-align:middle;z-index:10}.footer .arrow{margin-bottom:5px;opacity:.95}.footer .icon{display:inline-block;margin-right:3px;margin-top:-3px;padding:2px}.footer .button{font-family:Agrandir,sans-serif;font-size:16px}.mediaControls{padding:10px 20px 20px}.header{position:absolute;z-index:4}.bottom{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.bottom.visible{opacity:1}.bottom.withGradient{background:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.4)));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4))}.image{height:100%!important;position:relative!important;width:100%!important}.isCurrent .image{-webkit-animation:slowZoom 15s ease-out 1 forwards;animation:slowZoom 15s ease-out 1 forwards}.img{height:100%!important;left:auto!important;-o-object-fit:cover;object-fit:cover;position:relative!important;top:auto!important;width:100%!important}@-webkit-keyframes slowZoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes slowZoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}.container{position:absolute}.container .background{z-index:1}.container .content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.container .layout{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.container .text{font-family:Agrandir,sans-serif;font-size:1.65em;font-weight:700;padding:0 10px;text-align:center;text-shadow:0 4px 4px rgba(0,0,0,.35);width:100%}.container .text p{font-weight:inherit;margin:0}.container .cardContainer{height:100%;left:0;position:absolute;top:0;width:100%;z-index:5}.container .cardContainer.isPlaceholder{height:45%;left:2.5%;top:55%;width:95%;-ms-flex-item-align:center;align-self:center;background-color:var(--mm-gray-600);border-top-left-radius:1em;border-top-right-radius:1em}.container .card{position:absolute}.container .callToAction{left:50%;opacity:1;position:absolute;text-align:center;top:-33px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:opacity .1s cubic-bezier(.65,0,.35,1);transition:opacity .1s cubic-bezier(.65,0,.35,1)}.container .arrow{-webkit-filter:drop-shadow(0 -1px 3px #000);filter:drop-shadow(0 -1px 3px #000)}.container .ctaText{font-family:Agrandir,sans-serif;font-size:10px;font-weight:500;text-shadow:0 -1px 3px rgba(0,0,0,.35);text-transform:uppercase}.container .cardInner{background-color:#fff;border-top-left-radius:15px;border-top-right-radius:15px;-webkit-box-shadow:0 0 26px rgba(0,0,0,.35);box-shadow:0 0 26px rgba(0,0,0,.35);height:100%;left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:width .2s cubic-bezier(.5,0,.75,0),border-radius .2s cubic-bezier(.5,0,.75,0);transition:width .2s cubic-bezier(.5,0,.75,0),border-radius .2s cubic-bezier(.5,0,.75,0);width:calc(100% - 30px)}.container .pulse{-webkit-animation:pulse 3s cubic-bezier(.68,-.6,.32,1.6) infinite alternate;animation:pulse 3s cubic-bezier(.68,-.6,.32,1.6) infinite alternate;-webkit-animation-delay:1s;animation-delay:1s}.container .dragHandle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;height:100%;left:0;margin-left:15px;padding:0;position:relative;position:absolute;top:0;-ms-touch-action:none;touch-action:none;-webkit-transform:translateZ(0);transform:translateZ(0);width:calc(100% - 30px);z-index:6}.container .dragHandle: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)}.container .close{color:#222;-webkit-filter:invert(100%);filter:invert(100%);opacity:0;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);transition:opacity .2s cubic-bezier(.65,0,.35,1),-webkit-transform .2s cubic-bezier(.65,0,.35,1);-webkit-transition:opacity .2s cubic-bezier(.65,0,.35,1),-webkit-transform .2s cubic-bezier(.65,0,.35,1);transition:transform .2s cubic-bezier(.65,0,.35,1),opacity .2s cubic-bezier(.65,0,.35,1);transition:transform .2s cubic-bezier(.65,0,.35,1),opacity .2s cubic-bezier(.65,0,.35,1),-webkit-transform .2s cubic-bezier(.65,0,.35,1);z-index:7}.container .closeIcon{display:block;-webkit-transform:translateZ(0);transform:translateZ(0)}.container .articlePreview{background-color:#fff;border-top-left-radius:15px;border-top-right-radius:15px;opacity:1;position:relative;text-align:center;-webkit-transition:opacity .2s cubic-bezier(.65,0,.35,1),background-color .2s cubic-bezier(.65,0,.35,1);transition:opacity .2s cubic-bezier(.65,0,.35,1),background-color .2s cubic-bezier(.65,0,.35,1);width:100%;z-index:5}.container .articlePreviewInner{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;padding:20px 10px}.container .articleTitle{color:#000;font-family:Garage Gothic,sans-serif;font-size:24px;margin-bottom:.75rem;text-transform:uppercase}.container .spinnerContainer{left:50%;pointer-events:none;position:absolute;top:20px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:8}.container .spinner{color:#000}.container .iframe{border-top-left-radius:15px;border-top-right-radius:15px;left:50%;opacity:0;position:absolute;scrollbar-width:none;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:border-radius .2s cubic-bezier(.5,0,.75,0),opacity .2s cubic-bezier(.5,0,.75,0);transition:border-radius .2s cubic-bezier(.5,0,.75,0),opacity .2s cubic-bezier(.5,0,.75,0);z-index:4}.container .iframe::-webkit-scrollbar{display:none}.container .placeholder{background-color:var(--mm-gray-600);height:50px;width:50px}.container .empty{border-top-left-radius:2em;border-top-right-radius:2em;height:45%;left:0;position:absolute;top:55%}.container .header{left:0;position:absolute;width:100%;z-index:4}.container .iframeBlocker{bottom:0;display:none;height:100%;left:0;position:absolute;top:0;width:100%}.container .iframeBlocker.active{display:block}.container.articleOpened .cardInner{border-top-left-radius:0;border-top-right-radius:0;width:100%}.container.articleOpened .callToAction{opacity:0}.container.articleOpened .articlePreview{opacity:0;pointer-events:none}.container.articleOpened .iframe{border-top-left-radius:0;border-top-right-radius:0;opacity:1}.container.articleOpened .dragHandle{height:100px}.container.articleOpened .close{opacity:1;pointer-events:all;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}@-webkit-keyframes pulse{0%{-webkit-transform:translate(-50%);transform:translate(-50%)}50%{-webkit-transform:translate(-50%,2%);transform:translate(-50%,2%)}to{-webkit-transform:translate(-50%);transform:translate(-50%)}}@keyframes pulse{0%{-webkit-transform:translate(-50%);transform:translate(-50%)}50%{-webkit-transform:translate(-50%,2%);transform:translate(-50%,2%)}to{-webkit-transform:translate(-50%);transform:translate(-50%)}}.container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;background-color:#1d3af2;border:0;border-radius:10px;-webkit-filter:drop-shadow(0 0 6px rgba(0,0,0,.7));filter:drop-shadow(0 0 6px rgba(0,0,0,.7));padding:5px;-webkit-touch-callout:none;-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);transition:transform .3s var(--mm-ease-in-kickback),-webkit-transform .3s var(--mm-ease-in-kickback);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container:focus-visible,.container:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);z-index:2}.container:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.placeholder{background-color:var(--mm-gray-400);height:30px;margin:1px;width:30px}.thumbnail{max-height:50px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.name{background-color:#fffc00;border-radius:24px;-webkit-box-shadow:0 0 0 2px rgba(255,250,0,.6);box-shadow:0 0 0 2px rgba(255,250,0,.6);color:#222;font-size:12px;font-weight:700;margin-bottom:.4rem!important;padding:2px 5px 0!important;width:100%}.date{color:#fffa00;font-family:Agrandir,sans-serif;font-size:8px}.arrow{display:inline-block;padding-bottom:2px}.emptyText{margin-top:5px;padding:10px;width:100%}.modalButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;height:100%;left:0;padding:0;position:absolute;top:0;-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);transition:transform .3s var(--mm-ease-in-kickback),-webkit-transform .3s var(--mm-ease-in-kickback);width:100%}.modalButton:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.modal{background-color:#0ff;border-radius:22px;-webkit-box-shadow:0 0 4px #010f66;box-shadow:0 0 4px #010f66;color:#1d3af2;margin:52px 18px 30px;padding:10px}.name{font-family:Agrandir Tight,sans-serif;font-weight:900;padding:7px auto 5px}.name,.wordContainer{text-transform:uppercase}.wordContainer{border:1px solid #1d3af2;border-radius:9px;margin-bottom:5px;padding:6px 6px 3px}.wordOfTheWeek{font-family:Agrandir Tight,sans-serif;font-size:8px;font-weight:500;letter-spacing:.03rem;padding-bottom:2px}.word{font-family:Agrandir Narrow,sans-serif;font-size:16px;font-weight:700}.description{font-family:Roboto,sans-serif;font-size:12px;line-height:1.2;padding-bottom:5px}.description p{margin-bottom:1em}.description p:last-child{margin-bottom:0}.illustration{height:auto;margin:0 auto;pointer-events:none;width:75%}.arrow{font-size:20px;padding-right:5px;vertical-align:middle}.container{-ms-touch-action:none;touch-action:none}.layout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;text-align:center}.placeholderGrid{display:grid;grid-gap:5px;gap:5px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr)}.placeholderItem{background-color:var(--mm-gray-600);height:1.5em;width:1.5em}.emptyText,.emptyTitle{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:10px auto;width:100%}.emptyTitle{height:100px}.emptyText{height:50px}.headerContainer{width:280px}.title{color:#0ff;font-family:Agrandir Tight,sans-serif;font-size:48px;font-weight:700;letter-spacing:-1px;text-shadow:-3px -3px 0 #000f66;-webkit-text-stroke:1px #000f66;text-transform:uppercase}.title,.titleImage{-webkit-filter:drop-shadow(0 0 6px rgba(0,0,0,.7));filter:drop-shadow(0 0 6px rgba(0,0,0,.7))}.titleImage{height:auto;width:100%}.titlePlaceholder{background-color:var(--mm-gray-800);padding:10px}.description{color:#0ff;-webkit-filter:drop-shadow(0 0 3px rgba(0,0,0,.7));filter:drop-shadow(0 0 3px rgba(0,0,0,.7));font-family:Agrandir Tight,sans-serif;font-size:18px;font-weight:700;margin-bottom:8px;padding:10px}.description p,.description span{font-weight:700!important}.descriptionPlaceholder{padding:10px 10px 30px}.button{background-color:#fffc00;border-radius:24px;-webkit-box-shadow:0 0 0 6px rgba(255,250,0,.6);box-shadow:0 0 0 6px rgba(255,250,0,.6);padding:8px 15px 4px;-webkit-transition:-webkit-box-shadow .2s var(--mm-ease-in-kickback);transition:-webkit-box-shadow .2s var(--mm-ease-in-kickback);transition:box-shadow .2s var(--mm-ease-in-kickback);transition:box-shadow .2s var(--mm-ease-in-kickback), -webkit-box-shadow .2s var(--mm-ease-in-kickback);transition:box-shadow .2s var(--mm-ease-in-kickback),-webkit-box-shadow .2s var(--mm-ease-in-kickback)}.button:focus-visible,.button:hover{-webkit-box-shadow:0 0 0 12px rgba(255,250,0,.6)!important;box-shadow:0 0 0 12px rgba(255,250,0,.6)!important}.button:active{-webkit-box-shadow:0 0 0 3px rgba(255,250,0,.3);box-shadow:0 0 0 3px rgba(255,250,0,.3)}.buttonLabel{color:#000;font-family:Agrandir Tight,sans-serif;font-size:22px;font-weight:700;letter-spacing:.03rem}.header{left:0;position:fixed;top:0;width:100%;z-index:5;-ms-flex-align:center;align-items:center;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));padding:10px}.buttons,.header{display:-ms-flexbox;display:flex}.buttons{-ms-flex-positive:1;flex-grow:1}.buttons,.close{position:relative;-ms-flex-align:center;align-items:center}.close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;display:-ms-flexbox;display:flex;font-family:inherit;font-weight:700;margin-left:auto;padding:0}.close:focus-visible{-webkit-box-shadow:0 0 2px 0 #fff;box-shadow:0 0 2px 0 #fff;outline:3px solid var(--mm-purple);outline-offset:4px}.signsGridContainer{height:100%;left:0;padding:2.5rem 1rem;position:absolute;top:0;-ms-touch-action:none;touch-action:none;width:100%;z-index:3}.signsGridContainer.isPlaceholder{padding:0}.signs{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}.author{-webkit-filter:drop-shadow(0 0 3px rgba(0,0,0,.7));filter:drop-shadow(0 0 3px rgba(0,0,0,.7));margin:5px auto 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.author,.collaborator{color:#0ff}.authorBackground{background-color:#161719!important}.authorBackground p{font-weight:400!important;text-transform:none!important}.modal{position:fixed;right:0;-ms-touch-action:none;touch-action:none;z-index:4}.backdrop,.modal{height:100%;left:0;top:0;width:100%}.backdrop{background-color:rgba(0,0,0,.75);position:absolute;z-index:1}.backdrop,.backdropVideo{pointer-events:none}.container{-ms-flex-align:start;align-items:flex-start}.container .backgroundTextContainer{display:-ms-flexbox;display:flex;height:100%;left:0;position:absolute;top:0;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.container .backgroundText{color:#f28d77;font-family:Agrandir,sans-serif;font-size:100px;font-style:italic;font-weight:900;height:100%;line-height:.9;text-align:center;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out;white-space:nowrap;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}.container .backgroundText.hidden{opacity:0}.container .backgroundText.didAnimate{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.container .backgroundText.animateFromBottom{-webkit-animation:slideFromBottom 1.2s cubic-bezier(.85,0,.15,1);animation:slideFromBottom 1.2s cubic-bezier(.85,0,.15,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0;-webkit-transform:translateY(100%) rotate(180deg);-ms-transform:translateY(100%) rotate(180deg);transform:translateY(100%) rotate(180deg)}.container .backgroundText.animateFromTop{-webkit-animation:slideFromTop 1.2s cubic-bezier(.85,0,.15,1);animation:slideFromTop 1.2s cubic-bezier(.85,0,.15,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0;-webkit-transform:translateY(-100%) rotate(180deg);-ms-transform:translateY(-100%) rotate(180deg);transform:translateY(-100%) rotate(180deg)}.container .scroll{overflow-y:auto}.container .empty,.container .emptyText{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:5px auto;width:100%}.container .emptyText,.container .emptyVisual{height:50px}.container .emptySponsor,.container .emptyVisual{width:calc(100% - 10px)}.container .emptySponsor{padding:5px}.container .emptyCategory{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);height:20%;left:10px;margin:5px auto;padding:10px;position:absolute;top:calc(100% - 24px);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.container .footer{-webkit-transition:opacity .2 ease-out;transition:opacity .2 ease-out;z-index:1}.container .footer.disabled{opacity:0}.container .close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;color:#000;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative;position:absolute;right:10px;top:10px;z-index:3}.container .closeIcon{height:1.5em;width:1.5em}.container .textCard{background-color:#fff;border-radius:10px;-webkit-box-shadow:4px 4px 4px rgba(0,0,0,.25);box-shadow:4px 4px 4px rgba(0,0,0,.25);color:#000;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;margin:0 auto;-webkit-transition:height .4s cubic-bezier(.36,0,.66,-.56),opacity .4s ease;transition:height .4s cubic-bezier(.36,0,.66,-.56),opacity .4s ease;width:90%}.container .textCard.isPlaceholder{background-color:var(--mm-gray-500)}.container .textCard.appear{-webkit-animation:appear .5s cubic-bezier(.65,0,.35,1);animation:appear .5s cubic-bezier(.65,0,.35,1);-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.container .textCard .visualContainer{border-top-left-radius:10px;border-top-right-radius:10px}.container .textCard.visualBottom,.container .textCard.visualBottom .visualContainer{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.container .textCard.visualBottom .visualContainer{border-radius:0 0 10px 10px}.container .textCard.modalOpened{height:0}.container .textCard.hidden{opacity:0}.container .visualContainer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;max-height:250px;overflow:hidden;width:100%}.container .visualContainer.modalOpened{border-radius:0;overflow:auto}.container .sponsor{background-color:#fffc00;font-family:Agrandir,sans-serif;font-size:10px;line-height:1;padding:5px 10px 3px;text-align:center;width:100%}.container .sponsor.hasVisual{position:absolute}.container .sponsorPlaceholder{padding:10px}.container .visualWrapper{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:rgba(34,34,34,0);height:100%;overflow:hidden;position:relative;width:100%}.container .visualWrapper.modalOpened{display:-ms-flexbox;display:flex;left:50%;position:fixed;top:50%;z-index:2;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background-color:rgba(34,34,34,.9);justify-content:center;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:background-color .4s cubic-bezier(.36,0,.66,-.56),-webkit-backdrop-filter .4s cubic-bezier(.36,0,.66,-.56);-webkit-transition:background-color .4s cubic-bezier(.36,0,.66,-.56),-webkit-backdrop-filter .4s cubic-bezier(.36,0,.66,-.56);transition:background-color .4s cubic-bezier(.36,0,.66,-.56),backdrop-filter .4s cubic-bezier(.36,0,.66,-.56);transition:background-color .4s cubic-bezier(.36,0,.66,-.56),backdrop-filter .4s cubic-bezier(.36,0,.66,-.56),-webkit-backdrop-filter .4s cubic-bezier(.36,0,.66,-.56)}.container .visualButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;display:block;font-family:inherit;margin:0;padding:0;position:relative}.container .visualButton.transitioning{-webkit-transition:-webkit-transform .4s cubic-bezier(.36,0,.66,-.56);transition:-webkit-transform .4s cubic-bezier(.36,0,.66,-.56);transition:transform .4s cubic-bezier(.36,0,.66,-.56);transition:transform .4s cubic-bezier(.36,0,.66,-.56), -webkit-transform .4s cubic-bezier(.36,0,.66,-.56);transition:transform .4s cubic-bezier(.36,0,.66,-.56),-webkit-transform .4s cubic-bezier(.36,0,.66,-.56)}.container .visualButton.disabled{cursor:auto;pointer-events:none}.container .visualButton:hover{-webkit-filter:saturate(1.1);filter:saturate(1.1)}.container .visualButton:hover>.iconContainer{opacity:.8;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.container .iconContainer{bottom:10px;display:-ms-flexbox;display:flex;height:30px;left:10px;position:absolute;width:30px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background-color:#fff;border-radius:50%;-webkit-box-shadow:0 0 2px rgba(0,0,0,.25);box-shadow:0 0 2px rgba(0,0,0,.25);justify-content:center;pointer-events:none;-webkit-transition:all .1s;transition:all .1s}.container .iconContainer.visualBottom{bottom:25px}.container .iconContainer.hidden{display:none;visibility:hidden}.container .icon{height:14px;width:14px}.container .text{display:-ms-flexbox;display:flex;position:relative}.container .categoryContainer{display:-ms-flexbox;display:flex;left:0;overflow:hidden;position:absolute;top:100%;-ms-flex-pack:center;justify-content:center;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;white-space:nowrap}.container .category{font-family:Agrandir Tight,sans-serif;font-size:28px;padding:12px 10px 6px;text-align:center}.container .categoryPlaceholder{background-color:var(--mm-gray-800);padding:10px;width:20%}.container .textContent{margin-left:auto;padding:14px 8px 14px 0;position:relative;width:80%}.container .textContent.isPlaceholder{background-color:var(--mm-gray-200);display:none;margin-left:2px;padding:10px;visibility:hidden}.container .textContent.withoutCategory{padding-left:14px;padding-right:14px;width:100%}.container .category,.container .date,.container .description,.container .location,.container .title{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container .titleContainer{word-wrap:break-word}.container .title{font-family:Agrandir Tight,sans-serif;font-size:1.2rem}.container .date,.container .location{font-family:Agrandir Tight,sans-serif;padding-top:3px}.container .border{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-top:1px solid #000;display:block;height:0;margin:0;padding:0;width:100%}.container .date{font-size:14px}.container .location{font-size:12px;font-weight:700}.container .date p,.container .location p,.container .sponsor p{font-weight:inherit;margin-bottom:0;margin-top:0}.container .description{font-family:Agrandir Tight,sans-serif;font-size:12px;padding-top:3px}.container .description p{font-weight:inherit;margin-bottom:.5em}.container .description p:last-child{margin-bottom:0}.container .descriptionPlaceholder{padding:10px 10px 30px}.container.isPlaceholder .layout{padding:10px}@-webkit-keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes appear{0%{opacity:0}to{opacity:1}}@-webkit-keyframes slideFromBottom{0%{opacity:0;-webkit-transform:translateY(100%) rotate(180deg);transform:translateY(100%) rotate(180deg)}to{opacity:1;-webkit-transform:translateY(0) rotate(180deg);transform:translateY(0) rotate(180deg)}}@keyframes slideFromBottom{0%{opacity:0;-webkit-transform:translateY(100%) rotate(180deg);transform:translateY(100%) rotate(180deg)}to{opacity:1;-webkit-transform:translateY(0) rotate(180deg);transform:translateY(0) rotate(180deg)}}@-webkit-keyframes slideFromTop{0%{opacity:0;-webkit-transform:translateY(-100%) rotate(180deg);transform:translateY(-100%) rotate(180deg)}to{opacity:1;-webkit-transform:translateY(0) rotate(180deg);transform:translateY(0) rotate(180deg)}}@keyframes slideFromTop{0%{opacity:0;-webkit-transform:translateY(-100%) rotate(180deg);transform:translateY(-100%) rotate(180deg)}to{opacity:1;-webkit-transform:translateY(0) rotate(180deg);transform:translateY(0) rotate(180deg)}}.container .empty{height:50px;margin:10px auto;width:100%}.container .itemsContainer{min-width:80%}.container .coinnerntent,.container .itemsContainer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.container .coinnerntent{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.container .videoContainer{overflow:hidden;position:relative}.container .video{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.container .isCustomBackground{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.container .isAnimated{-webkit-animation:spin 9s linear 0ms infinite;animation:spin 9s linear 0ms infinite;-webkit-transform:scale(3);-ms-transform:scale(3);transform:scale(3)}@-webkit-keyframes spin{0%{-webkit-transform:scale(3) rotate(0deg);transform:scale(3) rotate(0deg)}to{-webkit-transform:scale(3) rotate(1turn);transform:scale(3) rotate(1turn)}}@keyframes spin{0%{-webkit-transform:scale(3) rotate(0deg);transform:scale(3) rotate(0deg)}to{-webkit-transform:scale(3) rotate(1turn);transform:scale(3) rotate(1turn)}}.container .heading{background-color:#fff800;border-bottom:1px solid #000;border-top:1px solid #000;color:#000;font-family:Agrandir Wide,sans-serif;font-size:26px;font-weight:800;padding:16px 5px 10px;text-align:center;text-shadow:-2px -2px 0 #fff;text-transform:uppercase;width:320px}.container .heading.hideHeading{display:none}.container .callToAction{padding-bottom:5px}.container .bottom{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.container .bottom.visible{opacity:1}.container .bottom.withGradient{background:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.4)));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4))}.container .placeholder{mix-blend-mode:normal}.container .videoPlaceholder{background-color:var(--mm-gray-500);mix-blend-mode:normal}.container .bottomContent{bottom:0;position:absolute;-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out, -webkit-transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out;width:100%}.container .emptyContainer,.container.fullscreen .image,.container.fullscreen .placeholder{height:100%;left:0;position:absolute;top:0;width:100%}.container .emptyContainer{height:0;padding-bottom:56.25%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.container .empty,.container .inner{height:100%;left:0;position:absolute;top:0;width:100%}.container .inner{overflow:hidden;z-index:1}.container .bottom,.container .header{transition:padding .5s var(--mm-ease-in-out-sine),-webkit-transform .5s var(--mm-ease-in-out-sine);-webkit-transition:padding .5s var(--mm-ease-in-out-sine),-webkit-transform .5s var(--mm-ease-in-out-sine);transition:transform .5s var(--mm-ease-in-out-sine),padding .5s var(--mm-ease-in-out-sine);transition:transform .5s var(--mm-ease-in-out-sine),padding .5s var(--mm-ease-in-out-sine),-webkit-transform .5s var(--mm-ease-in-out-sine)}.container .bottom{z-index:2}.container.fullscreen .image,.container.fullscreen .placeholder,.container.fullscreen .video{height:100%;left:0;position:absolute;top:0;width:100%}.container.fullscreen .emptyContainer{height:100%;padding-bottom:0;top:0;-webkit-transform:none;-ms-transform:none;transform:none}.unmuteAndPlayButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;background-color:transparent;border:0;bottom:0;color:inherit;cursor:pointer;display:inline-block;display:block;font-family:inherit;height:100%;left:0;opacity:0;padding:0;position:relative;position:absolute;right:0;top:0;width:100%;z-index:3}.container{height:100%;overflow:hidden;position:relative;width:100%}.container .background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.container .content{z-index:1}.container .empty{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);height:100%;margin:0}.container .canvas,.container .canvasButton,.container .inner,.container .video{height:100%;left:0;position:absolute;top:0;width:100%}.container .canvasButton{-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;-ms-touch-action:none;touch-action:none}.container .videoContainer{position:absolute}.container .video{visibility:hidden}.container .video video{height:100%}.container .mediaControls{padding:10px 20px 20px}.container .placeholder{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;left:0;position:absolute;top:0;width:100%;-ms-flex-pack:center;justify-content:center}.container .header{top:0;z-index:1}.container .bottom,.container .header{left:0;position:absolute;transition:padding .2s ease-out,-webkit-transform .2s ease-out;-webkit-transition:padding .2s ease-out,-webkit-transform .2s ease-out;transition:transform .2s ease-out,padding .2s ease-out;transition:transform .2s ease-out,padding .2s ease-out,-webkit-transform .2s ease-out;width:100%}.container .bottom{bottom:0}.container .bottom>*{margin-bottom:10px}.container .bottom>:last-child{margin-bottom:0}.container.showVideo .video{visibility:visible}
3
- .container .icon{display:block;position:relative}.container .icon,.container .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);transition:transform .3s var(--mm-ease-out-ramp),-webkit-transform .3s var(--mm-ease-out-ramp)}.container.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}.container.withIcon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.container.withIcon .label{margin-left:.5em;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.container.withIcon .right{margin-left:.5em}.container.withIcon.icon-right .label{-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.container.withIconColumns{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.container.linkDisabled{opacity:.4;pointer-events:none;-webkit-text-decoration:none;text-decoration:none}.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}.container{border-radius:0;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.container .label{opacity:.75}@media (hover:hover){.container:hover .icon{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);transition:opacity .3s var(--mm-ease-in-yo),-webkit-transform .3s var(--mm-ease-in-yo);-webkit-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)}.container:hover .label{opacity:1;-webkit-transition:opacity .3s var(--mm-ease-in-yo);transition:opacity .3s var(--mm-ease-in-yo)}}.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)}.container:active .icon,.container:active .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);transition:transform .3s var(--mm-ease-in-kickback),-webkit-transform .3s var(--mm-ease-in-kickback)}.label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.icon svg{display:block;height:auto;width:1rem}.normal{position:relative}.toggled{left:0;position:absolute;top:0;white-space:nowrap}.heightContainer{overflow:hidden;z-index:2}.backdrop,.heightContainer{height:100%;left:0;position:absolute;top:0;width:100%}.backdrop{-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);background-color:rgba(28,28,28,.75);z-index:1}.container{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;-ms-flex:1 1;flex:1 1;font-family:inherit;padding:0}.container,.container .dot{display:block;position:relative;width:100%}.container .dot{background-color:hsla(0,0%,100%,.45);height:2px;-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);transition:transform .3s var(--mm-ease-in-bump),-webkit-transform .3s var(--mm-ease-in-bump)}.container .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%}.container.vertical .dot{height:100%;width:2px}.container:active .dot,.container:focus-visible .dot{-webkit-transform:scaleY(1.5);-ms-transform:scaleY(1.5);transform:scaleY(1.5)}@media (hover:hover){.container:hover .dot{background-color:var(--mm-white)!important;-webkit-transform:scaleY(1.5);-ms-transform:scaleY(1.5);transform:scaleY(1.5)}}.container{-ms-flex-direction:row;flex-direction:row}.container .dot{margin:0 2px;padding:5px 0 15px}.container .dot:first-child{margin-left:2px}.container .dot:last-child{margin-right:2px}.container.withButtons .dot{padding:10px 0}.container .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}.container .closeButton:focus-visible{outline:3px solid var(--mm-purple);outline-offset:4px}.container .buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:8px;padding-right:2px}.container.vertical{background:transparent}.container.vertical,.container.vertical .items{-ms-flex-direction:column;flex-direction:column}.container.vertical .items{height:100%;width:auto}.container{-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.container,.link{display:-ms-flexbox;display:flex}.link{color:inherit;-webkit-text-decoration:none;text-decoration:none}.text{display:inline-block;font-size:12px;padding:0 10px 0 0;text-align:right}.icon{max-width:140px;width:100%}.container{height:0}.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}.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)}.isCurrent .button{border-color:#fff;border-color:var(--micromag-focus-color,#fff);border-width:.2rem}@media (hover:hover){.isCurrent .button:hover{border:.25rem solid #fff;border:.25rem solid var(--micromag-focus-color,#fff)}}@media (hover:hover){.button:hover{border:.1rem solid #fff;border:.1rem solid var(--micromag-focus-color,#fff)}}.inner{pointer-events:none;z-index:1}.subScreenBadge{bottom:.25rem;font-size:.9rem;font-weight:700;pointer-events:none;position:absolute;right:.25rem;z-index:2}.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}.subScreenIcon{fill:var(--mm-white);height:auto;position:relative;width:1.15rem;z-index:1}.screen{-webkit-animation:intro .5s 50ms 1 forwards var(--mm-ease-in-out-sine);animation:intro .5s 50ms 1 forwards var(--mm-ease-in-out-sine);border-radius:.45rem;overflow:hidden}.container{-ms-flex-direction:column;flex-direction:column}.container.disabled .screenButton{pointer-events:none}.scrollee{min-height:100svh;position:relative;width:100%}.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}.titleContainer{padding:10px 80px;text-align:center;width:100%}.headerContainer{position:relative;width:100%}.badge{border-color:#fff;color:#fff;margin:0 auto 10px}.badge,.title{display:inline-block}.title{font-family:Helvetica,Arial,sans-serif;font-size:24px;margin:0 auto;max-width:500px;text-align:center}.nav{overflow:hidden;position:relative;-ms-flex-positive:1;flex-grow:1;padding:10px}.item,.items{list-style:none;margin:0;padding:0}.items{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:.75rem!important}.item,.items{position:relative}.item{width:33.333%}.inner{padding:2px}.frame{background-color:var(--mm-gray-800);height:0;width:100%}.frame,.screen{border-radius:.45rem}.screen{-webkit-animation:intro 1s 50ms 1 forwards var(--mm-ease-in-out-sine);animation:intro 1s 50ms 1 forwards var(--mm-ease-in-out-sine);-webkit-box-shadow:0 0 2px var(--mm-black);box-shadow:0 0 2px var(--mm-black);content-visibility:auto;opacity:0}.micromagBrandingSeparator{height:65px;width:100%}.micromagBrandingContainer{bottom:0;padding:10px;position:absolute;width:100%}@-webkit-keyframes intro{to{opacity:1}}@keyframes intro{to{opacity:1}}.container{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start}.container .title{font-family:Helvetica,Arial,sans-serif!important;font-size:1.1rem!important;font-weight:700;margin-bottom:.25rem}.cover{overflow:hidden;-ms-flex-negative:0;flex-shrink:0;margin-right:.5rem}.info{white-space:normal}.url{font-size:.75rem;margin:.5rem 0}.container{background-position:50%;background-repeat:no-repeat;background-size:cover;-ms-touch-action:none;touch-action:none}.container.disabled .button{pointer-events:none}.content{max-height:100%;position:relative;-ms-flex-positive:1;flex-grow:1}.scroll{height:100%;left:0;position:absolute;top:0;width:100%}.inner{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0 auto;max-width:500px;padding:10px}.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}.icon{width:1rem}.header{background-color:rgba(0,0,0,.15);border-radius:.5rem;margin:.5rem 0;max-width:600px;padding:.5rem}.mode{margin-top:.5rem}.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}.mode input{animation: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);transition:transform .3s var(--mm-ease-out-ramp),-webkit-transform .3s var(--mm-ease-out-ramp);width:1rem}.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);transition:transform .3s var(--mm-ease-in-kickback),-webkit-transform .3s var(--mm-ease-in-kickback)}.mode input:checked{background-color:var(--mm-white)}.options{margin-bottom:3rem}.container{background-color:var(--mm-black);color:var(--mm-white);font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.1;overflow:hidden}.container *,.container :after,.container :before{-webkit-box-sizing:border-box;box-sizing:border-box}.container address,.container blockquote,.container caption,.container dl,.container figure,.container h1,.container h2,.container h3,.container h4,.container h5,.container h6,.container label,.container legend,.container li,.container ol,.container p,.container pre,.container ul{margin:0;padding:0}.container h1,.container h2,.container h3,.container h4,.container h5,.container h6,.container li,.container p{font-weight:inherit}.container .mark,.container mark{color:inherit}.container.landscape .screensFrame{bottom:0;left:50%;margin:auto;top:0;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}.container.hideMenu .dots,.container.hideMenu .menuNavContainer,.container.hideMenu .menuTopContainer{opacity:0;pointer-events:none}.container.disableMenu .dots,.container.disableMenu .menuNavContainer,.container.disableMenu .menuTopContainer{pointer-events:none}.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}.content:active{cursor:-webkit-grabbing;cursor:grabbing}.withoutGestures .content{cursor:inherit}.ariaAnnouncement{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.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}.accessibilityLinks:focus-visible,.accessibilityLinks:focus-within{opacity:1}.accessibilityLinks .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)}.accessibilityLinks .accessibilityButton:focus,.accessibilityLinks .accessibilityButton:hover{opacity:1}.accessibilityLinks .accessibilityButton.disabled{opacity:.75}.accessibilityLinks .tooltip{font-size:.85rem}.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}.fadeMenu .menuNavContainer{opacity:.25}.menuNavContainer.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))}.fadeMenu .menuNavContainer.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))}.menuNavContainer.isOpened{opacity:1}.menuNavContainer.isOpened .dots{opacity:0;pointer-events:none}.menuNavContainer.isOpened.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))}.menuTopContainer{-webkit-transition:opacity .2s var(--mm-ease-in-out-sine);transition:opacity .2s var(--mm-ease-in-out-sine)}.menuItem,.menuTopContainer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.menuItem{-ms-flex-positive:1;flex-grow:1;font-size:8px;-ms-touch-action:none;touch-action:none}.menuItem:last-child{-ms-flex-pack:end;justify-content:flex-end}.menuButton{font-size:12px;padding:8px 10px}.menuButton:focus-visible{outline:2px solid #fff!important;outline:2px solid var(--micromag-focus-color,#fff)!important;outline-offset:-2px!important}.slidingButton{display:inline-block}.screensMenuButtonToggled{left:auto;right:0}.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}.hideMenu .dots{pointer-events:none}.menuContainer{z-index:3}.menuContainer,.menuPreview,.menuShare{contain:size layout style paint;height:100%;left:0;position:absolute;top:0;width:100%}.menuPreview,.menuShare{z-index:4}.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}.navButton.previous{left:1.5em}.navButton.next{right:1.5em}.navButton:focus-visible{opacity:1}@media screen and (min-width:1024px){.navButton{display:block;opacity:1;pointer-events:all;visibility:visible}}.screensFrame{-ms-touch-action:none;touch-action:none;z-index:1}.screenContainer,.screensFrame{height:100%;left:0;position:absolute;top:0;width:100%}.screenContainer{background-color:var(--mm-gray-800);contain:size layout style paint;display:-ms-flexbox;display:flex}.screenContainer:focus-visible{outline:3px solid var(--mm-purple);outline-offset:4px}.screen{display:none;pointer-events:none}.preload .screen{contain-intrinsic-size:auto 100vw auto 100vh;content-visibility:auto;display:block}.visible .screen{content-visibility:visible;display:block}.current .screen{pointer-events:auto}.playbackControls{bottom:0;left:0;pointer-events:none;position:absolute;width:100%;z-index:2}.navigationHint{right:5%;top:70%;z-index:2}.webView{z-index:10}.shareIncentiveContainer{left:10px;pointer-events:none;position:absolute;top:0;width:calc(100% - 20px);z-index:1}.shareIncentive{display:inline-block;opacity:0;pointer-events:auto;-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);transition:opacity .3s cubic-bezier(.9,0,.2,1),-webkit-transform .3s cubic-bezier(.9,0,.2,1);-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),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)}.shareIncentiveVisible .shareIncentive{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);transition:opacity .3s cubic-bezier(.25,2,.2,1) .5s,-webkit-transform .3s cubic-bezier(.25,2,.2,1) .5s;-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,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}.container{height:100%;position:relative;width:100%}.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)}.navigationHint{position:absolute;right:10%;top:50%}.container{padding:4px 10px}.arrow{width:1rem}.next .arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.previous .arrow{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.inner:after{-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-duration:.8s;animation-duration:.8s;-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%);height:0;padding-bottom:1000%;width:1000%}.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:panX;animation-name: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 panX{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-1rem);transform:translateX(-1rem)}}@keyframes panX{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-1rem);transform:translateX(-1rem)}}.container .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:pulse;animation-name: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}.container .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:panY;animation-name:panY;-webkit-animation-timing-function:ease;animation-timing-function:ease;height:auto;position:relative;width:30px;z-index:2}.container.withoutShadow .inner:after{opacity:0}@media screen and (min-width:1024px){.container{display:none}}.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:shadowFade;animation-name: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 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 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 panY{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes panY{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes 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 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)}}.inner{position:relative;-ms-flex-positive:1;flex-grow:1}.progressBarContainer{height:.16rem;position:relative}.progressBar{background-color:var(--mm-white);opacity:.5}.progress,.progressBar,.track{height:100%;position:absolute;width:100%}.progress,.track{left:0;top:0}.progress{position:relative;-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}.playHead,.progress{background-color:var(--mm-white)}.playHead{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);transition:transform .5s var(--mm-ease-in-bump),-webkit-transform .5s var(--mm-ease-in-bump);width:.75rem}@media (hover:hover){.withSeekHead:hover .playHead{-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}.withSeekHead:focus-within .playHead{-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.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%);transition:opacity .5s var(--mm-ease-in-bump),-webkit-transform .5s var(--mm-ease-in-bump);-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),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}.showTimestamp .scrubbedTime{opacity:1;-webkit-transform:translate(-50%,-.5rem);-ms-transform:translate(-50%,-.5rem);transform:translate(-50%,-.5rem)}.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%)}.withSeekHead .track{display:block}.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)}.container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;pointer-events:none}.container,.muteButton,.playPauseButton{position:relative;-ms-flex-align:center;align-items:center}.muteButton,.playPauseButton{display:inline-block;display:-ms-flexbox;display:flex;z-index:2;-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)}.icon{color:currentcolor;display:block;height:auto;max-height:1.5rem;position:relative;width:1.5rem;z-index:1}.icon.offset{left:.13rem}.spinner{color:currentcolor;display:block;max-height:2rem;position:relative;width:2rem;z-index:1}.spinner.offset{left:-.5rem}.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)}.withPlayPause .playPauseButton,.withSuggestPlay .playPauseButton{opacity:1;pointer-events:auto}.withPlayPause.isCollapsed .playPauseButton{opacity:.25}.playPauseButton.loading{opacity:1}.playPauseButton.hidden{opacity:0}.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)}.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)}.suggest.notPlaying svg{margin-left:2px}.suggest.loading{opacity:1}.suggest.hidden{opacity:0}.muteButton{opacity:0;pointer-events:none}.muteButton.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}.withMute .muteButton{opacity:1;pointer-events:auto}.withSeekBar.withMute.isCollapsed .muteButton{opacity:.25}.withMute.isCollapsed.isMuted .muteButton{opacity:1}.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}.seekBar{bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);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);-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: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}.withSeekBarOnly .seekBar{bottom:0;opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.withSeekBar.withPlayPause .seekBar{bottom:50%;opacity:1;padding:0 3rem;pointer-events:auto;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}.isCollapsed .seekBar,.isCollapsed.withSeekBar .seekBar{bottom:0;padding:0;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);-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: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)}.isCollapsed.withSeekBar .seekBar{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.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)}.withMute .muteButton{position:relative}.withMute .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}.withMute.isCollapsed .muteButton:before{opacity:1}.withMute.withSeekBar .muteButton:before{opacity:0}.withMute.withSeekBar.isCollapsed .muteButton:before{opacity:1}.withMute.withSeekBar.withoutShadow .muteButton:before{opacity:0}.withMute.withoutShadow .muteButton:before{opacity:0}.withPlayPause .playPauseButton{position:relative}.withPlayPause .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}.withPlayPause.isCollapsed .playPauseButton:before{opacity:.5}.withPlayPause.withSeekBar .playPauseButton:before{opacity:0}.withPlayPause.withSeekBar.isCollapsed .playPauseButton:before{opacity:.5}.withPlayPause.withSeekBar.withoutShadow .playPauseButton:before{opacity:0}.withPlayPause.withoutShadow .playPauseButton:before{opacity:0}.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;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:100%;z-index:-1}.withSeekBar.isCollapsed:after{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.withSeekBar.withoutShadow:after{background-image:none}.withSuggestPlay .muteButton,.withSuggestPlay .playPauseButton,.withSuggestPlay .seekBar{opacity:.25!important}.withSuggestPlay .suggest{opacity:1}.container{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;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.container,.container .focusLock{height:100%;width:100%}.container.opened{-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}.container.opened .webView{background-color:var(--mm-gray-800)}.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}
4
- body,html{margin:0;padding:0}#root,body,html{height:100%;width:100%}#root{left:0;position:absolute;top:0}