/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 17 2025 | 15:34:12 */
 .user-profile-form-container {
            --c-text: rgb(50, 50, 80);
            --c-bg: rgb(252, 252, 252);
            --c-outline: rgb(255, 255, 255);
            --c-button: #000000;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0.75em;
            position: relative;
            max-width: 100%;
            color: black;
            margin: auto;
        }

        .user-profile-input-wrapper {
            width: 100%;
            max-width: 100%;
            position: relative;
        }

        .user-profile-input {
            background-color: rgb(255, 255, 255);
            padding: 15px 5px !important;
            border-radius: 7px;
            border: 1px solid var(--c-border, currentColor);
            color: var(--c-text);
            font-size: 13px !important;
            width: 100% !important;
            outline: 1px solid transparent;
            outline-offset: 2px;
            transition: outline-color 0.3s ease, outline-offset 0.3s ease;
            padding-left: 6em !important;
        }

        .user-profile-prefix {
            font-size: 13px;
            position: absolute;
            left: 0.75em;
            top: 50%;
            transform: translateY(-50%);
            color: gray;
            pointer-events: none;
            z-index: 2;
            transition: color 0.3s ease;
        }

        .user-profile-input:invalid {
            --c-border: rgb(230, 85, 60);
            --c-text: rgb(230, 85, 60);
            --c-outline: rgb(230, 85, 60);
        }

        .user-profile-input:is(:focus, :focus-visible) {
            outline: 2px solid var(--c-outline);
            transition: outline-color 0.15s cubic-bezier(.2,.7,.7,1.2), outline-offset 0.15s cubic-bezier(.2,.7,.7,1.2);
            outline-offset: 2px;
        }

        .user-profile-input::placeholder {
            transform: translateX(-0.5em);
            transition: transform 0.3s ease;
        }

        .user-profile-input:is(:focus, :focus-visible)::placeholder {
            transform: translateX(0);
        }

        .user-profile-submit-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            background-color: #4facfe;
            color: white;
            max-width: 100%;
            width: 100%;
            padding: 12px 0px;
            border-radius: 15px;
            font-size: 13px;
            font-weight: 400 !important;
            white-space: nowrap;
            text-shadow: -1px 2.2px 3px rgba(0, 0, 0, 0.5);
            text-decoration: none;
            cursor: pointer;
            transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
        }
      	
      .user-profile-submit-btn:hover{
        background-color: #2586db;
      }

        .user-profile-button-wrapper {
            display: flex;
            justify-content: flex-start;
            width: 100%;
        }

        .user-profile-error-msg {
            margin-top: -10px;
            color: red;
            font-size: 14px;
            text-align: left !important;
            width: 100%;
            display: none;
        }