/* SMUSIM_SS_REGISTRATION_V1 */
.sm-ss-registration{position:fixed;inset:0;z-index:5000;pointer-events:none;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.sm-ss-registration-trigger-wrap{position:absolute;top:24px;right:28px;pointer-events:auto;z-index:1}
.sm-ss-reg-button{position:relative;width:120px;height:40px;background:#000;display:flex;align-items:center;justify-content:center;color:#fff;border:0;padding:12px;border-radius:8px;cursor:pointer;font-weight:700;isolation:isolate;box-shadow:0 8px 30px rgba(0,0,0,.38)}
.sm-ss-reg-button::before{content:"";position:absolute;inset:0;left:-4px;top:-1px;margin:auto;width:128px;height:48px;border-radius:10px;background:linear-gradient(-45deg,#e81cff 0%,#40c9ff 100%);z-index:-2;pointer-events:none;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}
.sm-ss-reg-button::after{content:"";z-index:-1;position:absolute;inset:0;background:linear-gradient(-45deg,#fc00ff 0%,#00dbde 100%);transform:translate3d(0,0,0) scale(.95);filter:blur(20px)}
.sm-ss-reg-button:hover::after{filter:blur(30px)}
.sm-ss-reg-button:hover::before{transform:rotate(-180deg)}
.sm-ss-reg-button:active::before{transform:rotate(-180deg) scale(.7)}
.sm-ss-reg-modal{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:20px;pointer-events:auto}
.sm-ss-reg-modal[hidden]{display:none!important}
.sm-ss-reg-backdrop{position:absolute;inset:0;background:rgba(3,7,18,.72);backdrop-filter:blur(8px)}
.sm-ss-reg-form-container{position:relative;z-index:1;width:min(320px,calc(100vw - 40px));border-radius:.75rem;background:rgba(17,24,39,.97);padding:2rem;color:rgba(243,244,246,1);box-sizing:border-box;border:1px solid rgba(167,139,250,.23);box-shadow:0 30px 90px rgba(0,0,0,.65)}
.sm-ss-reg-title{margin:0;text-align:center;font-size:1.5rem;line-height:2rem;font-weight:700}
.sm-ss-reg-form{margin-top:1.5rem}.sm-ss-reg-input-group{margin-top:.75rem;font-size:.875rem;line-height:1.25rem}
.sm-ss-reg-input-group label{display:block;color:rgba(156,163,175,1);margin-bottom:4px}
.sm-ss-reg-input-group input{width:100%;box-sizing:border-box;border-radius:.375rem;border:1px solid rgba(55,65,81,1);outline:0;background:rgba(17,24,39,1);padding:.75rem 1rem;color:rgba(243,244,246,1)}
.sm-ss-reg-input-group input:focus{border-color:rgba(167,139,250,1)}
.sm-ss-reg-sign{display:block;width:100%;margin-top:18px;background:rgba(167,139,250,1);padding:.75rem;text-align:center;color:rgba(17,24,39,1);border:0;border-radius:.375rem;font-weight:700;cursor:pointer}
.sm-ss-reg-sign:disabled,.sm-ss-reg-login:disabled{opacity:.55;cursor:wait}
.sm-ss-reg-social-message{display:flex;align-items:center;padding-top:1rem}.sm-ss-reg-line{height:1px;flex:1;background:rgba(55,65,81,1)}
.sm-ss-reg-message{padding:0 .75rem;font-size:.875rem;color:rgba(156,163,175,1)}
.sm-ss-reg-login{width:100%;margin-top:14px;border:1px solid rgba(145,70,255,.8);border-radius:.375rem;padding:.75rem;background:rgba(145,70,255,.12);color:#fff;cursor:pointer;font-weight:700}.sm-ss-reg-login:hover{background:rgba(145,70,255,.23)}
.sm-ss-reg-close{position:absolute;top:9px;right:11px;width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:rgba(209,213,219,.9);font-size:25px;line-height:1;cursor:pointer}.sm-ss-reg-close:hover{background:rgba(255,255,255,.07)}
.sm-ss-reg-error,.sm-ss-reg-success{min-height:18px;margin:12px 0 0;text-align:center;font-size:.78rem;line-height:1.25rem}.sm-ss-reg-error{color:#fca5a5}.sm-ss-reg-success{color:#86efac}
.sm-ss-reg-signup{margin:16px 0 0;text-align:center;font-size:.75rem;line-height:1.35rem;color:rgba(156,163,175,1)}
.sm-ss-profile-grid{margin-top:22px;display:grid;gap:10px}.sm-ss-profile-row{padding:11px 12px;border:1px solid rgba(55,65,81,1);border-radius:8px;background:rgba(3,7,18,.24)}
.sm-ss-profile-label{display:block;margin-bottom:3px;font-size:.72rem;color:rgba(156,163,175,1)}.sm-ss-profile-value{font-size:.92rem;color:#fff;word-break:break-word}.sm-ss-profile-lock{margin:17px 0 0;text-align:center;font-size:.76rem;line-height:1.35rem;color:rgba(156,163,175,1)}
@media(max-width:640px){.sm-ss-registration-trigger-wrap{top:18px;right:18px}.sm-ss-reg-form-container{padding:1.7rem 1.35rem}}


/* ==========================================================
 * SMUSIM_SS_REGISTRATION_BUTTON_USER_PROFILE_V2
 * Requested Uiverse user-profile button appearance.
 * ========================================================== */

.sm-ss-reg-button.user-profile {
    position: relative;

    width: 131px;
    height: 51px;

    padding: 0;
    margin: 0;

    border: 0;
    border-radius: 15px;

    cursor: pointer;

    transition:
        0.3s ease;

    background:
        linear-gradient(
            to bottom right,
            #2e8eff 0%,
            rgba(46, 142, 255, 0) 30%
        );

    background-color:
        rgba(46, 142, 255, 0.2);

    display: flex;

    align-items: center;
    justify-content: center;

    flex-direction: row;

    gap: 0;

    color: #fff;

    font-weight: 600;

    box-shadow: none;

    isolation: auto;
}


.sm-ss-reg-button.user-profile::before,
.sm-ss-reg-button.user-profile::after {
    content: none;
    display: none;
}


.sm-ss-reg-button.user-profile:hover,
.sm-ss-reg-button.user-profile:focus {
    background-color:
        rgba(46, 142, 255, 0.7);

    box-shadow:
        0 0 10px
        rgba(46, 142, 255, 0.5);

    outline: none;
}


.sm-ss-reg-button.user-profile:active {
    transform:
        scale(0.97);
}


.user-profile-inner {
    width: 127px;
    height: 47px;

    border-radius: 13px;

    background-color:
        #1a1a1a;

    display: flex;

    align-items: center;
    justify-content: center;

    gap: 15px;

    color: #fff;

    font-weight: 600;

    box-sizing: border-box;

    pointer-events: none;

    padding:
        0 10px;
}


.user-profile-inner svg {
    width: 27px;
    height: 27px;

    min-width: 27px;

    fill: #fff;
}


#sm-ss-registration-trigger-label {
    display: block;

    max-width: 78px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    text-align: center;
}


@media (max-width: 640px) {

    .sm-ss-reg-button.user-profile {
        width: 131px;
        height: 51px;
    }

    .user-profile-inner {
        width: 127px;
        height: 47px;
    }
}