:root{--container-width: 100vw;--container-height: 100vw}*{margin:0;padding:0}.model-viewer-container{position:absolute;inset:0}model-viewer{width:100%;height:100%;left:unset;top:unset;transform:unset}.selection{position:absolute;z-index:2;left:50%;top:400px;width:360px;transform:translate(calc(-50% - 399px))}.selection select{width:100%}@media only screen and (max-width: 1172px){img#place-holder{display:none}model-viewer{width:100%;height:100%;left:unset;top:unset;transform:unset}.selection{position:absolute;z-index:2;left:unset;top:unset;bottom:50px;width:calc(100% - 100px);margin:0 50px;transform:none}}#place-holder{position:fixed;inset:0;background-size:cover;background-repeat:no-repeat}img#logo{position:fixed;width:30vw;bottom:50px;right:30px;z-index:1}.x-ingredient #place-holder{height:100vh;right:0;top:0;left:auto;position:fixed;width:400px}@media only screen and (min-width: 620px){img#logo{width:250px}}$gutter: 20px; $caret-unit: 25px; $bubble-bg: #8CA8D8; // $bubble-color: white; .speech-bubble{filter:drop-shadow(-1px -1px 2px rgba(black,.1)) drop-shadow(1px 2px 2px rgba(black,.15));position:fixed;margin:1rem;padding:1rem;font-family:Source Sans Pro,sans-serif;font-size:1rem;width:250px;font-weight:400;// background: $bubble-bg;// color: $bubble-color;left:50%;transform:scale(0) translate(-50%);opacity:0;transition:all 1s;&:before{border:10px solid transparent;// border-top: 12.5px solid #8CA8D8;border-top-width:10px;border-top-style:solid;border-bottom:0;height:0;width:0;border-top-width:20px;content:"";display:block;position:absolute;left:3rem;bottom:-20px;transform-origin:center;transform:rotate(90deg) skew(-(strip-unit($caret-unit))+deg) translateY($caret-unit / 1.5)}&.active{transform:scale(1) translate(-50%);opacity:1}&.bottom{&:before{bottom:unset;top:-20px;transform:rotate(180deg)}}}.x-ingredient .speech-bubble{background:rgba(#48646d,.9);color:#fa0}.x-ingredient .speech-bubble:before{border-top-color:rgba(#48646d,.9)}.excluton .speech-bubble{background:rgba(#bfd506,.9);color:#fff}.excluton .speech-bubble:before{border-top-color:rgba(#bfd506,.9)}