.loading{position:fixed;z-index:50;width:100%;height:100%;top:0;left:0;background:#f1f1f1;display:flex;justify-content:center;align-items:center}.loader{-webkit-perspective:120px;-moz-perspective:120px;-ms-perspective:120px;perspective:120px;width:100px;height:100px}.loader:before{content:"";position:absolute;left:25px;top:25px;width:50px;height:50px;background-color:red;animation:flip 1s infinite}@keyframes flip{0%{transform:rotate(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(180deg) rotateX(180deg)}}.frame{top:0;position:absolute;left:0;padding:1rem}.frame__title{font-size:1rem;display:inline-block}.frame__links{display:inline-block;margin:0 2rem;text-transform:lowercase}.frame__links a{display:inline-block;margin:0 .25rem;text-decoration:none;color:red}.frame__links a:focus,.frame__links a:hover{text-decoration:underline}#c{width:100%;height:100%;display:block;top:0;left:0}.controls{position:absolute;bottom:0;width:100%}.options{position:absolute;right:0;background-color:#242424;width:16%;top:11rem}.select_model,.colors,.accessories{display:block;padding:1.6rem;border-top:1px solid #1f1f1f;border-bottom:1px solid #000;border-left:1px solid #000;background-color:#242424;color:#7f7f7f;font-family:sans-serif;font-size:.9rem;font-weight:600;text-transform:uppercase;cursor:pointer;position:relative}.select_model:hover,.colors:hover{background-color:#4a4a4a;color:#fff}.dropdown_3d{transition:.5s all;position:fixed;top:11rem;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translate(-100%);width:17%;background-color:#393939;padding:20px;font-size:1.2rem;display:none}.dropdown_3d p{font-size:.7rem;padding-top:20px;padding-left:15px}.dropdown_3d span{border-bottom:1px solid #7d7e7f;margin:5px 15px;width:100%;display:inline-block;padding-bottom:15px;cursor:pointer}.dropdown_list_3d{position:absolute;right:0;left:0;z-index:10;display:none;max-height:10rem;overflow-y:auto;padding:10px 0;background-color:#393939;top:80px;width:90%;margin:auto}button:disabled{cursor:not-allowed;opacity:.7}.dropdown_list_3d ul{padding:0;margin:0}.dropdown_list_3d ul li{list-style:none;padding:12px 20px;cursor:pointer}.dropdown_list_3d ul li:hover{background-color:#242424}.add,.remove{cursor:pointer;padding:1px}.add_text{display:none}.heading{width:50%;margin:auto auto 16px;padding:10px;border-bottom:1px solid #606060;color:#fff;font-size:18px}.add_text .heading,.text_box{display:block;margin-bottom:6px}#imgInp{display:block;margin-top:10px;margin-bottom:10px}.add_text ul{list-style:none;display:flex;padding:0;width:90%;margin:20px auto auto}.add_text ul li{padding:5px 30px;border:2px solid red;color:red;width:110px;cursor:pointer}.add_text ul li:hover,.add_text ul .is_active3d{color:#fff;background-color:red}.add_text .text,.image{display:none;width:90%;margin:20px auto auto}.add_text .text input{width:100%}.select_color{padding:2px;color:#fff;cursor:pointer;display:inline-block;width:100%;border-bottom:1px solid #606060}.select_color span{display:inline-block;width:18px;height:20px;margin-top:10px;margin-left:70px}.select_font{padding-top:10px;padding-bottom:10px;margin-top:20px;display:flex;justify-content:space-between;border-bottom:1px solid #606060}.select_font span{color:#fff;margin-top:13px}.select_font .font_style{min-width:120px}.set_btns{width:90%;margin:20px auto auto;cursor:pointer}.drop{display:inline-block;transition:.5s all}.select3d{display:inline-block;transition:.3s all}.color_dropdown{margin-left:-310px;transition:.5s all;min-height:170px;position:absolute;top:0;padding:12px;display:none;width:284px;background-color:#393939}.text_color_dropdown{margin-left:0;transition:.5s all;min-height:120px;position:absolute;background-color:#242424;padding:12px;display:none;width:223px;border:1px solid #606060;height:130px;overflow-y:scroll;margin-top:2px}.show{display:block;transition:.5s all}.save_customization{position:absolute;display:block;padding:10px;border-top:1px solid #1f1f1f;border-bottom:1px solid black;border-left:1px solid black;background-color:#242424;color:#7f7f7f;font-size:18.5px;font-weight:600;text-transform:uppercase;bottom:0;width:100%;text-align:center}.save{color:#7f7f7f;font-size:22.5px;font-weight:600;cursor:pointer}.save i{margin-right:20px;font-size:29px;transform:rotate(-90deg)}.loaderr{background:#000000c4;width:161%;display:none}.loaderr img{width:17%;margin-left:440px;margin-top:70px}.option{background-size:cover;background-position:50%;background-color:#fff;margin-bottom:3px;padding:10px;height:55px;width:55px;display:flex;justify-content:center;align-items:center;cursor:pointer}.option:hover{border-left:5px solid white;width:58px}.option{border-right:3px solid red;width:58px;cursor:default}.option:hover{border-left:none}.option img{height:100%;width:auto;pointer-events:none}.info{padding:0 1em;display:flex;justify-content:flex-end}.info p{margin-top:0}.tray{width:100%;overflow-x:hidden}.tray__slide,.text__slide{display:flex;flex-wrap:wrap;left:0}.tray__swatch,.text__swatch{transition:.1s ease-in;height:50px;min-width:50px;border-radius:40px;margin-left:2px;margin-top:4px;cursor:pointer;background-size:cover;background-position:center}.tray__swatch:hover,.active3d{border:3px solid yellow;border-style:dashed}.drag-notice{display:flex;justify-content:center;align-items:center;padding:2em;width:10em;height:10em;box-sizing:border-box;font-size:.9em;font-weight:800;text-transform:uppercase;text-align:center;border-radius:5em;background:#fff;position:absolute}.drag-notice.start{-webkit-animation:popout .25s 3s forwards;animation:popout .25s 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:translate(0)}}@keyframes wheelin{to{-webkit-transform:translateX(0);transform:translate(0)}}@media (max-width: 960px){.options{top:0}.info{padding:0 1em 1em 0}.info__message{display:flex;align-items:flex-end}.info__message p{margin:0;font-size:.7em}.frame{left:auto;right:0;padding-left:6rem}.frame__links{display:block;margin:0;text-align:right}}@media (max-width: 720px){.info{flex-direction:column;justify-content: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:50px}.option{margin-bottom:1px;padding:5px;height:45px;width:45px;display:flex}.option{border-right:2px solid red;width:47px}.option img{height:100%;width:auto;pointer-events:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/style.scss.css.map */