@font-face{font-family:"proxima_nova_regular";src:url(/static/media/proximanova-regular.394485ae.eot);src:url(/static/media/proximanova-regular.394485ae.eot?#iefix) format("embedded-opentype"),url(/static/media/proximanova-regular.69a05fbc.woff2) format("woff2"),url(/static/media/proximanova-regular.34e12919.woff) format("woff"),url(/static/media/proximanova-regular.04ab01fd.ttf) format("truetype"),url(/static/media/proximanova-regular.3cace630.svg#proxima_nova_rgregular) format("svg");font-weight:400;font-style:normal}@font-face{font-family:"proxima_nova_bold";src:url(/static/media/proximanova-bold.63094c38.eot);src:url(/static/media/proximanova-bold.63094c38.eot?#iefix) format("embedded-opentype"),url(/static/media/proximanova-bold.83537746.woff2) format("woff2"),url(/static/media/proximanova-bold.8a37be39.woff) format("woff"),url(/static/media/proximanova-bold.1438832f.ttf) format("truetype"),url(/static/media/proximanova-bold.aadc8785.svg#proxima_nova_rgbold) format("svg");font-weight:400;font-style:normal}@font-face{font-family:"proxima_novaregular_italic";src:url(/static/media/proximanova-regitalic.ce4a7931.eot);src:url(/static/media/proximanova-regitalic.ce4a7931.eot?#iefix) format("embedded-opentype"),url(/static/media/proximanova-regitalic.385eccb9.woff2) format("woff2"),url(/static/media/proximanova-regitalic.2282fcec.woff) format("woff"),url(/static/media/proximanova-regitalic.cb57da9a.ttf) format("truetype"),url(/static/media/proximanova-regitalic.e4f4f87a.svg#proxima_novaregular_italic) format("svg");font-weight:400;font-style:normal}body{margin:0;font-family:"proxima_nova_regular","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#373e44}.font-bold{font-family:"proxima_nova_bold","Droid Sans","Helvetica Neue",sans-serif}.font-italic{font-family:"proxima_novaregular_italic","Droid Sans","Helvetica Neue",sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}p{font-size:15px}.progress,.webgl-content .logo{animation:showProgress .5s both}@keyframes showProgress{0%{opacity:0}to{opacity:1}}.App{display:grid;grid-template-areas:"head head" "sidebar configurator";grid-auto-columns:300px 1fr;height:100vh;grid-auto-rows:70px 1fr}.App.no-sidebar{grid-auto-columns:70px 1fr}.App.no-sidebar .panel .panel__content,.App.no-sidebar .panel h2 span:nth-child(2){display:none}.App.no-sidebar #__ReactUnityWebGL_1__{width:calc(100vw - 70px)!important}.toggle-sidebar{position:absolute;right:0;top:19px;width:20px;height:20px;cursor:pointer}.header{grid-area:head;background:#fff;animation:showHeader .5s both;position:relative;z-index:5;animation-delay:.1s}.header .logo{float:left}.header-price{float:right}.header-price>div{display:flex;align-items:center}.sidebar{grid-area:sidebar;background:#373e44;color:#fff;overflow:hidden;position:relative}@media(max-width:870px){.template-popup{display:grid;overflow-y:scroll;height:80vh}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-thumb{background:#b7bbbe}body,div,html{scrollbar-color:#b7bbbe #fff;scrollbar-width:thin}#root{overflow:hidden}@media (hover:none){#root{position:fixed;width:100%;height:100%}@supports (-webkit-touch-callout:none){#root{position:absolute}}@supports (-webkit-touch-callout:none){@media(max-device-width:768px) and (orientation:portrait){.App:not(.mobile-active) #__ReactUnityWebGL_1__ canvas{height:40vh!important}}}.configurator .size-component{top:45px}.mobile-active .size-component{top:15px}.pan-component{position:fixed!important}.mobile-toggled:not(.mobile-active) .pan-component{z-index:0}.preview{display:block!important}input[type=checkbox],input[type=email],input[type=number],input[type=tel],input[type=text],select{-webkit-appearance:none;appearance:none;border-radius:0!important}}@media(max-width:769px) and (hover:none){.preview img{width:100%}.configurations button span:last-child{width:auto!important}.configurations{margin-top:20px!important}.templates{margin-top:0!important}.landing-page{justify-content:flex-start!important}.landing-page img{width:20vh!important;margin-top:20px}.stepper-holder input{font-size:16px;line-height:16px}.App.mobile-toggled .large.tabbed{height:calc(100vh - 270px)!important}.large.preview{height:calc(100vh - 240px)!important}.App.mobile-toggled .panel.active .panel__content>:last-child{padding-bottom:120px!important}.App.mobile-toggled .panel.active .panel__content{min-height:calc(100vh - 156px)!important;max-height:calc(100vh - 156px)!important}.pan-component{display:none!important}.large.tabbed>div:last-child,.panel.active .panel__content,.panel.active .panel__content>div:last-child{padding-bottom:100px!important}.hide-content{display:none}}@keyframes showHeader{0%{transform:translateY(-70px)}to{transform:translateY(0)}}@keyframes showSidebar{0%{opacity:0;transform:translateX(-300px)}to{opacity:1;transform:translateX(0)}}.configurator{grid-area:configurator;background:#f7f7f9;background:#373e44}input[type=email],input[type=text]{padding:10px;border:1px solid #84888c}a,button,input[type=email],input[type=number],input[type=text],label,select{font-family:"proxima_nova_regular","Droid Sans","Helvetica Neue",sans-serif}select option{line-height:20px}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}input[type=number]{-moz-appearance:textfield}.template-popup{display:flex;align-items:center;flex-direction:row}@media only screen and (max-width:769px){.template-popup{flex-direction:column}.template-popup:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:18%;background:transparent;background:linear-gradient(0deg,rgba(0,0,0,.3),transparent);z-index:-1}}.template-popup>div{flex:1 0 auto;display:flex;flex-direction:column;padding:10px;transition:all .5s linear;border:2px solid transparent;cursor:pointer}.template-popup>div img{object-fit:contain}.template-popup>div:hover{border:2px solid rgba(0,0,0,.3)}.template-width{display:flex;align-items:center;justify-content:center}.template-width svg{transform:rotate(90deg);width:20px;margin-right:5px}.mobile-toggle{top:calc(50vh - 3px)!important;position:fixed!important;left:0!important;z-index:3!important;background:#9ea0a2!important;width:100%;height:30px;display:none;animation:none!important;border:none!important;border-bottom:1px solid hsla(0,0%,100%,.5)!important}.mobile-toggle button{top:-4px!important;left:calc(50% - 12px)!important;transform:rotate(-90deg)!important}@media(max-width:768px){.App{grid-template-areas:"head" "sidebar" "configurator";grid-auto-columns:1fr;grid-auto-rows:70px calc(50vh - 73px) 50vh}.App.mobile-active{grid-auto-rows:70px 60px calc(100vh - 130px)}.App.mobile-toggled:not(.mobile-active){grid-auto-rows:70px 100vh 0}.App.mobile-active .configurator>div:first-child,.App.mobile-active .configurator>div:nth-child(2){position:fixed}.App.mobile-active .tabbed{display:none}@media(max-width:768px){.product-item,.product-item h4{word-break:break-word}}.notification{top:50px!important}.mobile-active .notification{top:150px!important}.large.tabbed{height:calc(50vh - 171px)}.App.mobile-toggled .large.tabbed{height:calc(100vh - 200px)}#unityContainer{width:100vw!important;height:100vh!important}.webgl-content{position:relative!important}.App.mobile-active #data{position:fixed!important;top:142px}#__ReactUnityWebGL_1__{width:100vw!important;height:calc(100vh - 330px)!important}.mobile-active #__ReactUnityWebGL_1__{height:calc(100vh - 130px)!important}.App:not(.mobile-active) .in-active+.header+.sidebar+div+.mobile-toggle,.App:not(.mobile-active) .in-active+.header+.sidebar+div+div+div+.mobile-toggle{display:flex!important}.App.mobile-toggled .mobile-toggle{top:auto!important;bottom:0}.large.preview{height:calc(100vh - 170px)}}@media(max-width:769px) and (hover:auto){.panel.active .panel__content{min-height:calc(50vh - 130px)!important;max-height:calc(50vh - 130px)!important}.App.mobile-toggled .panel.active .panel__content{min-height:calc(100vh - 156px)!important;max-height:calc(100vh - 156px)!important}}@media (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){.App{grid-auto-rows:70px calc(100vh - 100px);height:calc(100vh - 32px)}.panel h2{font-size:14px!important}.checkout--mobile{display:none}.header-menu h4{font-size:13px}.header-menu h4 span{margin-top:7px!important}.large>div:last-child{padding-bottom:80px!important}}@media(max-height:1060px) and (max-device-width:1024px) and (min-device-width:768px) and (orientation:landscape){.panel.active{min-height:calc(100% - 328px)!important}.panel.active .panel__content{min-height:calc(100vh - 445px)!important;max-height:calc(100vh - 445px)!important}}@media(max-height:950px) and (max-device-width:1024px) and (min-device-width:768px) and (orientation:landscape){.panel.active{min-height:calc(100% - 358px)!important}.panel.active .panel__content{min-height:calc(100vh - 475px)!important;max-height:calc(100vh - 475px)!important}}@media(max-height:760px) and (max-device-width:1024px) and (min-device-width:768px) and (orientation:landscape){.large>div:last-child{padding-bottom:80px!important}.panel.active{min-height:calc(100% - 328px)!important}.panel.active .panel__content{min-height:calc(100vh - 445px)!important;max-height:calc(100vh - 445px)!important}}@media(max-height:740px) and (max-device-width:1024px) and (min-device-width:768px) and (orientation:landscape){.panel.active{min-height:calc(100% - 328px)!important}.panel.active .panel__content{min-height:calc(100vh - 475px)!important;max-height:calc(100vh - 475px)!important}}@media(max-height:766px) and (min-height:760px) and (max-device-width:1024px) and (orientation:landscape){.panel.active{min-height:calc(100% - 398px)!important}.panel.active .panel__content{min-height:calc(100vh - 445px)!important;max-height:calc(100vh - 445px)!important}}@media(max-height:710px) and (max-device-width:1024px) and (orientation:landscape){.panel.active{min-height:calc(100% - 398px)!important}.panel.active .panel__content{min-height:calc(100vh - 445px)!important;max-height:calc(100vh - 445px)!important}}@media(max-height:670px) and (max-device-width:1024px) and (orientation:landscape){.panel.active{min-height:calc(100% - 398px)!important}.panel.active .panel__content{min-height:calc(100vh - 478px)!important;max-height:calc(100vh - 478px)!important}}@media(max-device-width:1024px) and (min-device-width:768px) and (orientation:portrait){.panel.active{min-height:calc(100% - 328px)!important}.panel.active .panel__content{min-height:calc(100vh - 475px)!important;max-height:calc(100vh - 475px)!important}}@media(max-width:769px) and (orientation:portrait){header .logo img{max-height:40px;padding:0!important}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.notification-saved{position:fixed;width:200px;height:100px;background:hsla(0,0%,100%,.9);z-index:10;display:flex;align-items:center;justify-content:center;overflow:hidden;left:50%;margin-left:-100px;top:-200px;transition:all .5s ease-in-out;padding:10px 30px;border-radius:2px;box-sizing:border-box}.notification-saved.show{top:80px}.notification-saved.hide{top:-100px}@media(max-width:769px){.App:not(.mobile-active) .mobile-toggle{display:block}}.right img{float:right}.config img{float:center}.customerinfo p{float:left}.customerinfo p,.header3 h3{font-family:"proxima_nova_bold"}.header3 h3{float:center}
/*# sourceMappingURL=main.a760cb22.chunk.css.map */