.color-choose-block{display:flex;align-items:center;gap:10px}#loadPaintAreaButton{cursor:pointer;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;text-decoration:none}.color-choose-block{display:flex;align-items:center;gap:10px;position:relative;min-height:60px;margin:15px 0}#color-number{border:none;pointer-events:none;-webkit-user-select:none;user-select:none;color:#333;font:inherit;padding:9px;min-height:50px;border-radius:9px;border:1px solid #000000ad;width:280px}#test-checker{cursor:pointer;text-align:center;display:flex;justify-content:center;align-items:center;min-width:50px;min-height:50px;border:1px solid #000000ad;border-radius:10px;background-color:#fff;margin:0!important}#loading-svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.flower-container{position:relative;width:50px;height:50px;cursor:pointer;display:flex;justify-content:center;align-items:center;overflow:visible;z-index:10;margin-left:10px}#ChoosePaletteIcon{width:160%;height:160%;overflow:visible;z-index:1;transform-origin:center;transition:transform .3s ease}#ChoosePaletteIcon:hover{transform:scale(1.1)}#palette-squares{position:absolute;top:50%;left:50%;width:160px;height:160px;transform:translate(-50%,-50%) scale(0);opacity:0;z-index:20;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .5s ease;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:5px;padding:10px;background-color:#ffffffe6;border-radius:5px;box-shadow:0 4px 15px #0000001a;-webkit-user-select:none;user-select:none}.color-square{border-radius:3px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;will-change:transform,box-shadow;backface-visibility:hidden;-webkit-backface-visibility:hidden;z-index:999999}#red-pair,#orange-pair,#green-pair,#blue-pair,#yellow-pair,#blue-dark-pair{transition:transform .6s cubic-bezier(.68,-.55,.265,1.55);transform-origin:57px 57px;will-change:transform}#red-pair{transition-delay:0s}#orange-pair{transition-delay:.05s}#yellow-pair{transition-delay:.1s}#green-pair{transition-delay:.15s}#blue-pair{transition-delay:.2s}#blue-dark-pair{transition-delay:.3s}.flower-active #red-pair{transform:translate(-12px,-12px)}.flower-active #orange-pair{transform:translate(-17px)}.flower-active #yellow-pair{transform:translate(-12px,12px)}.flower-active #green-pair{transform:translate(12px,12px)}.flower-active #blue-pair{transform:translate(17px)}.flower-active #blue-dark-pair{transform:translate(12px,-12px)}#paintIframe{width:100%;height:100%;border:none}.paint-area-content{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.paint-area-overlay{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:99999}.colors-may-vary p{font-family:Inter!important;line-height:normal;color:#a01a1ae6;font-size:14px}.selected-color-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1100}.selected-color-content{position:relative;background:#fff;padding:24px 32px;border-radius:12px;box-shadow:0 10px 40px #00000040;display:flex;width:clamp(300px,60vmin,600px);height:clamp(300px,60vmin,600px);aspect-ratio:1 / 1;flex-direction:column;align-items:center;gap:12px;min-width:220px}.sc-color-preview{width:64px;height:64px;border:1px solid #d1d1d1;border-radius:6px}.sc-color-name{font-weight:600;text-align:center;margin:0}.sc-color-name{color:#1a1a1a;position:relative;display:inline-block;background:#fff9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px;padding:4px 8px}.close-sc{position:absolute;top:8px;right:12px;font-size:20px;cursor:pointer;line-height:1}.color-disclaimer{font-size:12px;line-height:1.4;text-align:center;color:#1a1a1a;opacity:.85;margin-top:auto;background:#fff9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px;padding:4px 8px}@media (max-width: 1000px){#color-number{width:180px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/color-choose.css.map */