#personalize .owner_email_edit,#personalize .owner_email_save{width:5rem;text-align:center;margin:5px 0;padding-left:5px!important;padding-right:5px!important}.accessories_detail #personalize .owner_email_edit,.accessories_detail #personalize .owner_email_save{background-color:#000;color:#fff;border-color:#000}.accessories_detail #personalize .owner_email_edit:hover,.accessories_detail #personalize .owner_email_save:hover{background-color:#000;color:#fff;border-color:#fff}.owner_email_edit:hover,.owner_email_save:hover{color:#000;text-decoration:none}#personalize input,textarea{border:1px solid #ced4da!important;border-radius:.25rem!important}#personalize input:disabled,#personalizeowner_measurements:disabled,textarea:disabled{background-color:#ced4da}@media (min-width:321px){#personalize h3{font-size:1.3rem;display:block;width:100%}#personalize .impression-search-box .close-icon{display:none}#personalize .impression-search-box.new-owner:not(.open) .close-icon{display:inline-block;position:absolute;right:30px;top:calc(50% - 6px);width:1rem;height:1rem}#personalize .impression-search-box.new-owner:not(.open) .search-field-container{border-radius:0;border:none;border-bottom:1px solid #fff;background-color:transparent}#personalize .impression-search-box.new-owner:not(.open) .search-field-container .field{background-color:transparent}#personalize .impression-search-box.new-owner:not(.open) .search-field-container input::placeholder{color:#000}#personalize .impression-search-box.new-owner:not(.open) .search-field-container input{border:none!important;padding:0;cursor:pointer}#personalize .search-field{position:relative;margin:0 -15px;flex:1 1 auto;display:flex;flex-direction:row}#personalize .search-field .form-col{flex:1 1 auto}#personalize .search-field .back{display:none;flex:0 0 auto;background:transparent;color:#000;border:none;cursor:pointer;font-size:2rem;padding:0;margin:0 0 0 30px;border-radius:0;font-family:monospace}#personalize .search-field .back:hover{background-color:transparent;color:#000}#personalize .search-wait{display:none;position:absolute;right:30px;top:calc(50% - 6px);width:1rem;height:1rem}@keyframes search-spinner{to{transform:rotate(1turn)}}#personalize .search-wait .search-spinner:before{content:"";box-sizing:border-box;position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border-radius:50%;border:2px solid #ccc;border-top-color:#000;animation:search-spinner .6s linear infinite}#personalize .impression-search-results{z-index:10;width:100%;margin:0 5px;position:relative;left:0;top:-4px;display:none}#personalize .impression-search-results.open{display:block}#personalize .impression-search-results .results{background-color:#fff;color:#000;text-align:center;position:absolute;left:-1px;right:-1px;top:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border:1px solid #000;border-top:none;box-shadow:0 4px 3px 0 rgba(0,0,0,.5294117647058824)}#personalize .impression-search-results .results .results-rows{display:block;max-height:9rem;overflow-y:auto}#personalize .impression-search-results .results .results-rows .r-left div{line-height:100%}#personalize .impression-search-results .results .searching{color:#000}#personalize .impression-search-results .results .actions{padding:.5rem 0;text-align:center;background-color:#359b35;border-top:1px solid #359b35;border-bottom-left-radius:10px;border-bottom-right-radius:10px}#personalize .impression-search-results .results .actions:hover{background-color:#fff}#personalize .impression-search-results .results .actions .btn-primary{width:100%;background-color:transparent;color:#fff;border:none;margin:0;padding:0}#personalize .impression-search-results .results .actions .btn-primary:hover{background-color:transparent;color:#64c764}#personalize .impression-search-results .results .result-row{display:flex;flex-direction:row;padding:5px 10px;border-bottom:1px solid grey}#personalize .impression-search-results .results .result-row .r-left{flex:1 1 auto}#personalize .impression-search-results .results .result-row .r-right{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center}#personalize .impression-search-results .results .result-row>span:first-of-type{font-weight:700;color:#000}#personalize .impression-search-results .results .result-row span{color:#2f2f2f}#personalize .impression-search-results .results .result-row:hover{background-color:#89c4df;cursor:pointer}}@media (max-width:812px){#personalize .impression-search-box.open{position:fixed;z-index:100;left:0;right:0;top:0;bottom:0;display:flex;flex-direction:column;background:#fff}#personalize .impression-search-box.open input{border:1px solid #000}#personalize .impression-search-box.open h3{display:none!important}#personalize .impression-search-box.open>*{flex:0 0 auto}#personalize .impression-search-box.open .search-field .back{display:inline-block}#personalize .impression-search-box.open .impression-search-results{display:flex!important;flex:1 1 auto;margin:0}#personalize .impression-search-box.open .impression-search-results .results{display:flex;flex-direction:column;border:none;border-radius:0;box-shadow:none;flex:1 1 auto;position:relative}#personalize .impression-search-box.open .impression-search-results .results-rows{flex:1 1 auto;display:block!important;max-height:unset!important}}@media screen and (max-height:768px),screen and (min-width:320px) and (max-width:767px){.form-container{width:18rem}.form-container #personalize .row .col-sm-6,.form-container #personalize .row .col-xs-3,.form-container #personalize .row .col-xs-6,.form-container #personalize .row .col-xs-9{width:100%;max-width:100%;flex:0 0 100%}.form-container #personalize .row #personalizeowner_measurements label{font-size:.5rem}.form-container #personalize .row #personalizeowner_measurements:disabled{background-color:#ced4da}}body{display:flex;flex-direction:column;padding:0;margin:0}.designer-wait{position:fixed;left:0;right:0;bottom:0;top:0;background-color:rgba(0,0,0,.8);z-index:99999;display:flex;justify-content:center;align-items:center}nav.navbar{flex:0 0 auto}#page-build,.page-content-wrapper{display:flex;flex:1 1 auto}.page-breadcrumbs{display:none}.page-content-wrapper,.page_content,main.container{position:relative;display:flex;flex-direction:column;flex:1 1 auto;width:100vw;height:100vh;max-width:100vw;max-height:100vh;padding:0!important;margin:0!important}.jha-designer-container{position:relative;top:0;left:0;bottom:5rem;right:0;flex:1 1 auto;display:flex;flex-direction:column;font-family:DIN Condensed,sans-serif;padding:0;margin:0;overflow:hidden}.canvas-container{display:flex;flex-direction:column;flex:0 0 auto;width:100vw;height:100vh;max-width:100vw;max-height:100vh}#image-controls{display:flex;flex-direction:column;position:absolute;top:50%;right:25%;transform:translateY(-50%);background-color:#aaa;padding:2px;width:0;overflow-x:hidden;opacity:0;touch-action:none;transition:all .6s ease-in;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}#image-controls.active{width:calc(8px + 2rem);opacity:1;transition:all .6s ease-out}#image-controls .flip-controls{display:flex;flex-direction:column}#image-controls .flip-controls>.flip-btn{border-radius:5px;padding:2px;border:none;color:#000;background-repeat:no-repeat;background-color:transparent;background-size:70%;width:2rem;height:2rem;margin:2px;background-position:50%;cursor:pointer}#image-controls .flip-controls>.flip-btn:hover{background-color:#fff;color:#000}#image-controls .flip-controls>.flip-btn.active{background-color:#fff;filter:invert(100%)}#image-controls .flip-controls .flip-horizontal{background-image:url(/assets/jhaudio/images/flip-horizontal.svg)}#image-controls .flip-controls .flip-vertical{background-image:url(/assets/jhaudio/images/flip-vert.svg)}#image-controls .rotation{position:relative;width:calc(2rem + 4px);height:10rem;overflow:hidden}#image-controls .rotation .wheel{position:absolute;background-image:url(/assets/jhaudio/images/rotate.svg);width:10rem;height:10rem;transform-origin:center center;transform:rotate(0deg)}#image-controls .rotation .needle{pointer-events:none;position:absolute;width:1.5rem;height:.5rem;left:14px;top:50%;transform:translateY(-50%);background-image:url(/assets/jhaudio/images/arrow.svg);background-size:contain;background-repeat:no-repeat;background-position-x:right;background-position-y:center}#image-controls .scale{position:relative;width:2rem;height:8rem;background-image:url(/assets/jhaudio/images/scale.svg);background-size:contain;background-repeat:no-repeat;background-position-x:right;background-position-y:center;overflow:hidden}#image-controls .scale .needle{pointer-events:none;position:absolute;width:1.5rem;height:.5rem;top:50%;right:0;transform-origin:right center;background-image:url(/assets/jhaudio/images/arrow.svg);background-size:contain;background-repeat:no-repeat;background-position-x:right;background-position-y:center;transform:translateY(-50%)}#image-controls .jha-designer-footer .price-container{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}#personalize .impression-search-box.new-owner:not(.open) .search-field-container input::placeholder{color:#fff}@media (max-width:812px){nav.navbar{position:absolute;background-color:transparent!important;width:unset;left:0}.navbar-brand{display:none}}@media (min-width:321px){#personalizeimpression_id{z-index:11}.jha-designer-footer{left:0;right:0;bottom:0;height:3rem;position:absolute;font-family:DIN Condensed,sans-serif;background-color:#2a2a2a;display:flex;flex-direction:row}.jha-designer-footer .left-col{position:relative;flex:1 1 auto}.jha-designer-footer .right-col{flex:0 0 auto;width:50%;display:flex;flex-direction:row}.jha-designer-footer .right-col .price-container{flex:1 1 auto}.jha-designer-footer .right-col .price{font-size:1rem}.jha-designer-footer .right-col .actions{flex:0 0 auto;display:flex;flex-direction:column;margin-right:10%;justify-content:center}.jha-designer-footer .right-col .actions .btn-primary{background-color:#000;color:#fff;border-color:#000;padding:.2rem 2rem}.form-container{display:none;background:rgba(0,0,0,.7);padding:0 1rem 1rem;position:absolute;right:0;width:25%;top:0;bottom:3rem;overflow:auto}.form-container::-webkit-scrollbar{width:.5rem}.form-container::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.form-container::-webkit-scrollbar-thumb{background-color:#757575;outline:1px solid #4c5661;border-radius:.5rem}.form-container .iem-selector{position:sticky;top:0;background:#000;flex:1 1 auto;display:flex;border-bottom:1px solid #6d6d6d;flex-direction:column;justify-content:flex-end;z-index:2}.form-container .iem-selector button{background-color:transparent;border:none;border-radius:0;color:#fff}.form-container .iem-selector button.iem{display:flex;width:100%;padding:0;margin:0;border-radius:5px;flex-direction:row;align-items:center}.form-container .iem-selector button.iem .item{flex:1 1 auto;height:3rem;background-size:contain;filter:invert(100%);background-repeat:no-repeat;background-position-x:1rem;background-origin:content-box;padding:.5rem 0}.form-container .iem-selector button.iem .price{flex:0 0 auto;margin-right:1rem}.form-container .iem-selector button.iem:after{content:"";width:0;height:0;border:.4rem solid #000;border-top-color:#fff;float:right;margin-right:1rem}.form-container .iem-selector button.iem:active,.form-container .iem-selector button.iem:focus{border:1px solid #fff}.form-container .iem-selector button.iem:active .item,.form-container .iem-selector button.iem:focus .item{filter:unset}.form-container .iem-selector button.iem:active:after,.form-container .iem-selector button.iem:focus:after{border:.4rem solid #fff;border-top-color:#000}.form-container .iem-selector .dropdown-item{height:2rem;display:flex;width:100%;padding:0;margin:0 0 1rem;border-radius:5px;flex-direction:row;align-items:center}.form-container .iem-selector .dropdown-item .item{flex:1 1 auto;height:3rem;background-size:contain;filter:invert(100%);background-repeat:no-repeat;background-position-x:1rem;background-origin:content-box;padding:.5rem 0}.form-container .iem-selector .dropdown-item .price{flex:0 0 auto;margin-right:1rem}.form-container .iem-selector button:active{background-color:transparent!important;color:#fff!important}.form-container .iem-selector .dropdown-menu{width:100%;background-color:#000;max-height:50vh;overflow-y:auto;border:1px solid #fff}.form-container .upload-ui>.state{display:none;padding-bottom:1rem}.form-container .upload-ui>.state .btn-done{background-color:#db5151;border-color:red;color:#fff}.form-container .upload-ui>.state.active{display:block}.form-container .upload-ui>.state[data-state=file]{flex-direction:row}.form-container .upload-ui>.state[data-state=file].active{display:flex}.form-container .upload-ui>.state[data-state=file] .file{display:inline-block;flex:1 1 auto;overflow:hidden;height:1.4rem;margin-right:1rem;text-align:left}.form-container .upload-ui>.state[data-state=file] button{padding:2px 9px;font-size:.8rem;border-radius:8px;margin-left:2px}.form-container .upload-ui .error-msg{display:none;border-radius:1rem;border:1px solid #ff5959;background-color:#b13737;color:#fff;padding:.1rem .25rem;text-align:center;font-weight:400;margin-bottom:1rem}footer{display:none}.jha-designer-container .title{display:flex;flex:1 1 auto;text-transform:uppercase;margin:1rem 0;font-size:1rem;padding:0;color:#6d6d6d;align-items:center}.jha-designer-container .title span.label{margin-left:.25rem}.jha-designer-container .title span.icon{flex:0 0 auto;width:3rem;height:3rem;background-size:contain;display:none;margin-right:1rem}.jha-designer-container .title span.text{flex:1 1 auto}.jha-designer-container .title span.price{flex:0 0 auto}.jha-designer-container .title span.edit{font-size:1rem;display:none}.jha-designer-container .has-selection .title>span.icon{display:inline-block}.jha-designer-container .enabled .title{height:3rem;cursor:pointer;color:#fff;margin:2px 0}.jha-designer-container .enabled .title span.edit{display:unset}.jha-designer-container .category-option{display:flex;flex-direction:column;border-bottom:1px solid #6d6d6d;margin-bottom:0}.jha-designer-container .category-option>.content{display:none}.jha-designer-container .category-option.enabled .content{display:unset}.jha-designer-container .category-option.collapsed .content{display:none}.jha-designer-container .category-option.not-available{display:none!important}.jha-designer-container .category-option .btn-done,.jha-designer-container .category-option.swatch-colors{display:none}.jha-designer-container .category-option.editor-active .btn-done{display:unset}.jha-designer-container .category-option.editor-active .btn-edit{display:none}.jha-designer-container .category-option.blacklisted{display:none!important}.jha-designer-container .category-option .warning{background-color:#fff;color:#000;padding:5px;margin-top:3px;margin-bottom:3px;line-height:1rem}.jha-designer-container button.swatch-group-btn{font-family:DIN Condensed,sans-serif;font-size:.8rem;background:#545454;color:#fff;padding:4px .5rem;border:none;margin:0 5px 1rem;border-radius:2px}.jha-designer-container button.swatch-group-btn.active,.jha-designer-container button.swatch-group-btn:active{background:#fff;color:#545454}.jha-designer-container .gallery .swatch-group{display:none}.jha-designer-container .gallery .swatch-group.active{display:unset}.jha-designer-container .gallery .swatch{display:inline-block;width:2rem;height:2rem;background-size:cover;margin:0;cursor:pointer;border:2px solid transparent;background-repeat:no-repeat;background-position:50%}.jha-designer-container .gallery .swatch.active{border:2px solid #fff}.jha-designer-container .gallery .swatch.blacklisted{display:none;cursor:not-allowed}}@media (min-width:814px){.form-container{bottom:5rem}.form-container .iem-selector{height:7rem}.jha-designer-footer{height:5rem}.jha-designer-footer .right-col{width:30rem}.jha-designer-footer .right-col .price-container{position:relative;flex:1 1 auto}.jha-designer-footer .right-col .price{display:inline-block;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.7rem}}.light-toggle-container{color:#fff;display:flex;flex-direction:row;align-items:center;top:50%;left:50%;transform:translate(-50%,-50%);position:relative;float:left}.light-toggle-container input.toggle-btn{position:relative;-webkit-appearance:none;outline:none;width:50px;height:30px;background-color:#000;border:1px solid #fff;border-radius:50px;transition:background-color .125s ease-out;margin-right:1rem}.light-toggle-container input.toggle-btn:after{content:"";position:absolute;top:1px;left:1px;background:#fff;width:26px;height:26px;border-radius:50%;transition:left .125s ease-out}.light-toggle-container input.toggle-btn:checked{background-color:#aaa;transition:background-color .125s ease-in}.light-toggle-container input.toggle-btn:checked:after{left:20px;transition:left .125s ease-in}.frappe-chat-popper .frappe-fab{right:unset;left:0}@media screen and (max-height:768px),screen and (min-width:320px) and (max-width:767px){.form-container{width:18rem}}@media only screen and (max-height:768px){.form-container{width:18rem}#image-controls{right:18rem}.jha-designer-container button.swatch-group-btn{padding:2px 6px;margin:0}.gallery{padding-top:2px}.jha-designer-container .title span.icon{width:2rem;height:2rem}.price-container{display:flex;align-items:center}.price-container .price{font-size:1.5rem}}@media only screen and (max-height:375px){.form-container{width:15rem}#image-controls{right:15rem}}@media only screen and (max-width:720px){#image-controls{right:15rem}}@media screen and (min-width:200px) and (max-width:767px),screen and (orientation:portrait){.jha-designer-container button.swatch-group-btn{font-size:1rem}.navbar-collapse{width:90vw;background:#000}.frappe-chat-popper{display:none!important}#login-popup .login-popup-content{min-width:100%;margin:0}.jha-designer-footer .right-col{flex:1 1 auto}.jha-designer-footer .right-col .price-container{display:flex;align-items:center}.jha-designer-footer .right-col .price-container .price{font-size:1.5rem}.jha-designer-container #image-controls{top:0;right:0;transform:unset;z-index:99}.jha-designer-container .iem-selector{position:relative}.jha-designer-container .form-container{width:100%;left:0;top:50vh;bottom:0;padding:0 .5rem 3rem}.jha-designer-container .canvas-container{width:100vw;height:50vh;max-width:100vw;max-height:50vh}.jha-designer-container .gallery .swatch{width:17vw;height:17vw}}