:root {
    --tt-primary: rgb(34, 36, 50);
    --tt-secondary: rgb(112, 114, 128);
    --tt-primary-accessibility-alternative: #4582cf;
    --font-body: 'Open Sans', sans-serif;
    --font-weight-body: 500;
    --font-coustard-black: 'Coustard Black', serif;
    --font-size-body: 1.7rem;
    --line-height-body: 2.9rem;
    --error-body: #912b2b;
}
::-webkit-input-placeholder {
    color:    #fff;
}
:-moz-placeholder {
    color:    #fff;
    opacity:  1;
}
::-moz-placeholder {
    color:    #fff;
    opacity:  1;
}
:-ms-input-placeholder {
    color:    #fff;
}
* {
    padding: 0;
    margin: 0;
}
body,
button,
input,
textarea {
    font-family: var(--font-body);
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-body);
    color: var(--tt-primary);
}
button:focus,
input:focus,
textarea:focus,
select:focus {
    outline: 2px solid var(--tt-primary);
    border-color: transparent !important;
}
button:focus {
    outline-color: var(--tt-primary-accessibility-alternative);
}
.tt-auth--content:focus,
[tabindex]:focus {
    outline: 2px solid var(--tt-primary);
    -webkit-clip-path: none !important;
    clip-path: none !important;
    border-radius: 2px;
}
a, a:visited {
    color: var(--tt-primary);
}
a:not(.button):focus {
    outline: 2px solid var(--tt-primary);
    border-radius: 2px;
}

body.tt-auth--state--reduce-motion * {
    transition: none !important;
}
@media (prefers-reduced-motion) {
    * {
        transition: none !important;
    }
}

html {
    background-color: #fbf7f4;
    font-size: 10px;
}
body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    position: relative;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-coustard-black);
    display: block;
    font-weight: 900;
    letter-spacing: -.0125em;
    margin: 0 0 20px;
}
h1 {
    font-size: 3.5rem;
    line-height: 3.8rem;
}
.tt-highlight {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% 75%;
    border-radius: .625rem;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    padding-inline: .2em;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB2aWV3Qm94PSIwIDAgMzA1IDY4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMDMuNzQ4IDM3LjU5ODFDMzA0LjgwMyA1MC45MjkgMzA1LjMzIDU3LjU5NDUgMzAxLjQyMiA2MS44NjE5QzI5Ny41MTQgNjYuMTI5MyAyOTAuODI4IDY2LjE4ODcgMjc3LjQ1NiA2Ni4zMDc1TDg2Ljg3NjUgNjhMMjYuOTE1MiA2Ni42ODc4QzE0LjI0IDY2LjQxMDQgNy45MDIzNCA2Ni4yNzE3IDQuMDgzNTYgNjIuMjM1NEMwLjI2NDc0MSA1OC4xOTkgMC40NzcwODMgNTEuODYzNCAwLjkwMTcwNSAzOS4xOTIzTDEuMzM0MDIgMjYuMjkyQzEuNzM3MjUgMTQuMjYwMiAxLjkzODg1IDguMjQ0MjggNS43NTQxNiA0LjUxMjM0QzkuNTY5NDYgMC43ODA0MDggMTUuNTg4NCAwLjcxMTc1MSAyNy42MjYxIDAuNTc0NDMxTDc3Ljk4MjQgMS4wNTgzNmUtMDVMMjc2LjM0IDAuNzI5Njk2QzI4Ny45NjYgMC43NzI0NjcgMjkzLjc4IDAuNzkzODUzIDI5Ny41ODYgNC4zMjQxNkMzMDEuMzkzIDcuODU0NDcgMzAxLjg1MiAxMy42NDk3IDMwMi43NjkgMjUuMjQwMkwzMDMuNzQ4IDM3LjU5ODFaIiBmaWxsPSIjRjlDOEJEIi8+Cjwvc3ZnPg==");
    color: #222432;
}
p {
    line-height: var(--line-height-body);
    margin: 0 0 10px;
}
p:last-child {
    margin-bottom: 20px;
}
.tt-auth--notification-critical {
    background-color: #F7E8E8;
    border: 1px solid #e1c9c9;
    color: var(--error-body);
    padding: 10px 20px;
    border-radius: 8px;
    margin: 0 0 20px;
    font-size: 1.5rem;
}
.tt-auth--notification-success {
    background-color: #AADCC7;
    color: var(--tt-primary);
    padding: 12px 20px 14px;
    border-radius: 8px;
    margin: 0 0 20px;
    font-size: 1.5rem;
}
.button,
.button:visited,
button,
input[type="submit"] {
    border-radius: 100px;
    background: var(--tt-primary);
    color: #fff;
    text-decoration: none;
    font-family: var(--font-coustard-black);
    font-size: 15px;
    padding: 15px 30px;
    border: 0;
    cursor: pointer;
    display: inline-block;
    transition: transform .3s, background-color .3s;
}
button:hover,
input[type="submit"]:hover {
    transform: scale(1.1);
}

