.knck--toggle-btn.small{background:#0000;text-align:center;color:#000;padding:16px 40px;border:2px solid black;border-radius:100px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:100%;margin:10px 0}.knck--toggle-btn.small:hover{background:#000;transform:translateY(-1px);color:#fff}.knck--toggle-btn.small:active{transform:translateY(0)}.knck--toggle-icon{transition:transform .3s ease;margin-left:8px}.knck--toggle-btn.small.active .knck--toggle-icon{transform:rotate(180deg)}.knck--toggle-btn.small.active,.knck--toggle-btn.small.active:hover{background:#000;color:#fff}.knck--product-customizer{margin:20px 0;animation:knckSlideDown .3s ease-out;overflow:hidden;padding:0 20px}.knck--form-group.small{margin-bottom:15px}.knck--form-label.small{display:block;margin-bottom:5px;font-weight:600;font-size:14px;color:#333}.knck--form-input.small{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s ease}.knck--form-input.small:focus{outline:none;border-color:#007bff}.knck--form-select.small{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;cursor:pointer}.knck--color-picker-group.small{display:flex;gap:8px;flex-wrap:wrap}.knck--color-option.small{width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .3s ease}.knck--color-option.small:hover{transform:scale(1.1)}.knck--color-option.small.selected{border-color:#333;box-shadow:0 0 0 1px #fff,0 0 0 3px #333}.knck--file-upload-area.small{border:2px dashed #ccc;border-radius:6px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafafa}.knck--file-upload-area.small:hover{border-color:#007bff;background:#f0f8ff}.knck--file-upload-area.small.dragover{border-color:#007bff;background:#e6f3ff}.knck--upload-icon.small{font-size:24px;color:#ccc;margin-bottom:8px}.knck--file-upload-area.small p{margin:5px 0;font-size:14px}.knck--file-upload-area.small small{color:#666;font-size:12px}.knck--file-input{display:none}#knck--upload-button{width:100%;height:200px;border-radius:12px;background:transparent;border:1px solid black;border-style:dashed;color:#000;order:2}.file-info{background:#e8f5e8;border:1px solid #4caf50;border-radius:4px;padding:8px 12px;margin-top:8px;position:relative;font-size:14px;width:100%;text-align:center;display:flex;justify-content:space-between}.knck--remove-file{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;font-size:16px;line-height:1}.knck--preview-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.knck--preview-text.small{word-wrap:break-word;max-width:100%}.knck--preview-logo-container.small{text-align:center}.knck--position-controls{margin-top:8px}.knck--position-row{display:flex;align-items:center;margin-bottom:8px;gap:10px}.knck--position-row label{min-width:70px;font-size:12px;font-weight:500}.knck--range-slider{flex:1;height:4px;border-radius:2px;background:#ddd;outline:none;-webkit-appearance:none}.knck--range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#007cba;cursor:pointer}.knck--range-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#007cba;cursor:pointer;border:none}.knck--position-row span{min-width:40px;font-size:11px;color:#666;text-align:right}.knck--preview-container{position:relative;width:100%;height:200px;border:2px dashed #ddd;border-radius:8px;background:#f9f9f9;overflow:hidden;margin-top:8px}.knck--preview-text{position:absolute;font-size:16px;white-space:nowrap;pointer-events:none;z-index:2}.knck--preview-logo{position:absolute;max-width:80px;max-height:80px;object-fit:contain;pointer-events:none;z-index:1}@keyframes knckSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes knckSlideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media (max-width: 768px){.knck--color-picker-group.small{justify-content:flex-start}.knck--form-input.small,.knck--form-select.small{font-size:16px}.knck--toggle-btn.small{max-width:100%}}@keyframes knckSlideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:500px;transform:translateY(0)}}@keyframes knckSlideUp{0%{opacity:1;max-height:500px;transform:translateY(0)}to{opacity:0;max-height:0;transform:translateY(-10px)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/pdp-customization.css.map */