.phone-customizer{max-width:100%;margin:0 auto;padding:10px 0;border-radius:16px;background:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;justify-content:center;align-items:center;display:flex;flex-direction:column;border:solid orange 0px}.phone-customizer h2,.phone-customizer .row,.phone-customizer .controls,.phone-customizer .customboard,.phone-customizer .color-palette,#selectedColorName{display:flex;justify-content:center;align-items:center}.phone-customizer .row{gap:12px;flex-wrap:wrap}.phone-customizer2{max-width:100%;margin:0 auto;padding:10px 0 100px;border:0px solid #eee;border-radius:16px;background:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;justify-content:center;align-items:center;display:flex;flex-direction:column}.phone-customizer2 h2,.phone-customizer2 .row,.phone-customizer2 .controls,.phone-customizer2 .customboard,.phone-customizer2 .color-palette,#selectedColorName{display:flex;justify-content:center;align-items:center}.phone-customizer2 .row{gap:12px;flex-wrap:wrap}label{font-size:14px;color:#333}.phone-case{--case-w: 300px;--case-h: 600px;--case-radius: 40px;--case-border: 4px;--cam-w: 80px;--cam-h: 80px;--cam-top: 10px;--cam-left: 20px;--cam-radius: 15px;--cam-border: 4px;width:var(--case-w);height:var(--case-h);border-radius:var(--case-radius);border:var(--case-border) solid #000;background-color:#fff;background-image:none;background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;margin:0 auto;left:0;cursor:grab;box-sizing:content-box;z-index:1;box-shadow:0 0 10px #0000004d}.phone-case .camera-cutout{position:absolute;width:var(--cam-w);height:var(--cam-h);top:var(--cam-top);left:var(--cam-left);border-radius:var(--cam-radius);background:#fff;border:var(--cam-border) solid #000;z-index:5;box-shadow:inset 0 0 10px #0000004d}.customboard{flex-direction:column;gap:10px;align-items:flex-end;margin-left:0;width:100%}.customizer-main{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:0;border:solid #000 0px;width:200px;flex-shrink:0}.color-palette{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;width:90%;border:solid red 0px}.color-palette,.phone-case{flex-shrink:0}.color-swatch{width:30px;height:30px;border-radius:6px;border:1px solid #ccc;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;font-weight:700;font-size:20px}.color-swatch input[type=color]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;margin:0;padding:0}.color-swatch:hover{transform:scale(1.15)}#selectedColorName{margin-bottom:0;font-weight:600}#paletteIcon{cursor:pointer;color:#e67e22;margin:0}.color-palette{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.color-swatch{width:32px;height:32px;border-radius:10px;cursor:pointer;border:1px solid #ccc;display:flex;align-items:center;justify-content:center}.color-swatch input[type=color]{opacity:0;width:100%;height:100%;cursor:pointer}.palette-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.palette-wrapper input[type=color]{position:absolute;left:0;top:0;opacity:0;width:100%;height:100%;cursor:pointer;border:none;padding:0;margin:0}.upload-center{transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;border:none;background:#eee;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:-20px;margin-bottom:10px;margin-top:-10px;box-shadow:0 0 6px #0003;z-index:10}.upload-center:hover{background:#ddd}.uploadbgcase{width:50px;height:50px;transition:all .2s ease;border:3px solid transparent}.uploadbgcase:hover{background:#e0e0e0;transform:scale(1.05)}uploadbgcase.active{border:3px solid #478778}.uploadBtn{border:3px solid transparent;transition:border .2s ease}.uploadBtn.active{border:3px solid #478778}.resetuploadBtn{border:3px solid transparent;transition:border .2s ease}.resetuploadBtn.active{border:3px solid #FF2E00}.magsafeicon{border:3px solid transparent;background:url(https://www.valenta.com/cdn/shop/files/Universal-Sticker-for-Magsafe-Black-8719638587020-02.jpg?v=1742394379&width=1000) center/cover no-repeat;margin-bottom:5px!important;transition:border .2s ease}.magsafeicon.active{border:3px solid #478778}.logoicon{border:3px solid transparent;transition:border .2s ease}.logoicon.active{border:3px solid #478778}.logoboard{transform:translate(-50%,-50%);width:45px;height:45px;border-radius:20%;border:3px solid transparent;background:url(https://play-lh.googleusercontent.com/VJXVzVHpnDlf7h6bgSLED9PW-e3aE7Df2jJitfu3FJqMzj8J1NRLT6bdZxOQQpqeMGo=w480-h960-rw) center/cover no-repeat;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:330px;margin-bottom:10px;margin-top:302px;box-shadow:0 0 6px #0003;z-index:1;transition:border .2s ease}.logoboard.active{border:3px solid #478778;margin-left:435px}.greyuploadbgmagsafe{border:3px solid transparent;transition:border .2s ease;background-color:#eee;cursor:default!important}.uploadbgmagsafe{border:3px solid transparent;transition:border .2s ease}.uploadbgmagsafe.active{border:3px solid #478778;transition:border .2s ease}#resetBtn{position:absolute;top:-30px;left:-5px;width:30px;height:30px;border-radius:50%;border:none;background:#ff6767;color:#fff;font-size:20px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 6px #0003}#resetBtn:hover{background:#e63939}.resetBtnCircle{border:3px solid transparent;transition:border .2s ease;border:3px solid #FF2E00!important}.right-column{flex:1;display:flex;justify-content:center;align-items:flex-start}.shopify-product{max-width:300px;width:100%;text-align:center}.row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;width:100%;box-sizing:border-box;gap:20px}.left-column,.center-column,.right-column{flex:0 0 32%;max-width:32%;width:32%;box-sizing:border-box}@media (max-width: 768px){.row{flex-wrap:wrap}.left-column,.center-column,.right-column{flex:0 0 100%;max-width:100%;margin:0}}.right-column .phone-customizer{width:100%;max-width:none;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:16px;margin:0 auto}.add-to-cart-btn{padding:12px 24px;font-size:16px;font-weight:600;color:#fff;background-color:#1d72b8;border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 8px #00000026;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.add-to-cart-btn:hover{background-color:#155a96;transform:translateY(-2px);box-shadow:0 6px 12px #0003}.add-to-cart-btn:active{transform:translateY(0);box-shadow:0 3px 6px #00000026}.add-to-cart-btn.full-width{width:100%}.phone-case .circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--circle-w);height:var(--circle-h);border-radius:var(--circle-radius);box-sizing:border-box;z-index:5;background-image:url();background-size:cover;background-position:center;background-repeat:no-repeat}.phone-case .mag{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1;width:var(--circle-w);height:var(--circle-h);border-radius:var(--circle-radius);border:var(--circle-border) solid rgba(255,255,255,1);box-shadow:inset 0 0 5px #0000004d,0 0 5px #0000004d;box-sizing:border-box;z-index:6;pointer-events:none;display:none}.phone-case .mag-child{position:absolute;top:100%;margin-top:27px;left:50%;transform:translate(-50%);width:28px;height:80px;background-color:#fff;border-radius:16px;box-shadow:0 0 5px #0000004d;z-index:6;display:none}.mag-toggle{width:80px;height:80px;background-image:url(https://thecellcguy.co.za/wp-content/uploads/2024/02/BGSTICKER-MS-WH.jpg);background-size:cover;background-position:center;border:3px solid transparent;border-radius:50%;cursor:pointer;transition:border .2s ease;box-sizing:border-box}.mag-toggle.active{border:3px solid red}.phone-case .apple{position:absolute;top:49%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:70px;height:70px;z-index:15}.phone-case .apple i{line-height:1;color:silver}.apple-logo{color:silver}.follow{position:relative;left:-55px;top:-80px;display:flex}.followmag{position:relative;left:0;top:0;height:120px;flex:0 0 auto;display:flex}.customboard{position:relative;border:solid green 0px;width:100%}#customboard{width:90%}@media (max-width: 768px){.customboard{width:100%}#customboard{width:90%}}#toggleit{position:relative}.zoom-slider1,.zoom-slider2 input[type=range]{accent-color:#478778}.download{display:absolute;justify-content:center;align-items:center;width:100%}.loader{width:50px;height:50px;border-radius:50%;background:conic-gradient(#478778 0deg 120deg,#47877833 120deg 360deg);position:relative;animation:spin 1s linear infinite;display:inline-block;vertical-align:middle;margin-bottom:-10px}.loader:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:70%;background:#fff;border-radius:50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#modelSelect{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;max-width:100%;padding:10px;font-size:14px;font-family:Inter,system-ui,sans-serif;color:#333;border:1px solid #ccc;border-radius:12px;background-color:#fff;cursor:pointer;transition:all .2s ease;background-image:url("data:image/svg+xml;utf8,<svg fill='gray' height='16' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;text-align:center;text-align-last:center;-moz-text-align-last:center}#modelSelect:hover{border-color:#888}#modelSelect:focus{outline:none;border-color:#276787;box-shadow:0 0 0 3px #27678733}#modelSelect optgroup{font-weight:600;color:#555;padding:4px 0}#modelSelect option{padding:6px 12px}.icons-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-top:20px;margin-bottom:-60px;border:solid blue 0px}.icon-item{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}.icon{width:50px;height:50px;border-radius:8px;border:2px solid #eee;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:-10px}.slider-row{display:flex;justify-content:space-between;align-items:flex-start;gap:0px;margin-bottom:0;margin-top:30px}.slider-item{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:40px;align:left}.zoom-slider1,.zoom-slider2{display:flex;flex-direction:row;align-items:center;gap:8px}#zoomRange{margin-right:20px}.paper-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:12px;width:100%}.paper-grid .grid-item{background:#f9f9f9;border:1px solid #eee;border-radius:12px;padding:12px;font-size:14px;text-align:center}.icon-wrap{text-align:center;margin-top:10px}.icon-wrap img,.icon-wrap svg{display:inline-block;width:35px!important;height:auto!important}
/*# sourceMappingURL=/cdn/shop/t/1/assets/customizer.css.map */