@keyframes peel-on{0%{transform:scale(1.15) translateY(-20px) rotate(-5deg);opacity:0;filter:drop-shadow(0 25px 15px rgba(0,0,0,.3))}to{transform:scale(1) translateY(0) rotate(0);opacity:1;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}}.patch-appear{animation:peel-on .5s cubic-bezier(.34,1.56,.64,1) forwards}body{font-family:Inter,sans-serif}button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#d1d5db}.hat-mask{-webkit-mask-image:url(assets/mask.png);mask-image:url(assets/mask.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.selection-handle{width:8px;height:8px;background:#3b82f6;border:1px solid white;position:absolute;border-radius:50%;z-index:30;transition:transform .1s}.selection-handle:hover{transform:scale(1.5);background:#2563eb}.rotate-handle{width:10px;height:10px;background:#3b82f6;position:absolute;left:50%;top:-20px;transform:translate(-50%);border-radius:50%;cursor:grab}.rotate-line{width:1.5px;height:20px;background:#3b82f6;position:absolute;left:50%;top:-20px;transform:translate(-50%)}.delete-handle{width:20px;height:20px;background:#ef4444;color:#fff;position:absolute;top:-10px;right:-10px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:transform .1s,background-color .1s;z-index:40}.delete-handle:hover{background:#dc2626;transform:scale(1.1)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.admin-banner{background-color:#fef3c7;color:#92400e;font-size:13px;font-weight:500;text-align:center;padding:8px;border-bottom:1px solid #fcd34d;display:flex;justify-content:center;gap:15px}#admin-toggle.admin-active{background-color:#fef3c7;color:#d97706;border-color:#fcd34d}.velcro-polygon{fill:#22c55e26;stroke:#22c55ecc;stroke-width:2;stroke-dasharray:5,5;pointer-events:auto;cursor:pointer;transition:all .2s}.velcro-polygon:hover{fill:#22c55e4d;stroke-dasharray:0}.invalid-placement{filter:grayscale(1) opacity(.5);border:2px dashed #ef4444}.pattern-dots{background-image:radial-gradient(#000 1px,transparent 1px);background-size:4px 4px}.pattern-lines{background-image:repeating-linear-gradient(45deg,#000 0,#000 1px,transparent 0,transparent 50%);background-size:10px 10px}.pattern-grid{background-image:linear-gradient(#000 1px,transparent 1px),linear-gradient(90deg,#000 1px,transparent 1px);background-size:10px 10px}body{cursor:none}a,button,input,select,[role=button]{cursor:none!important}#target-cursor{position:fixed;top:0;left:0;z-index:9999;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:difference}.cursor-ring{width:24px;height:24px;border:1.5px solid white;border-radius:50%;transition:all .15s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cursor-dot{width:4px;height:4px;background:#fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#target-cursor.is-snapped .cursor-ring{width:40px;height:40px;border-color:#3b82f6;border-width:2px;background-color:#3b82f61a}#velcro-svg-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none}#velcro-controls-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:101;pointer-events:none}.zone-delete-btn{position:absolute;width:20px;height:20px;background:#ef4444;color:#fff;border-radius:50%;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0003;transition:transform .2s,background-color .2s}.zone-delete-btn:hover{background:#dc2626;transform:translate(-50%,-50%) scale(1.1)}#drawing-overlay{cursor:crosshair;z-index:100}
/*# sourceMappingURL=/cdn/shop/t/27/assets/hat-customizer.css.map */