@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap");::-moz-selection{background-color:#9575cd;color:white}::selection{background-color:#9575cd;color:white}html,body{font-family:Montserrat, sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;color:rgba(0,0,0,0.87);background-color:#fafafa;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;min-height:100%}#spriteSpinner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:none !important;max-width:100% !important;max-height:100% !important}#threeCanvasContainer,#threeCanvasContainer2{overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f1f1f1}#spriteSpinner canvas,#threeCanvasContainer canvas,#threeCanvasContainer2 canvas{display:block;cursor:move !important;outline:none !important;-o-object-fit:contain;object-fit:contain;min-height:100% !important;max-width:100% !important;max-height:100% !important}.text-purple{color:#9575cd}.btn-purple{background-color:#9575cd;color:#fff;-webkit-transition:background-color 0.1s ease-in-out;transition:background-color 0.1s ease-in-out;font-weight:500}.btn-purple:hover{background-color:#fff;color:rgba(0,0,0,0.87);font-weight:500}.btn-purple:focus{-webkit-box-shadow:0 0 0 0.2rem rgba(149,117,205,0.5);box-shadow:0 0 0 0.2rem rgba(149,117,205,0.5)}.h-10vh{height:10vh;min-height:450px;max-height:75vh !important}.h-20vh{height:20vh;min-height:225px;max-height:75vh !important}.h-30vh{height:30vh;min-height:450px;max-height:75vh !important}.h-40vh{height:40vh;min-height:450px;max-height:75vh !important}.h-50vh{height:50vh;min-height:450px;max-height:75vh !important}.h-60vh{height:60vh;min-height:450px;max-height:75vh !important}.h-70vh{height:70vh;min-height:450px;max-height:75vh !important}.controls{width:100%}.options{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;left:0;right:0;overflow-y:auto}.option{background-size:cover;background-position:50%;padding:0.25rem 0.75rem;font-weight:500;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-bottom:3px solid #e3f2fd}.option:hover{border-bottom:3px solid #bbdefb}.option.--is-active{border-bottom:3px solid #42a5f5;cursor:default}.option.--is-active:hover{border-bottom:3px solid #1565c0}.option img{height:100%;width:auto;pointer-events:none;width:40px;height:40px}.info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.info p{margin-top:0}.tray{width:100%;height:40px;position:relative;overflow-x:hidden}.tray__slide{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;left:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation:wheelin 1s 2s ease-in-out forwards;animation:wheelin 1s 2s ease-in-out forwards}.tray__swatch{-webkit-transition:0.1s ease-in;transition:0.1s ease-in;height:40px;min-width:40px;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-shadow:0px 4px 10px rgba(0,0,0,0.3);box-shadow:0px 4px 10px rgba(0,0,0,0.3);background-size:cover;background-position:center}.tray__swatch:nth-child(1){margin-right:20px}.tray__swatch:nth-child(5n+6){margin-right:20px}.drag-notice{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:2em;width:10em;height:10em;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0.9em;font-weight:800;text-transform:uppercase;text-align:center;border-radius:5em;background:white;position:absolute}.drag-notice.start{-webkit-animation:popout 0.2s 3s forwards;animation:popout 0.2s 3s forwards}@-webkit-keyframes popout{to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes popout{to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes wheelin{to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes wheelin{to{-webkit-transform:translateX(0);transform:translateX(0)}}@media (max-width: 960px){.options{top:0}.info{padding:0 1em 1em 0}.info__message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.info__message p{margin:0;font-size:0.7em}.h-sm-auto{min-height:450px;height:auto !important}}@media (max-width: 720px){.info{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 1em 1em}.info__message{margin-bottom:1em}}@media (max-width: 680px){.info{padding:1em 2em}.info__message{display:none}.options{bottom:40px}.option{margin-bottom:1px;padding:5px;display:-webkit-box;display:-ms-flexbox;display:flex}.option img{pointer-events:none}}.content{position:relative;margin:auto;overflow:hidden}.content .content-overlay{background:rgba(0,0,0,0.7);position:absolute;height:100%;width:100%;left:0;top:0;bottom:0;right:0;opacity:0;-webkit-transition:all 0.2s ease-in-out 0s;transition:all 0.2s ease-in-out 0s;pointer-events:none}.content:hover .content-overlay{opacity:1}.content-details{position:absolute;text-align:center;padding:1rem;width:100%;top:50%;left:50%;opacity:0;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:all 0.2s ease-in-out 0s;transition:all 0.2s ease-in-out 0s}.content:hover .content-details{top:50%;left:50%;opacity:1}.content-details h3{color:#fff;font-weight:400;letter-spacing:0}.content-details h4{color:#fff;font-weight:400;letter-spacing:0}.content-details h5{color:#fff;font-weight:400;letter-spacing:0}.content-details p{color:#fff;letter-spacing:0;font-size:0.75em}p.lead{letter-spacing:0;font-size:1.35em}.fadeIn-bottom{top:80%}.fadeIn-top{top:20%}.fadeIn-left{left:20%}.fadeIn-right{left:80%}.pnlm-about-msg{display:none !important}