.media-item-hotspot-player{width:100%;height:100%;position:relative}.media-item-hotspot-player__contain{box-sizing:border-box;width:100%;margin:0 auto;position:relative}.media-item-hotspot-player__contain--enabled{height:100%}.media-item-hotspot-player__contain--disabled{grid-template-rows:100%;grid-template-columns:100%;display:grid}.media-item-hotspot-player__wrapper{align-self:center;width:100%;height:100%;position:relative}.media-item-hotspot-player__action-overlay{position:absolute;inset:0}.media-item-hotspot-player__frame{width:100%;height:100%}.media-item-hotspot-player__placeholder{opacity:1;width:100%;height:100%;transition:opacity .8s cubic-bezier(.215,.61,.355,1)}.media-item-hotspot-player__placeholder--hidden{opacity:0}.media-item-hotspot-player img,.media-item-hotspot-player video,.media-item-hotspot-player__image .media-item-hotspot-player__video{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;width:100%;height:100%}.media-item-hotspot-player__inner{width:100%;height:100%;position:relative}.media-item-hotspot-player__click-overlay{cursor:pointer;position:absolute;inset:0}.media-item-hotspot-player__click-action{visibility:hidden;opacity:0;pointer-events:none;background-color:#0000;width:0;height:0;display:none;position:absolute}.media-item-hotspot-player__hotspots{grid-template-rows:1fr;grid-template-columns:1fr;width:100%;height:100%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-item-hotspot-player__hotspot{opacity:0;pointer-events:none;transition:opacity .75s cubic-bezier(.075,.82,.165,1),transform .75s cubic-bezier(.075,.82,.165,1);transform:translateY(1.5em)}.media-item-hotspot-player__hotspot--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.media-item-hotspot-player__hotspot--hidden{display:none}.media-item-hotspot-player__hotspot-footer{justify-content:space-between;align-items:center;width:100%;margin-top:1em;display:flex;position:relative}.media-item-hotspot-player__step-counter{opacity:.6;font-size:clamp(10px,.789vw,12px)}.media-item-hotspot-player__media-changes{position:absolute;inset:0}.media-item-hotspot-player__media-changes img,.media-item-hotspot-player__media-changes video{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;inset:0}.media-item-hotspot-player__media-change-image{opacity:0;transition:opacity .8s cubic-bezier(.215,.61,.355,1)}.media-item-hotspot-player__media-change-image--selected{opacity:1}.media-item-hotspot-player__media-change-image--contain img,.media-item-hotspot-player__media-change-image--contain video{-o-object-fit:contain;object-fit:contain}.media-item-hotspot-player__debug-text{color:#fff;pointer-events:none;text-align:center;background-color:#000c;border-radius:100px;min-width:40em;min-height:2.5em;padding:.5em 2em;font-size:clamp(14px,1.053vw,16px);position:absolute;bottom:2em;left:50%;transform:translate(-50%);box-shadow:0 9px 11.5px -3px #0000001a,0 18.5px 28.5px #00000009,0 7px 37.5px #00000007}.media-item-hotspot-player--block{justify-content:center;align-items:center;display:flex}.media-item-hotspot-player--block .media-item-hotspot-player__contain{margin:initial}.media-item-hotspot-player--align-x-start{justify-content:flex-start}.media-item-hotspot-player--align-x-end{justify-content:flex-end}.media-item-hotspot-player--align-y-start{align-items:flex-start}.media-item-hotspot-player--align-y-end{align-items:flex-end}