body { background-color: #fcfcfc; color: #333; }

.hdnnnn { display:none;}
.tettx { color: rgb(78 78 78); }
.verify-main { color: #333 !important; }
.verify-verify-button { background: #333333 !important; }
.checkbox-window { display: flex; flex-direction: column; align-items: center; width: 300px; height: 74px; background-color: #fafafa; border: 1px solid #e0e0e0; border-radius: 4px; padding: 10px; overflow: hidden; transition: width .5s ease-in-out, height .5s ease-in-out; }
.checkbox-container { width: 28px; height: 28px; margin-left: 12px; margin-right: 8px; position: relative; }
.checkbox { width: 100%; height: 100%; background-color: #fff; border-radius: 2px; border: 2px solid #888; cursor: pointer; transition: border-color .3s, background-color .3s; }
.checkbox.checked { border-color: #4285f4; background-color: #4285f4; position: relative; }
.checkbox.checked::after { content: "\f00c"; font-family: "FontAwesome"; color: #fff; font-size: 18px; position: absolute; top: 2px; left: 4px; }
.spinner { visibility: hidden; position: relative; }
.verify-window { opacity: 0; visibility: hidden; width: 100%; height: 0; transition: opacity .5s, height .5s; }
.verify-window.active { opacity: 1; visibility: visible; height: auto; }
.verify-header { background-color: #e85d1a; padding: 10px; color: #fff; font-size: 14px; }
.verify-main { padding: 10px; font-size: 14px; color: #fff; }
.verify-footer { background-color: #f2f2f2; padding: 10px; text-align: right; }
.verify-footer button { padding: 8px 15px; background: #4285f4; color: #fff; border: none; cursor: pointer; border-radius: 4px; }
.verify-window { width: auto; }
.verify-header { background-color: #e85d1a; padding: 10px 16px; color: #fff; font-size: 14px; border-radius: 0; }
.lds-ring { display: inline-block; position: relative; }
.lds-ring, .lds-ring div { height: 1.875rem; width: 1.875rem; }
.lds-ring div { animation: lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite; border: .3rem solid transparent; border-radius: 50%; border-top-color: #313131; box-sizing: border-box; display: block; position: absolute; }
.lds-ring div:first-child { animation-delay: -.45s; }
.lds-ring div:nth-child(2) { animation-delay: -.3s; }
.lds-ring div:nth-child(3) { animation-delay: -.15s; }
@keyframes lds-ring { 0% { transform: rotate(0deg); } to { transform: rotate(1turn); } }
@media (prefers-color-scheme: dark) { body .lds-ring div { border-color: #676767 transparent transparent; } }
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; display: flex; flex-direction: column; height: 100vh; min-height: 100vh; }
.main-wrapper { align-items: center; display: flex; flex: 1; flex-direction: column; }
.main-content { margin: 8rem auto; max-width: 60rem; padding-left: 1.5rem; padding-right: 1.5rem; width: 100%; }
.footer { font-size: .75rem; line-height: 1.125rem; margin: 0 auto; max-width: 60rem; padding-left: 1.5rem; padding-right: 1.5rem; width: 100%; }
.footer-inner { border-top: 1px solid #d9d9d9; padding-bottom: 1rem; padding-top: 1rem; text-align: center; }
/* Popup Verification Window */
.verify-window { font-family: Roboto,helvetica,arial,sans-serif; opacity: 0; visibility: hidden; margin: auto; width: 310px; transition: opacity 400ms; }
.verify-window { display: block; top: 5px; left: 54px; }
.verify-header { background-color: #1a73e8; padding: 16px; color: #fff; font-size: 18px; border-radius: 8px 8px 0 0; }
.verify-main { padding: 16px; font-size: 14px; color: #333; }
.verify-main ol { padding-left: 20px; }
.verify-main ol li { margin-bottom: 10px; }
.verify-main code { display: block; margin-top: 10px; background-color: #f9f9f9; padding: 10px; font-size: 12px; border: 1px solid #ddd; }
.verify-footer { background-color: #f2f2f2; padding: 16px; text-align: right; }
.verify-footer button { padding: 10px 20px; background: #4285f4; color: #fff; border: none; border-radius: 5px; cursor: pointer; }
.overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 10; }
.overlay.active, .verify-window.active { display: block; }
.verify-window { width: auto; }
.verify-header { background-color: #e85d1a; padding: 10px 16px; color: #fff; font-size: 14px; border-radius: 0; }
#spinner2 { width: 40px; height: 40px; animation: rotate 4s linear infinite; margin-top: -4px; }
.checkbox-window { opacity: 0; }
@keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }