body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Gilroy-Light;src:url(/static/media/Gilroy-Light.cc7ab55d27205bd64001.otf) format("truetype")}@font-face{font-family:Gilroy-Medium;src:url(/static/media/Gilroy-Medium.23dfbc19380d778f2742.ttf) format("truetype")}@font-face{font-family:Gilroy-Bold;src:url(/static/media/Gilroy-Bold.bf181b073b4773f45c8e.ttf) format("truetype")}ul{list-style:none}.Divider{background-color:#e5e8ed;flex-grow:0;height:.5px;margin:16.5px 0 24px;width:445px}.optionsHeader{font-family:Gilroy-Bold;font-size:18px;margin-bottom:16px}.LoaderContainer{align-items:center;background-color:#fff;display:flex;height:574px;justify-content:center;position:absolute;top:0;width:100%}body{max-width:1200px;overflow-x:hidden}.App{display:flex;flex-direction:column;font-family:Gilroy-Light}.TabBar{border:solid silver;border-width:0 .5px 0 0;margin-left:auto;margin-right:auto;margin-top:32px}.TabBar ul{display:flex;font-weight:500;list-style:none}.TabBar li{background-color:#fff;border:.5px solid silver;border-right-width:0;color:#5e5e5e;cursor:pointer;display:flex;font-family:Gilroy-Bold;font-size:20px;font-weight:700;justify-content:center;padding:12px 0;transition:.25s;width:138px}.TabBar li:hover{font-size:19px;opacity:.7}.SelectedTab{background-color:#0089cf!important;border:1px solid #00aeef!important;color:#fff!important}.threeDViewer{align-items:center;display:flex;flex-direction:column;justify-content:center}.threeDViewer p{font-family:Gilroy-Light;font-size:14px;margin:4px 0 0}.VolumeSelectionTab ul{display:flex;flex-wrap:wrap;list-style:none}.VolumeSelectionTab li{border:1px solid #acacac;cursor:pointer;display:flex;font-family:Gilroy-Light;font-size:18px;font-weight:700;justify-content:center;margin-bottom:1rem;margin-right:1rem;padding:12px 14px 12px 13px;transition:.25s;width:5.5rem}.VolumeSelectionTab li:hover{transform:scale(1.1)}.LayerSelectionBar{font-family:Gilroy-Bold}.LayerSelectionBar div{color:#333;font-family:Gilroy-Light;font-size:14px;font-weight:300;margin-right:1rem;text-align:center}.LayerSelectionBar li{align-items:center;border:1px solid #acacac;cursor:pointer;display:flex;flex-grow:0;height:50px;justify-content:center;margin:0 0 4.8px;padding:0 4px;transition:.25s;width:70px}.LayerSelectionBar li:hover{transform:scale(1.1)}.LayerSelectionBar ul{display:flex;flex-direction:row;font-weight:500;list-style:none}.flex-row{display:flex;justify-content:space-between;margin-left:4rem;margin-top:4rem}.LayersInfo{min-height:16rem}.LayersInfo li{color:#666;font-size:1rem;font-weight:600;width:max-content}.ColorSelectionBar{font-family:Gilroy-Bold}.ColorSelectionBar ul{display:flex;flex-direction:row}.ColorPalette{align-items:center;cursor:pointer;display:flex;height:50px;justify-content:center;margin-right:12px;transition:.25s;width:70px}.ColorPalette:hover{transform:scale(1.1)}.MaterialSelectionBar{margin-top:3rem;width:300px}.MaterialSelectionBar ul{display:flex;flex-direction:row;flex-wrap:wrap}.MaterialPalette{aspect-ratio:1.7;margin-bottom:.5rem;margin-right:1rem;margin-top:.3rem;width:5rem}.ProductView{align-items:center;display:flex;flex-direction:column;flex-grow:100;margin-right:64px}.viewerContainer{height:574px;width:545px}.threedee-container{display:block;height:525px;width:505px}.SlicedView,.threedee-container{background-color:#fff;position:relative}.SlicedView{height:540px;width:545px}.SlicedView,.loader{display:flex;justify-content:center}.loader{align-items:center;flex-direction:column}._2DViewer{position:relative}.Thumbnail,._2DViewer{display:flex;justify-content:center}.Thumbnail{align-items:center;background-color:#fff;border:1px solid #efefef;cursor:pointer;height:85px;margin-bottom:16px;margin-right:16px;width:85px}.Thumbnail img{height:75px}.selectedThumbnail{border:1px solid #0089cf}.selectedImage{background-color:#fff;flex-grow:0;position:relative}.selectedImage img{background-color:#fff;flex-grow:0;height:545px;height:574px;object-fit:contain;width:416px;width:545px}.ThumbnailContainer{left:-45px;position:absolute;z-index:10}.RotatorIcon{margin-top:8px}._3DViewerFooter{font-family:Gilroy-Light}.DisabledColorPalette{cursor:not-allowed;opacity:.5;pointer-events:none}.LayerDescription{display:flex;flex-direction:column;flex-wrap:wrap}.LayerDescription li{width:max-content}.LayerDescription p{color:#9c9c9c;font-size:.9rem;font-weight:600;margin-bottom:.5rem;margin-left:7px;margin-top:.2rem;max-width:32rem;padding-left:.5rem}@media only screen and (min-width:1200px){.App{align-items:center}}@media only screen and (max-width:850px){.LayerDescription p{margin-left:12px;max-width:85vw;padding-left:0}.LoaderContainer{width:90vw}.Divider{margin:16px 8px;width:auto}.optionsHeader{color:#0089cf;font-family:Gilroy-Bold;font-size:16px}.viewerContainer{align-items:center;display:flex;flex-direction:column-reverse;justify-content:center;margin:0;width:100vw}.selectedImage{height:487px;width:100vw}.ThumbnailContainer{align-content:space-between;display:flex;left:0;margin-top:16px;position:relative;width:90vw}.Thumbnail{margin-right:16px;width:23vw}.selectedImage img{background-color:#fff;flex-grow:0;height:487px;object-fit:contain;width:98vw}._2DViewer{align-items:center;flex-direction:column-reverse;justify-content:center}._2DViewer,.threedee-container{width:100vw}.SlicedView{width:90vw}.TabBar li{align-items:center;font-size:1rem;height:max-content;justify-content:center;line-height:1.5rem;padding:.5rem 24px;text-align:center;width:100px}.TabBar li,.VolumeSelectionTab li,.VolumeSelectionTab ul{display:flex;flex-wrap:wrap}.VolumeSelectionTab li{border-bottom-width:1px;font-size:small;justify-content:center;margin-bottom:1rem;margin-right:12px;padding:.5rem 1rem;text-align:center;width:3.1rem}.VolumeSelectionTab p{margin-top:16px}.flex-row{flex-direction:column;margin:1rem 0 0}.ProductView{margin-right:0;margin-top:0}.LayerSelectionBar,.LayersInfo{margin-top:1rem}.LayersInfo{min-height:17rem}.ColorSelectionBar{margin-top:1rem}.RightSection{display:flex;flex-direction:column;margin:16px}#viewport-controls button{padding-bottom:1.25rem!important}}@keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rotating{animation:rotating 2s linear infinite}
/*# sourceMappingURL=main.d5372d3d.css.map*/