form {

}
    form .form-text {
        margin: 0 0 24px;
        color: var(--tt-secondary);
        font-size: 1.4rem;
    }
    form .cf-turnstile {
        margin: 0 0 15px !important;
    }
    form .mb-2 {
        position: relative;
        margin: 0 0 20px;
    }
        form .mb-2 label {
            display: block;
            position: relative;
            z-index: 1;
            font-size: .8888em;
            left: 0;
            padding: 0 15px;
            pointer-events: none;
            position: absolute;
            top: 0.95em;
            transform: translateY(0);
            transition: transform .5s ease;
            width: 100%;
            display: inline-block;
            margin: 0 1em;
            opacity: 1 !important;
            padding: 2px 5px;
            text-align: left;
            transition: font-size .3s, transform .3s, color .3s, background .3s;
            width: auto;
        }
        form .mb-2.focused label,
        form .mb-2.filled label {
            color: rgba(34, 36, 50, .8);
            font-size: .6em;
            background-color: #fff;
            transform: translateY(-1.65rem);
            border-radius: 6px;
        }
        form input[type="text"],
        form input[type="email"],
        form input[type="tel"],
        form input[type="password"],
        form select {
            line-height: 2.1rem;
            border-radius: .5em;
            border-color: rgba(34, 36, 50, .3);
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-color: #fff;
            border-radius: 8px;
            border: 1px solid rgba(34, 36, 50, .3);
            color: inherit;
            display: block;
            font: inherit;
            padding: 15px 20px;
            transition: border-color .5s ease, color .5s ease, outline 200ms ease-in-out;
            width: 100%;
            box-sizing: border-box;
        }
        form .mb-2.has-errors input[type="text"],
        form .mb-2.has-errors input[type="email"],
        form .mb-2.has-errors input[type="tel"],
        form .mb-2.has-errors input[type="password"] {
            border-radius: 8px 8px 0 0;
            border-color: #e1c9c9;
        }
        form input[readonly] {
            background-color: #f6f6f6 !important;
        }
        form .tt-auth--select {
            position: relative; 
            z-index: 0;
        }
            form .tt-auth--select select {
                padding-right: 35px;
            }
            form .tt-auth--select:not(:empty)::after {
                position: absolute;
                top: 50%;
                right: 15px;
                transform: translateY(-60%);
                z-index: 1;
                display: inline-block;
                font: normal normal normal 14px / 1 FontAwesome;
                font-size: inherit;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                content: "\f078";
                pointer-events: none;
                font-size: 13px;
            }

    form .errors {
        padding: 10px 0 0;
        list-style: none;
        font-size: 1.5rem;
        background-color: #F7E8E8;
        border: 1px solid #e1c9c9;
        border-radius: 0 0 8px 8px;
        color: #fff;
        padding: 10px 20px;
        margin: 0 0 20px;
        color: var(--error-body);
        font-size: 1.4rem;
        line-height: 1.8rem;
        text-align: left;
        border-top: 0;
    }
        form .errors li {
            color: var(--error-body);
        }

    form .form-check {
        margin: 0 auto 20px;
        position: relative;
        max-width: 400px;
    }
        form .form-check input[type="checkbox"] {
            position: absolute;
            opacity: 0;
            pointer-events: none;
        }
        form .form-check input[type="checkbox"] + label {
            padding-left: 30px;
            position: relative;
        }
        form .form-check input[type="checkbox"] + label:before {
            position: absolute;
            left: 0;
            top: 0;
            font: normal normal normal 14px / 1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            color: #fff;
            content: "\f00c";
            font-size: 14px;
            line-height: 19px;
            text-align: center;

            display: inline-block;
            width: 18px;
            height: 18px;
            margin: 0 8px -2px 0;
            margin-right: 8px;
            margin-bottom: -2px;
            border-radius: 4px;
            border: 1px solid rgba(34, 36, 50, .3);
            transition: all 200ms ease-in-out;
        }
        form .form-check input[type="checkbox"]:checked + label:before {
            background: #E69080;
            border-color: #E69080;
        }
        form .form-check input[type="checkbox"]:focus + label:before {
            outline: 2px solid var(--tt-primary);
        }
        form label.form-check-label[for="marketing_opt_out"] {
            font-size: 1.4rem;
        }

