:root{--store-accent-color: #1e88e5}.stick-custom-name-field{position:relative;margin-bottom:1.8rem;font-family:inherit;display:flex;flex-direction:column}.stick-custom-name-field input{padding:1rem 1rem .5rem;border:1px solid #ccc;border-radius:6px;width:100%;font-size:1rem;box-sizing:border-box;transition:border-color .3s,box-shadow .3s}.stick-custom-name-field label{position:absolute;top:1rem;left:1rem;color:#888;font-size:1rem;pointer-events:none;transition:all .3s ease;display:flex;align-items:center}.force-first-letter-cap{text-transform:lowercase!important}.force-first-letter-cap:first-letter{text-transform:uppercase!important}.stick-custom-name-field .stick-tooltip{pointer-events:auto}.stick-custom-name-field input:focus+label,.stick-custom-name-field input:not(:placeholder-shown)+label{top:-.5rem;left:.75rem;font-size:.85rem;color:var(--store-accent-color);background:#fff;padding:0 .25rem}.stick-custom-name-field input.stick-input-active{border-color:var(--store-accent-color);box-shadow:0 0 8px #1e88e54d}.stick-custom-name-field small{margin-top:.25rem;color:#555;font-size:.85rem;transition:color .3s}.stick-custom-name-field small.stick-char-max{color:#e53935}.stick-tooltip{position:relative;margin-left:.4rem;cursor:pointer;font-weight:400;color:#888;transition:color .3s}.stick-tooltip:hover{color:var(--store-accent-color)}.stick-tooltiptext{visibility:hidden;width:220px;background-color:var(--store-accent-color);color:#fff;text-align:left;border-radius:6px;padding:.5rem;position:absolute;z-index:10;bottom:125%;left:50%;transform:translate(-50%) translateY(0);opacity:0;transition:opacity .3s,transform .3s;font-size:.85rem;pointer-events:none}.stick-tooltip-arrow{position:absolute;bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background-color:var(--store-accent-color)}.stick-tooltip:hover .stick-tooltiptext,.stick-tooltip:focus-within .stick-tooltiptext{visibility:visible;opacity:1;transform:translate(-50%) translateY(-5px)}.stick-tooltiptext.visible{visibility:visible;opacity:1;transform:translate(-50%) translateY(-5px);pointer-events:auto}.stick-custom-name-field input.stick-input-error{border-color:#e53935!important;box-shadow:0 0 8px #e539354d;animation:shake .3s ease}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-2px)}50%{transform:translate(2px)}75%{transform:translate(-2px)}to{transform:translate(0)}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/sticks-custom.css.map */