body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:"headerFont";src:url(https://s3-ap-southeast-2.amazonaws.com/3dcocktails.viewa/fonts/jaapokki-regular.eot);src:url(https://s3-ap-southeast-2.amazonaws.com/3dcocktails.viewa/fonts/jaapokki-regular.eot#iefix) format("embedded-opentype"),url(https://s3-ap-southeast-2.amazonaws.com/3dcocktails.viewa/fonts/jaapokki-regular.woff) format("woff"),url(https://s3-ap-southeast-2.amazonaws.com/3dcocktails.viewa/fonts/jaapokki-regular.ttf) format("truetype"),url(https://s3-ap-southeast-2.amazonaws.com/3dcocktails.viewa/fonts/jaapokki-regular.svg#JaapokkiRegular) format("svg")}body,html{height:100%}.App{height:100vh;height:calc(var(--vh, 1vh)*100);display:flex;flex-direction:column;max-width:800px}main{display:grid;grid-template-columns:repeat(1,minmax(200px,1fr));grid-gap:1rem;padding:.1rem 2rem 2rem}header{display:flex;align-items:center;justify-content:center;padding:.5rem;height:110px;min-height:110px;max-height:110px}header a{text-decoration:none;color:#000}.item{display:flex;padding:1rem;height:200px;flex-direction:column;align-items:center;justify-content:center;background-color:#000;border-radius:15px;border:1px solid grey}.item h3{flex:1 1}.item h4{justify-self:flex-end;margin-bottom:0}.item img{height:100%;width:auto}.item[explode="1"]{animation:explode 1.2s 1}@keyframes explode{10%{transform:rotate(10deg)}20%{transform:rotate(-20deg)}30%{transform:rotate(0deg)}to{transform:scale(7.5)}}@keyframes implode{0%{transform:scale(1.5)}to{transform:scale(1)}}#item-model-viewer{cursor:-webkit-grab;display:flex;height:100%;overflow:hidden;position:absolute;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.Hotspot{background:#fff;border-radius:32px;border:0;box-shadow:0 2px 4px rgba(0,0,0,.25);box-sizing:border-box;cursor:pointer;height:24px;padding:8px;position:relative;transition:opacity .3s;width:24px}.Hotspot:not([data-visible]){background:transparent;border:4px solid #fff;box-shadow:none;height:32px;pointer-events:none;width:32px}.Hotspot:focus{border:4px solid #0080c8;height:32px;outline:none;width:32px}.Hotspot>*{opacity:1;transform:translateY(-50%)}.HotspotAnnotation{background:#fff;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.25);color:rgba(0,0,0,.8);display:block;font-family:Futura,Helvetica Neue,sans-serif;font-size:18px;font-weight:700;left:calc(100% + 1em);max-width:128px;overflow-wrap:break-word;padding:.5em 1em;position:absolute;top:50%;width:-webkit-max-content;width:-moz-max-content;width:max-content}.Hotspot:not([data-visible])>*{opacity:0;pointer-events:none;transform:translateY(calc(-50% + 4px));transition:transform .3s,opacity .3s}a:visited{text-decoration:none;color:#000}@keyframes shake-horizontal{0%,to{transform:translateX(0)}10%,30%,50%,70%{transform:translateX(-3px)}20%,40%,60%{transform:translateX(3px)}80%{transform:translateX(2px)}90%{transform:translateX(-2px)}}.shake-horizontal{animation:shake-horizontal 2s cubic-bezier(.455,.03,.515,.955) .5s infinite both}
/*# sourceMappingURL=main.2be0d9be.chunk.css.map */