#tt-auth {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    position: relative;
    z-index: 1;
}
    .tt-auth--wrapper {
        padding: 50px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        flex-grow: 1;
        box-sizing: border-box;
    }
        .tt-auth--wrapper > header {
            margin: 0 0 40px;
            text-align: center;
        }
            .tt-auth--wrapper > header svg {
                max-width: 160px;
            }
                .tt-auth--wrapper > header svg path {
                    fill: var(--tt-primary);
                }
        .tt-auth--wrapper > main {
            position: relative;
            max-width: 650px;
        }
            .tt-auth--wrapper > main:before {
                display: block;
                position: absolute;
                top: -20px;
                left: -30px;
                content: '';
                width: 50px;
                height: 50px;
                pointer-events: none;
                background: center center no-repeat;
                background-size: contain;
                transform: rotate(-90deg);
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHwAAACcCAYAAAC9Ws88AAAMWGlDQ1BEaXNwbGF5AABIiZVXd1RT9/t+7khCAmEGBAQJIEMQRRAEkRmmoCAbRCUkAcII8SZBxU0pVbRuEcVRR91FqxWQOhC1uIp71fHFgaNSi3VPfn8kUGu/5/c7v/ece+97nvd5n3fce3LyAYxWi5XKItIYKFaomcSoMGF6RqaQcx8E2BCABk8sUSlDExLiAKDn+U97dQUEAFz0ECuVRf+O/69mIpWpJACRACBHqpIUA8RPAF0uUTJqgO0HwHGSWqkG2FkABEx6RibAVgIQ5Gn9CgCCHK1fA0DAJCeKAPZOQM9ALGbyAMNGAMJSSZ4aMLwGwFMhlSsAIz0AQZJ8sRQwigYwsLi4RAoYqQG45nymk/cPzZxeTbE4r9fXzgIA0AuXq5RF4in/z3X831ZcpOmp4QzAIJ+JTgQgAIhrhSWxiQAMAKJTkTM6HoApQLyRSwGtT/LyNdEpWj5pI1GJMgFYAKSnVBweC8AGICMVRaPjdHhOrjwyBoAxQE6Wq2OSdblzZKqIJJ3maqYkMb7Hz2VEobrcOjED6PjHNIUpoTr9a/mymB79F2X5yWkAeADFK5WnjgZgCFACVWFSrJZDOZTli0b3cBhNYgqA/gDlJ1NEhWn1qaxcJjJRx1cWq3rmpSrz5TGjdX6NOj85WrsfartEHJEEwBKg6mWK0JQeHZkqPa5nFqksPEI7O9UmU6To5qVuK9VhibrcLmVRgo5P68mKohIBOAC0tao0SZdLj1Azybp3RMcp1QnJ2j7p7ALxyARtP3Qp4iBCOITQQIgclKAA8rbOhk4IdZFIiMEgDzJ46JCejDSIwUABMZJQhj+ggAyq3rwwiMFAhlIo8LEX1d49kAsxGJRCBhUK8QAMihGLIsigAQMZFL3VUnEfDOT/qi5BCYpQAgby/4KFQoQ4HaLp0RUa9TDZEexwdjQ7kj2AtqaD6AA6jg6iQ+gg2ov2o/17uv2bz3rAOs+6y7rMamddnyAvZ77oZRTaodFtSoaczyemnWkv2ocOowPpINofQtqCtoYHPZT2o0PpYDqA9qH9IdL1rQHzxaa+mOCznet4XE8uye3DDeG6fplp6Gbo06sig+If+9H2mtO7VVFv5Mv6os/2LEUJYr9kUnOovVQrdYQ6SR2gGiCkDlON1BnqINXw2Td0HwzyeqslQgYFClEE+b/qiXU1Gcig8tzh+djzgy4GtWyyGgBEJcopjDwvXy0MVSqLZMIYhWTQQKGXp5cnkJ6RKdT+TD23AAGAsDj1N1b+IxAY0d3dfeBvLG49sK8O4L35G3OpAPh84MQUiYYp1WI0ALDAgxEEsEI/OMIVHvCCLwIQggiMRDySkYHxkCAfxWAwCdMwG5WYh0VYjlVYh43Yih+wBw04gCP4BadxDpdxA+3owBN04RXeEwTBIfiEGWFF2BFOhDvhRfgRQUQEEUckEhlENpFHKAgNMY34iphHLCFWEeuJbcSPxH7iCHGSOE9cJ+4Qj4m/iHckRRqQAtKWdCYHk35kKBlLJpPjyDxyIllGVpALyBpyA7mTrCePkKfJy2Q7+YR8SYHSpywoe8qD8qNEVDyVSeVSDDWDqqKqqQ1UHdVEtVIXqXaqk3pLs2kzWkh70AF0NJ1CS+iJ9Ax6Pr2K3krX08foi/Qduov+xOKzbFjurOGsGFY6K481iVXJqmZtZu1jHWddZnWwXrHZbAu2C3sYO5qdwS5gT2XPZ69h72I3s8+z77FfcjgcK447J5ATzxFz1JxKzkrOTs5hzgVOB+eNnr6enZ6XXqRepp5Cr1yvWm+73iG9C3oP9d5zjblO3OHceK6UO4W7kLuJ28Q9y+3gvueZ8Fx4gbxkXgFvNq+GV8c7zrvJe66vr++g768/Rl+uP0u/Rn+3/gn9O/pvDUwN3AxEBlkGGoMFBlsMmg2uGzzn8/nO/BB+Jl/NX8Dfxj/Kv81/Y2hmOMgwxlBqONOw1rDe8ILhUyOukZNRqNF4ozKjaqO9RmeNOo25xs7GImOx8QzjWuP9xleNX5qYmQwxiTcpNplvst3kpMkjU46ps2mEqdS0wnSj6VHTe2aUmaOZyExi9pXZJrPjZh0CtsBFECMoEMwT/CBoE3SZm5oPNU81n2xea37QvN2CsnC2iLEoslhoscfiisW7PrZ9QvvI+sztU9fnQp/Xln0tQyxlllWWuywvW76zElpFWBVaLbZqsLplTVu7WY+xnmS91vq4dWdfQd+AvpK+VX339P3NhrRxs0m0mWqz0eaMzUvbfrZRtkrblbZHbTv7WfQL6VfQb1m/Q/0e25nZBdnJ7ZbZHbb7XWguDBUWCWuEx4Rd9jb20fYa+/X2bfbvHVwcUhzKHXY53HLkOfo55jouc2xx7Opv139U/2n9d/T/zYnr5OeU77TCqdXptbOLc5rzN84Nzo9cLF1iXMpcdrjcdOW7BrtOdN3gemkAe4DfgMIBawaccyPdfNzy3WrdzrqT7r7ucvc17ucHsgb6D1QM3DDwqoeBR6hHqccOjzuDLAbFDSof1DDo6eD+gzMHLx7cOviTp49nkecmzxtDTIeMHFI+pGnIX15uXhKvWq9L3nzvSO+Z3o3ez4a6D5UNXTv0mo+Zzyifb3xafD76DvNlfOt8Hw/rPyx72OphV/0Efgl+8/1O+LP8w/xn+h/wfzvcd7h6+J7hfwZ4BBQGbA94NMJlhGzEphH3Ah0CxYHrA9uDhEHZQd8FtQfbB4uDNwTfDXEMkYZsDnkYOiC0IHRn6NMwzzAmbF/Ya9Fw0XRRczgVHhVeFd4WYRqRErEq4nakQ2Re5I7IriifqKlRzdGs6NjoxdFXY2xjJDHbYrpGDhs5feSxWIPYpNhVsXfj3OKYuKZR5KiRo5aOujnaabRidEM84mPil8bfSnBJmJjw8xj2mIQxtWMeJA5JnJbYmmSWNCFpe9Kr5LDkhck3UlxTNCktqUapWanbUl+nhactSWtPH5w+Pf10hnWGPKMxk5OZmrk58+XYiLHLx3Zk+WRVZl0Z5zJu8riT463HF40/OMFognjC3mxWdlr29uwP4njxBvHLnJic1TldEpFkheSJNES6TPpYFihbInuYG5i7JPdRXmDe0rzH+cH51fmdcpF8lfxZQXTBuoLXhfGFWwq7i9KKdhXrFWcX71eYKgoVx0r6lUwuOa90V1Yq2ycOn7h8YhcTy2xWEapxqka1QK1Un9G4ar7W3CkNKq0tfTMpddLeySaTFZPPTHGbMnfKw7LIsu+n0lMlU1um2U+bPe3O9NDp62cQM3JmtMx0nFkxs2NW1Kyts3mzC2f/Wu5ZvqT8xVdpXzVV2FbMqrj3ddTXOyoNK5nKq98EfLNuDj1HPqdtrvfclXM/VUmrTs3znFc978N8yfxT3w75tubb7gW5C9oW+i5cu4i9SLHoyuLgxVuXmCwpW3Jv6ail9cuEy6qWvVg+YfnJ6qHV61bwVmhWtNfE1TSu7L9y0coPq/JXXa4Nq9212mb13NWv10jXXFgbsrZune26eevefSf/7tr6qPX1G5w3VG9kbyzd+GBT6qbW7/2+37bZevO8zR+3KLa0b03cemzbsG3btttsX7iD3KHZ8Xhn1s5zP4T/0FjnUbd+l8WuebuxW7P79x+zf7yyJ3ZPy16/vXU/Of20ep/Zvqp6on5KfVdDfkN7Y0bj+f0j97c0BTTt+3nQz1sO2B+oPWh+cOEh3qGKQ92Hyw6/bFY2dx7JO3KvZULLjaPpRy8dG3Os7Xjs8RO/RP5ytDW09fCJwBMHTg4/uf+U36mG076n68/4nNn3q8+v+9p82+rPDjvbeM7/XNP5EecPXQi+cORi+MVfLsVcOn159OXzV1KuXLuadbX9mvTao+tF15/9Vvrb+xuzbrJuVt0yvlV92+b2hv8M+M+udt/2g3fC75y5m3T3xj3JvSf3Vfc/dFQ84D+ofmj3cNsjr0cHHkc+Pvf72N87niifvO+s/MPkj9VPXZ/+9GfIn2e60rs6njHPuv+a/9zq+ZYXQ1+0vEx4eftV8av3r6veWL3Z+tbvbeu7tHcP30/6wPlQ83HAx6ZPsZ9udhd3dyvFjBgAQAEgc3OBv7YA/AzA7BzAG6s95wEACO3ZFND+B/nvvvYsCADwBeoAJAIQNQO7mwHnWYDBLCABQHIISG/v3ktnqlxvL62WAQOw3nR3P7cFOE3AR6a7+/2a7u6PmwDqOtA8UXu+BAC2MfDdUAC4YDF5Fr6w/wHdhH81judN/AAAAAlwSFlzAAAomgAAKJoBFzohsgAACtxpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChNYWNpbnRvc2gpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMC0wMS0yOFQxNDo1NjoyMloiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTAxLTI5VDEzOjA3OjM5WiIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0wMS0yOVQxMzowNzozOVoiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0iRGlzcGxheSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDplNjVjZDI0MS01ZTJkLTRkODgtOWM2Ni0zZTYyNjNhZTRjZGIiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpiOTIwOWVjNS03NTIyLTk4NDQtOWRhZS1mY2JjZWU4OGI1MTEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0NDBjN2I2NC1kZDFlLTQyYTktYWI0Yi1hYTA3ODViYTQ5OTkiPiA8cGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8cmRmOkJhZz4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6NDEzYzlmYjItMDQzYy03ZDQyLTllZTItMjI2ZmE2M2IxNzRjPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjUyMjczMDRjLWQwZjYtNzQ0Ni04M2Y2LTk0YjEyZjJlODMwMDwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDo4Y2YxMDU4MC01NmVkLTAxNDYtODI3Yi05ZGI5MWYwM2IyZGQ8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOmYzYzI5NDBjLTdkNzUtNGQxNC1hM2E3LTM2ZDlmYTUwNmViODwvcmRmOmxpPiA8L3JkZjpCYWc+IDwvcGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0MGM3YjY0LWRkMWUtNDJhOS1hYjRiLWFhMDc4NWJhNDk5OSIgc3RFdnQ6d2hlbj0iMjAyMC0wMS0yOFQxNDo1NjoyMloiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChNYWNpbnRvc2gpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoyYTVlY2MyZi04MDI3LTRlODMtOGZhZS1lNGQxOTEwNjg3MzYiIHN0RXZ0OndoZW49IjIwMjAtMDEtMjhUMTU6MDE6NTFaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZTRjNmYwNzAtMzZiZS00YmRmLWIzMWYtYmM0YTVkOTBlZjNkIiBzdEV2dDp3aGVuPSIyMDIwLTAxLTI5VDEzOjA3OjM5WiIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNvbnZlcnRlZCIgc3RFdnQ6cGFyYW1ldGVycz0iZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iZGVyaXZlZCIgc3RFdnQ6cGFyYW1ldGVycz0iY29udmVydGVkIGZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmU2NWNkMjQxLTVlMmQtNGQ4OC05YzY2LTNlNjI2M2FlNGNkYiIgc3RFdnQ6d2hlbj0iMjAyMC0wMS0yOVQxMzowNzozOVoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDplNGM2ZjA3MC0zNmJlLTRiZGYtYjMxZi1iYzRhNWQ5MGVmM2QiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo4NTZkNzg0ZS0xMTUyLTE3NDEtODEyOC1iMzAzYWU5NGVmMDIiIHN0UmVmOm9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0NDBjN2I2NC1kZDFlLTQyYTktYWI0Yi1hYTA3ODViYTQ5OTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7jppTPAAAN3ElEQVR4nO2dS4wcRxnHf1/P7no3fsQP7NhZP/JwnBcJkRIjBAIFoVwRkcIhF8SBMwfES0AURAQiSCiHABcUbkgciISCFIlLCIqQEGCUOBAndmytnfiR9Tp+rL1e7+z0x6FqZnrG3TPTM93T1dv1s8bdPd3b/U3/u6rr8dVXoqp4qkNQtAGe8eIFrxhe8IrhBa8YXvCK4QWvGF7wiuEFrxhe8IrhBa8YXvCK4QWvGF7wiuEFrxhe8IrhBa8YE2kOvvvAY3nZ0Y/LwMbI9gfAvoJsyQRB2DO7gVOnF0c+1/Gj/x742DKk8JPAJkDs5z1gb6EWlRiXBT8JqMBOu930xboP9AZwvRizyo3Lgu8BUJiy2wI0AEQkAOYLsmt4pGgD3BX8CPG3x9irnKJs73AHxAY3BT8iwv6Efc3bth/zUHhSkkpwGc/nj6rUepixjCml35/G9kJxJHVDymoZQf6Wa6g/6nPINPb97joi4JrbfzrB8+dz/Q4QWLRLzxCkElzD3B/Xv/fZ/wbwhbyNyAJFEQcfS9dSeL8nynmxNfK/i7gkeBjz3RJwS/QLd29lOUgneJ45lCKmBU3WRb69pbXXPBAhblYlS4MrN+/nZtEhdgRVzMPpir0xlCPvSZfCc6tjyPf67HdYaBBR56pfSbhwIxtd2x23TmAFXwvLjHQpvJHDfa/dJGb39ndcVbskibqDokvpewXqkR6xm1CR98dp0MCUJQ/vIp3gvVq4h0DgWC+xMdWyV7O9agaUVGwoNoVfVCNoouACE+7dXNOGVlZSCp7lzZfNA1zuxQwvODrl1blFUSm8u2TehdpWN/l2/qYMhsqa0Dud4Bl2BpxD2K7KZMKVAoEzztxhoZxF8hjS9ZZld91ZNPl0tgt0NrvLjYArD11GFNXw0uvZUYxbcuGskUTdQRHv8H73UVy40bKGsvEo407hClwa8zXTs8ay8Sjj7R5VDQeojhV7u9ew2DDeFD7nfK9X0QaMgXG+w5ftUom/t4rwgzHaE2fBmmdcgp9B2WXXYxOShPKw1vS/Y7LnZiogNowpSxc4M8BhhYgtqBvVgjExjhT+lioP9ztIAy0mlVXhxR0hleBBGOdY2hsNggf66RiIfC31iTMgdK4nLn/yztK3o7HjuLVzQ19SxvuvimJD/oKf185QHU3aGanoC/R2gsieamoNpMzSGymr0dJeOUz8e1xBvjTW+6+Ve213kHcKb468SSq0XQE+lbMN3dZUmjxL6T8BEKGe0O99HXR6vCJUOW0bUjpApFFHngFIdnLgCshtaa7vGZ28svQ3aTWlakJdTs/hk9zYSdlbNrA+O0T1giKzkQ6TmDb0vPNz/zx1kzKFDxChZRVQdhmxO/7ytFnTMFD5IvDISJZ7hiKPLP3WuGxcYbddXQBez+G6BpE0OVHlyFrwH1PjUp9+71tDSd9E68mGrIcLPzu0JVngU3ZfsqyHr5pFaxBBQiqX6Qyv2T6r+HaVQcgqS7dio0boxCy9ETnWUwApG8eDpM8EZmxpvDeLGVjQwBTYMm/dK0lOPmc/14GLRRmRVQo/mNzAAqbHTCdoh8LOBsERL/Y+KKCtGO/rRHkJ+EURpqQTXMOET+MNm85iY5jbsB3PN395Np9SUMcYuyRCA2UfICp8Swm/SQEDQbK4YBjJVGfiDlCYkrD2qwyu1T5n4HzV7k1tDySfMRUcDW35RkDWnTq9WMcMzNgyLqNGFfxtQc8ospPE+BAagtQ0CN8GHhrxega3hwG9DexA5BydUaHVBb/80UaeKA/18Pm0beetHzmy2GF9I8Hk6JPC5EQDW6oQkQsxjpvxBVrJsdUxhlFTeK901vyBH414jc6zucV1zGvsVZAaaANEVNlm9zeIyfkEFpuuX6o8PjZrGU3w9/rsNylcuDzCNVzlCCZA/wygqgLxzlOxr7kuP78tmGraWN7jKZtWOzb290l2gimQ3JvWKIc5BszUg/DTk2GwCtQEVvpEokoiejfHVmgbthChA1aAN45S82qoIupEXr4AHFFhlyLbpzSYw6beYcQWWEDCJyggIMMoWXrhJc5xsCo1amFjM8IKynoANcOem4csY6bl6MclhGWUncD2nMztSzrRGh2Z+CBJb+iHolFsvetdTGNRCNwpgtIeDNnoaswdsDNITwK7KLj4OUwKf6fXzsg7bfgfVlw9+wrKJuC+5ki3Wtg4oZ0WpY1H6cQ7qUnaFLgX4R67HiuJwpQIqyXp0AB40i5PqQnIr4CKUI8cM8jjFzlGQ0yUyaWMbMyMtIKfAiaBjxAuSrKrUpJrsmuoIr8BbiBMIMxjPG57uVfHn6Z9LwWTC6y3H6dI/Y49fvQQJ44d2gVsI9DnYnrJllSdjz+7ACDCKspOhSmUXaJsAB4R5bfpTiehmB/sfL42QrUMgNdUeCasb5yhwWb7nXNPdReXVJgGVLWzDGMbRD5S4RuDnEiEVYzIE8BPRRVx/EnPomr1M2D5xIm7ruLmE37CLFrdqpua1asIUZVuo//vUIH3UeYiB/5wRDvHQpb9sX0C5haC2t66cxjni2YHRzcSbd8moQ0c9GXg82UeIrUWG0/m7NJ22ohgUm3D9twl1S6i7dtxVS8FnrLnKi1FT4GRJXXgBsp6hAsgTWcMm6Il6NzuSXRYlIAu5+VtO27WRApXBQnliXClsduWvLfS8r7R+UHPYwth0Dl+CgZuTXOfMqdwBT7GBBXYE4rWg8la2F3yBtkx8AnN3wqmvWFNUjbBpzFOB4cRDosyqUhz4njrKzY00b/dm3hUySmT4G8Fk4smPIjyMOgN7Zy6UjCpPSnWukaOi/7VNWxDjMN+cpnh+jvcpF6FlaWpz9AxA3FL7KhMCWLrPMIlOsTWUIQLwAbgjozsHTPpXbadFbxmGrdfAb4L6NTMyhIJdej+Z5ONaMur5Dzt9u5PZGPtGJBs/PFdzdLPAjttCKjnkw9r+Xn3YwYjcrMBplRkOVDSRcF7TH/THTZkUD/vZtVMSil2luQi+Cg29nmS055atmxi8uKVjr7tSuNaCs8qhHb0wfBiR8hB8F45cl/uH8kzSlhN57jgANJejKNnNfux2qP1kF7V4eYsc7FbNhEVEA0QhXDMlrtWLbs15fHR9m5nMUaKbfQv1pZMU/je2bhI2amZtMNoE5CnbL+021g/V9eeRtcKbRATA0aE+mRQm1ppuOhjEYOtS7k4u2Gmgi8uZjOUd8smpi4v8hw1/ZOuykHgRWDbVK12YaXhRiCApo4NFJmqUVtpoIjz8WYyEXxu7nUADh3K4mwArO4/8Oj37fo/7PJCZmcfGrE5dUzY2JLgWqGtiRMZYVhrvkLKKW4crgpeGGtH2ni84Jbo4Oe1LHrFBdeseh1LQ2UEb7fQxDu+VIW1KXgrZLpy9qz9wgOsMcE18r8nnlILHp38wKfhwSit4K63aLlKKQX3Yg9P6QSXMoTLdphSCV4PS9Jb5jClEdyLnQ1OC64N8cXvjHFWcP+mzoeh+8NNQ5YQAHcfeDQzgzz5km466Qkvbg7McfNgxuY4umYUixXgKrB11Is5m6U7zAd2ec5+kvhlZP088Fe7/h5GvOPA3QKzGNHrmIhTTR+upn99XZWPUdmCCTYUMsLcb17wmzkdWb8DM4fJZeD3wLxK+HXgTdCdGLfq+zEDFP9nj20GF/8q8Jrtfd2OyMsYF7h7UNYr3KWBPquqgcCsmvlR7rRhR2Yw2iwBiHlAEJHQbFIftiy7FgT/SmT915hUcBiTDS5j4qeCEeQ8neHFnqQ9vGkB4zl+O0Z0DcLa66DrgE2CflmELWjwiog8CDQEFiaQp4OV8KwiD4hwn73udYXdqvpZTPkzVNUXbRthdDDk0yLSEaYkMnJGQKft9h6776rdNw18aH9fKkaYEaF4QtPqdkGQEKijhIjMo3xSYVFE/jK9niVMTNXlCVndv6oTH2KyRVFEBP4ALCnMmFGmskPhdjFZ6b52L7qsR1VBblEFEVlVZbegi8ZfRldUZdrOezJJEB4kDP5lTW1FhBKhjnJJYXtXPJqYRGuKxpHbvrm5Q1uTFKQTRTTFgKb9Bx5LdfK8MdFN9Z+oHAQNBXlX4YGYw0KBs9qew9wE3hOuoToTHXYscF5Fr6FyR9J1RagrLNhpqnZ0jVNvurQmuLYOPKY9Ab1BR6gTvXH86KGBo0yVOUv/D6BGbAAJYsQ2e+BaRGxoBt5T1nfffIXtvcQGm+2agPk7mtfuvJxZinmNdFszYlNSR1wbSBlSLFWW7sb0Iy22DpibyYADFBuMHgmqA4UH4+zp8RfDpP5Bp+AAyv0Ozzq0VsqZDkbNmuNIfb5TwL40f+Di2LJBSYybGkMOQ0XSi90VwPfm/WZ8+wQ32ashwmVURIQNo4yBL/M7PA3jehm1nZ6Fs/arGwIfCCx0iq2/Az0GegzhpLVxEuFj7Ksl0OBx2hGntmLmNxsp4EGZUzi0hUwzJ0m3+IO8u7vDaV8HnQaZxww4+zM6YFB9OK+9p7HaFln/2yDnTEMqwU8cy260YJbcdU9n+77AOzEl9hBTFTuK6v5AdWcowTyRe7B3duPEqdOLQzdbDkhhc5bB2sjSpR6Es7QCLejFUHihtd3+NAPn3otJrc0AfVHyFrtwUjW8eMrPWkjhnhR4wSuGF7xieMErhhe8YnjBK4YXvGJ4wSuGF7xieMErhhe8YnjBK4YXvGJ4wSuGF7xieMErhhe8YnjBK4YXvGJ4wSuGF7xieMErxv8BioYpn/yjaTwAAAAASUVORK5CYII=);
            }
            #tt-auth .tt-auth--content {
                background-color: #fff;
                -webkit-clip-path: polygon(1% 4%, 73% 0, 98% 3%, 100% 97%, 73% 100%, 0 97%);
                clip-path: polygon(1% 4%, 73% 0, 98% 3%, 100% 97%, 73% 100%, 0 97%);
                padding: 60px;
                box-sizing: border-box;
                width: 100%;
                text-align: center;
            }
                #tt-auth .tt-auth--content section {
                    margin-bottom: 40px;
                }
                #tt-auth .tt-auth--content section:last-child {
                    margin-bottom: 0;
                }
    
        #tt-auth .tt-auth--refer-banner {
            background: #F8EBE6;
            box-sizing: border-box;
            padding: 40px 30px 30px;
            -webkit-clip-path: polygon(0% 8%, 73% 0, 98% 3%, 100% 97%, 73% 100%, 0 100%);
            clip-path: polygon(0% 8%, 73% 0, 98% 6%, 100% 97%, 73% 100%, 0 100%);
            display: flex;
            align-items: center;
            text-align: left;
            gap: 30px;
        }
            #tt-auth .tt-auth--refer-banner img {
                width: 40%;
                max-width: 180px;
            }
            #tt-auth .tt-auth--refer-banner p {
                margin-bottom: 0;
                font-size: 1.4rem;
                line-height: 2.2rem;
            }
            #tt-auth .tt-auth--refer-banner h2 {
                margin: 0 0 10px;
                font-size: 2.0rem;
            }
    #tt-auth > footer {
        width: 100%;
        position: relative;
        padding-top: 5%;
        margin-top: 1.5%;
    }
        #tt-auth > footer:after {
            content: '';
            display: block;
            padding-top: 5%;
            background: url(/assets/auth/svg/footer-edge.svg) center top no-repeat;
            background-size: 100% auto;
            width: 100%;
            position: absolute;
            z-index: 0;
            top: 0;
            left: 0;
        }
        #tt-auth > footer .tt-footer--content {
            background: #F8EBE6;
            min-height: 140px;
            padding: 0 50px 2.5% 50%;
            box-sizing: border-box;
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }
            #tt-auth > footer .tt-footer--content p {
                margin: 0;
                text-align: right;
                font-size: 1.4rem;
                line-height: 2.0rem;
            }
        #tt-auth > footer .img-fluid {
            position: absolute;
            max-width: 400px;
            z-index: 1;
            left: 50px;
            bottom: 40px;
            width: 40%;
        }

    #tt-auth .tt-auth--ratings {
        display: flex;
        gap: 40px;
        justify-content: space-around;
        padding: 30px 40px 0;
        box-sizing: border-box;
        width: 100%;
        max-width: 600px;
    }
        #tt-auth .tt-auth--ratings > section > a {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 12px;
        }
            #tt-auth .tt-auth--ratings figure {
                min-height: 50px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
                #tt-auth .tt-auth--ratings figure img {
                    max-height: 50px;
                    object-fit: contain;
                }
            #tt-auth .tt-auth--ratings .stars {
                display: flex;
                gap: 5px;
                align-items: center;
            }
                #tt-auth .tt-auth--ratings .stars > i {
                    display: block;
                    background: url(/assets/auth/svg/star.svg) center center no-repeat;
                    background-size: contain;
                    height: 19px;
                    width: 19px;
                }

