.hyper-3d-container{position:relative;margin:0 auto}hyper-3d{transition:opacity .25s ease;overflow:visible}hyper-3d:not([state="loaded"]) {opacity:0}hyper-3d[look-around],
hyper-3d[env]:not([src]) {overflow:hidden}hyper-3d:not(:defined)::before {content:"";display:block;padding-top:100%}hyper-3d[ratio="9:21"]:not(:defined)::before {padding:233.333333%}hyper-3d[ratio="9:16"]:not(:defined)::before {padding:177.777777%}hyper-3d[ratio="2:3"]:not(:defined)::before {padding:150%}hyper-3d[ratio="3:4"]:not(:defined)::before {padding:133.333333%}hyper-3d[ratio="4:3"]:not(:defined)::before {padding:75%}hyper-3d[ratio="3:2"]:not(:defined)::before {padding:66.666666%}hyper-3d[ratio="16:9"]:not(:defined)::before {padding:56.25%}hyper-3d[ratio="21:9"]:not(:defined)::before {padding:42.857142%}.hyper-3d-overlay[onclick]{cursor:pointer}.hyper-3d-overlay{box-sizing:border-box;color:inherit;text-decoration:none;line-height:133%;transition:opacity .5s ease;opacity:0}.hyper-3d-ready .hyper-3d-overlay{opacity:1}.hyper-3d-icon[behind],.hyper-3d-hotspot[behind]{pointer-events:none;opacity:.5}.hyper-3d-bubble[behind],.hyper-3d-title[behind],.hyper-3d-line[behind]{pointer-events:none;opacity:0}.hyper-3d-icon,.hyper-3d-hotspot{width:48px;height:48px}.hyper-3d-hotspot::before{content:"";position:absolute;left:10px;right:10px;top:10px;bottom:10px;border:2px currentColor solid;border-radius:50%}.hyper-3d-icon{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjQgMTBoLTEwdi0xMGgtNHYxMGgtMTB2NGgxMHYxMGg0di0xMGgxMHoiLz48L3N2Zz4) center center no-repeat;background-size:50% auto}.hyper-3d-icon>span,.hyper-3d-hotspot>span{position:absolute;left:-2em;right:-2em;pointer-events:none;text-align:center;bottom:90%;font-weight:bold;opacity:0;transition:opacity .25s ease}@media (pointer:fine){.hyper-3d-icon:hover>span,.hyper-3d-hotspot:hover>span{opacity:1}}.hyper-3d-title{min-width:2em;padding:.25em .5em;white-space:nowrap;text-align:center;font-weight:bold}.hyper-3d-line{width:0;border-left:1px currentColor solid;height:1.5em;margin-top:-.75em;outline:0}.hyper-3d-line>span{position:absolute;bottom:1em;padding-top:.25em;padding-bottom:.75em;left:-4em;right:-4em;text-align:center;font-weight:bold}.hyper-3d-bubble{width:1px;height:1px}.hyper-3d-bubble>span{position:absolute;top:0;left:0;background-color:#fff;box-shadow:0 0 4px RGBA(0,0,0,.25);padding:.5em .75em;white-space:nowrap;border-radius:1.5em;transition:transform .25s ease}.hyper-3d-bubble[at-right][at-bottom]>span{border-top-left-radius:0;transform:translate(0%,0%)}.hyper-3d-bubble[at-left][at-bottom]>span{border-top-right-radius:0;transform:translate(-100%,0%)}.hyper-3d-bubble[at-right][at-top]>span{border-bottom-left-radius:0;transform:translate(0%,-100%)}.hyper-3d-bubble[at-left][at-top]>span{border-bottom-right-radius:0;transform:translate(-100%,-100%)}.hyper-3d-on-top{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background-color:RGBA(255,255,255,.9);transition:opacity .25s ease;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.hyper-3d-on-top>div{box-sizing:border-box;width:100%;max-height:100%;overflow:auto;padding:1em 2em}.hyper-3d-on-top:not(.hyper-3d-visible) {opacity:0}.hyper-3d-on-top .hyper-3d-close{position:absolute;top:1em;right:1em;width:48px;height:48px;z-index:2;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjMgMjAuMTY4bC04LjE4NS04LjE4NyA4LjE4NS04LjE3NC0yLjgzMi0yLjgwNy04LjE4MiA4LjE3OS04LjE3Ni04LjE3OS0yLjgxIDIuODEgOC4xODYgOC4xOTYtOC4xODYgOC4xODQgMi44MSAyLjgxIDguMjAzLTguMTkyIDguMTggOC4xOTJ6Ii8+PC9zdmc+) center center no-repeat;background-size:24px auto;cursor:pointer}.hyper-3d-below{position:relative;overflow:hidden;transition:height .25s ease}.hyper-3d-below>div{padding:1em 2em}.hyper-3d-bottom,.hyper-3d-top{position:absolute;top:1em;left:2em;right:2em;text-align:center;transition:opacity .25s ease}.hyper-3d-bottom{top:auto;bottom:1em}.hyper-3d-top:not(.hyper-3d-visible),
.hyper-3d-bottom:not(.hyper-3d-visible) {opacity:0}