/* Keep the original SVG slot so the heading and login controls stay in place. */
.login100-form-title .tn-login-logo-slot {
    position: relative;
    display: inline-block;
    width: 150px;
    height: 267.61565836298934px;
    margin-top: -80px;
    vertical-align: middle;
}
.tn-login-logo {
    position: absolute;
    display: block;
    width: 180px;
    height: 212.4px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    isolation: isolate;
}
.tn-login-logo > .tn3d-fallback {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.tn-login-logo > .tn3d-webgl-canvas {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    touch-action: pan-y;
}
.tn-login-logo.tn3d-webgl-ready > .tn3d-fallback { display: none; }

/* Preserve the wordmark position while allowing the larger central logo room to glow. */
.tn-hero-logo-slot {
    position: relative;
    display: inline-block;
    width: 370px;
    height: 205px;
    padding: 0;
    margin: 20px 0 6px;
    isolation: isolate;
}
.tn-hero-logo {
    position: absolute;
    width: 370px;
    height: 300px;
    left: 50%;
    top: -65px;
    transform: translateX(-50%);
}
.tn-hero-logo > .tn3d-webgl-canvas {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    touch-action: pan-y;
}
.tn-hero-logo > .tn3d-fallback {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.tn-hero-logo.tn3d-webgl-ready > .tn3d-fallback { display: none; }