#tt-auth--accessibility {
    position: absolute;
    z-index: 2;
    top: 10px;
    left: 10px;
}
    #tt-auth--accessibility * {
        opacity: 0;
        height: 0;
        width: 0;
        overflow: hidden;
        position: absolute;
        pointer-events: none;
    }
    .tt-auth--state--tabbing-detected #tt-auth--accessibility :focus {
        opacity: 1;
        height: auto;
        width: auto;
        overflow: visible;
        position: static;
        pointer-events: default;
    }


.clouds {
    animation: clouds_main 2000ms linear;
    height: 100%;
    left: 0;
    position: absolute;
    z-index: 0;
    top: 0;
    width: 100%;
}
@keyframes clouds_main {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
body.tt-auth--state--reduce-motion .clouds {
    display: none !important;
}
@media (prefers-reduced-motion) {
    .clouds {
        display: none !important;
    }
}
.clouds__mask {
    height: inherit;
    overflow: hidden;
    width: inherit;
}
.clouds__track {
    animation: slide 20s linear infinite;
    height: inherit;
    transform: translateX(35vw);
    position: relative;
    width: 150vw;
}
.clouds__cloud {
    position: absolute;
}
.clouds__cloud--1 {
    left: 1%;
    top: 4rem;
    width: 12.5rem;
}
.clouds__cloud--2 {
    left: 30%;
    top: 27rem;
    width: 6.25rem;
}
.clouds__cloud--3 {
    left: 45%;
    top: 0.5rem;
    width: 10rem;
}
.clouds__cloud--4 {
    left: 80%;
    top: 33rem;
    transform: translateX(-100%);
    width: 8.125rem;
}
@keyframes slide {
    0% {
        transform: translateX(35vw);
    }
    100% {
        transform: translateX(-35vw);
    }
}
@media (min-width: 992px) {
    .clouds__track {
        animation: slide 30s cubic-bezier(.31,0,.58,1) infinite alternate;
    }
    .clouds__cloud--1 {
        width: 30rem;
    }
    .clouds__cloud--2 {
        width: 17rem;
    }
    .clouds__cloud--3 {
        width: 21rem;
    }
    .clouds__cloud--4 {
        width: 26rem;
    }
}


@media screen and (max-width: 600px) {
    .tt-auth--wrapper {
        padding: 20px 0;
    }
    .tt-auth--wrapper > header {
        margin-bottom: 20px;
    }
    .tt-auth--wrapper > main:before {
        display: none;
    }
    #tt-auth .tt-auth--content {
        padding: 60px 40px 20px;
        -webkit-clip-path: polygon(0% 4%, 73% 0, 100% 3%, 100% 97%, 73% 100%, 0 100%);
        clip-path: polygon(0% 4%, 73% 0, 100% 3%, 100% 100%, 73% 100%, 0 100%);
    }
    #tt-auth .tt-auth--ratings {
        padding: 20px 20px 0;
        gap: 10px;
    }
    #tt-auth .tt-auth--ratings figure {
        min-height: 35px;
    }
    #tt-auth .tt-auth--ratings figure img {
        max-height: 35px;
        max-width: 110px;
    }
    #tt-auth .tt-auth--ratings > section > a {
        gap: 10px;
    }
    #tt-auth .tt-auth--ratings .stars > i {
        height: 15px;
        width: 15px;
    }
    .clouds {
        display: none !important;
    }
}
@media screen and (max-width: 480px) {
    :root {
        --font-size-body: 1.5rem;
        --line-height-body: 2.0rem;
    }
    body {
        background: #fff;
    }
    h1 {
        font-size: 2.6rem;
        line-height: 3.2rem;
    }
    .tt-auth--wrapper {
        padding: 20px 0;
    }
    .tt-auth--wrapper > main:before {
        display: none;
    }
    .tt-auth--wrapper > header {
        margin-bottom: 20px;
    }
    #tt-auth .tt-auth--content {
        padding: 0 20px;
        -webkit-clip-path: none;
        clip-path: none;
    }
    #tt-auth .tt-auth--refer-banner {
        padding: 30px 20px 20px;
    }
    #tt-auth .tt-auth--refer-banner img {
        display: none;
    }
    #tt-auth > footer .img-fluid {
        display: none;
    }
    #tt-auth > footer .tt-footer--content {
        padding: 30px 20px 40px;
        min-height: 0;
    }
    #tt-auth > footer .tt-footer--content p {
        text-align: center;
    }
    form input[type="text"],
    form input[type="email"],
    form input[type="tel"],
    form input[type="password"],
    form select { 
        line-height: 1.6rem;
    }
    form .form-check label[for="marketing_opt_out"] {
        max-width: none;
        text-align: left;
        display: block;
    }
    #tt-auth .tt-auth--ratings {
        padding: 10px 10px 0;
        gap: 10px;
    }
    #tt-auth .tt-auth--ratings figure {
        min-height: 26px;
    }
    #tt-auth .tt-auth--ratings figure img {
        max-height: 26px;
        max-width: 70px;
    }
    #tt-auth .tt-auth--ratings .stars {
        gap: 3px;
    }
    #tt-auth .tt-auth--ratings .stars > i {
        height: 13px;
        width: 13px;
    }
    .clouds {
        display: none !important;
    }
}

#sso-login > .sso-disclaimer {
    margin-top: 20px;
    font-size: 14px;
    text-align: center;
}

#sso-login {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

#sso-login p {
    margin-bottom: 20px;
}

#sso-login #google {
    position: relative;
    border-radius: 100px;
    width: 330px;
    background: white;
    color: var(--font-coustard-black);
    text-decoration: none;
    font-family: var(--font-coustard-black);
    font-size: 15px;
    padding: 15px 30px;
    cursor: pointer;
    display: inline-block;
    transition: transform .2s, background-color .2s;
    border-style: solid;
    border-width: 1px;
    border-color: #4D4D4D;
}

#sso-login #google:hover {
    transform: scale(1.1);
}

#sso-login #google::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: cover; /* Ensure the image covers the element */
    background-position: center; /* Center the image */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MCA4MCI+PHBhdGggZD0iTTc4LjUyIDMyLjc2QzgxIDQ5LjQyIDc2LjE1IDYyLjMgNjcuMjQgNzAuMzlsLTEyLjYyLTkuODNhMjAuNzQgMjAuNzQgMCAwIDAgOC4xOS0xMi4zN0g0MC45MlYzMi43NnoiIGZpbGw9IiM0Mjg2ZjUiLz48cGF0aCBkPSJtNjcuNjggMTAuMzMtMTEuNSAxMS4zNmEyMi4wNSAyMi4wNSAwIDAgMC0xNS4zMy02IDI0IDI0IDAgMCAwLTIyLjcgMTYuNThMNS4wOCAyMi4wOWE0MCA0MCAwIDAgMSA2Mi42LTExLjc2eiIgZmlsbD0iI2VhNDIzNSIvPjxwYXRoIGQ9Im01NC42MiA2MC41NiAxMi42MiA5LjgzQzYwLjM2IDc2LjY0IDUxLjA1IDgwIDQwLjg1IDgwQTQwIDQwIDAgMCAxIDUuMDggNTcuOTFsMTMuMDctMTAuMTRhMjQgMjQgMCAwIDAgMjIuNyAxNi41N2M1LjcxIDAgMTAuMjctMS4zNCAxMy43Ny0zLjc4eiIgZmlsbD0iIzM0YTg1MyIvPjxwYXRoIGQ9Im01LjA4IDIyLjA5IDEzLjA3IDEwLjE1YTI0Ljc0IDI0Ljc0IDAgMCAwIDAgMTUuNTNMNS4wOCA1Ny45MWE0MCA0MCAwIDAgMSAwLTM1LjgyeiIgZmlsbD0iI2ZiYmMwNSIvPjwvc3ZnPg==);
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; /* Ensure the image doesn't interfere with clicks */
}

#sso-login #google:hover {
    background-color: #FDFDFD;
}

#sso-login #google:focus {
    outline: 1px solid #4D4D4D;
}