.cpc-placement-wrapper{width:100%;margin-top:16px;margin-bottom:16px;--cpc-border: #E9E9E9;--cpc-dark: #1f2937;--cpc-label: #1f2937;--cpc-fill: #f5f5f5;--cpc-check: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M5%2012.5l4.5%204.5L19%207.5'%20stroke='%23ffffff'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E")}.cpc-placement-wrapper .cpc-form-panel{position:static;width:100%;background:transparent;box-shadow:none;opacity:1;pointer-events:all;transform:none;display:block;padding:0;overflow:visible}.cpc-placement-wrapper .cpc-form-panel .cpc-header{display:none}.cpc-placement-wrapper .cpc-form-panel .cpc-body{padding:0;overflow:visible;max-height:none}.cpc-placement-wrapper .cpc-form-panel .cpc-footer{display:none}.cpc-preview-panel-inline{position:relative;width:100%;height:100%;background:transparent;box-shadow:none;opacity:1;pointer-events:all;transform:none;display:block;padding:0;overflow:visible}.cpc-preview-panel-inline .cpc-preview-title,.cpc-preview-panel-inline .cpc-preview-subtitle{display:none}.cpc-preview-panel-inline .cpc-preview-inner{height:100%;display:flex;align-items:center;justify-content:center}.cpc-preview-panel-inline .cpc-preview-zoom-container{height:100%;width:100%;background:transparent;cursor:default;display:flex;align-items:center;justify-content:center}.cpc-preview-panel-inline .cpc-preview-img-wrap{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.cpc-preview-panel-inline .cpc-preview-img-wrap img{width:100%;height:100%;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;object-fit:contain}.cpc-preview-panel-inline .cpc-svg-monogram{position:absolute;pointer-events:none;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%)}.cpc-preview-panel-inline .cpc-svg-monogram .svg-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2px;width:170px;transform-origin:center center}.cpc-preview-panel-inline .cpc-svg-monogram .svg-container>div{display:inline-flex;align-items:center;justify-content:center}.cpc-preview-panel-inline .cpc-svg-monogram .svg-container svg{width:auto;height:auto;max-width:100%;max-height:100%;display:block}.cpc-preview-panel-inline .cpc-monogram-overlay{text-transform:uppercase;position:absolute;pointer-events:none;white-space:nowrap;line-height:1;transition:color .15s,font-family .1s;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%)}.cpc-preview-panel-inline .cpc-preview-img-wrap.has-svg .cpc-monogram-overlay{display:none}.cpc-preview-panel-inline .cpc-preview-img-wrap.has-svg .cpc-svg-monogram{display:block}.cpc-preview-panel-inline .cpc-preview-img-wrap:not(.has-svg) .cpc-svg-monogram{display:none}.cpc-preview-panel-inline .cpc-preview-img-wrap:not(.has-svg) .cpc-monogram-overlay{display:block}.cpc-preview-panel-inline .cpc-empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;text-align:center;pointer-events:none;display:none;background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;padding:20px 30px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;max-width:280px}.cpc-preview-panel-inline .cpc-empty-state.visible{display:block}.cpc-preview-panel-inline .cpc-empty-state p{margin:0;font-family:var(--font-body-family, Arial, sans-serif);font-size:14px;line-height:1.4;color:#000;font-weight:400;letter-spacing:.02em;text-shadow:0 1px 2px rgba(255,255,255,.5)}.cpc-preview-panel-inline .cpc-embroidery-canvas{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;pointer-events:none;max-width:90%;max-height:90%}.cpc-preview-panel-inline .cpc-embroidery-canvas.active{display:block!important}.cpc-form-panel-inline .cpc-section{margin-bottom:28px}.cpc-form-panel-inline .cpc-section:last-child{margin-bottom:0}.cpc-form-panel-inline .cpc-section-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.cpc-form-panel-inline .cpc-section-label{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.3;color:var(--cpc-label);font-family:var(--font-body-family);margin:0;text-transform:none;font-weight:700;letter-spacing:0}.cpc-form-panel-inline .cpc-step{display:none}.cpc-form-panel-inline .cpc-section-current{font-size:13px;line-height:1.3;color:var(--cpc-label);font-weight:400;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}.cpc-form-panel-inline .cpc-section-header--inline .cpc-style-current{font-weight:400}.cpc-form-swiper{width:100%;position:relative;overflow:hidden;padding-bottom:14px}.cpc-form-swiper .swiper-slide{width:auto;height:auto;flex-shrink:0}.cpc-form-swiper.swiper-horizontal>.swiper-scrollbar,.cpc-form-swiper>.swiper-scrollbar{position:absolute;left:0;right:auto;bottom:0;top:auto;width:100%;height:2px;background:var(--cpc-border);border-radius:999px;z-index:5}.cpc-form-swiper .swiper-scrollbar-drag{display:block;background:var(--cpc-dark);border-radius:999px}.cpc-form-swiper>.swiper-scrollbar.swiper-scrollbar-lock{display:none}.cpc-color-swiper .cpc-color-swatches{display:flex;flex-wrap:nowrap;align-items:stretch}.cpc-color-swatch-wrapper{width:auto;flex-shrink:0}.cpc-color-swatch{position:relative;flex:0 0 auto;min-width:80px;padding:0;border:none;background:none;border-radius:0;cursor:pointer;text-align:center;outline:none}.cpc-color-chip{display:block;width:100%;height:28px;outline:1px solid transparent;outline-offset:1px;border:.5px solid #514f4f38;transition:border-color .15s}.cpc-color-swatch:hover .cpc-color-chip,.cpc-color-swatch.selected .cpc-color-chip{outline-color:var(--cpc-dark)}.cpc-color-name{display:block;margin-top:8px;font-size:12px;line-height:1.3;color:#000;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cpc-color-swatch.selected .cpc-color-name{font-weight:600}.cpc-category-grid{display:flex;flex-wrap:nowrap;gap:0;background:#f3f4f6;overflow:hidden;padding:5px}.cpc-category-btn{flex:1 1 0;min-width:0;padding:12px 10px;border:0;border-right:1px solid var(--cpc-border);background:#f3f4f6;cursor:pointer;font-size:13px;line-height:20px;font-weight:500;text-transform:capitalize;transition:background .2s,color .2s;font-family:var(--font-body-family);color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cpc-category-btn:last-child{border-right:0}.cpc-category-btn:hover,.cpc-category-btn.selected{background:var(--cpc-dark);color:#fff}.cpc-category-btn.selected:hover{background:var(--cpc-dark)}.cpc-font-card{position:relative;border:1px solid var(--cpc-border);padding:12px 12px 8px;cursor:pointer;text-align:center;transition:border-color .15s,background .15s;background:#fff;min-width:94px}.cpc-font-card:hover{border-color:var(--cpc-dark)}.cpc-font-card.selected{border-color:var(--cpc-dark);background:#fff}.cpc-font-preview{font-size:20px;line-height:1.2;margin-bottom:6px;min-height:26px;display:flex;align-items:center;justify-content:center;color:#000;white-space:nowrap}.cpc-font-preview img{max-width:28px;max-height:28px;object-fit:contain}.cpc-font-preview svg{width:28px;height:auto}.cpc-font-name{font-size:9px;color:#000;text-transform:uppercase;letter-spacing:.04em;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cpc-font-card.selected .cpc-font-name{color:var(--cpc-dark)}.cpc-placement-btn{position:relative;min-width:140px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;padding:18px 14px 14px;border:1px solid var(--cpc-border);background:#fff;cursor:pointer;transition:border-color .15s,background .15s;font-family:var(--font-body-family)}.cpc-placement-btn:hover{border-color:var(--cpc-dark)}.cpc-placement-btn.selected{border-color:var(--cpc-dark);background:var(--cpc-fill)}.cpc-placement-icon{width:42px;height:42px;object-fit:contain;display:block;pointer-events:none}.cpc-placement-label{font-size:12px;line-height:1.3;color:#000;font-weight:400;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cpc-placement-btn.selected .cpc-placement-label{font-weight:600;color:var(--cpc-dark)}.cpc-font-card.selected:after,.cpc-placement-btn.selected:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background-color:var(--cpc-dark);background-image:var(--cpc-check);background-repeat:no-repeat;background-position:center;background-size:10px 10px;box-shadow:0 0 0 2px #fff;pointer-events:none;z-index:2}.cpc-font-card.selected:after{top:6px;right:6px;box-shadow:none}.cpc-placement-btn.selected:after{top:8px;right:8px;box-shadow:none}.cpc-placement-select-wrap{position:relative}.cpc-placement-select{font-family:var(--font-body-family);font-weight:700;width:100%;appearance:none;-webkit-appearance:none;padding:12px 32px 12px 14px;font-size:12px;color:#000;cursor:pointer;outline:none;transition:border-color .15s;border:1px solid #E9E9E9;background:#fff}.cpc-placement-select:focus{border-color:#e9e9e9}.cpc-placement-select-wrap:after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #000;pointer-events:none}.cpc-char-input-wrap{position:relative}.cpc-char-input{width:100%;box-sizing:border-box;border:1px solid var(--cpc-border);padding:16px 74px 16px 18px;font-size:16px;letter-spacing:.06em;color:#000;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.cpc-char-input:focus{border-color:#000;box-shadow:0 0 0 3px #212b3614}.cpc-char-input.cpc-error{border-color:#ef4444}.cpc-char-counter{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--cpc-label);pointer-events:none;font-weight:500;background:var(--cpc-fill);border-radius:999px;padding:5px 11px;line-height:1}.cpc-char-hint{font-size:11px;color:#000;margin:12px 0 0}.cpc-char-hint.cpc-error-msg{color:#ef4444}.cpc-allowed-chars{font-size:12px;color:#000;margin:12px 0 0;letter-spacing:.5px}.cpc-allowed-chars strong{font-weight:900}.cpc-validation-message{display:none;font-size:12px;color:#ef4444;margin-top:16px;padding:6px 10px;background:#fef2f2;border-radius:4px;border:1px solid #fecaca;align-items:center;gap:10px}.cpc-validation-message.visible{display:flex}.cpc-validation-message .cpc-msg-text{flex:1}.cpc-validation-message .cpc-clear-btn{background:none;border:none;color:#ef4444;text-decoration:underline;cursor:pointer;font-size:12px;font-weight:500;padding:0 4px;white-space:nowrap}.cpc-validation-message .cpc-clear-btn:hover{color:#dc2626}.cpc-no-fonts-msg,.cpc-no-colors-msg{padding:12px;text-align:center;background:#f9fafb;border-radius:8px;color:#000;font-size:13px}@media(max-width:767px){.cpc-form-panel-inline .cpc-section{margin-bottom:24px}.cpc-form-panel-inline .cpc-category-btn{padding:11px 8px;font-size:12px}.cpc-form-panel-inline .cpc-font-card{min-width:82px;padding:10px 10px 6px}.cpc-form-panel-inline .cpc-font-preview{font-size:17px}.cpc-form-panel-inline .cpc-font-preview svg{width:24px}.cpc-color-swatch{min-width:82px}.cpc-color-chip{height:26px}.cpc-placement-btn{min-width:118px;padding:14px 10px 12px}.cpc-placement-icon{width:36px;height:36px}.cpc-char-input{font-size:16px;padding:14px 70px 14px 14px}.cpc-preview-panel-inline .cpc-svg-monogram .svg-container{width:120px}}.cpc-monogram-slide{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.cpc-monogram-slide .cpc-preview-img-wrap{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.cpc-monogram-slide .cpc-preview-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.cpc-overlay,.cpc-preview-panel,.cpc-mobile-modal{display:none!important}.cpc-placement-block-wrapper{padding:16px 0}.cpc-placement-block-wrapper .cpc-form-panel .cpc-body{padding:0}.cpc-placement-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cpc-placement-form-grid .cpc-section{margin-bottom:0}.cpc-placement-form-grid .cpc-section-full{grid-column:1 / -1}@media(max-width:767px){.cpc-placement-form-grid{grid-template-columns:1fr;gap:12px}.cpc-placement-form-grid .cpc-section-full{grid-column:1}}.cpc-tooltip-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);z-index:99999;background:#1f2937;color:#fff;padding:16px 32px;border-radius:8px;font-size:14px;font-family:var(--font-body-family, Arial, sans-serif);box-shadow:0 4px 20px #00000040;opacity:0;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;max-width:400px;pointer-events:none;text-align:center}.cpc-tooltip-notification.show{transform:translate(-50%,-50%) scale(1);opacity:1}.cpc-tooltip-notification .cpc-tooltip-icon{display:inline-block;margin-right:10px;font-size:18px}@media(max-width:767px){.cpc-tooltip-notification{max-width:300px;font-size:13px;padding:12px 20px;width:90%}}.cpc-placement-wrapper.cpc-placement-block-wrapper.loading{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .3s ease}.cpc-placement-wrapper.cpc-placement-block-wrapper.loading .cpc-form-panel{pointer-events:none}.cpc-placement-wrapper.cpc-placement-block-wrapper.loading .cpc-category-btn,.cpc-placement-wrapper.cpc-placement-block-wrapper.loading .cpc-font-card,.cpc-placement-wrapper.cpc-placement-block-wrapper.loading .cpc-color-swatch,.cpc-placement-wrapper.cpc-placement-block-wrapper.loading .cpc-placement-btn,.cpc-placement-wrapper.cpc-placement-block-wrapper.loading .cpc-placement-select,.cpc-placement-wrapper.cpc-placement-block-wrapper.loading .cpc-char-input,.cpc-placement-wrapper.cpc-placement-block-wrapper.loading .cpc-clear-btn{cursor:not-allowed!important;pointer-events:none!important}.cpc-placement-wrapper.cpc-placement-block-wrapper.loading .cpc-placement-select,.cpc-placement-wrapper.cpc-placement-block-wrapper.loading .cpc-char-input{opacity:.6}
/*# sourceMappingURL=/cdn/shop/t/331/assets/custom-placement.css.map */