#root{display:flex;flex-direction:column;height:100vh;max-width:2590px;margin:0 auto;width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}header{display:flex;flex-direction:row;justify-content:space-between;padding:1em 1em .25em;height:50px}.header-logo{height:40px;transition:transform .2s ease;transform-origin:center}.avatar{border-radius:50%;height:50px;width:50px}.large-avatar{border-radius:50%;height:100px;width:100px}.avatar-tooltip{left:unset!important;right:0;background-color:var(--annulet-dark)!important;color:var(--annulet-light)!important;width:300px!important}.right-alight-text{text-align:right}footer{padding:.5em;height:24px;text-align:center}header,footer{background-color:var(--annulet-dark);color:var(--annulet-light);flex-shrink:0}header.brand a,footer.brand a{color:var(--brand-on-gradient);text-shadow:1px 1px 2px var(--brand-shadow-strong)}main{flex:1;overflow:auto;color:var(--annulet-dark);display:flex;justify-content:center}ul{padding:0;margin:0}.centered-row{display:flex;justify-content:center;align-items:center}.centered-area{height:100%;display:flex;flex-direction:column;place-items:center;text-align:center;overflow-y:auto}.centered-tooltip{height:100%;display:flex;flex-direction:column;place-items:center;text-align:center}.logo{height:20em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em var(--annulet-selected))}.corner-logo{height:5em;margin-left:1vw;margin-top:15px;margin-bottom:15px;will-change:filter;transition:filter .3s}.corner-logo:hover,.corner-logo.react:hover{filter:drop-shadow(0 0 2em var(--annulet-selected))}.card-contents{padding:2em}.gray-background{border-radius:10px;background-color:var(--annulet-light);box-shadow:inset 0 2px 8px #00000080}.red-background{border-bottom-left-radius:20px;border-bottom-right-radius:20px;background-color:var(--annulet-red);color:#fff;--annulet-svg-stroke: white}.card{border-radius:20px;box-shadow:0 4px 8px #0003,0 3px 20px #00000030;margin:25px;height:fit-content}.wide-card{width:200%;position:relative;left:-50%}.fit-container{height:calc(100% - 50px)}.cutout{border-radius:20px;box-shadow:inset 0 2px 5px #00000080;height:100%;max-height:calc(100vh - 330px);overflow-y:auto}.card-header{border-top-left-radius:20px;border-top-right-radius:20px;color:var(--brand-on-accent);background-color:var(--brand-accent);display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:relative;padding:0 1em}.card-header-row{display:flex;flex-direction:row;justify-content:space-between}.card-header-text{margin-bottom:10px;margin-top:15px;font-size:1.5em}.red-bg{color:#fff;background-color:var(--annulet-red)}.yellow-bg{color:var(--annulet-dark);background-color:var(--annulet-warning)}.white-bg{background-color:#fff}.red-text{color:var(--annulet-red)}.dialog-close-button{position:absolute;top:8px;right:10px;color:var(--annulet-light);--annulet-svg-stroke: var(--annulet-light);cursor:pointer;line-height:1}.dialog-close-button:hover{--annulet-svg-stroke: var(--annulet-selected-glow)}.ms-logo{padding-right:12px}.button-container{display:flex;width:100%;flex-direction:column;align-items:center}.controls-container{position:relative;top:100px;display:flex;width:100%;height:calc(100vh - 135px);flex-direction:column}.top-bar{position:fixed;top:0;left:0;right:0;height:125px;z-index:1000;color:var(--annulet-dark);background-color:var(--annulet-light);display:flex;flex-direction:row;align-items:center;align-content:space-between}.top-bar div{flex:1}.top-bar div p{text-align:right;margin-right:1vw;margin-top:0;margin-bottom:0}.top-bar div button{margin-right:1vw}h1{flex:3;text-align:center;margin:0}.modal{position:absolute;top:0;left:0;z-index:10000;background-color:#000c;width:100%;height:100%}.modal-content{position:absolute;width:40vw;left:30vw;top:40vh;border:var(--annulet-highlight-dark) 1px solid;padding:20px;background-color:var(--annulet-light);color:var(--annulet-dark);filter:drop-shadow(0 0 2em var(--annulet-dark-glow-spread-color))}a{font-weight:500;color:var(--annulet-selected);text-decoration:inherit;cursor:pointer}footer a,.link-on-nn-light{color:var(--annulet-selected)}a:hover{color:var(--annulet-selected-glow)}input[type=checkbox]{margin-right:8px}button{align-items:center;border-radius:8px;padding:.6em 1.2em;margin:.5em auto;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:filter 1s}button svg{position:relative;top:3px}button:disabled{background:var(--annulet-light);color:var(--annulet-disabled);--annulet-svg-stroke: var(--annulet-disabled);border:1px solid var(--annulet-disabled);animation:none;filter:none}button:disabled:hover,button:disabled:active{animation:none;filter:none;background:var(--annulet-light);color:var(--annulet-disabled);--annulet-svg-stroke: var(--annulet-disabled);border:1px solid var(--annulet-disabled);cursor:not-allowed}button.button-subtle{display:inline;margin:unset;padding:unset;color:unset;background:unset;border:unset}button.active-menu:hover{filter:drop-shadow(0 0 8px color-mix(in oklab,var(--brand-accent),white 25%));border-color:color-mix(in oklab,var(--brand-accent),white 10%)}button.active-menu{padding:.75em;color:var(--brand-on-accent);--annulet-svg-stroke: var(--brand-on-accent);background-color:var(--brand-accent);filter:none;box-shadow:inset 0 2px 8px color-mix(in oklab,var(--brand-accent),black 35%);border-color:color-mix(in oklab,var(--brand-accent),black 20%);border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0}.big-logo{margin:auto;max-height:45vh;max-width:45vh;width:80%;border-radius:50%;margin-block:2rem;border:1px solid var(--annulet-light)}.bottom-buttons{padding-top:20px}.indent{position:relative;left:50px}.left-side-image{display:flex;flex-direction:row;width:100%}.right-side-text{padding:2em;display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;width:100%}.menu-container{position:absolute;right:0;background-color:var(--brand-surface);border:1px solid color-mix(in oklab,var(--brand-accent),black 25%);border-radius:15px 0 15px 15px;box-shadow:0 4px 8px var(--brand-shadow);z-index:1000}.menu-items{display:flex;flex-direction:column}.menu-items button{border:none;background-color:var(--brand-surface);border-bottom:1px solid color-mix(in oklab,var(--brand-accent),black 25%);color:var(--annulet-dark);--annulet-svg-stroke: var(--annulet-dark);border-radius:0;margin:0 10px;text-align:right}.menu-items button:hover{color:var(--brand-accent);--annulet-svg-stroke: var(--brand-accent)}.menu-items button:last-child{border-bottom:none}.a11y-dialog,.cookie-dialog{text-align:left}.drop-down{position:relative;width:100%;max-width:500px;border:none;top:-20px;background-color:#fff;font-size:large}.selected-indicator{display:flex;align-content:center;margin:0 5px 0 0;background-color:var(--annulet-selected-glow-transparent);border-radius:15px;--annulet-svg-stroke: var(--annulet-selected-glow);--annulet-svg-size: 20px}.add-button,.standalone-add-button{padding:0;margin:0 5px 0 0;background-color:#0000;border:none;color:var(--annulet-selected);--annulet-svg-stroke: var(--annulet-selected);--annulet-svg-size: 20px}.add-button:hover,.standalone-add-button:hover{--annulet-svg-stroke: var(--annulet-selected-glow)}.blue-button{padding-right:.75em;padding-left:.75em;background:var(--brand-accent);color:var(--brand-on-accent);--annulet-svg-stroke: var(--brand-on-accent);border:1px solid color-mix(in oklab,var(--brand-accent),black 20%)}.gray-button{background:var(--brand-surface);color:var(--brand-accent);--annulet-svg-stroke: var(--brand-accent);border:1px solid color-mix(in oklab,var(--brand-accent),black 25%)}.blue-button:hover,.gray-button:hover{filter:drop-shadow(0 0 8px color-mix(in oklab,var(--brand-accent),white 25%));border-color:color-mix(in oklab,var(--brand-accent),white 10%)}.blue-button:active,.gray-button:active{color:var(--brand-on-accent);--annulet-svg-stroke: var(--brand-on-accent);background-color:var(--brand-accent);filter:none;box-shadow:inset 0 2px 8px color-mix(in oklab,var(--brand-accent),black 35%);border-color:color-mix(in oklab,var(--brand-accent),white 10%)}.yellow-button{background:var(--brand-gold);color:#1a1a1a;border:1px solid color-mix(in oklab,var(--brand-gold),black 25%);--annulet-svg-stroke: #1a1a1a}.yellow-button:hover{filter:drop-shadow(0 0 8px color-mix(in oklab,var(--brand-gold),white 25%));border-color:color-mix(in oklab,var(--brand-gold),white 10%)}.yellow-button:active{color:#1a1a1a;--annulet-svg-stroke: #1a1a1a;background-color:var(--brand-gold);filter:none;box-shadow:inset 0 2px 8px color-mix(in oklab,var(--brand-gold),black 35%);border-color:color-mix(in oklab,var(--brand-gold),white 10%)}.green-button{background:var(--brand-forest);color:#fff;border:1px solid color-mix(in oklab,var(--brand-forest),black 20%);--annulet-svg-stroke: #ffffff}.green-button:hover{filter:drop-shadow(0 0 8px color-mix(in oklab,var(--brand-forest),white 25%));border-color:color-mix(in oklab,var(--brand-forest),white 10%)}.green-button:active,.playing-button{color:#fff;--annulet-svg-stroke: #ffffff;background-color:var(--brand-forest);filter:none;box-shadow:inset 0 2px 8px color-mix(in oklab,var(--brand-forest),black 35%);border-color:color-mix(in oklab,var(--brand-forest),white 10%)}.money-button{background:var(--brand-forest);color:#fff;--annulet-svg-stroke: white;border:1px solid color-mix(in oklab,var(--brand-forest),black 20%)}.money-button:hover{filter:drop-shadow(0 0 8px color-mix(in oklab,var(--brand-forest),white 25%))}.money-button:active{color:#fff;--annulet-svg-stroke: #ffffff;background-color:var(--brand-forest);filter:none;box-shadow:inset 0 2px 8px color-mix(in oklab,var(--brand-forest),black 35%)}.white-button{color:var(--brand-accent);--annulet-svg-stroke: var(--brand-accent);background-color:#fff;border:1px solid color-mix(in oklab,var(--brand-accent),black 20%)}.white-button:hover{filter:drop-shadow(0 0 8px color-mix(in oklab,var(--brand-accent),white 25%));border-color:color-mix(in oklab,var(--brand-accent),white 10%)}.white-button:active{background-color:var(--brand-accent);--annulet-svg-stroke: white;color:#fff;filter:none;box-shadow:inset 0 2px 8px color-mix(in oklab,var(--brand-accent),black 35%);border-color:color-mix(in oklab,var(--brand-accent),white 10%)}.red-button,.red-pulse-button,.recording-button{background:var(--annulet-red);color:#fff;border:1px solid white;--annulet-svg-stroke: white}.red-pulse-button:hover,.recording-button{animation:red-pulse-shadow 2s infinite;border-color:#fff}.red-button:hover{filter:drop-shadow(0 0 10px var(--annulet-red-glow));border-color:#fff}.red-button:active,.red-pulse-button:active,.cancel-subscription-button:active{color:#fff;--annulet-svg-stroke: white;background-color:var(--annulet-red);filter:none;box-shadow:inset 0 2px 8px var(--annulet-red-glow-dark);border:1px solid white;animation:none!important}@keyframes red-pulse-shadow{0%{background-color:var(--annulet-red);box-shadow:0 2px 6px var(--annulet-red-glow-dark)}50%{background-color:var(--annulet-red-glow);box-shadow:0 2px 12px 6px var(--annulet-red-glow)}to{background-color:var(--annulet-red);box-shadow:0 2px 6px var(--annulet-red-glow-dark)}}.cancel-subscription-button{background:var(--annulet-red);color:#fff;border:1px solid white;--annulet-svg-stroke: white}.cancel-subscription-button:hover{animation:white-pulse-shadow 2s infinite;border-color:#fff}@keyframes white-pulse-shadow{0%{background-color:var(--annulet-red);box-shadow:0 0 6px #fff}50%{background-color:var(--annulet-red-glow);box-shadow:0 0 12px 6px #fff}to{background-color:var(--annulet-red);box-shadow:0 0 6px #fff}}.account-type-selector-frame label{margin-right:10px;font-size:.85rem}.monthly-yearly-selector-frame,.account-type-selector-frame,.drop-down-frame{margin-top:10px;padding:15px;width:fit-content;min-width:400px;border:1px solid var(--annulet-dark);border-radius:5px;height:25px}.additional-devices-selector-frame,.gps-interval-selector-frame{margin-top:10px;padding:15px;width:fit-content;border:1px solid var(--annulet-dark);border-radius:5px}.monthly-yearly-selector,.account-type-selector,.additional-devices-selector,.gps-interval-selector{position:relative;justify-content:space-between;display:flex;font-size:.85rem}.monthly-yearly-selector,.account-type-selector{top:-20px}.additional-devices-selector,.gps-interval-selector{top:-8px}.gps-interval-selector{top:-20px;width:145px}.gps-interval-selector input{border:none}.gps-interval-selector-frame{width:120px;height:20px}.inside-frame{position:relative;top:-20px;justify-content:space-between}.subscription-length-label,.account-type-label,.additional-devices-label,.drop-down-label,.gps-interval-label{display:flex;width:fit-content;position:relative;top:-25px;font-size:.7em;background-color:#fff;color:var(--annulet-dark);padding:2px;height:fit-content}.minutes-overlay{position:relative;left:-50px}.additional-devices-text{color:var(--annulet-disabled);display:block;max-width:280px;align-content:center;font-size:.8em;left:25px;top:5px;position:relative}.change-data-description{color:var(--annulet-disabled);display:block;font-size:.8em;max-width:250px;left:25px;position:relative;margin-right:15px}.include-data-description{color:var(--annulet-disabled);display:block;font-size:.8em;max-width:400px;left:25px;position:relative}.gps-tracking-note{color:var(--annulet-disabled);display:block;font-size:.7em;max-width:228px;left:15px;position:relative}.gps-tracking{display:flex;flex-direction:column;padding-right:25px;position:relative;top:5px}.gps-row{margin-top:.5rem;display:flex;align-items:center}.switch{margin-left:10px;margin-right:10px;position:relative;display:inline-block;width:50px;height:25px}.label.disabled{color:var(--annulet-disabled);text-decoration:line-through}.switch.disabled .slider{background-color:var(--annulet-disabled);border:1px solid var(--annulet-light)}.switch.disabled .slider:before{background-color:var(--annulet-dark);border:1px solid var(--annulet-light)}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--annulet-light);border:1px solid var(--annulet-disabled);transition:.4s;border-radius:25px}.slider:before{position:absolute;content:"";height:15px;width:15px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;border:1px solid var(--annulet-disabled)}input:checked+.slider{background-color:var(--annulet-green)}input:checked+.slider:before{transform:translate(25px)}.selected-monthly-price{color:var(--annulet-selected-dark)}.selected-yearly-price{color:var(--annulet-green)}.side-by-side{display:flex;justify-content:space-between;align-items:center;flex-direction:row}.justify-start{justify-content:start}.flex-row{display:flex;flex-direction:row;align-items:center}.horizontal-row{display:flex;justify-content:space-between;flex-direction:row;width:100%}.with-gutters{gap:.5rem}.role-text{flex:1;align-content:center}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000}.dialog{background:#fff;max-width:50%;border-radius:25px;box-shadow:0 4px 15px #000;text-align:center}.dialog a{color:var(--annulet-selected-dark)}.h4{font-size:1.2rem;font-weight:700;padding-bottom:.5rem}.vertical-center{justify-content:center;display:flex;align-content:space-between;flex-direction:column}.hidden{display:none}.mw-75{max-width:75%}.w-100{width:100%}.max-w-500{max-width:500px}.min-1500-w{min-width:1500px}.horizontal-scroll{max-width:90vw;overflow-x:scroll}.header-with-bottom-margin{width:100%;margin-top:15px;margin-bottom:15px;--annulet-svg-stroke: var(--annulet-light)}.tooltip,.tooltip-bottom{position:relative}.tooltiptext.left{left:-120px!important}.tooltip .tooltiptext,.tooltip-bottom .tooltiptext{visibility:hidden;width:240px;background-color:var(--annulet-light);border:1px solid var(--annulet-dark);color:var(--annulet-dark);text-align:center;padding:5px 0;border-radius:6px;position:absolute;z-index:250;left:50%;margin-left:-120px}.tooltip:hover .tooltiptext,.tooltip-bottom:hover .tooltiptext{visibility:visible}.large-unicode-icon{font-size:1.2rem}.rating-container{padding-bottom:15px}.feedback-comment{width:500px;height:150px;min-width:200px;min-height:60px;margin-bottom:1em}.feedback-versions{margin-top:1em;font-size:.8em}.cursor-pointer{cursor:pointer;display:inline-block;line-height:1em;height:1em;width:1.2em;margin-left:.5em}.empty-star{font-size:large}.full-star{font-size:x-large}.full-page-policy{padding-left:2em;padding-right:2em}.error-block{color:#b91c1c;background-color:#fef2f2;padding:.75rem 1rem;border-width:1px;border-radius:.25rem;border-color:#fecaca;margin-bottom:1rem;position:relative}.account-grid{padding-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1rem;column-gap:1rem}.webauthn-grid{padding-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:1rem;column-gap:1rem}.webauthn-col{display:flex;flex-direction:column;border:1px solid var(--annulet-light);border-radius:.25rem;padding:.5rem;box-shadow:0 4px 15px #0003;height:160px}.text-gray-500{color:#6b7280}.text-gray-900{color:#111827}.text-sm{font-size:.875rem;line-height:1.25rem}.p-4{padding:1rem}.border-gray-200{border-color:#e5e7eb}.border{border-width:1px}.ml-4{margin-left:1rem}.flex{display:flex}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-xs{font-size:.75rem;line-height:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.inline-flex{display:inline-flex}.font-medium{font-weight:500}.bg-red-400{--tw-bg-opacity: 1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))}.rounded-lg{border-radius:.5rem}.w-4{width:1rem}.h-4{height:1rem}.rounded-full{border-radius:9999px}.security-settings{justify-content:space-between;align-items:center;display:flex}.forward-to{padding:.5rem;border-radius:.5rem;border:1px solid var(--annulet-dark);background-color:var(--annulet-light);color:var(--annulet-dark);font-size:small;width:calc(100% - 1.5rem);display:inline-block}.input-section{display:flex;justify-content:center}@media(forced-colors:active){:root{color:#fff;background-color:#000}main{color:#fff;background-color:#000}.blue-button{padding:.75em;background:#000;color:var(--annulet-highlight-dark);--annulet-svg-stroke: var(--annulet-highlight-dark);border:1px solid var(--annulet-highlight-dark)}.gray-button{border-color:var(--annulet-highlight-dark);color:var(--annulet-dark-border-color);--annulet-svg-stroke: var(--annulet-dark-border-color)}.blue-button:hover,.gray-button:hover{filter:drop-shadow(0 0 10px var(--annulet-highlight-dark));border-color:var(--annulet-highlight-dark)}.blue-button:active,.gray-button:active{color:var(--annulet-highlight-dark);--annulet-svg-stroke: var(--annulet-highlight-dark);background-color:var(--annulet-dark-glow);box-shadow:inset 0 2px 10px #000;border-color:#fff}.card{box-shadow:0 4px 8px 0 var(--annulet-highlight-dark),0 3px 20px 0 var(--annulet-dark-glow-spread-color)}.cutout{border-radius:20px;box-shadow:inset 0 2px 10px var(--annulet-dark-glow-spread-color);margin:25px}.card-header{color:#000;background-color:#fff}.monthly-yearly-selector-frame,.account-type-selector-frame{border:1px solid white}.subscription-length-label,.account-type-label{background-color:#fff;color:#000}}.annulet-svg-icon{width:var(--annulet-svg-size, 17px);height:var(--annulet-svg-size, 17px)}.bigger-icon{--annulet-svg-size: 24px}.profile-icon{--annulet-svg-size: 48px;--annulet-svg-stroke: var(--annulet-dark);--annulet-svg-secondary-stroke: var(--annulet-light)}.lower-icon{position:relative;top:5px}.user-table-profile-pic{height:48px;width:48px;border-radius:50%;border:1px solid var(--annulet-dark)}.gray-icon{--annulet-svg-stroke: var(--annulet-light)}.green-icon{position:relative;top:3px;--annulet-svg-stroke: var(--annulet-green);--annulet-svg-size: 28px}.red-icon{position:relative;top:3px;--annulet-svg-stroke: var(--annulet-red);--annulet-svg-size: 28px}.os-icon{--annulet-svg-size: 32px}.help-icon{--annulet-svg-stroke: var(--annulet-dark);--annulet-svg-size: 28px}.help-icon:hover{--annulet-svg-stroke: var(--annulet-selected-dark)}.icon-beside-dropdown{position:relative;top:22px}.icon-beside-label{position:relative;left:-450px}.tooltiptext.way-left{left:-350px!important}@media(prefers-color-scheme:dark){.green-icon{--annulet-svg-stroke: var(--annulet-green-glow)}.help-icon{--annulet-svg-stroke: var(--annulet-light)}.help-icon:hover{--annulet-svg-stroke: var(--annulet-highlight-dark)}}html{--annulet-dark: #13708e;--annulet-light: #FFFFFF;--annulet-disabled: #838383;--annulet-selected: #3CC8FF;--annulet-selected-dark: #00538f;--annulet-selected-glow: #64ffff;--annulet-glow-spread-color: rgba(20, 220, 255, .5);--annulet-selected-glow-transparent: rgba(100, 255, 255, .15);--annulet-highlight-dark: rgb(217, 176, 255);--annulet-highlight-dark-transparent: rgba(217, 176, 255, .35);--annulet-dark-glow-spread-color: rgba(191, 123, 255, .76);--annulet-dark-border-color: rgb(100, 61, 136);--annulet-dark-glow: #643D88;--annulet-green: #00c800;--annulet-green-glow: #9BFF9B;--annulet-warning: #FFE100;--annulet-warning-dark: #8D8D00;--annulet-red: #EC221F;--annulet-red-glow: #FF4946;--annulet-red-glow-dark: rgba(255, 73, 70, .75);--annulet-red-dark: #900300;--annulet-svg-size: 17px}.password-visible-btn{background:none;border:none;padding:0;margin:0;position:relative;left:-20px}.password-input{border:none;border-bottom:1px solid var(--annulet-dark);max-width:500px;min-width:200px;width:100%;padding-right:25px}.password-input::placeholder{color:var(--annulet-light)}ul.password-requirements-list li{display:flex;flex-direction:row}ul.password-requirements-list li div svg{padding-right:5px;--annulet-svg-size: 15px}@media(prefers-color-scheme:dark){.password-input{background-color:var(--annulet-dark);border-bottom:1px solid var(--annulet-light)}.password-input::placeholder{color:var(--annulet-disabled)}}.bad-input{color:var(--annulet-red)}.bad-form-input{background-color:var(--annulet-red)!important;color:#fff!important}.input-wrapper{margin-top:1em;margin-bottom:1em;width:100%;max-width:500px;min-width:200px}.text-input-label{text-align:left;font-size:x-small;display:block;width:100%;margin-bottom:.5em}.text-input{border:none;border-bottom:1px solid var(--annulet-dark);max-width:500px;min-width:200px;width:100%}.form-text-input{border:none;background-color:#0000;border-bottom:1px solid var(--annulet-dark);padding:5px;width:96%}.text-input::placeholder{color:var(--annulet-light)}.textfield-remove-icon-container{position:relative;top:-23px;left:49%}.textfield-remove-icon{height:fit-content;width:fit-content;--annulet-svg-stroke: var(--annulet-red)}@media(prefers-color-scheme:dark){.bad-input{color:var(--annulet-red-glow)}.textfield-remove-icon{--annulet-svg-stroke: var(--annulet-red-glow)}.text-input{border-bottom:1px solid var(--annulet-light);background-color:var(--annulet-dark)}.text-input::placeholder{color:var(--annulet-disabled)}}.full-screen-container{min-height:100vh;background-color:#f9fafb;padding:3rem 1rem}.max-container{max-width:64rem;margin:0 auto}.medium-container{max-width:32rem;margin:0 auto}.large-container{max-width:42rem;margin:0 auto}.small-container{max-width:28rem;width:100%;margin:0 auto}.centered-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:3rem 1rem}.main-heading{font-size:1.5rem;line-height:2rem;font-weight:700;color:#111827;margin-bottom:.5rem}.large-heading{margin-top:1.5rem;text-align:center;font-size:1.875rem;line-height:2.25rem;font-weight:800}.section-description{color:#4b5563}.security-key-entry{display:flex;align-items:center;justify-content:space-between;background-color:#0000000d;border-radius:.5rem;padding-left:20px;padding-right:20px}.security-key-icon{font-size:xx-large;padding-right:20px}.small-description{font-size:.875rem;line-height:1.25rem;color:#6b7280;margin-bottom:1rem}.method-description{font-size:.875rem;line-height:1.25rem;color:#6b7280}.center-text{text-align:center}.medium-text-center{margin-top:.5rem;text-align:center;font-size:.875rem;line-height:1.25rem;color:#4b5563}.medium-text-spaced{margin-top:2rem;text-align:center;font-size:.875rem;line-height:1.25rem;color:#4b5563}.method-title{font-weight:500;color:#111827}.backup-warning-title{font-size:.875rem;line-height:1.25rem;font-weight:500;color:#92400e}.backup-warning-text{margin-top:.5rem;font-size:.875rem;line-height:1.25rem;color:#a16207}.white-card{background-color:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;border:1px solid #e5e7eb;text-align:center}.method-card{position:relative;height:100%;top:-7px;padding:1.5rem;background-color:#fff;border:2px solid #d1d5db;border-radius:.5rem;transition:all .15s ease-in-out;cursor:pointer}.method-card:hover{border-color:#6366f1}.method-card:focus{outline:none;box-shadow:0 0 0 2px #6366f1;border-color:#6366f1}.method-card:disabled{opacity:.5;cursor:not-allowed}.webauthn-card{position:relative;padding:1.5rem;background-color:#fff;border:2px solid #d1d5db;border-radius:.5rem}.verification-method-card{position:relative;display:flex;align-items:center;padding:1rem;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;transition:background-color .15s ease-in-out}.verification-method-card:hover{background-color:#f9fafb}.verification-method-selected{border-color:#6366f1;background-color:#eef2ff}.webauthn-ready-card{text-align:center;padding:1.5rem;background-color:#eff6ff;border-radius:.5rem}.two-column-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.two-column-grid{grid-template-columns:repeat(2,1fr)}}.backup-codes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.875rem;line-height:1.25rem}.primary-button{background-color:#4f46e5;color:#fff;font-weight:500;padding:.5rem 1rem;border-radius:.375rem;border:none;cursor:pointer;transition:background-color .15s ease-in-out}.primary-button:hover{background-color:#4338ca}.primary-button:disabled{opacity:.5;cursor:not-allowed}.full-primary-button{width:100%;background-color:#4f46e5;color:#fff;font-weight:500;padding:.5rem 1rem;border-radius:.375rem;border:none;cursor:pointer;transition:background-color .15s ease-in-out}.full-primary-button:hover{background-color:#4338ca}.full-primary-button:disabled{opacity:.5;cursor:not-allowed}.secondary-button{color:#6b7280;font-size:.875rem;line-height:1.25rem;font-weight:500;background:none;border:none;cursor:pointer;transition:color .15s ease-in-out}.secondary-button:hover{color:#374151}.download-button{flex:1;background-color:#059669;color:#fff;font-weight:500;padding:.5rem 1rem;border-radius:.375rem;border:none;cursor:pointer;transition:background-color .15s ease-in-out;display:flex;align-items:center;justify-content:center}.download-button:hover{background-color:#047857}.complete-button{flex:1;background-color:#4f46e5;color:#fff;font-weight:500;padding:.5rem 1rem;border-radius:.375rem;border:none;cursor:pointer;transition:background-color .15s ease-in-out}.complete-button:hover{background-color:#4338ca}.verify-security-key-button{display:inline-flex;align-items:center;padding:.5rem 1rem;border:1px solid transparent;font-size:.875rem;line-height:1.25rem;font-weight:500;border-radius:.375rem;color:#fff;background-color:#059669;cursor:pointer;transition:background-color .15s ease-in-out}.verify-security-key-button:hover{background-color:#047857}.verify-security-key-button:focus{outline:none;box-shadow:0 0 0 2px #05966980}.verify-security-key-button:disabled{opacity:.5;cursor:not-allowed}.verify-button{position:relative;width:100%;display:flex;justify-content:center;padding:.5rem 1rem;border:1px solid transparent;font-size:.875rem;line-height:1.25rem;font-weight:500;border-radius:.375rem;color:#fff;background-color:#4f46e5;cursor:pointer;transition:background-color .15s ease-in-out}.verify-button:hover{background-color:#4338ca}.verify-button:focus{outline:none;box-shadow:0 0 0 2px #4f46e580}.verify-button:disabled{opacity:.5;cursor:not-allowed}.back-link{color:#4f46e5;font-size:.875rem;line-height:1.25rem;font-weight:500;background:none;border:none;cursor:pointer;transition:color .15s ease-in-out}.back-link:hover{color:#6366f1}.popular-badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;line-height:1rem;font-weight:500;background-color:#dbeafe;color:#1e40af}.easy-badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;line-height:1rem;font-weight:500;background-color:#dcfce7;color:#166534}.secure-badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;line-height:1rem;font-weight:500;background-color:#f3e8ff;color:#7c3aed}.phishing-resistant-badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;line-height:1rem;font-weight:500;background-color:#fed7aa;color:#ea580c}.form-input{width:90%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;line-height:1.25rem}.form-input:focus{outline:none;box-shadow:0 0 0 2px #6366f1;border-color:#6366f1}.totp-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;text-align:center;font-size:1.125rem;line-height:1.75rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;letter-spacing:.1em}.totp-input:focus{outline:none;box-shadow:0 0 0 2px #6366f1;border-color:#6366f1}.verification-input{margin-top:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:94%;padding:.75rem;border:1px solid #d1d5db;color:#111827;border-radius:.375rem;font-size:.875rem;line-height:1.25rem}.verification-input:focus{outline:none;box-shadow:0 0 0 1px #6366f1;border-color:#6366f1;z-index:10}.verification-input::placeholder{color:#6b7280}.form-label,.verification-label{display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;color:#374151;margin-bottom:.5rem}.hidden-radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.large-emoji{font-size:2.25rem;line-height:2.5rem;margin-bottom:.75rem}.medium-emoji{font-size:2.25rem;line-height:2.5rem;margin-bottom:.5rem}.method-icon{font-size:1.5rem;line-height:2rem;margin-right:.75rem}.qr-code-image{margin:0 auto 1rem;border:1px solid #d1d5db;border-radius:.25rem}.secret-code{background-color:#f3f4f6;padding:.75rem;border-radius:.25rem;font-size:.875rem;line-height:1.25rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;word-break:break-all}.backup-code-display{background-color:#fff;padding:.75rem;border-radius:.25rem;border:1px solid #d1d5db;text-align:center;font-weight:700;letter-spacing:.05em}.backup-codes-container{background-color:#f9fafb;border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem}.check-icon{color:#6366f1}.download-icon{width:1rem;height:1rem;margin-right:.5rem}.warning-alert{background-color:#fefce8;border:1px solid #fde047;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.warning-alert-content{display:flex}.warning-icon-container{flex-shrink:0}.warning-icon{height:1.25rem;width:1.25rem;color:#facc15}.warning-text-container{margin-left:.75rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.flex-wrap{flex-wrap:wrap}.justify-center{justify-content:center}.flex-container{display:flex}.flex-column{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}@media(min-width:640px){.sm-flex-row{flex-direction:row}}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-6{margin-top:1.5rem}.mr-2{margin-right:.5rem}.ml-3{margin-left:.75rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#4b556380;overflow-y:auto;height:100%;width:100%;z-index:50}.modal-container{position:relative;top:5rem;margin:0 auto;padding:1.25rem;border:1px solid #e5e7eb;width:24rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-radius:.375rem;background-color:#fff}.modal-header{display:flex;align-items:center;justify-content:flex-start;margin-bottom:1rem;padding-right:2.25rem}.modal-title{font-size:1.125rem;line-height:1.75rem;font-weight:500;color:#111827;margin:0}.modal-close-button{color:#9ca3af;background:none;border:none;cursor:pointer;transition:color .15s ease-in-out;position:absolute;top:0;right:0;padding:1;line-height:1}.modal-close-button:hover{color:#4b5563}.modal-close-icon{width:1.5rem;height:1.5rem}.modal-container .mt-3{margin-top:0}.info-alert{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;padding:1rem}.info-alert-content{display:flex}.info-icon-container{flex-shrink:0}.info-icon{height:1.25rem;width:1.25rem;color:#60a5fa}.info-text-container{margin-left:.75rem}.info-alert-title{font-size:.875rem;line-height:1.25rem;font-weight:500;color:#1e40af}.info-alert-text{margin-top:.5rem;font-size:.875rem;line-height:1.25rem;color:#1d4ed8}.success-alert{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.375rem;padding:1rem}.success-alert-content{display:flex}.success-icon-container{flex-shrink:0}.success-icon{height:1.25rem;width:1.25rem;color:#4ade80}.success-text-container{margin-left:.75rem}.success-alert-title{font-size:.875rem;line-height:1.25rem;font-weight:500;color:#166534}.success-alert-text{margin-top:.5rem;font-size:.875rem;line-height:1.25rem;color:#15803d}.modal-form-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem}.modal-form-input:focus{outline:none;box-shadow:0 0 0 2px #6366f1;border-color:#6366f1}.modal-form-input-red{width:calc(100% - 1.5rem);padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem}.modal-form-input-red:focus{outline:none;box-shadow:0 0 0 2px #ef4444;border-color:#ef4444}.modal-select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem}.modal-select:focus{outline:none;box-shadow:0 0 0 2px #6366f1;border-color:#6366f1}.modal-select-red{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem}.modal-select-red:focus{outline:none;box-shadow:0 0 0 2px #ef4444;border-color:#ef4444}.modal-button-group{display:flex;gap:.75rem;padding-top:1rem}.modal-cancel-button{flex:1;background-color:#d1d5db;color:#374151;font-weight:500;padding:.5rem 1rem;border-radius:.375rem;border:none;cursor:pointer;transition:background-color .15s ease-in-out}.modal-cancel-button:hover{background-color:#9ca3af}.modal-cancel-button:disabled{opacity:.5}.modal-danger-button{flex:1;background-color:#dc2626;color:#fff;font-weight:500;padding:.5rem 1rem;border-radius:.375rem;border:none;cursor:pointer;transition:background-color .15s ease-in-out}.modal-danger-button:hover{background-color:#b91c1c}.modal-danger-button:disabled{opacity:.5;cursor:not-allowed}.modal-primary-button-flex{flex:1;background-color:#4f46e5;color:#fff;font-weight:500;padding:.5rem 1rem;border-radius:.375rem;border:none;cursor:pointer;transition:background-color .15s ease-in-out}.modal-primary-button-flex:hover{background-color:#4338ca}.modal-primary-button-flex:disabled{opacity:.5;cursor:not-allowed}.status-text-primary{font-size:.875rem;line-height:1.25rem;color:#4b5563}.status-text-secondary{font-size:.875rem;line-height:1.25rem;color:#6b7280;margin-top:.5rem}.status-text-strong{font-weight:700}.warning-text-small{font-size:.75rem;line-height:1rem;color:#a16207}.modal-codes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.875rem;line-height:1.25rem}.modal-code-display{background-color:#fff;padding:.5rem;border-radius:.25rem;border:1px solid #d1d5db;text-align:center;font-weight:700}.modal-codes-container{background-color:#f9fafb;border-radius:.5rem;padding:1rem}.pt-4{padding-top:1rem}.success-message{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#15803d;padding:.75rem 1rem;border-radius:.375rem;position:relative;margin-bottom:1rem}.success-message-text{display:block}@media(min-width:640px){.success-message-text{display:inline}}.success-message-close{background:none;border:none;cursor:pointer;position:absolute;top:.75rem;right:1rem;color:#15803d;font-weight:700;font-size:1.25rem;line-height:1}.success-message-close:hover{color:#166534}.border-2fa{border:1px solid var(--annulet-dark);border-radius:10px;padding:0 .75rem}.flex-items-center{display:flex;align-items:center}.email-input{border:none;border-bottom:1px solid var(--annulet-dark);max-width:500px;min-width:200px;width:calc(100% - 10px)}.email-input::placeholder{color:var(--annulet-light)}:root{--primary-font: "Open-Dyslexic";font-family:var(--primary-font),Arial,Verdana,Inter,Helvetica,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--annulet-dark);background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--brand-indigo: #1f0452;--brand-royal: #002693;--brand-forest: #355E3B;--brand-gold: #D4AF37;--brand-on-gradient: #D6D6F5;--brand-shadow: rgba(0, 0, 0, .3);--brand-shadow-strong: rgba(0, 0, 0, .7);--brand-surface: #ffffff;--brand-surface-dark: #0b0b14;--brand-accent: var(--brand-royal);--brand-on-accent: #ffffff}body{margin:0;display:flex;min-height:250px;height:100%;min-width:875px;overflow-x:auto;overflow-y:hidden}.brand-gradient-bg{background:linear-gradient(45deg,var(--brand-indigo),var(--brand-royal),var(--brand-forest),var(--brand-gold));background-size:800% 800%;animation:gradientShift 12s ease-in-out infinite}.brand-gradient-container{display:flex;justify-content:center;align-items:center;border-radius:20px;box-shadow:0 20px 40px var(--brand-shadow)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes glowPulse{0%,to{border-color:var(--brand-gold);box-shadow:0 0 5px 1px var(--brand-indigo)}50%{border-color:var(--brand-forest);box-shadow:0 0 10px 3px var(--brand-royal)}}.brand-button{background:linear-gradient(45deg,var(--brand-indigo),var(--brand-royal),var(--brand-forest),var(--brand-gold));background-size:800% 800%;animation:gradientShift 12s ease-in-out infinite;border-radius:10px;border:1px solid var(--brand-forest);color:var(--brand-on-gradient);text-shadow:2px 2px 4px var(--brand-shadow-strong)}.brand-button:hover{border:2px solid var(--brand-gold);animation:glowPulse 4s infinite}.brand-solid-button{background:var(--brand-accent);color:var(--brand-on-accent);--annulet-svg-stroke: var(--brand-on-accent);border:1px solid color-mix(in oklab,var(--brand-accent),black 20%)}.brand-solid-button:hover{filter:drop-shadow(0 0 8px color-mix(in oklab,var(--brand-accent),white 25%));border-color:color-mix(in oklab,var(--brand-accent),white 10%)}.brand-solid-button:active{box-shadow:inset 0 2px 8px color-mix(in oklab,var(--brand-accent),black 35%)}.brand-header{background-color:var(--brand-accent);color:var(--brand-on-accent)}.brand-focusable:focus-visible{outline:3px solid var(--brand-gold);outline-offset:2px;box-shadow:0 0 0 4px #d4af3759}.brand-solid-button:focus-visible,button.active-menu:focus-visible,.brand-button:focus-visible{outline:3px solid var(--brand-gold);outline-offset:2px;box-shadow:0 0 0 4px #d4af3759}header.brand,footer.brand{color:var(--brand-on-gradient)}@media(max-width:768px){.brand-gradient-container.responsive{width:90%;height:350px;flex-direction:column;padding:10px}}@media(prefers-reduced-motion:reduce){.brand-gradient-bg,.brand-button,.brand-button:hover{animation:none!important}}