@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, button, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 1em; vertical-align: baseline; background-color: transparent; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote::before, blockquote::after, q::before, q::after { content: ""; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

* { box-sizing: border-box; }

input[type="text"], input[type="tel"], input[type="email"], input[type="password"], input[type="phone"], input[type="url"], input[type="search"], input[type="submit"], input[type="button"], select, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background-color: transparent; }

html { font-size: 15px; color: #333333; overflow: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

body { font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Noto Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; line-height: 1.2em; position: absolute; overflow: auto; background-color: white; }

body.no-padding { padding-top: 0; }

div#noscript-background { background: #f6f7f8; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: -5; }

html, body, #b5app, #unlocked-app, #locked-app, .full-page { height: 100%; width: 100%; }

* { word-break: break-word; letter-spacing: -0.03em; }

input, select { word-break: normal; }

h1, h2, h3, h4, h5, h6 { font-weight: 600; margin-top: 1.5em; }

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; }

h1 { font-size: 1.5rem; }

h2 { font-size: 1.25rem; }

h3 { font-size: 1.1rem; }

h4 { font-size: 1rem; font-weight: 500; }

h5 { font-size: 0.8rem; text-transform: uppercase; }

p, ul, .paragraph { margin-top: 10px; }

p.extra-space, ul.extra-space, .paragraph.extra-space { margin-top: 20px; }

p:first-child, ul:first-child, .paragraph:first-child { margin-top: 0; }

ul.normal-bullets { list-style-type: disc; margin-left: 1em; }

strong, .bold { font-weight: 600; }

hr { height: 1px; border: none; padding: 0; margin: 10px 0; background-color: rgba(0, 0, 0, 0.15); }

code { font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace; letter-spacing: normal; padding: 10px 15px 9px; border: 1px solid #999; display: inline-block; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.code-font { font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace; letter-spacing: normal; }

a { color: #0572ec; outline: none; text-decoration: underline; cursor: pointer; }

a.black { color: #333333; }

a.discreet { color: inherit; }

a.button, a.new-button, a[role="button"] { text-decoration: none; }

button:focus { outline: none; }

button, .button, .new-button, [role="button"] { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

button.flex > div { width: 100%; height: 100%; }

*:hover { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }

small, .small { font-size: 0.75rem; line-height: 1.2em; color: #757575; }

footer nav li { display: inline-block; padding: 0 10px; border-right: solid 1px rgba(0, 0, 0, 0.25); }

footer nav li:first-child, footer nav li:last-child { border-right: none; }

footer nav li:first-child { display: block; margin-bottom: 9px; }

@media only screen and (min-width: 600px) { footer nav li:first-child { display: inline-block; margin-bottom: 0; } }

footer nav li:first-child img { width: 130px; }

@media only screen and (min-width: 600px) { footer nav li:first-child img { vertical-align: -5px; } }

.click-target { cursor: pointer; }

.center { text-align: center; }

.supplemental { color: #757575; font-weight: 300; }

.hidden { display: none !important; }

.invisible { visibility: hidden !important; }

.float-right { float: right; }

.float-left { float: left; }

#copy-text { visibility: visible; position: absolute; left: -1000px; top: -1000px; }

div.form, div.fieldset { margin-top: 20px; }

div.form:first-child, div.fieldset:first-child { margin-top: 0; }

input[type="text"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], select, textarea, .button, .fake-input { color: #333333; font-size: 16px; font-family: inherit; line-height: 1.2em; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 10px 14px; background-color: white; outline: none; resize: none; margin-top: 10px; }

@media (min-width: 850px) { input[type="text"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], select, textarea, .button, .fake-input { font-size: 1rem; } }

input[type="text"]:first-child, input[type="email"]:first-child, input[type="number"]:first-child, input[type="password"]:first-child, input[type="search"]:first-child, input[type="tel"]:first-child, select:first-child, textarea:first-child, .button:first-child, .fake-input:first-child { margin-top: 0; }

input[type="text"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, input[type="search"]:disabled { background: #f7f7f7; color: #666; }

textarea.tall { height: 200px; }

input[type="text"], input[type="email"], input[type="password"], input[type="search"], select, .button, .fake-input { min-height: 40px; }

input[type="text"].short, input[type="email"].short, input[type="password"].short, input[type="search"].short, select.short, .button.short, .fake-input.short { min-height: 32px; }

#item-details input[type="text"], #item-details input[type="email"], #item-details input[type="password"], #item-details input[type="search"], #item-details select, #item-details .button, #item-details .fake-input { height: auto; min-height: auto; }

.button.short { height: auto; padding: 6px 12px; }

input { font-size: 1rem; }

input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], textarea, .fake-input { width: 100%; -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); }

input[type="text"].error, input[type="email"].error, input[type="password"].error, input[type="search"].error, input[type="tel"].error, textarea.error, .fake-input.error { -webkit-box-shadow: inset 0 0 0 1px #e60000; -moz-box-shadow: inset 0 0 0 1px #e60000; box-shadow: inset 0 0 0 1px #e60000; }

input[type="text"]:focus, input[type="text"].focus, input[type="email"]:focus, input[type="email"].focus, input[type="password"]:focus, input[type="password"].focus, input[type="search"]:focus, input[type="search"].focus, input[type="tel"]:focus, input[type="tel"].focus, textarea:focus, textarea.focus, .fake-input:focus, .fake-input.focus { -webkit-box-shadow: inset 0 0 0 1px #0572ec; -moz-box-shadow: inset 0 0 0 1px #0572ec; box-shadow: inset 0 0 0 1px #0572ec; }

input[type="password"] { font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace; letter-spacing: normal; }

input[type="search"] { -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; }

input[type="search"]::-webkit-search-cancel-button { z-index: 1; }

select { -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); }

select:focus { -webkit-box-shadow: inset 0 0 0 1px #0572ec; -moz-box-shadow: inset 0 0 0 1px #0572ec; box-shadow: inset 0 0 0 1px #0572ec; }

.button { -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }

.button:focus { -webkit-box-shadow: inset 0 0 0 1px #0572ec, 0 0 0 1px #0572ec; -moz-box-shadow: inset 0 0 0 1px #0572ec, 0 0 0 1px #0572ec; box-shadow: inset 0 0 0 1px #0572ec, 0 0 0 1px #0572ec; }

.button.call-to-action { -webkit-box-shadow: inset 0 0 0 1px #0572ec; -moz-box-shadow: inset 0 0 0 1px #0572ec; box-shadow: inset 0 0 0 1px #0572ec; background-color: white; color: #0572ec; }

.button.call-to-action:focus { -webkit-box-shadow: inset 0 0 0 1px #0572ec, 0 0 0 1px #0572ec; -moz-box-shadow: inset 0 0 0 1px #0572ec, 0 0 0 1px #0572ec; box-shadow: inset 0 0 0 1px #0572ec, 0 0 0 1px #0572ec; }

.button.red { -webkit-box-shadow: inset 0 0 0 1px #e60000; -moz-box-shadow: inset 0 0 0 1px #e60000; box-shadow: inset 0 0 0 1px #e60000; color: #e60000; }

.button.red:focus { -webkit-box-shadow: inset 0 0 0 1px #e60000, 0 0 0 1px #e60000; -moz-box-shadow: inset 0 0 0 1px #e60000, 0 0 0 1px #e60000; box-shadow: inset 0 0 0 1px #e60000, 0 0 0 1px #e60000; }

.button.green { -webkit-box-shadow: inset 0 0 0 1px #00b300; -moz-box-shadow: inset 0 0 0 1px #00b300; box-shadow: inset 0 0 0 1px #00b300; color: #00b300; }

.button.green:focus { -webkit-box-shadow: inset 0 0 0 1px #00b300, 0 0 0 1px #00b300; -moz-box-shadow: inset 0 0 0 1px #00b300, 0 0 0 1px #00b300; box-shadow: inset 0 0 0 1px #00b300, 0 0 0 1px #00b300; }

.button.blue { -webkit-box-shadow: inset 0 0 0 1px #0572ec; -moz-box-shadow: inset 0 0 0 1px #0572ec; box-shadow: inset 0 0 0 1px #0572ec; color: #0572ec; }

.button.blue:focus { -webkit-box-shadow: inset 0 0 0 1px #0572ec, 0 0 0 1px #0572ec; -moz-box-shadow: inset 0 0 0 1px #0572ec, 0 0 0 1px #0572ec; box-shadow: inset 0 0 0 1px #0572ec, 0 0 0 1px #0572ec; }

.button.subtle { padding-top: 0; padding-bottom: 0; height: 32px; line-height: 32px; background: #f6f7f8; }

button.button:not(:first-of-type) { margin-left: 10px; }

button.button:not(:first-of-type).block { margin-left: 0; }

button, .button { cursor: pointer; }

button.disabled, button[disabled], .button.disabled, .button[disabled] { cursor: default; }

.button.primary, .button.submit { background-color: #0572ec; color: white; -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }

.button.primary:focus, .button.submit:focus { -webkit-box-shadow: inset 0 0 0 1px #333333, 0 0 0 1px #333333; -moz-box-shadow: inset 0 0 0 1px #333333, 0 0 0 1px #333333; box-shadow: inset 0 0 0 1px #333333, 0 0 0 1px #333333; }

.button.primary:active, .button.submit:active { -webkit-box-shadow: inset 0 0 0 1px #333333, 0 0 0 1px #333333, inset 0 1px 0 rgba(0, 0, 0, 0.25), inset 0 4px 4px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 0 1px #333333, 0 0 0 1px #333333, inset 0 1px 0 rgba(0, 0, 0, 0.25), inset 0 4px 4px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 0 1px #333333, 0 0 0 1px #333333, inset 0 1px 0 rgba(0, 0, 0, 0.25), inset 0 4px 4px rgba(0, 0, 0, 0.25); }

div.form.error .button.primary, div.form.error .button.submit { background-color: #e60000; color: white; -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); }

.button.primary.red, .button.submit.red { background-color: #e60000; }

.button.primary.disabled, .button.primary[disabled], .button.submit.disabled, .button.submit[disabled] { background-color: #999999; -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); }

select { background-image: url(../images/select-indicator.svg); background-position: right 10px center; background-repeat: no-repeat; padding-right: 28px; }

select.small { padding: 0 26px 0 10px; }

.select-check { fill: currentColor; }

div.inline-select label.option { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; padding: 6px 10px 6px 28px; color: #333333; }

div.inline-select label.option:hover { background: #0572ec; }

div.inline-select label.option:hover, div.inline-select label.option:hover * { color: white; }

div.inline-select label.option p { margin: 0; font-size: 0.75rem; line-height: 1.2; color: #757575; }

div.inline-select label.option.disabled, div.inline-select label.option.disabled p, div.inline-select label.option.disabled:hover, div.inline-select label.option.disabled:hover p { background: transparent; cursor: default; }

div.inline-select label.option.disabled, div.inline-select label.option.disabled *, div.inline-select label.option.disabled p, div.inline-select label.option.disabled p *, div.inline-select label.option.disabled:hover, div.inline-select label.option.disabled:hover *, div.inline-select label.option.disabled:hover p, div.inline-select label.option.disabled:hover p * { color: #757575; }

div.inline-select label.option .select-check { position: absolute; margin-left: -18px; margin-top: 3px; }

div.inline-select label.option input[type="radio"], div.inline-select label.option input[type="checkbox"] { display: none; }

div.inline-select-new label.option { border: 1px solid #d7d9e0; display: block; padding: 0.5rem 3rem 0.5rem 0.5rem; color: #333333; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

div.inline-select-new label.option:first-child { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; }

div.inline-select-new label.option:last-child { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; }

div.inline-select-new label.option:not(:last-child) { margin-bottom: -1px; }

div.inline-select-new label.option.selected { border-color: #0572ec; z-index: 10; }

div.inline-select-new label.option.selected h4 { color: #0572ec; }

div.inline-select-new label.option p { margin-top: 0.4rem; font-size: 0.8rem; line-height: 1rem; color: #757575; }

div.inline-select-new label.option.disabled { cursor: not-allowed; }

div.inline-select-new label.option.disabled, div.inline-select-new label.option.disabled p { color: #e4e6e7; }

div.inline-select-new label.option svg { position: absolute; margin: auto; right: 10px; top: 0; bottom: 0; }

div.inline-select-new label.option input[type="radio"], div.inline-select-new label.option input[type="checkbox"] { display: none; }

div.form p.error-description { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; max-height: 0; overflow: hidden; margin: 0; }

div.form.error p.error-description { max-height: 100%; }

div.form.error p.error-description:first-child ~ p.error-description { margin-top: 10px; }

label { font-weight: 300; color: #757575; }

div.form.signin { width: 100%; max-width: 280px; margin-left: auto; margin-right: auto; position: relative; font-size: 1rem !important; }

div.form.signin.otp h4 { text-align: center; margin-bottom: 12px; font-size: 0.9rem !important; }

div.form.signin.otp #otp-error { color: #e6735c; font-size: 0.75rem !important; min-height: 16px; }

div.form.signin.otp .otp-error-text { margin: 0; }

div.form.signin.otp .otp-error-text:first-of-type { margin-bottom: 0.8rem; }

div.form.signin.otp button { display: block; margin: 0 auto; margin-top: 10px; width: 150px; }

@media only screen and (min-width: 450px) { div.form.signin.otp { max-width: 316px; }
  div.form.signin.otp h4 { font-size: 1rem !important; }
  div.form.signin.otp #otp-error { font-size: 0.9rem !important; } }

div.form.signin input[type="text"], div.form.signin input[type="email"], div.form.signin input[type="number"], div.form.signin input[type="password"] { background-color: white; }

div.form.signin input#public-computer { margin-top: 16px; margin-bottom: 6px; }

div.form.signin .button.submit { width: 100%; }

div.form.signin .offside { margin-top: 11px; font-weight: 300; position: absolute; width: 150px; right: -170px; }

div.form.signin.hidden { display: none; }

div.form.signin input { font-size: 1rem !important; margin-top: 0; padding: 10px 13px; }

@media only screen and (min-width: 600px) { div.form.signin input { margin-top: 10px; } }

div.form.signin input:disabled { background-color: #f6f7f8; -webkit-text-fill-color: #333333; }

div.form.signin input#account-key { font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace; letter-spacing: normal; }

div.form.signin div { position: relative; }

div.form.signin label[for="email"], div.form.signin label[for="account-key"], div.form.signin label[for="master-password"] { display: block; margin: 10px 0 4px; text-align: left; font-weight: normal; }

@media only screen and (min-width: 600px) { div.form.signin label[for="email"], div.form.signin label[for="account-key"], div.form.signin label[for="master-password"] { display: inline; margin: 0; position: absolute; width: 134px; left: -150px; top: 21px; text-align: right; } }

div.form.signin label[for="public-computer"] { margin-left: 6px; font-weight: normal; line-height: 1; }

div.form.signin img.field-icon { position: absolute; display: none; }

div.form.signin img.field-icon.master-password { right: -47px; }

@media only screen and (min-width: 450px) { div.form.signin img.field-icon { display: block; top: 25px; } }

@media only screen and (min-width: 600px) { div.form.signin img.field-icon { top: 14px; } }

div.form.signin div.error-message { margin-top: 16px; }

div.form.signin p.not-you { margin-top: 35px; }

#domain-entry #domain-container { position: relative; }

#domain-entry input { height: auto; display: block; }

#domain-entry #domain-overlay { pointer-events: none; position: absolute; left: 0; top: 0; padding: 10px 14px; line-height: 1.2; color: transparent; max-width: 100%; overflow: hidden; white-space: nowrap; }

#domain-entry #domain-overlay .suffix { font-weight: normal; color: #757575; }

#domain-entry p.domain-diagnostic { min-height: 2.4rem; line-height: 1.2rem; }

#domain-entry p.domain-diagnostic img.spinner { margin-left: 6px; margin-bottom: -3px; }

label[for="expiry"] { display: block; }

#modal, #popup { display: flex; flex-direction: column; z-index: 9999; width: 320px; max-height: calc(100% - 60px); background-color: white; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 0 1px, rgba(0, 0, 0, 0.15) 0 1px 20px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 0 1px, rgba(0, 0, 0, 0.15) 0 1px 20px; box-shadow: rgba(0, 0, 0, 0.15) 0 0 0 1px, rgba(0, 0, 0, 0.15) 0 1px 20px; position: fixed; left: 50%; transform: translateX(-50%); font-size: 1rem !important; top: 6vh; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

@media only screen and (min-height: 650px) { #modal, #popup { max-height: calc(100% - 175px); } }

@media only screen and (max-width: 430px) { #modal, #popup { width: 100% !important; height: 100%; top: 0; max-height: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } }

#modal.thin, #popup.thin { width: 320px; }

#modal.medium, #popup.medium { width: 450px; }

@media only screen and (max-width: 520px) { #modal.medium, #popup.medium { width: 100% !important; height: 100%; top: 0; max-height: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } }

#modal.wide, #popup.wide { width: 600px; }

@media only screen and (max-width: 720px) { #modal.wide, #popup.wide { width: 100% !important; height: 100%; top: 0; max-height: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } }

#modal > header, #popup > header { background-color: #f6f7f8; padding: 0.7rem 0.8rem; border-bottom: 1px solid #e4e6e7; position: relative; text-align: center; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; }

#modal > header h3, #popup > header h3 { color: #525c66; font-size: 1.05rem; padding: 2px; max-width: 60%; margin: 0 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

#modal > header button, #popup > header button { font-size: 0.95rem; font-weight: 500; position: absolute; top: 13px; right: 0.8rem; color: #0572ec; text-decoration: none; }

#modal > header button:hover, #popup > header button:hover { color: #204060; }

#modal > header button:focus, #popup > header button:focus { box-shadow: inset 0 0 0 1px rgba(0, 127, 255, 0.3), 0 0 0 3px rgba(0, 127, 255, 0.3); }

#modal > header.red, #popup > header.red { background-color: #fae5e1; border-bottom: 1px solid #e6b6ac; }

#modal > footer, #popup > footer { padding: 0.7rem 0.8rem; border-top: solid 1px rgba(193, 193, 193, 0.4); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.05); text-align: center; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; }

#modal > footer .button-container, #popup > footer .button-container { position: relative; display: inline-block; width: 85%; }

#modal > footer .button-container button, #popup > footer .button-container button { width: 100%; margin-top: 8px; }

#modal > footer .button-container button:first-of-type, #popup > footer .button-container button:first-of-type { margin-top: 0; }

#modal > footer .button-container .button-count, #popup > footer .button-container .button-count { position: absolute; top: -5px; right: -5px; min-width: 22px; min-height: 22px; padding: 3px 6px; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; background-color: white; border: 1px solid #1060d1; color: #0572ec; font-weight: 500; font-size: 1rem; line-height: 1rem; }

#modal > .scroll-box, #popup > .scroll-box { overflow: auto; }

#modal > div, #popup > div { -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-box-flex: 1 1 auto; box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-shadow: 0 1px 20px transparent; -moz-box-shadow: 0 1px 20px transparent; box-shadow: 0 1px 20px transparent; }

#modal > div > main.content-box, #popup > div > main.content-box { padding: 1.2rem; }

#modal > div:first-child > main.content-box, #popup > div:first-child > main.content-box { padding: 20px; }

#modal > div p:not(.clear), #modal > div .fake-p, #popup > div p:not(.clear), #popup > div .fake-p { font-size: 1rem !important; line-height: 1.2 !important; margin-top: 10px !important; }

#modal > div p:not(.clear):first-child, #modal > div .fake-p:first-child, #popup > div p:not(.clear):first-child, #popup > div .fake-p:first-child { margin-top: 0 !important; }

#modal > div p:not(.clear) em, #modal > div .fake-p em, #popup > div p:not(.clear) em, #popup > div .fake-p em { font-style: italic; }

#modal > div .fake-p, #popup > div .fake-p { color: #333333; font-weight: normal; display: block; }

#modal > div div.error-messages, #popup > div div.error-messages { margin-top: 10px; }

#modal > div #exp-month, #modal > div #exp-year, #popup > div #exp-month, #popup > div #exp-year { width: 30%; }

#modal > div label, #popup > div label { display: block; margin-top: 12px; }

#modal > div label:first-child, #popup > div label:first-child { margin-top: 0; }

#modal > div label ~ input, #modal > div label + select, #popup > div label ~ input, #popup > div label + select { margin-top: 5px; }

#modal > div input[type="checkbox"] + label, #popup > div input[type="checkbox"] + label { display: inline; }

#modal > div input[type="radio"], #popup > div input[type="radio"] { width: auto !important; }

#modal > div select, #popup > div select { max-width: 100%; }

#modal > div select.full-width, #popup > div select.full-width { width: 100%; }

#modal > div .new-button.big, #modal > div button.primary, #modal > div .button.submit, #popup > div .new-button.big, #popup > div button.primary, #popup > div .button.submit { width: 100%; margin-top: 20px; }

#modal.progress, #popup.progress { padding: 20px; }

#modal.progress h2, #modal.progress img, #modal.progress svg, #popup.progress h2, #popup.progress img, #popup.progress svg { font-weight: normal; margin-top: 0; line-height: 32px; }

#modal.progress .svg-checkmark, #popup.progress .svg-checkmark { float: right; width: 32px; height: 32px; }

#modal.progress .svg-checkmark circle, #popup.progress .svg-checkmark circle { display: none; }

#modal.progress .svg-checkmark path, #popup.progress .svg-checkmark path { stroke: #3b8736; fill: #50b347; }

#modal.account-chooser li, #popup.account-chooser li { cursor: pointer; margin-top: 15px; }

#modal.account-chooser li:first-child, #popup.account-chooser li:first-child { margin-top: 0; }

#modal.account-chooser li p.small, #popup.account-chooser li p.small { margin-top: 3px !important; font-size: 0.8rem !important; }

#modal.account-chooser button, #popup.account-chooser button { margin-top: 20px; }

#popup-container .popup-history { display: none; }

.window-overlay { z-index: 9998; display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #333333; opacity: 0.7; }

#modal input[type="search"], #popup input[type="search"] { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-image: url('data:image/svg+xml;utf8,<svg width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path d="M12 10.4c-.4-.3-.5-.8-.3-1 .6-1.2 1-2.5.7-4C12 3 10 .5 7.4.2 3-.5-.7 3 0 7.5c.5 2.7 2.7 4.8 5.4 5.2 1.3.2 2.6 0 3.7-.7.5-.3 1-.2 1.2 0l3.8 4c.5.6 1.3.6 1.7 0 .5-.5.5-1.3 0-1.7l-3.8-4zm-10.4-4c0-2.7 2-4.8 4.6-4.8 2.6 0 4.6 2 4.6 4.7 0 2.6-2 4.7-4.6 4.7-2.5 0-4.6-2-4.6-4.7z" fill="%237a8a99" fill-rule="evenodd"/></svg>'); background-repeat: no-repeat; height: 37px; padding-left: 37px; padding-right: 10px; background-position: 10px center; color: #333333; font-weight: 500; }

#modal input[type="search"]::-webkit-search-cancel-button, #popup input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; height: 18px; width: 18px; background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 12 12" width="18px" height="18px" xmlns="http://www.w3.org/2000/svg"><circle fill="%237a8a99" cx="6" cy="6" r="6"/><path fill="white" d="M6 5L4.4 3.4l-1 1 1.5 1.7-1.5 1.5 1 1L6 7.2l1.6 1.6 1-1L7.1 6l1.6-1.7-1-1z"/></svg>'); background-repeat: no-repeat; }

#modal input[type="search"].loading, #popup input[type="search"].loading { background-image: none; }

#modal input[type="search"]:focus, #popup input[type="search"]:focus { background-image: url('data:image/svg+xml;utf8,<svg width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path d="M12 10.4c-.4-.3-.5-.8-.3-1 .6-1.2 1-2.5.7-4C12 3 10 .5 7.4.2 3-.5-.7 3 0 7.5c.5 2.7 2.7 4.8 5.4 5.2 1.3.2 2.6 0 3.7-.7.5-.3 1-.2 1.2 0l3.8 4c.5.6 1.3.6 1.7 0 .5-.5.5-1.3 0-1.7l-3.8-4zm-10.4-4c0-2.7 2-4.8 4.6-4.8 2.6 0 4.6 2 4.6 4.7 0 2.6-2 4.7-4.6 4.7-2.5 0-4.6-2-4.6-4.7z" fill="%230572ec" fill-rule="evenodd"/></svg>'); background-repeat: no-repeat; -webkit-box-shadow: inset 0 0 0 2px #0572ec; -moz-box-shadow: inset 0 0 0 2px #0572ec; box-shadow: inset 0 0 0 2px #0572ec; }

#modal input[type="search"]:focus::-webkit-search-cancel-button, #popup input[type="search"]:focus::-webkit-search-cancel-button { background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 12 12" width="18px" height="18px" xmlns="http://www.w3.org/2000/svg"><circle fill="%230572ec" cx="6" cy="6" r="6"/><path fill="white" d="M6 5L4.4 3.4l-1 1 1.5 1.7-1.5 1.5 1 1L6 7.2l1.6 1.6 1-1L7.1 6l1.6-1.7-1-1z"/></svg>'); background-repeat: no-repeat; }

#modal input[type="search"]:focus.loading, #popup input[type="search"]:focus.loading { background-image: none; }

#modal input[type="search"] + .spinner, #popup input[type="search"] + .spinner { position: absolute; top: 5rem; left: 2rem; }

#modal .item-list, #popup .item-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; min-height: 275px; margin-top: 0.6rem; }

#modal .item-list:first-child, #popup .item-list:first-child { margin-top: 0; }

#modal .item-list .list, #popup .item-list .list { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; flex: 1; margin-top: 0.6rem; }

#modal .item-list .list .selected, #popup .item-list .list .selected { margin: 10px -18px 18px; padding: 12px 18px; background-color: #f6f7f8; border-top: 1px solid #e4e6e7; border-bottom: 1px solid #e4e6e7; color: #757575; font-size: 0.93rem; font-weight: 500; }

#modal .item-list.permissions, #popup .item-list.permissions { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; flex: 1; margin-top: 0; }

#modal .item-list.select-one li label, #popup .item-list.select-one li label { cursor: pointer; }

#modal .item-list.select-one .checkmark, #popup .item-list.select-one .checkmark { display: none; }

#modal .item-list .empty-list, #popup .item-list .empty-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; flex: 1; color: #757575; text-align: center; margin-top: 0; }

#modal .item-list .empty-list h3, #popup .item-list .empty-list h3 { font-size: 1rem; font-weight: 500; color: #757575; }

#modal .item-list .empty-list p, #popup .item-list .empty-list p { margin-top: 0.5rem; }

#modal .item-list ol, #popup .item-list ol { margin-top: 10px; }

#modal .item-list ol:first-child, #popup .item-list ol:first-child { margin-top: 0; }

#modal .item-list .item, #popup .item-list .item { margin-top: 10px; }

#modal .item-list .item:first-child, #popup .item-list .item:first-child { margin-top: 0; }

#modal .item-list .item .item-link, #popup .item-list .item .item-link { text-decoration: none; }

#modal .item-list .item label, #modal .item-list .item a, #popup .item-list .item label, #popup .item-list .item a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

#modal .item-list .item label .avatar, #modal .item-list .item a .avatar, #popup .item-list .item label .avatar, #popup .item-list .item a .avatar { margin-right: 10px; }

#modal .item-list .item label .details, #modal .item-list .item a .details, #popup .item-list .item label .details, #popup .item-list .item a .details { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; flex: 1; }

#modal .item-list .item label .details h4, #modal .item-list .item a .details h4, #popup .item-list .item label .details h4, #popup .item-list .item a .details h4 { font-weight: normal; margin-top: 0; color: #333333; }

#modal .item-list .item label .details small, #modal .item-list .item a .details small, #popup .item-list .item label .details small, #popup .item-list .item a .details small { display: block; overflow: hidden; text-overflow: ellipsis; color: var(--text-color-02-01); }

#modal .item-list .item label .details .state-note, #modal .item-list .item a .details .state-note, #popup .item-list .item label .details .state-note, #popup .item-list .item a .details .state-note { display: block !important; color: #757575; }

#modal .item-list .item label .details .state-note.error, #modal .item-list .item a .details .state-note.error, #popup .item-list .item label .details .state-note.error, #popup .item-list .item a .details .state-note.error { color: #e60000; }

[data-focus-visible] #modal .item-list .item:focus, [data-focus-visible] #popup .item-list .item:focus { box-shadow: inset 0 0 0 1px rgba(0, 127, 255, 0.3), 0 0 0 3px rgba(0, 127, 255, 0.3); }

#modal .item-list .item:focus, #popup .item-list .item:focus { outline: none; }

#modal h3.divider, #popup h3.divider { margin: 20px 0; text-shadow: 2px 0 0 white, 4px 0 0 white, 6px 0 0 white, 8px 0 0 white, -2px 0 0 white, -4px 0 0 white, -6px 0 0 white, -8px 0 0 white; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

#modal h3.divider:first-child, #popup h3.divider:first-child { margin: 0; }

#modal .avatar.large, #popup .avatar.large { margin-left: 108px; }

#modal .button:first-child, #popup .button:first-child { width: auto; margin-bottom: 10px; }

#modal .item-list.permissions .item, #popup .item-list.permissions .item { padding-left: 0; height: 32px; line-height: 32px; }

#modal .dropzone, #popup .dropzone { margin: 0 auto; position: relative; }

#modal .dropzone .avatar.large, #popup .dropzone .avatar.large { margin-left: 0; }

#modal #color-picker-button, #popup #color-picker-button { width: 32px; height: 32px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; -webkit-box-shadow: inset rgba(0, 0, 0, 0.25) 0 0 0 1px; -moz-box-shadow: inset rgba(0, 0, 0, 0.25) 0 0 0 1px; box-shadow: inset rgba(0, 0, 0, 0.25) 0 0 0 1px; -webkit-transition: transform 0.25s ease; -moz-transition: transform 0.25s ease; -ms-transition: transform 0.25s ease; -o-transition: transform 0.25s ease; transition: transform 0.25s ease; position: absolute; left: 213px; top: 52px; background-image: url(../images/picker-chevron.svg); background-repeat: no-repeat; }

#modal #color-picker-button.active, #popup #color-picker-button.active { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }

#modal #color-picker, #popup #color-picker { display: block; text-align: center; margin: 7px 0 -7px; max-height: 0; overflow: hidden; opacity: 0; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }

#modal #color-picker.active, #popup #color-picker.active { opacity: 1; max-height: 150px; margin-bottom: 0; overflow: visible; }

#modal #color-picker .color-option, #popup #color-picker .color-option { display: inline-block; width: 32px; height: 32px; margin: 7px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }

#modal #color-picker .color-option.active, #popup #color-picker .color-option.active { -webkit-box-shadow: white 0 0 0 2px, #333333 0 0 0 4px; -moz-box-shadow: white 0 0 0 2px, #333333 0 0 0 4px; box-shadow: white 0 0 0 2px, #333333 0 0 0 4px; }

#modal #color-picker input#color-code, #popup #color-picker input#color-code { margin-top: 7px; text-align: center; }

#modal input, #modal textarea, #modal .button, #modal .list li, #popup input, #popup textarea, #popup .button, #popup .list li { width: 100%; }

#modal .button, #popup .button { text-align: center; }

#modal input[type="checkbox"], #popup input[type="checkbox"] { width: auto; margin-right: 10px; margin-top: 10px; }

#modal p.error-description, #popup p.error-description { text-align: left; color: #e60000; }

#modal p.validation-message, #popup p.validation-message { font-size: 0.9rem; margin-top: 5px; line-height: 1.2em; min-height: 1.2em; }

#modal.add-remove-list, #popup.add-remove-list { width: 320px; }

@media only screen and (min-width: 750px) { #modal.add-remove-list, #popup.add-remove-list { width: 430px; } }

#modal.add-remove-list input[type="checkbox"], #popup.add-remove-list input[type="checkbox"] { display: block; font-size: 3rem; margin-top: 0; }

#modal.add-remove-list li.disabled, #popup.add-remove-list li.disabled { filter: opacity(0.7); }

#modal.add-remove-list .select-one svg.square-add, #modal.add-remove-list .select-one svg.square-remove, #modal.add-remove-list .select-one-or-more svg.square-add, #modal.add-remove-list .select-one-or-more svg.square-remove, #popup.add-remove-list .select-one svg.square-add, #popup.add-remove-list .select-one svg.square-remove, #popup.add-remove-list .select-one-or-more svg.square-add, #popup.add-remove-list .select-one-or-more svg.square-remove { display: none; }

#modal.add-remove-list .select-one .item > label > input, #popup.add-remove-list .select-one .item > label > input { display: none; }

#modal.duo, #popup.duo { width: 400px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

#modal.duo #duo-frame, #popup.duo #duo-frame { width: 100%; height: 420px; }

#modal.subscription-frozen-popup, #modal.recovery-plan-popup, #popup.subscription-frozen-popup, #popup.recovery-plan-popup { text-align: center; }

#modal.subscription-frozen-popup h1, #modal.recovery-plan-popup h1, #popup.subscription-frozen-popup h1, #popup.recovery-plan-popup h1 { margin-top: 26px; }

#modal.new-vault.B, #popup.new-vault.B { width: 440px; }

#modal.new-vault.B .item-list, #popup.new-vault.B .item-list { min-height: 100px; margin-bottom: 10px; }

#modal.new-vault.B h3.divider, #popup.new-vault.B h3.divider { z-index: -1; font-size: 0.9em; text-align: left; font-weight: 600; color: #8fa1b3; }

#modal.new-vault.B h3.divider::after, #popup.new-vault.B h3.divider::after { top: 0.7em; background: #e6e6e6; }

#modal.new-vault.B .item input[type="checkbox"], #popup.new-vault.B .item input[type="checkbox"] { display: block; background: #3b99fc; margin-left: 3px; }

#modal.new-vault.B .item .avatar, #popup.new-vault.B .item .avatar { z-index: -1; }

#modal.emergency-kit-popup, #popup.emergency-kit-popup { width: 450px; text-align: center; }

#modal.emergency-kit-popup div.ek-modal.complete, #popup.emergency-kit-popup div.ek-modal.complete { margin: 0.8rem 0; }

#modal.emergency-kit-popup div.ek-modal p, #popup.emergency-kit-popup div.ek-modal p { color: #525c66; line-height: 1.5rem !important; }

#modal.emergency-kit-popup div.ek-modal p, #modal.emergency-kit-popup div.ek-modal ul, #popup.emergency-kit-popup div.ek-modal p, #popup.emergency-kit-popup div.ek-modal ul { margin-bottom: 25px; }

#modal.emergency-kit-popup div.ek-modal #secret-key, #popup.emergency-kit-popup div.ek-modal #secret-key { line-height: 1.8rem; font-size: 1.3rem; font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace; color: #7a8a99; letter-spacing: 0.1em; }

#modal.emergency-kit-popup div.ek-modal div.ekit-icon, #popup.emergency-kit-popup div.ek-modal div.ekit-icon { margin: -20px 0 25px -20px; width: 450px; background-image: linear-gradient(-180deg, white 59%, #f6f7fb 100%); -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; }

#modal.emergency-kit-popup div.ek-modal div.ekit-icon img, #popup.emergency-kit-popup div.ek-modal div.ekit-icon img { width: 450px; -webkit-user-drag: none; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; object-fit: cover; }

#modal.emergency-kit-popup div.ek-modal h2, #popup.emergency-kit-popup div.ek-modal h2 { margin-bottom: 1rem; color: #7a8a99; }

#modal.emergency-kit-popup div.ek-modal p.download-sk-text, #popup.emergency-kit-popup div.ek-modal p.download-sk-text { color: #757575; }

#modal.emergency-kit-popup div.ek-modal .download-sk-box, #popup.emergency-kit-popup div.ek-modal .download-sk-box { background-image: linear-gradient(0deg, white 17%, #f6f7fb 69%); border: 1px dashed #e4e6e7; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 20px 40px 0; }

#modal.emergency-kit-popup div.ek-modal p.description, #popup.emergency-kit-popup div.ek-modal p.description { margin-bottom: 10px; padding: 5px; font-size: 0.95rem !important; }

#modal.emergency-kit-popup div.ek-modal a.big, #modal.emergency-kit-popup div.ek-modal button.big, #popup.emergency-kit-popup div.ek-modal a.big, #popup.emergency-kit-popup div.ek-modal button.big { display: block; width: 200px; margin: 20px auto 15px; }

#modal.emergency-kit-popup div.ek-modal button.grey, #popup.emergency-kit-popup div.ek-modal button.grey { color: #757575; }

#modal.emergency-kit-popup div.ek-modal button + button, #popup.emergency-kit-popup div.ek-modal button + button { margin-left: 0.5rem; margin-top: 0.5rem; }

#modal.emergency-kit-popup div.ek-modal a.learn-more, #modal.emergency-kit-popup div.ek-modal a.cancel, #popup.emergency-kit-popup div.ek-modal a.learn-more, #popup.emergency-kit-popup div.ek-modal a.cancel { text-decoration: none; }

#modal.emergency-kit-popup div.ek-modal a.learn-more, #popup.emergency-kit-popup div.ek-modal a.learn-more { white-space: nowrap; }

#modal.emergency-kit-popup div.ek-modal a.learn-more :hover, #popup.emergency-kit-popup div.ek-modal a.learn-more :hover { text-decoration: underline; }

#modal.emergency-kit-popup div.ek-modal a.cancel, #popup.emergency-kit-popup div.ek-modal a.cancel { font-weight: 500; display: inline-block; margin: 0 auto; margin-top: 10px; font-size: 0.9rem; }

#modal.emergency-kit-popup div.ek-modal a.cancel:hover, #popup.emergency-kit-popup div.ek-modal a.cancel:hover { color: #1060d1; }

#modal.emergency-kit-popup div.ek-modal ul, #popup.emergency-kit-popup div.ek-modal ul { margin: 0 25px 25px; list-style-type: none; text-align: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

#modal.emergency-kit-popup div.ek-modal ul img, #popup.emergency-kit-popup div.ek-modal ul img { width: 54px; margin-right: 30px; }

#modal.emergency-kit-popup div.ek-modal ul li, #popup.emergency-kit-popup div.ek-modal ul li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: 62px; }

#modal.emergency-kit-popup div.ek-modal ul + a.new-button, #popup.emergency-kit-popup div.ek-modal ul + a.new-button { clear: left; }

#modal.subscription-frozen-popup .avatar, #popup.subscription-frozen-popup .avatar { position: absolute; top: 41px; left: 19px; z-index: -1; }

#modal.subscription-frozen-popup a.big, #popup.subscription-frozen-popup a.big { display: block; }

#modal.subscription-frozen-popup a.big:nth-of-type(2), #popup.subscription-frozen-popup a.big:nth-of-type(2) { margin-top: 10px; }

#modal.recovery-plan-popup button.big, #popup.recovery-plan-popup button.big { margin-top: 10px; }

#modal.recovery-plan-popup button.grey, #popup.recovery-plan-popup button.grey { margin-top: 20px; }

#modal.image-cropper-popup, #popup.image-cropper-popup { text-align: center; }

#modal.image-cropper-popup canvas, #popup.image-cropper-popup canvas { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 1px solid rgba(0, 0, 0, 0.25); cursor: move; margin-top: 10px; }

#modal.image-cropper-popup canvas.circular, #popup.image-cropper-popup canvas.circular { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

#modal.image-cropper-popup input, #popup.image-cropper-popup input { width: 256px; margin-top: 10px; }

#modal.client-access-popup, #popup.client-access-popup { width: 278px; }

#modal.client-access-popup .description, #popup.client-access-popup .description { font-size: 0.8rem !important; color: #757575; margin-bottom: 1rem; }

#modal.client-access-popup .client-access-list, #popup.client-access-popup .client-access-list { margin-bottom: 1rem; }

#modal.client-access-popup .client-access-list .client-access-button, #popup.client-access-popup .client-access-list .client-access-button { color: #333333; cursor: pointer; display: flex; justify-content: space-between; width: 100%; }

#modal.client-access-popup .client-access-list .client-access-button:hover, #popup.client-access-popup .client-access-list .client-access-button:hover { text-decoration: none; }

#modal.client-access-popup .client-access-list .client-access-button svg, #popup.client-access-popup .client-access-list .client-access-button svg { width: 20px; height: 20px; float: right; }

#modal.client-access-popup .client-access-list .client-access-button span, #popup.client-access-popup .client-access-list .client-access-button span { vertical-align: 2px; }

#modal.client-access-popup hr, #popup.client-access-popup hr { margin: 1.2rem -1.2rem; }

#modal.client-access-popup #travel-mode-switch, #popup.client-access-popup #travel-mode-switch { margin: -18px -1.2rem -1.2rem; padding: 1.2rem; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; }

#modal.client-access-popup #travel-mode-switch h3, #popup.client-access-popup #travel-mode-switch h3 { font-size: 1rem !important; }

#modal.client-access-popup #travel-mode-switch p, #popup.client-access-popup #travel-mode-switch p { font-size: 0.8rem !important; color: #757575; margin-top: 8px !important; line-height: 18px !important; max-width: 160px; }

#modal.whats-new-popup, #popup.whats-new-popup { width: 404px; text-align: center; padding: 0.8rem; padding-top: 9.6rem; background-position: right top; background-repeat: no-repeat; background-image: url(../images/whats-new-header.png); -webkit-background-size: 405px 138px; -moz-background-size: 405px 138px; background-size: 405px 138px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { #modal.whats-new-popup, #popup.whats-new-popup { background-image: url(../images/whats-new-header@2x.png); } }

@media only screen and (min-width: 405px) and (max-width: 430px) { #modal.whats-new-popup, #popup.whats-new-popup { background-size: 100%; } }

#modal.whats-new-popup h2, #popup.whats-new-popup h2 { margin-bottom: 1.5rem; }

#modal.whats-new-popup p a, #popup.whats-new-popup p a { text-decoration: none; }

#modal.whats-new-popup p a:hover, #popup.whats-new-popup p a:hover { text-decoration: underline; }

#modal.whats-new-popup .new-button, #popup.whats-new-popup .new-button { display: block; width: 165px; margin: 0 auto; margin-top: 2rem; }

#modal.whats-new-popup .new-button:last-child, #popup.whats-new-popup .new-button:last-child { margin-top: 0.8rem; }

#modal.manage-device-popup .header > div, #popup.manage-device-popup .header > div { display: inline-block; }

#modal.manage-device-popup .header > div.avatar, #popup.manage-device-popup .header > div.avatar { width: 38%; }

#modal.manage-device-popup .header > div:last-child, #popup.manage-device-popup .header > div:last-child { width: 62%; vertical-align: 1px; }

#modal.manage-device-popup .header small, #popup.manage-device-popup .header small { display: block; margin-top: 2px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

#modal.manage-device-popup .details, #popup.manage-device-popup .details { margin: 1rem 0; }

#modal.manage-device-popup .details > strong, #popup.manage-device-popup .details > strong { width: 38%; color: #757575; display: inline-block; margin-bottom: 4px; overflow: hidden; }

#modal.manage-device-popup .details > span, #popup.manage-device-popup .details > span { width: 60%; display: inline-block; margin-bottom: 4px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

#modal.manage-device-popup .details > span .flag, #popup.manage-device-popup .details > span .flag { margin-left: 4px; vertical-align: -1px; }

#modal.change-mp-popup label, #popup.change-mp-popup label { font-weight: normal; color: #333333; }

#modal.change-mp-popup p.error-description, #popup.change-mp-popup p.error-description { font-weight: 600; }

#modal.change-mp-popup .field:not(:first-child), #popup.change-mp-popup .field:not(:first-child) { margin-top: 1.2rem; }

#modal.change-mp-popup .change-mp-label, #popup.change-mp-popup .change-mp-label { height: 20px; }

#modal.change-mp-popup #new-mp, #popup.change-mp-popup #new-mp { margin-top: 2.4rem; }

#modal.change-mp-popup #new-mp::before, #popup.change-mp-popup #new-mp::before { content: ""; width: 100%; height: 1px; position: absolute; top: 9.6rem; right: 0; background-color: #cbcccd; }

#modal.change-mp-popup #new-mp #change-mp-new, #popup.change-mp-popup #new-mp #change-mp-new { border-radius: 6px 6px 0 0; }

#modal.change-mp-popup .change-mp-label, #popup.change-mp-popup .change-mp-label { display: flex; justify-content: space-between; }

#modal.change-mp-popup .change-mp-caps-lock-warning, #popup.change-mp-popup .change-mp-caps-lock-warning { position: relative; bottom: -7px; margin: 0; }

#modal p.blurb, #popup p.blurb { margin-bottom: 15px; }

#modal.upgrade-account-popup div.images, #popup.upgrade-account-popup div.images { display: flex; justify-content: center; flex-direction: row; align-items: baseline; margin: 20px 0 15px; }

#modal.upgrade-account-popup div.images img, #popup.upgrade-account-popup div.images img { min-width: 0; height: auto; margin-left: 10px; }

#modal.upgrade-account-popup div.images img:first-child, #popup.upgrade-account-popup div.images img:first-child { margin-left: 0; }

#modal.upgrade-account-popup .illustration, #popup.upgrade-account-popup .illustration { width: 200px; height: auto; }

#modal.upgrade-account-popup .button.corner, #popup.upgrade-account-popup .button.corner { position: absolute; top: 20px; right: 20px; width: auto; margin: 0; }

#modal.upgrade-account-popup .button.block, #modal.upgrade-account-popup a.block, #popup.upgrade-account-popup .button.block, #popup.upgrade-account-popup a.block { display: block; }

#modal.upgrade-account-popup footer, #popup.upgrade-account-popup footer { padding: 1rem; }

#modal.upgrade-account-popup .button.show-code, #popup.upgrade-account-popup .button.show-code { color: #0572ec; box-shadow: inset 0 0 0 1px #e4e6e7; margin: 0; width: 100%; }

#modal.upgrade-account-popup .link-code.confirmed, #popup.upgrade-account-popup .link-code.confirmed { padding: 10px 10px 10px 43px; background-image: url(../images/circle-check-green-fill-v2.svg); background-repeat: no-repeat; background-position: 10px center; }

#modal.upgrade-account-popup .link-code .child-account-form, #popup.upgrade-account-popup .link-code .child-account-form { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

#modal.upgrade-account-popup .link-code .child-account-form #child-account-code, #popup.upgrade-account-popup .link-code .child-account-form #child-account-code { flex: 3; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace; letter-spacing: normal; }

#modal.upgrade-account-popup .link-code .child-account-form #child-account-code:focus, #popup.upgrade-account-popup .link-code .child-account-form #child-account-code:focus { -webkit-box-shadow: inset 0 0 0 2px #0572ec; -moz-box-shadow: inset 0 0 0 2px #0572ec; box-shadow: inset 0 0 0 2px #0572ec; }

#modal.upgrade-account-popup .link-code .child-account-form #redeem-child-code, #popup.upgrade-account-popup .link-code .child-account-form #redeem-child-code { flex: 1; margin: 0 0 0 5px; padding: 5px; color: #0572ec; }

#modal.upgrade-account-popup .link-code .error-messages, #popup.upgrade-account-popup .link-code .error-messages { margin-top: 10px; padding: 10px; }

#modal.upgrade-account-popup .link-code .error-messages p.error-description, #popup.upgrade-account-popup .link-code .error-messages p.error-description { max-height: 5rem; text-align: center; }

#modal.upgrade-account-popup .link-code p, #popup.upgrade-account-popup .link-code p { font-size: 0.9rem !important; }

#modal.upgrade-account-popup h1, #popup.upgrade-account-popup h1 { line-height: 130%; }

#modal.upgrade-account-popup h1.middle, #popup.upgrade-account-popup h1.middle { margin-top: 20px !important; }

#modal.upgrade-account-popup h1.top, #popup.upgrade-account-popup h1.top { width: calc(100% - 90px); }

#modal.upgrade-account-popup #domain-entry, #popup.upgrade-account-popup #domain-entry { text-align: left; }

#modal.upgrade-account-popup #domain-entry label, #popup.upgrade-account-popup #domain-entry label { display: none; }

#modal.upgrade-account-popup p.team-upgrade-warning, #popup.upgrade-account-popup p.team-upgrade-warning { color: #e60000; font-size: 0.9rem !important; margin-top: 20px !important; }

#modal #create-vault-form button.grey, #popup #create-vault-form button.grey { margin-top: 10px; }

#modal.accept-invite-popup .popup-description, #popup.accept-invite-popup .popup-description { font-size: 0.8rem !important; color: #757575; }

#modal.error-message .diagnostics.small, #popup.error-message .diagnostics.small { margin-top: 1.5rem; }

#modal.error-message .diagnostics.small > *, #popup.error-message .diagnostics.small > * { margin-top: 3px !important; font-size: 0.7rem !important; }

#modal.remove-members, #popup.remove-members { color: #333333; text-align: center; }

#modal.remove-members main > *, #popup.remove-members main > * { padding-left: 0.5rem; padding-right: 0.5rem; }

#modal.remove-members .title, #popup.remove-members .title { margin-top: 1rem; }

#modal.remove-members .description, #popup.remove-members .description { color: #757575; }

#modal.remove-members #go-to-people, #popup.remove-members #go-to-people { display: block; }

#modal.delete-account, #popup.delete-account { color: #333333; }

#modal.delete-account p, #modal.delete-account h4, #popup.delete-account p, #popup.delete-account h4 { letter-spacing: -0.3px; }

#modal.delete-account main > div, #popup.delete-account main > div { padding: 1.5rem 0; border-top: 1px solid #e4e6e7; }

#modal.delete-account main > div:first-child, #popup.delete-account main > div:first-child { padding-top: 0; border: 0; }

#modal.delete-account main > div:last-child, #popup.delete-account main > div:last-child { padding-bottom: 0; }

#modal.delete-account main > div.spanner, #popup.delete-account main > div.spanner { padding: 1rem 1.2rem; margin: 0 -1.2rem; border-bottom: 1px solid #e4e6e7; }

#modal.delete-account main > div.spanner + div, #popup.delete-account main > div.spanner + div { border-top: none; }

#modal.delete-account .header, #popup.delete-account .header { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; }

#modal.delete-account .subtext, #popup.delete-account .subtext { color: #757575; }

#modal.delete-account .spanner, #popup.delete-account .spanner { background-color: #f6f7f8; }

#modal.delete-account .spanner:first-child, #popup.delete-account .spanner:first-child { margin-top: -1.2rem; }

#modal.delete-account .spanner button, #popup.delete-account .spanner button { background-color: #fcfcfc; }

#modal.delete-account .spanner button:hover, #popup.delete-account .spanner button:hover { background-color: #0572ec; }

#modal.delete-account .new-button, #popup.delete-account .new-button { padding: 10px 1.5rem; min-width: 160px; }

[data-focus-visible] #modal.delete-account .support-btn-focus:focus, [data-focus-visible] #popup.delete-account .support-btn-focus:focus { box-shadow: inset 0 0 0 1px rgba(0, 127, 255, 0.3), 0 0 0 3px rgba(0, 127, 255, 0.3); }

#modal.delete-account .description, #popup.delete-account .description { margin-right: 15px; }

#modal.delete-account #confirm-intent, #popup.delete-account #confirm-intent { margin-top: 1rem; font-size: 0.9rem; font-weight: 600; color: #0572ec; text-decoration: underline; }

#modal.delete-account .delete-confirmation, #popup.delete-account .delete-confirmation { margin-top: 1.2rem; }

#modal.delete-account .delete-confirmation .form, #popup.delete-account .delete-confirmation .form { margin-top: 0.8rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

#modal.delete-account .delete-confirmation .form input, #popup.delete-account .delete-confirmation .form input { width: 75%; }

#modal.delete-account .delete-confirmation .form button, #popup.delete-account .delete-confirmation .form button { margin-left: 10px; }

#modal.convert-account main.content-box, #popup.convert-account main.content-box { padding: 1.5rem; }

#modal.convert-account .changelog, #popup.convert-account .changelog { margin-top: 0.5rem; color: #757575; }

#modal.convert-account .changelog ul, #popup.convert-account .changelog ul { margin-top: 0.8rem; }

#modal.convert-account .changelog li, #popup.convert-account .changelog li { padding: 0.5rem 0 0 0.5rem; }

#modal.departure-survey .title, #modal.departure-survey .description, #modal.departure-survey .reasons, #popup.departure-survey .title, #popup.departure-survey .description, #popup.departure-survey .reasons { letter-spacing: -0.4px; }

#modal.departure-survey footer p, #popup.departure-survey footer p { letter-spacing: -0.2px; }

#modal.departure-survey section, #popup.departure-survey section { padding: 1.5rem 0; border-top: 1px solid #e4e6e7; }

#modal.departure-survey section:first-child, #popup.departure-survey section:first-child { padding-top: 0; border: 0; }

#modal.departure-survey section:last-child, #popup.departure-survey section:last-child { padding-bottom: 0; }

#modal.departure-survey footer, #popup.departure-survey footer { padding-top: 1.5rem; padding-bottom: 1.5rem; }

#modal.departure-survey footer a, #popup.departure-survey footer a { display: inline-block; margin-top: 1rem; }

#modal.departure-survey .survey .reasons, #popup.departure-survey .survey .reasons { margin-left: 0.5rem; margin-bottom: 0.5rem; }

#modal.departure-survey .survey .reasons .departure-reason, #popup.departure-survey .survey .reasons .departure-reason { padding-bottom: 0.5rem; }

#modal.departure-survey .survey .reasons .departure-reason textarea, #popup.departure-survey .survey .reasons .departure-reason textarea { margin-left: 1.2rem; width: 90%; }

#modal.departure-survey .survey .reasons label, #popup.departure-survey .survey .reasons label { color: #333333; }

#modal.departure-survey .survey button, #popup.departure-survey .survey button { display: block; width: 90%; margin-left: 1.7rem; }

#modal.get-app-popup, #popup.get-app-popup { text-align: center; width: 378px; }

#modal.get-app-popup .scroll-box, #popup.get-app-popup .scroll-box { overflow: hidden; border-radius: 6px; }

#modal.get-app-popup main, #popup.get-app-popup main { display: flex; flex-direction: column; }

#modal.get-app-popup header, #popup.get-app-popup header { margin-top: -20px; margin-left: -20px; display: flex; justify-content: center; }

#modal.get-app-popup header::after, #popup.get-app-popup header::after { content: ""; display: block; background: #f3d661; width: 100%; height: 1px; position: absolute; z-index: -1; top: 182px; left: 0; }

#modal.get-app-popup .copy-text, #popup.get-app-popup .copy-text { visibility: visible; position: absolute; left: -1000px; top: -1000px; font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace; letter-spacing: normal; }

#modal.get-app-popup .decline, #popup.get-app-popup .decline { color: #757575; font-size: 0.9rem; margin-top: 1.5rem; }

#modal.get-app-popup small, #popup.get-app-popup small { margin-top: 1.5rem; text-align: justify; }

#modal.account-csv-popup, #popup.account-csv-popup { text-align: center; }

#modal.account-csv-popup main, #popup.account-csv-popup main { padding: 1.5rem; }

#modal.account-csv-popup .download-csv, #popup.account-csv-popup .download-csv { display: grid; margin-top: 1.2rem; }

#modal.account-csv-popup .download-csv.blue, #popup.account-csv-popup .download-csv.blue { color: white; }

#modal.account-csv-popup .download-csv .spinner, #popup.account-csv-popup .download-csv .spinner { margin: auto; }

#modal.account-csv-popup .csv-importer-label-text, #popup.account-csv-popup .csv-importer-label-text { text-align: left; }

#modal.date-format-popup .scroll-box, #popup.date-format-popup .scroll-box { overflow: visible; }

#modal footer.grey { background-color: #f6f7f8; }

#modal.upgrade-account-popup main.content-box { text-align: center; }

#modal.recovery-plan-popup main.content-box { text-align: center; }

.modal-date-select-menu { width: 280px; padding: 0 !important; }

.modal-date-select-menu > li { padding: 15px !important; border-radius: 0 !important; }

.modal-date-select-menu > li:not(:last-child) { border-bottom: 1px solid #d7d9e0; }

.modal-date-select-button { width: 280px; margin: 15px auto; text-align: left; }

.new-button { font-size: 1rem; font-family: inherit; font-weight: 500; line-height: 1.3em; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; padding: 8px 16px; outline: none; resize: none; color: #0572ec; -webkit-box-shadow: inset 0 0 0 1px #0572ec; -moz-box-shadow: inset 0 0 0 1px #0572ec; box-shadow: inset 0 0 0 1px #0572ec; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }

.new-button:hover, .new-button:focus { background-color: #0572ec; color: white; }

.new-button.big { min-height: 40px; font-weight: 600; line-height: 1.5em; }

.new-button.small { height: 23px; font-size: 0.9rem; padding: 0 10px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }

.new-button.blue { color: white; background-color: #0572ec; -webkit-box-shadow: inset 0 0 0 1px #1060d1; -moz-box-shadow: inset 0 0 0 1px #1060d1; box-shadow: inset 0 0 0 1px #1060d1; }

.new-button.blue:hover { background-color: #1060d1; color: white; }

.new-button.grey { color: #333333; background-color: white; -webkit-box-shadow: inset 0 0 0 1px #d7d9e0; -moz-box-shadow: inset 0 0 0 1px #d7d9e0; box-shadow: inset 0 0 0 1px #d7d9e0; }

.new-button.grey:hover { background-color: #d7d9e0; color: #333333; }

.new-button.red { color: white; background-color: #e6735c; -webkit-box-shadow: inset 0 0 0 1px #b35947; -moz-box-shadow: inset 0 0 0 1px #b35947; box-shadow: inset 0 0 0 1px #b35947; }

.new-button.red:hover { background-color: #b35947; color: white; }

.new-button.green { color: white; background-color: #50b347; -webkit-box-shadow: inset 0 0 0 1px #3b8736; -moz-box-shadow: inset 0 0 0 1px #3b8736; box-shadow: inset 0 0 0 1px #3b8736; }

.new-button.green:hover { background-color: #3b8736; color: white; }

.new-button.peach { color: white; background-color: #e6a15c; -webkit-box-shadow: inset 0 0 0 1px #cc9951; -moz-box-shadow: inset 0 0 0 1px #cc9951; box-shadow: inset 0 0 0 1px #cc9951; }

.new-button.peach:hover { background-color: #cc9951; color: white; }

.new-button.lavender { color: white; background-color: #7369bf; -webkit-box-shadow: inset 0 0 0 1px #544d8c; -moz-box-shadow: inset 0 0 0 1px #544d8c; box-shadow: inset 0 0 0 1px #544d8c; }

.new-button.lavender:hover { background-color: #544d8c; color: white; }

.new-button.sand { color: white; background-color: #f3d661; -webkit-box-shadow: inset 0 0 0 1px #d9bb41; -moz-box-shadow: inset 0 0 0 1px #d9bb41; box-shadow: inset 0 0 0 1px #d9bb41; }

.new-button.sand:hover { background-color: #d9bb41; color: white; }

.new-button:disabled, .new-button.disabled { color: #cbcccd !important; background-color: #f6f7fb !important; cursor: not-allowed !important; -webkit-box-shadow: inset 0 0 0 1px #d7d9e0; -moz-box-shadow: inset 0 0 0 1px #d7d9e0; box-shadow: inset 0 0 0 1px #d7d9e0; }

.new-button.secondary { background-color: transparent; }

.new-button.secondary.red { color: #e60000; background-color: white; -webkit-box-shadow: inset 0 0 0 1px #e60000; -moz-box-shadow: inset 0 0 0 1px #e60000; box-shadow: inset 0 0 0 1px #e60000; }

.new-button.secondary.red:focus { -webkit-box-shadow: inset 0 0 0 1px #e60000, 0 0 0 1px #e60000; -moz-box-shadow: inset 0 0 0 1px #e60000, 0 0 0 1px #e60000; box-shadow: inset 0 0 0 1px #e60000, 0 0 0 1px #e60000; }

.new-button.secondary.red:hover { background-color: #e60000; color: white; }

.new-button.secondary.red:disabled, .new-button.secondary.red.disabled { color: #ffcccc !important; background-color: white !important; -webkit-box-shadow: inset 0 0 0 1px #ffcccc; -moz-box-shadow: inset 0 0 0 1px #ffcccc; box-shadow: inset 0 0 0 1px #ffcccc; }

.new-button.secondary.green { color: #00b300; background-color: white; -webkit-box-shadow: inset 0 0 0 1px #00b300; -moz-box-shadow: inset 0 0 0 1px #00b300; box-shadow: inset 0 0 0 1px #00b300; }

.new-button.secondary.green:focus { -webkit-box-shadow: inset 0 0 0 1px #00b300, 0 0 0 1px #00b300; -moz-box-shadow: inset 0 0 0 1px #00b300, 0 0 0 1px #00b300; box-shadow: inset 0 0 0 1px #00b300, 0 0 0 1px #00b300; }

.new-button.secondary.green:hover { background-color: #00b300; color: white; }

.new-button.secondary.green:disabled, .new-button.secondary.green.disabled { color: #99ff99 !important; background-color: white !important; -webkit-box-shadow: inset 0 0 0 1px #99ff99; -moz-box-shadow: inset 0 0 0 1px #99ff99; box-shadow: inset 0 0 0 1px #99ff99; }

.new-button.secondary.blue { color: #0572ec; background-color: white; -webkit-box-shadow: inset 0 0 0 1px #0572ec; -moz-box-shadow: inset 0 0 0 1px #0572ec; box-shadow: inset 0 0 0 1px #0572ec; }

.new-button.secondary.blue:focus { -webkit-box-shadow: inset 0 0 0 1px #0572ec, 0 0 0 1px #0572ec; -moz-box-shadow: inset 0 0 0 1px #0572ec, 0 0 0 1px #0572ec; box-shadow: inset 0 0 0 1px #0572ec, 0 0 0 1px #0572ec; }

.new-button.secondary.blue:hover { background-color: #0572ec; color: white; }

.new-button.secondary.blue:disabled, .new-button.secondary.blue.disabled { color: #d8eafe !important; background-color: white !important; -webkit-box-shadow: inset 0 0 0 1px #d8eafe; -moz-box-shadow: inset 0 0 0 1px #d8eafe; box-shadow: inset 0 0 0 1px #d8eafe; }

button.settings-button { width: 28px; height: 28px; background-color: white; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: inset 0 0 0 1px #d7d9e0; -moz-box-shadow: inset 0 0 0 1px #d7d9e0; box-shadow: inset 0 0 0 1px #d7d9e0; }

button.settings-button:hover { -webkit-box-shadow: inset 0 0 0 1px #0572ec; -moz-box-shadow: inset 0 0 0 1px #0572ec; box-shadow: inset 0 0 0 1px #0572ec; }

button.settings-button:hover svg { fill: #0572ec; }

button.select-menu-button { min-height: 35px; min-width: 125px; padding: 8px 32px 10px 14px; text-align: left; -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; margin-top: 0; position: relative; }

button.select-menu-button::after { content: ""; width: 9px; height: 5px; position: absolute; right: 14px; top: calc(50% - 2px); background-image: url(../images/dropdown-chevron.svg); background-repeat: no-repeat; }

button.actions-button::after { content: ""; position: absolute; left: 11px; bottom: -5px; border-top: 7px solid #0572ec; border-left: 6px solid transparent; border-right: 6px solid transparent; -webkit-filter: drop-shadow(0 1px 0 #1060d1); -moz-filter: drop-shadow(0 1px 0 #1060d1); -ms-filter: drop-shadow(0 1px 0 #1060d1); -o-filter: drop-shadow(0 1px 0 #1060d1); filter: drop-shadow(0 1px 0 #1060d1); -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }

button.actions-button:hover::after { border-top-color: #1060d1; }

button.actions-button svg { fill: white; margin-left: 0.4rem; vertical-align: 2px; }

button.actions-button:disabled { color: #cbcccd !important; background-color: #f6f7fb !important; cursor: not-allowed; -webkit-box-shadow: inset 0 0 0 1px #d7d9e0; -moz-box-shadow: inset 0 0 0 1px #d7d9e0; box-shadow: inset 0 0 0 1px #d7d9e0; }

button.actions-button:disabled::after { border-top-color: #f6f7fb; -webkit-filter: drop-shadow(0 1px 0 #d7d9e0); -moz-filter: drop-shadow(0 1px 0 #d7d9e0); -ms-filter: drop-shadow(0 1px 0 #d7d9e0); -o-filter: drop-shadow(0 1px 0 #d7d9e0); filter: drop-shadow(0 1px 0 #d7d9e0); }

button.actions-button:disabled svg { fill: #cbcccd; }

button.add-button svg { fill: #0572ec; margin-right: 0.5rem; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }

button.add-button:hover svg { fill: white; }

.box { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 1rem; }

.box.red { background-color: #fae5e1; -webkit-box-shadow: inset 0 0 0 1px #e6b6ac; -moz-box-shadow: inset 0 0 0 1px #e6b6ac; box-shadow: inset 0 0 0 1px #e6b6ac; }

.box.green { background-color: #f3fdfa; -webkit-box-shadow: inset 0 0 0 1px #ade0d3; -moz-box-shadow: inset 0 0 0 1px #ade0d3; box-shadow: inset 0 0 0 1px #ade0d3; }

.box.blue { background-color: #f1f8ff; -webkit-box-shadow: inset 0 0 0 1px #b8cbe0; -moz-box-shadow: inset 0 0 0 1px #b8cbe0; box-shadow: inset 0 0 0 1px #b8cbe0; }

.box.peach { background-color: #faf2e1; -webkit-box-shadow: inset 0 0 0 1px #e6d2ac; -moz-box-shadow: inset 0 0 0 1px #e6d2ac; box-shadow: inset 0 0 0 1px #e6d2ac; }

.box.lavender { background-color: #e8e7f5; -webkit-box-shadow: inset 0 0 0 1px #cdcae6; -moz-box-shadow: inset 0 0 0 1px #cdcae6; box-shadow: inset 0 0 0 1px #cdcae6; }

.box.sand { background-color: #fefbf6; -webkit-box-shadow: inset 0 0 0 1px #e6d3ac; -moz-box-shadow: inset 0 0 0 1px #e6d3ac; box-shadow: inset 0 0 0 1px #e6d3ac; }

.box.travel-yellow { background-color: #ffec9b; -webkit-box-shadow: inset 0 0 0 1px #b38323; -moz-box-shadow: inset 0 0 0 1px #b38323; box-shadow: inset 0 0 0 1px #b38323; }

.banner { display: flex; align-items: center; margin-bottom: 1.5rem; padding: 0.7rem; flex-direction: column; }

@media only screen and (min-width: 600px) { .banner { flex-direction: row; } }

.banner > div { margin-right: auto; margin-bottom: 0.8rem; }

@media only screen and (min-width: 600px) { .banner > div { margin-bottom: 0; } }

.banner > div h2 { margin-bottom: 4px; }

.banner > div .subtitle { color: #757575; font-size: 0.9rem; }

.banner button, .banner .new-button { margin-bottom: 0.8rem; flex-shrink: 0; }

@media only screen and (min-width: 600px) { .banner button, .banner .new-button { margin-left: 0.8rem; margin-bottom: 0; } }

.svg-checkmark { fill: none; }

.svg-checkmark circle { stroke: #d7d9e0; }

.svg-checkmark path { fill: #d7d9e0; }

.svg-checkmark.blue { fill: #0572ec; }

.svg-checkmark.blue circle { stroke: #1060d1; }

.svg-checkmark.blue path { stroke: #1060d1; fill: white; }

.svg-checkmark.green { fill: #50b347; }

.svg-checkmark.green circle { stroke: #3b8736; }

.svg-checkmark.green path { stroke: #3b8736; fill: white; }

.svg-trash { fill: #e6735c; }

.svg-settings { fill: #8fa1b3; }

.svg-airplane { fill: #b38323; }

.svg-banner-close { fill: #333333; }

.svg-right-chevron { fill: #8fa1b3; }

.svg-back-chevron { fill: #8fa1b3; }

.svg-ellipsis { fill: #8fa1b3; }

.svg-mfa-lock { fill: #0572ec; }

.svg-minus-control circle { fill: #e60000; }

.svg-minus-control path { fill: white; }

.svg-info { fill: #d7d9e0; stroke: transparent; }

.svg-tag-input-x path { fill: white; }

.svg-filter path { fill: #8fa1b3; }

/* https://gist.github.com/ffoodd/000b59f431e3e64e4ce1a24d5bb36034 */
.sr-only { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; }

.sr-only-focusable:focus, .sr-only-focusable:active { clip: auto !important; -webkit-clip-path: none !important; clip-path: none !important; height: auto !important; margin: auto !important; overflow: visible !important; width: auto !important; white-space: normal !important; }

#unlocked-app #top-bar { position: fixed; width: 100%; height: 70px; top: 0; z-index: 500; display: flex; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; }

#unlocked-app #top-bar #title-container { flex-grow: 1; text-align: center; position: relative; background-color: white; }

#unlocked-app #top-bar #title-container::after { content: ""; width: calc(100% - 20px); height: 1px; position: absolute; bottom: 0; left: 0; background-color: #e4e6e7; }

#unlocked-app #top-bar #title-container h1#page-title { display: none; }

@media (min-width: 600px) { #unlocked-app #top-bar #title-container h1#page-title { display: inline-block; font-size: 1.4rem; margin-top: 24px; cursor: default; outline: none; } }

#unlocked-app #top-bar #title-container.contains-special-content-center h1#page-title { position: absolute; left: 78px; }

#unlocked-app #top-bar #title-container.contains-special-content-center #top-bar-nav { display: inline-block; font-size: 1.1rem; font-weight: 600; margin-top: 24px; }

#unlocked-app #top-bar #title-container.contains-special-content-center #top-bar-nav a { color: #757575; padding: 0.5rem 1rem; text-decoration: none; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }

#unlocked-app #top-bar #title-container.contains-special-content-center #top-bar-nav a:hover, #unlocked-app #top-bar #title-container.contains-special-content-center #top-bar-nav a.selected { color: white; background-color: #0572ec; }

#unlocked-app #top-bar #title-container.contains-special-content-center #top-bar-nav a:not(:last-child) { margin-right: 0.8rem; }

[data-focus-visible] #unlocked-app #top-bar #title-container.contains-special-content-center #top-bar-nav a:focus { box-shadow: inset 0 0 0 1px rgba(0, 127, 255, 0.3), 0 0 0 3px rgba(0, 127, 255, 0.3); }

#unlocked-app #top-bar #title-container.contains-special-content-left #top-bar-left-content { position: absolute; left: 78px; top: 17px; }

#unlocked-app #top-bar #title-container #global-notice-banner { position: absolute; right: 1.9rem; top: 15px; padding: 0.5rem 0.7rem 0.6rem; font-weight: 600; min-width: 110px; cursor: default; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

#unlocked-app #top-bar #title-container #global-notice-banner.clickable { cursor: pointer; }

#unlocked-app #top-bar #title-container #global-notice-banner.frozen { color: white; background-color: #0572ec; -webkit-box-shadow: inset 0 0 0 1px #1060d1; -moz-box-shadow: inset 0 0 0 1px #1060d1; box-shadow: inset 0 0 0 1px #1060d1; }

#unlocked-app #top-bar #title-container #global-notice-banner.frozen img { margin-right: 7px; vertical-align: -2px; }

#unlocked-app #top-bar #title-container #global-notice-banner.travel { background-color: #ffec9b; -webkit-box-shadow: inset 0 0 0 1px #b38323; -moz-box-shadow: inset 0 0 0 1px #b38323; box-shadow: inset 0 0 0 1px #b38323; }

#unlocked-app #top-bar #title-container #global-notice-banner.travel svg { margin-right: 7px; vertical-align: -2px; }

#unlocked-app #top-bar #title-container #global-notice-banner.backoffice.lcl { color: white; background-color: #50b347; text-shadow: 1px 0 3px rgba(0, 0, 0, 0.25), -1px 0 3px rgba(0, 0, 0, 0.25), 0 1px 3px rgba(0, 0, 0, 0.25), 0 -1px 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 0 0 1px #3b8736; -moz-box-shadow: inset 0 0 0 1px #3b8736; box-shadow: inset 0 0 0 1px #3b8736; }

#unlocked-app #top-bar #title-container #global-notice-banner.backoffice.dev { color: white; background-color: #7369bf; -webkit-box-shadow: inset 0 0 0 1px #544d8c; -moz-box-shadow: inset 0 0 0 1px #544d8c; box-shadow: inset 0 0 0 1px #544d8c; }

#unlocked-app #top-bar #title-container #global-notice-banner.backoffice.tst { background-color: #e6a15c; -webkit-box-shadow: inset 0 0 0 1px #cc9951; -moz-box-shadow: inset 0 0 0 1px #cc9951; box-shadow: inset 0 0 0 1px #cc9951; }

#unlocked-app #top-bar #title-container #global-notice-banner.backoffice.stg { background-color: #f3d661; -webkit-box-shadow: inset 0 0 0 1px #d9bb41; -moz-box-shadow: inset 0 0 0 1px #d9bb41; box-shadow: inset 0 0 0 1px #d9bb41; }

#unlocked-app #top-bar #title-container #global-notice-banner.backoffice.prd { color: white; background-color: #e6735c; text-shadow: 1px 0 3px rgba(0, 0, 0, 0.25), -1px 0 3px rgba(0, 0, 0, 0.25), 0 1px 3px rgba(0, 0, 0, 0.25), 0 -1px 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 0 0 1px #b35947; -moz-box-shadow: inset 0 0 0 1px #b35947; box-shadow: inset 0 0 0 1px #b35947; }

#unlocked-app #top-bar #title-container #top-bar-notifications { position: absolute; top: 16px; right: 3.9rem; }

@media (min-width: 850px) { #unlocked-app #top-bar #title-container #top-bar-notifications { right: 1.9rem; } }

#unlocked-app #top-bar #title-container #top-bar-notifications button { position: relative; }

#unlocked-app #top-bar #title-container #top-bar-notifications button span { position: absolute; width: 18px; left: 7px; top: 7px; color: #757575; font-size: 0.7rem; font-weight: 600; }

#unlocked-app #top-bar #title-container #top-bar-notifications button.active span { color: white; }

#unlocked-app #top-bar #title-container #top-bar-notifications .menu { z-index: 9990; position: absolute; left: -114px; top: 44px; width: 260px; text-align: left; }

#unlocked-app #top-bar #title-container #top-bar-notifications .menu::before { position: absolute; left: 120px; top: -10px; content: ""; border-bottom: 10px solid white; border-left: 10px solid transparent; border-right: 10px solid transparent; -webkit-filter: drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.15)); -moz-filter: drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.15)); -ms-filter: drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.15)); -o-filter: drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.15)); filter: drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.15)); }

#unlocked-app #top-bar #title-container #top-bar-notifications .menu ul { max-height: calc(100vh - 110px); overflow: auto; }

#unlocked-app #top-bar #title-container #top-bar-notifications .menu ul.empty { padding: 1rem 1.2rem; color: #757575; text-align: center; cursor: default; }

#unlocked-app #top-bar #title-container #top-bar-notifications .menu ul li:not(:last-child) { border-bottom: 1px solid #d7d9e0; }

#unlocked-app #top-bar #title-container #top-bar-notifications .menu ul li a { position: relative; padding: 1rem; padding-right: 4rem; background-color: transparent; line-height: normal; font-weight: 600; cursor: pointer; }

#unlocked-app #top-bar #title-container #top-bar-notifications .menu ul li a img { position: absolute; right: 16px; top: 0; bottom: 0; margin: auto; width: 32px; height: 32px; }

#unlocked-app #top-bar #title-container #top-bar-notifications .menu ul li a .user-label { margin-left: 4px; }

#unlocked-app #top-bar #title-container.contains-notifications #global-notice-banner { right: 5rem; }

#unlocked-app #top-bar #title-container #vault-switcher { width: 325px; text-align: center; margin-top: 9px; }

#unlocked-app #top-bar #title-container #vault-switcher button { height: 48px; text-align: left; cursor: pointer; max-width: 100%; }

#unlocked-app #top-bar #title-container #vault-switcher button h1 { font-size: 1.25rem; line-height: 32px; white-space: nowrap; margin: 0 0.5rem; cursor: pointer; overflow: hidden; max-width: 251px; text-overflow: ellipsis; color: #333333; }

#unlocked-app #top-bar #title-container #vault-switcher button div > * { vertical-align: top; display: inline-block; }

#unlocked-app #top-bar #title-container #vault-switcher .menu { z-index: 9990; position: absolute; left: 32.5px; top: 48px; width: 260px; text-align: left; }

#unlocked-app #top-bar #title-container #vault-switcher .menu::before { position: absolute; left: 120px; top: -10px; content: ""; border-bottom: 10px solid white; border-left: 10px solid transparent; border-right: 10px solid transparent; -webkit-filter: drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.15)); -moz-filter: drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.15)); -ms-filter: drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.15)); -o-filter: drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.15)); filter: drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.15)); }

#unlocked-app #top-bar #title-container #vault-switcher .menu .vault-list-container { max-height: calc(100vh - 110px); overflow: auto; }

#unlocked-app #top-bar #title-container #vault-switcher .menu .vault-list-container li a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; padding: 2px 20px 2px 40px; }

#unlocked-app #top-bar #title-container #vault-switcher .menu .vault-list-container li a .avatar { display: inline-block; vertical-align: -7px; margin-right: 8px; }

#unlocked-app #top-bar #title-container #vault-switcher .menu .vault-list-container li a .avatar img { margin: 0; }

#unlocked-app #top-bar #user-menu { width: 240px; position: relative; background-color: #f6f7fb; -webkit-box-shadow: inset 1px 0 0 0 #d7d9e0; -moz-box-shadow: inset 1px 0 0 0 #d7d9e0; box-shadow: inset 1px 0 0 0 #d7d9e0; }

#unlocked-app #top-bar #user-menu::after { content: ""; width: calc(100% - 20px); height: 1px; position: absolute; bottom: 0; right: 0; background-color: #d7d9e0; }

#unlocked-app #top-bar #user-menu #menu-sign-out::before { content: ""; display: block; background: #d7d9e0; width: 100%; height: 1px; position: absolute; z-index: -1; bottom: 35px; right: 0; }

#unlocked-app #top-bar #user-menu button { margin-left: 1.9rem; margin-top: 16px; text-align: left; cursor: pointer; }

#unlocked-app #top-bar #user-menu button > div > * { vertical-align: middle; display: inline-block; }

#unlocked-app #top-bar #user-menu button label { max-width: 130px; margin: 0 0.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333333; font-weight: normal; cursor: inherit; }

#unlocked-app #top-bar #user-menu .active { width: 210px; left: 15px; top: 55px; }

#unlocked-app #top-bar #user-menu .active a, #unlocked-app #top-bar #user-menu .active button { border-radius: 0; color: #757575; text-align: left; padding: 4px 20px; font-size: 0.9rem; font-weight: 500; border: none; }

#unlocked-app #top-bar #user-menu .active a:hover, #unlocked-app #top-bar #user-menu .active button:hover { color: #333333; }

#unlocked-app #top-bar #user-menu .active a:last-child, #unlocked-app #top-bar #user-menu .active button:last-child { margin-top: 10px; margin-bottom: 3px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }

#unlocked-app #top-bar #user-menu .active a:first-child, #unlocked-app #top-bar #user-menu .active button:first-child { margin-top: 3px; border-top-right-radius: 6px; border-top-left-radius: 6px; }

#unlocked-app #top-bar #user-menu .active a img, #unlocked-app #top-bar #user-menu .active button img { margin-right: 0.5rem; vertical-align: -2px; }

#unlocked-app #top-bar .menu-icon { transform: translateY(2px); }

#unlocked-app #global-sidebar #sidebar-banner.invite-family { background-position: right 24px top; background-image: url(../images/banner-invite-family.png); -webkit-background-size: 27px 33px; -moz-background-size: 27px 33px; background-size: 27px 33px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { #unlocked-app #global-sidebar #sidebar-banner.invite-family { background-image: url(../images/banner-invite-family@2x.png); } }

#unlocked-app #global-sidebar #sidebar-banner.whats-new { background-position: right 25px top; background-image: url(../images/banner-whats-new.png); -webkit-background-size: 67px 30px; -moz-background-size: 67px 30px; background-size: 67px 30px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { #unlocked-app #global-sidebar #sidebar-banner.whats-new { background-image: url(../images/banner-whats-new@2x.png); } }

#unlocked-app #global-sidebar #sidebar-banner.trustpilot { background-position: right 7px top; background-image: url(../images/banner-trustpilot.svg); }

#unlocked-app #global-sidebar #sidebar-quest.ekit { background-image: url(../images/quest-ekit.png); -webkit-background-size: 66px 68px; -moz-background-size: 66px 68px; background-size: 66px 68px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { #unlocked-app #global-sidebar #sidebar-quest.ekit { background-image: url(../images/quest-ekit@2x.png); } }

#unlocked-app #global-sidebar #sidebar-quest.get-apps { background-image: url(../images/quest-get-apps.png); -webkit-background-size: 69px 69px; -moz-background-size: 69px 69px; background-size: 69px 69px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { #unlocked-app #global-sidebar #sidebar-quest.get-apps { background-image: url(../images/quest-get-apps@2x.png); } }

#unlocked-app #global-sidebar #sidebar-quest.invite-team { background-image: url(../images/quest-invite-team.png); -webkit-background-size: 105px 67px; -moz-background-size: 105px 67px; background-size: 105px 67px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { #unlocked-app #global-sidebar #sidebar-quest.invite-team { background-image: url(../images/quest-invite-team@2x.png); } }

#unlocked-app #global-sidebar #sidebar-quest.add-admin { background-image: url(../images/quest-add-admin.png); -webkit-background-size: 96px 66px; -moz-background-size: 96px 66px; background-size: 96px 66px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { #unlocked-app #global-sidebar #sidebar-quest.add-admin { background-image: url(../images/quest-add-admin@2x.png); } }

#unlocked-app #main-content { top: 70px; bottom: 0; position: fixed; overflow-x: auto; padding: 2rem; width: 100%; }

@media (min-width: 850px) { #unlocked-app #main-content { width: calc(100% - 240px); } }

#unlocked-app #main-content .page-loading { align-items: center; display: flex; justify-content: center; margin: 6rem auto; width: 100%; }

.vault-view #global-sidebar { display: none !important; }

.vault-view #top-bar #title-container::after, .vault-view #top-bar #user-menu::after { width: 100% !important; background-color: #e4e6e7 !important; }

.vault-view #top-bar #user-menu { background-color: white !important; -webkit-box-shadow: inset 1px 0 0 0 #e4e6e7 !important; -moz-box-shadow: inset 1px 0 0 0 #e4e6e7 !important; box-shadow: inset 1px 0 0 0 #e4e6e7 !important; }

.vault-view #main-content { width: 100% !important; }

#locked-app { background-color: #f6f7f8; overflow: auto; }

#locked-app .outdated-banner { background: #fe9; border-bottom: 1px solid #e6c9a1; padding: 10px 20px; text-align: center; position: fixed; width: 100%; z-index: 300; }

#locked-app #locked-app-container { width: 100%; min-height: 100%; max-width: 1000px; margin: 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

@media only screen and (min-width: 750px) { #locked-app #locked-app-container { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

#locked-app #locked-app-icon { width: 100%; margin: 6rem 0; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

@media only screen and (min-width: 750px) { #locked-app #locked-app-icon { width: 250px; margin: 0; margin-right: 3rem; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

#locked-app #locked-app-icon .icon { position: absolute; width: 126px; height: 126px; margin: 0 auto; left: 0; right: 0; top: -31px; z-index: 10; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

@media only screen and (min-width: 750px) { #locked-app #locked-app-icon .icon { top: 24vh; } }

#locked-app #locked-app-icon .icon .lock { height: 128px; width: 128px; }

#locked-app #locked-app-icon .icon .keyhole { top: 40px; left: 56px; height: 48px; width: 15px; position: relative; }

#locked-app #locked-app-icon .icon .gradient { top: 8px; left: 8px; height: 112px; width: 112px; animation: spin 4.8s infinite steps(64); }

#locked-app #locked-app-icon .icon .lock, #locked-app #locked-app-icon .icon .gradient { position: absolute; -webkit-user-drag: none; }

#locked-app #locked-app-icon::before, #locked-app #locked-app-icon::after { content: ""; width: 100%; height: 32px; background-color: rgba(255, 255, 255, 0.6); }

@media only screen and (min-width: 750px) { #locked-app #locked-app-icon::before, #locked-app #locked-app-icon::after { width: 32px; height: auto; position: absolute; top: 0; bottom: 0; } }

#locked-app #locked-app-icon::before { -webkit-box-shadow: 0 -1px 0 white, inset 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.25), inset 0 -2px 0 white; -moz-box-shadow: 0 -1px 0 white, inset 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.25), inset 0 -2px 0 white; box-shadow: 0 -1px 0 white, inset 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.25), inset 0 -2px 0 white; }

@media only screen and (min-width: 750px) { #locked-app #locked-app-icon::before { -webkit-box-shadow: -1px 0 0 white, inset 1px 0 0 rgba(0, 0, 0, 0.15), inset -1px 0 0 rgba(0, 0, 0, 0.25), inset -2px 0 0 white; -moz-box-shadow: -1px 0 0 white, inset 1px 0 0 rgba(0, 0, 0, 0.15), inset -1px 0 0 rgba(0, 0, 0, 0.25), inset -2px 0 0 white; box-shadow: -1px 0 0 white, inset 1px 0 0 rgba(0, 0, 0, 0.15), inset -1px 0 0 rgba(0, 0, 0, 0.25), inset -2px 0 0 white; left: calc(50% - 32px); } }

#locked-app #locked-app-icon::after { -webkit-box-shadow: 0 1px 0 white, inset 0 1px 0 rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.15), inset 0 2px 0 white; -moz-box-shadow: 0 1px 0 white, inset 0 1px 0 rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.15), inset 0 2px 0 white; box-shadow: 0 1px 0 white, inset 0 1px 0 rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.15), inset 0 2px 0 white; }

@media only screen and (min-width: 750px) { #locked-app #locked-app-icon::after { -webkit-box-shadow: 1px 0 0 white, inset 1px 0 0 rgba(0, 0, 0, 0.25), inset -1px 0 0 rgba(0, 0, 0, 0.15), inset 2px 0 0 white; -moz-box-shadow: 1px 0 0 white, inset 1px 0 0 rgba(0, 0, 0, 0.25), inset -1px 0 0 rgba(0, 0, 0, 0.15), inset 2px 0 0 white; box-shadow: 1px 0 0 white, inset 1px 0 0 rgba(0, 0, 0, 0.25), inset -1px 0 0 rgba(0, 0, 0, 0.15), inset 2px 0 0 white; right: calc(50% - 32px); } }

#locked-app #locked-app-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 100%; padding: 0 1rem; }

@media only screen and (min-width: 750px) { #locked-app #locked-app-content { -webkit-box-align: flex-start; -moz-box-align: flex-start; -ms-flex-align: flex-start; -webkit-align-items: flex-start; align-items: flex-start; padding: 0; margin-right: 3rem; } }

#locked-app #locked-app-content #account-list, #locked-app #locked-app-content #signin-form, #locked-app #locked-app-content #domain-form, #locked-app #locked-app-content #unsupported-browser, #locked-app #locked-app-content #support { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; width: 100%; }

@media only screen and (min-width: 750px) { #locked-app #locked-app-content #account-list, #locked-app #locked-app-content #signin-form, #locked-app #locked-app-content #domain-form, #locked-app #locked-app-content #unsupported-browser, #locked-app #locked-app-content #support { padding-top: 22vh; } }

#locked-app #locked-app-content #account-list.loading, #locked-app #locked-app-content #signin-form.loading, #locked-app #locked-app-content #domain-form.loading, #locked-app #locked-app-content #unsupported-browser.loading, #locked-app #locked-app-content #support.loading { text-align: center; margin-top: 5rem; max-width: none; width: auto; }

#locked-app #locked-app-content #account-list .nav-link, #locked-app #locked-app-content #signin-form .nav-link, #locked-app #locked-app-content #domain-form .nav-link, #locked-app #locked-app-content #unsupported-browser .nav-link, #locked-app #locked-app-content #support .nav-link { position: absolute; top: -2rem; }

@media only screen and (min-width: 750px) { #locked-app #locked-app-content #account-list .nav-link, #locked-app #locked-app-content #signin-form .nav-link, #locked-app #locked-app-content #domain-form .nav-link, #locked-app #locked-app-content #unsupported-browser .nav-link, #locked-app #locked-app-content #support .nav-link { top: -4rem; } }

#locked-app #locked-app-content #account-list .nav-link svg, #locked-app #locked-app-content #signin-form .nav-link svg, #locked-app #locked-app-content #domain-form .nav-link svg, #locked-app #locked-app-content #unsupported-browser .nav-link svg, #locked-app #locked-app-content #support .nav-link svg { fill: #0572ec; vertical-align: -2px; margin-right: 0.3rem; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }

#locked-app #locked-app-content #account-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 425px; }

#locked-app #locked-app-content #account-list .choose-account-title { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

#locked-app #locked-app-content #account-list .choose-account-title h1 { margin: 0; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; }

#locked-app #locked-app-content #signin-form { max-width: 425px; }

#locked-app #locked-app-content #signin-form .new-signin, #locked-app #locked-app-content #signin-form .existing-signin { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; }

#locked-app #locked-app-content #signin-form .new-signin label, #locked-app #locked-app-content #signin-form .existing-signin label { font-weight: normal; color: #757575; }

#locked-app #locked-app-content #signin-form .new-signin input#email, #locked-app #locked-app-content #signin-form .new-signin input#account-key, #locked-app #locked-app-content #signin-form .new-signin input#master-password, #locked-app #locked-app-content #signin-form .existing-signin input#email, #locked-app #locked-app-content #signin-form .existing-signin input#account-key, #locked-app #locked-app-content #signin-form .existing-signin input#master-password { margin-top: 0.5rem; margin-bottom: 1.2rem; }

#locked-app #locked-app-content #signin-form .new-signin .error-messages, #locked-app #locked-app-content #signin-form .existing-signin .error-messages { font-weight: 500; margin-top: 1rem; animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; }

#locked-app #locked-app-content #signin-form .new-signin { position: relative; }

#locked-app #locked-app-content #signin-form .new-signin > div { position: relative; }

#locked-app #locked-app-content #signin-form .new-signin .public-computer { margin-bottom: 1.2rem; }

#locked-app #locked-app-content #signin-form .new-signin .public-computer label { vertical-align: -1px; margin-left: 0.3rem; }

#locked-app #locked-app-content #signin-form .new-signin .secret-key-label { display: flex; }

#locked-app #locked-app-content #signin-form .new-signin .secret-key-label a { margin-left: auto; }

#locked-app #locked-app-content #signin-form .new-signin .secret-key-help { position: absolute; top: 0; right: 0; }

#locked-app #locked-app-content #signin-form .existing-signin { position: relative; }

#locked-app #locked-app-content #signin-form .existing-signin .lock-message { margin-bottom: 1.2rem; }

@media only screen and (min-width: 750px) { #locked-app #locked-app-content #signin-form .existing-signin .lock-message { margin-top: -3rem; } }

#locked-app #locked-app-content #signin-form .existing-signin .account-info { margin-bottom: 1.2rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

#locked-app #locked-app-content #signin-form .existing-signin .account-info .avatar { margin-right: 1rem; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; }

#locked-app #locked-app-content #signin-form .existing-signin .account-info .content { min-width: 0; width: 100%; cursor: default; }

#locked-app #locked-app-content #signin-form .existing-signin .account-info .content h2, #locked-app #locked-app-content #signin-form .existing-signin .account-info .content span { margin-bottom: 0.1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

#locked-app #locked-app-content #signin-form .existing-signin .account-info .content h2 { display: block; margin-top: 1px; line-height: 1.4rem; }

#locked-app #locked-app-content #signin-form .existing-signin .account-info .content span { display: inline-block; color: #757575; max-width: calc(100% - 26px); }

#locked-app #locked-app-content #signin-form .existing-signin .account-info .content button { width: auto; position: absolute; left: 0.4rem; }

#locked-app #locked-app-content #signin-form .existing-signin .account-info .content .menu.active { top: 10px; right: -25px; left: auto; }

@media only screen and (min-width: 450px) { #locked-app #locked-app-content #signin-form .existing-signin .account-info .content .menu.active { right: -60px; } }

#locked-app #locked-app-content #signin-form .existing-signin .account-info .content .menu.active a { display: block; text-decoration: none; padding: 0.4rem 1.6rem 0.4rem 0.8rem; position: relative; }

#locked-app #locked-app-content #signin-form .existing-signin .account-info .content .menu.active a:first-child { padding-top: 0.8rem; }

#locked-app #locked-app-content #signin-form .existing-signin .account-info .content .menu.active a:last-child { padding-bottom: 0.8rem; }

#locked-app #locked-app-content #signin-form .existing-signin .account-info .content .menu.active a span { color: #0572ec; font-weight: 500; max-width: 100%; }

#locked-app #locked-app-content #signin-form .existing-signin .account-info .content .menu.active a svg { fill: #0572ec; position: absolute; right: 10px; top: 18px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }

#locked-app #locked-app-content #signin-form .existing-signin .account-info .content .menu.active a:hover span { color: #1060d1; }

#locked-app #locked-app-content #signin-form .existing-signin .account-info .content .menu.active a:hover svg { fill: #1060d1; }

#locked-app #locked-app-content #signin-form .existing-signin .account-info .content .menu.active hr { margin: 0; }

#locked-app #locked-app-content #signin-form .two-factor-entry { text-align: center; margin-top: 1.9rem; }

#locked-app #locked-app-content #signin-form .two-factor-entry img.mfa-icon { width: 23px; height: 23px; vertical-align: -5px; margin-right: 0.4rem; }

#locked-app #locked-app-content #signin-form .two-factor-entry h1, #locked-app #locked-app-content #signin-form .two-factor-entry h3 { display: inline-block; margin-bottom: 0; }

#locked-app #locked-app-content #signin-form .two-factor-entry p { margin-top: 0.4rem; margin-bottom: 1rem; }

#locked-app #locked-app-content #signin-form .two-factor-entry #otp-error { color: #e6735c; font-size: 0.75rem !important; min-height: 16px; text-align: center; margin-top: 0.4rem; margin-bottom: 0.8rem; }

#locked-app #locked-app-content #signin-form .two-factor-entry .otp-error-text { margin: 0; }

#locked-app #locked-app-content #signin-form .two-factor-entry .otp-error-text:first-of-type { margin-bottom: 0.8rem; }

#locked-app #locked-app-content #signin-form .two-factor-entry button { display: block; margin: 0 auto; margin-top: 0.8rem; }

#locked-app #locked-app-content #signin-form .two-factor-entry button.confirm { min-width: 140px; }

@media only screen and (min-width: 370px) { #locked-app #locked-app-content #signin-form .two-factor-entry #otp-error { font-size: 0.9rem !important; } }

@media only screen and (min-width: 750px) { #locked-app #locked-app-content #signin-form .two-factor-entry { text-align: left; }
  #locked-app #locked-app-content #signin-form .two-factor-entry #otp-entry, #locked-app #locked-app-content #signin-form .two-factor-entry #otp-error { text-align: left; }
  #locked-app #locked-app-content #signin-form .two-factor-entry button { margin-left: 0; margin-right: 0; } }

#locked-app #locked-app-content #signin-form .two-factor-entry .switch-to-webauthn { margin-top: 2rem; }

#locked-app #locked-app-content #signin-form .two-factor-entry .switch-to-webauthn a { text-decoration: none; }

#locked-app #locked-app-content #signin-form .two-factor-entry .switch-to-webauthn a:hover { color: #045aba; }

#locked-app #locked-app-content #signin-form .two-factor-entry .webauthn-message { margin-top: 1rem; }

#locked-app #locked-app-content #signin-form .two-factor-entry .webauthn-message p { font-weight: 500; margin-top: 0; margin-bottom: 0; }

#locked-app #locked-app-content #signin-form .two-factor-entry .webauthn-message button { width: auto; display: inline-block; margin-right: 0.5rem; }

#locked-app #locked-app-content #signin-form .two-factor-entry .enable-two-factor p { margin-top: 1rem; }

#locked-app #locked-app-content #signin-form .two-factor-entry .enable-two-factor p a { text-decoration: none; }

#locked-app #locked-app-content #signin-form .two-factor-entry .enable-two-factor p a:hover { color: #045aba; }

#locked-app #locked-app-content #signin-form .signin-actions { display: flex; justify-content: space-between; align-items: center; }

#locked-app #locked-app-content #domain-form { max-width: 425px; }

#locked-app #locked-app-content #domain-form .domain-form { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; }

#locked-app #locked-app-content #domain-form .domain-form .domain-input { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 1.2rem; }

#locked-app #locked-app-content #domain-form .domain-form .domain-input input { margin-bottom: 0.6rem; max-width: 160px; -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; }

#locked-app #locked-app-content #domain-form .domain-form .domain-input input:focus { z-index: 9991; }

#locked-app #locked-app-content #domain-form .domain-form .domain-input .country-selector { z-index: 9990; }

#locked-app #locked-app-content #domain-form .domain-form .domain-input .country-selector button { width: 160px; text-align: left; padding-top: 11px; padding-bottom: 11px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); }

#locked-app #locked-app-content #domain-form .domain-form .domain-input .country-selector button:hover { -webkit-box-shadow: inset 0 0 0 1px #0572ec; -moz-box-shadow: inset 0 0 0 1px #0572ec; box-shadow: inset 0 0 0 1px #0572ec; }

#locked-app #locked-app-content #domain-form .domain-form .domain-input .country-selector button svg { position: absolute; right: 10px; top: 17px; }

#locked-app #locked-app-content #domain-form .domain-form .domain-input .country-selector button:disabled { color: #333333; }

#locked-app #locked-app-content #domain-form .domain-form .domain-input .country-selector button:disabled:hover { -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); }

#locked-app #locked-app-content #domain-form .domain-form .domain-input .country-selector .active { right: 0; left: auto; top: 20px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }

#locked-app #locked-app-content #support { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 550px; }

#locked-app #locked-app-content #support h3, #locked-app #locked-app-content #support p, #locked-app #locked-app-content #support strong, #locked-app #locked-app-content #support ul { margin-bottom: 1rem; }

#locked-app #locked-app-content #support .spinner { margin-top: 7vh; }

#locked-app #locked-app-content #support .badge { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: white; padding: 3px 7px; margin: 0 10px; font-size: 0.85rem; font-weight: 600; }

#locked-app #locked-app-content #support .badge.individual { background-color: #ca55a2; }

#locked-app #locked-app-content #support .badge.family { background-color: #736bbd; }

#locked-app #locked-app-content #support .badge.team { background-color: #0572ec; }

#locked-app #locked-app-content #support .badge.business { background-color: #525c66; }

#locked-app #locked-app-content #support .start { position: relative; max-width: 425px; width: 100%; align-self: center; }

@media only screen and (min-width: 750px) { #locked-app #locked-app-content #support .start { align-self: auto; width: inherit; } }

#locked-app #locked-app-content #support .start button { margin-bottom: 1.4rem; }

#locked-app #locked-app-content #support .accounts { max-width: 425px; width: 100%; align-self: center; }

@media only screen and (min-width: 750px) { #locked-app #locked-app-content #support .accounts { align-self: auto; width: inherit; } }

#locked-app #locked-app-content #support .accounts .account { display: flex; align-items: center; }

#locked-app #locked-app-content #support .accounts .account .content { flex: 1; min-width: 50px; width: 50px; }

#locked-app #locked-app-content #support > .account { -webkit-box-shadow: inset 0 0 0 1px #cbcccd; -moz-box-shadow: inset 0 0 0 1px #cbcccd; box-shadow: inset 0 0 0 1px #cbcccd; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; max-width: 550px; position: relative; padding: 2rem; background-color: white; }

#locked-app #locked-app-content #support > .account section { margin-bottom: 2rem; }

#locked-app #locked-app-content #support > .account section:not(:first-of-type) { padding: 2rem 0 0; border-top: 1px solid #e4e6e7; }

#locked-app #locked-app-content #support > .account section:last-of-type { margin-bottom: 0; }

#locked-app #locked-app-content #support > .account section.delete { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 2px dashed #cbcccd; padding: 1.5rem; }

#locked-app #locked-app-content #support > .account section.delete .apple-subscription { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-bottom: 1rem; }

#locked-app #locked-app-content #support > .account section.delete .apple-subscription label { margin-left: 0.5rem; font-weight: 400; }

#locked-app #locked-app-content #support > .account section.secret-key .uuid { margin: 1rem 2rem; text-align: center; }

#locked-app #locked-app-content #support > .account section.secret-key .uuid span { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: inset 0 0 0 1px #cbcccd; -moz-box-shadow: inset 0 0 0 1px #cbcccd; box-shadow: inset 0 0 0 1px #cbcccd; display: block; padding: 1rem; font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace; }

#locked-app #locked-app-content #support > .account section.account-details { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: flex-start; -moz-box-align: flex-start; -ms-flex-align: flex-start; -webkit-align-items: flex-start; align-items: flex-start; }

@media only screen and (min-width: 600px) { #locked-app #locked-app-content #support > .account section.account-details { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
  #locked-app #locked-app-content #support > .account section.account-details .badge { margin: 0 10px; } }

#locked-app #locked-app-content #support > .account section.account-details .avatar-container { position: relative; margin: 0 0 0.5rem; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; }

@media only screen and (min-width: 600px) { #locked-app #locked-app-content #support > .account section.account-details .avatar-container { margin: 0 1rem 0 0; } }

#locked-app #locked-app-content #support > .account section.account-details .avatar-container .avatar-badge { position: absolute; bottom: -5px; right: -5px; -webkit-user-drag: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

#locked-app #locked-app-content #support > .account section.account-details .content { flex: 1; min-width: 0; max-width: 100%; }

#locked-app #locked-app-content #support > .account section.account-details .content p { overflow: hidden; text-overflow: ellipsis; }

#locked-app #locked-app-content #support > .account section.account-details .content p { color: #757575; margin: 0; line-height: 1.4rem; }

#locked-app #locked-app-content #support > .account section.account-details .badge { margin: 5px 0; }

#locked-app #locked-app-content #support > .account section a { text-decoration: none; }

#locked-app #locked-app-content #support > .account section a:hover { text-decoration: underline; }

#locked-app #locked-app-content #support > .account section p:last-child { margin-bottom: 0; }

#locked-app #locked-app-content #support > .account .nav-link { left: 0; }

#locked-app #locked-app-content #support > .account .nav-link svg { fill: #0572ec; vertical-align: -2px; margin-right: 0.3rem; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }

#locked-app #locked-app-content #support > .account .nav-link:hover { color: #1060d1; }

#locked-app #locked-app-content #support > .account .nav-link:hover svg { fill: #1060d1; }

#locked-app #locked-app-content #support > .account li { position: relative; padding-left: 1rem; list-style: none; line-height: 1.6rem; }

#locked-app #locked-app-content #support > .account li::before { content: "•"; position: absolute; top: 0; left: 0; }

#locked-app #locked-app-content #support > .account .actions { display: flex; justify-content: space-between; align-items: center; }

#locked-app #locked-app-content #support .sent-box { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 1rem; background-color: #fefbf6; border: 1px solid #e6d3ac; }

#locked-app #locked-app-content #support .sent-box p:last-of-type { margin-bottom: 0; }

#locked-app #locked-app-content #unsupported-browser li { margin-bottom: 10px; }

#locked-app #locked-app-content #unsupported-browser li img { vertical-align: -10px; margin-right: 8px; width: 32px; }

#locked-app #locked-app-content #unsupported-browser li a { text-decoration: none; }

#locked-app #locked-app-content #unsupported-browser li a:hover { text-decoration: underline; }

#locked-app #locked-app-content #unsupported-browser p.link { margin-top: 20px; }

#locked-app #locked-app-content #unsupported-browser p.link textarea { margin-top: 10px; }

#locked-app #locked-app-content .account-list { min-height: 150px; }

#locked-app #locked-app-content .account-list .account-container { position: relative; }

#locked-app #locked-app-content .account-list .account-container .account { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position: relative; width: 100%; padding: 1rem; margin-bottom: 0.7rem; text-align: left; background-color: white; color: #333333; text-decoration: none; -webkit-box-shadow: inset 0 0 0 1px #cbcccd; -moz-box-shadow: inset 0 0 0 1px #cbcccd; box-shadow: inset 0 0 0 1px #cbcccd; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

[data-focus-visible] #locked-app #locked-app-content .account-list .account-container .account:focus { box-shadow: inset 0 0 0 1px rgba(0, 127, 255, 0.3), 0 0 0 3px rgba(0, 127, 255, 0.3); }

#locked-app #locked-app-content .account-list .account-container .account .avatar-container { position: relative; margin-right: 1rem; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; }

#locked-app #locked-app-content .account-list .account-container .account .avatar-container .avatar-badge { position: absolute; bottom: -5px; right: -5px; -webkit-user-drag: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

#locked-app #locked-app-content .account-list .account-container .account .content { min-width: 0; }

#locked-app #locked-app-content .account-list .account-container .account .content div, #locked-app #locked-app-content .account-list .account-container .account .content .domain { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

#locked-app #locked-app-content .account-list .account-container .account .content div { margin: 1px 0; }

#locked-app #locked-app-content .account-list .account-container .account .content .domain { display: block; color: #757575; }

#locked-app #locked-app-content .account-list .multi-user-account-container { margin-bottom: 0.7rem; background-color: white; -webkit-box-shadow: inset 0 0 0 1px #cbcccd; -moz-box-shadow: inset 0 0 0 1px #cbcccd; box-shadow: inset 0 0 0 1px #cbcccd; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

#locked-app #locked-app-content .account-list .multi-user-account-container .account-container .account { background-color: #f6f7f8; margin-bottom: 0; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; }

#locked-app #locked-app-content .account-list .multi-user-account-container .user-container { position: relative; margin-left: 4.6rem; }

#locked-app #locked-app-content .account-list .multi-user-account-container .user-container:not(:last-child) { border-bottom: 1px solid #cbcccd; }

#locked-app #locked-app-content .account-list .multi-user-account-container .user-container .user { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: relative; width: 100%; padding: 0.6rem 1rem 0.6rem 0; text-align: left; color: #333333; text-decoration: none; }

[data-focus-visible] #locked-app #locked-app-content .account-list .multi-user-account-container .user-container .user:focus { box-shadow: inset 0 0 0 1px rgba(0, 127, 255, 0.3), 0 0 0 3px rgba(0, 127, 255, 0.3); }

#locked-app #locked-app-content .account-list .multi-user-account-container .user-container .user .avatar-container { margin-right: 0.5rem; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; }

#locked-app #locked-app-content .account-list .multi-user-account-container .user-container .user .content { margin-bottom: 2px; min-width: 0; }

#locked-app #locked-app-content .account-list .multi-user-account-container .user-container .user .content div { margin: 1px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

#locked-app #locked-app-content .account-list .multi-user-account-container .user-container .user .content .email { color: #757575; display: none; }

@media only screen and (min-width: 450px) { #locked-app #locked-app-content .account-list .multi-user-account-container .user-container .user .content .email { display: block; } }

#locked-app #locked-app-content .account-list .multi-user-account-container .user-container button.remove-account { top: 8px; }

#locked-app #locked-app-content .account-list button.remove-account { position: absolute; right: -10px; top: 22px; }

#locked-app #locked-app-content footer { margin-top: 6rem; margin-bottom: 0.5rem; }

#locked-app #locked-app-content footer .account-list-container { margin-bottom: 3rem; }

#locked-app #locked-app-content footer .account-list-container .account-list-small { margin-bottom: 1rem; }

#locked-app #locked-app-content footer .account-list-container .account-list-small:last-child { margin-bottom: 0; }

#locked-app #locked-app-content footer .account-list-container .account-list-small > h2 { margin-bottom: 0.8rem; cursor: default; }

#locked-app #locked-app-content footer .account-list-container .account-list-small .account { display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; padding: 0.6rem; margin-right: 0.6rem; margin-bottom: 0.6rem; text-align: left; background-color: white; color: #333333; text-decoration: none; vertical-align: top; -webkit-box-shadow: inset 0 0 0 1px #cbcccd; -moz-box-shadow: inset 0 0 0 1px #cbcccd; box-shadow: inset 0 0 0 1px #cbcccd; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

[data-focus-visible] #locked-app #locked-app-content footer .account-list-container .account-list-small .account:focus { box-shadow: inset 0 0 0 1px rgba(0, 127, 255, 0.3), 0 0 0 3px rgba(0, 127, 255, 0.3); }

#locked-app #locked-app-content footer .account-list-container .account-list-small .account .avatar-container { position: relative; margin-right: 0.6rem; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; }

#locked-app #locked-app-content footer .account-list-container .account-list-small .account .avatar-container .avatar-badge { position: absolute; bottom: -5px; right: -5px; width: 14px; height: 14px; -webkit-user-drag: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

#locked-app #locked-app-content footer .account-list-container .account-list-small .account .account-link { margin: 2px 0; }

#locked-app #locked-app-content footer .country-selector { margin-bottom: 3rem; }

#locked-app #locked-app-content footer .links { margin-bottom: 1rem; }

#locked-app #locked-app-content footer .links a { display: block; margin-bottom: 4px; }

#locked-app #locked-app-content footer .links a:last-child { margin-bottom: 0; }

@media only screen and (min-width: 410px) { #locked-app #locked-app-content footer .links a { display: inline-block; margin-bottom: 0; } }

#locked-app #locked-app-content footer .links .separator { display: none; }

@media only screen and (min-width: 410px) { #locked-app #locked-app-content footer .links .separator { display: inline; } }

#locked-app #locked-app-content footer small { display: block; margin-bottom: 0.2rem; color: #757575; font-size: 0.7rem; }

#locked-app #locked-app-content footer small:last-child { margin-bottom: 0.5rem; }

#locked-app #locked-app-content footer small a { text-decoration: none; }

#locked-app #locked-app-content footer small a:hover { text-decoration: underline; }

#locked-app .country-selector button { padding: 0.6rem; margin-bottom: 0.6rem; background-color: white; color: #333333 !important; -webkit-box-shadow: inset 0 0 0 1px #cbcccd; -moz-box-shadow: inset 0 0 0 1px #cbcccd; box-shadow: inset 0 0 0 1px #cbcccd; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

#locked-app .country-selector button:hover { -webkit-box-shadow: inset 0 0 0 1px #0572ec; -moz-box-shadow: inset 0 0 0 1px #0572ec; box-shadow: inset 0 0 0 1px #0572ec; }

#locked-app .country-selector button svg { margin-left: 0.6rem; vertical-align: 3px; }

[data-focus-visible] #locked-app .country-selector button:focus { box-shadow: inset 0 0 0 1px rgba(0, 127, 255, 0.3), 0 0 0 3px rgba(0, 127, 255, 0.3); }

#locked-app .country-selector .active { z-index: 9990; position: absolute; width: 198px; padding: 1rem; text-align: left; left: 0; top: 17px; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }

#locked-app .country-selector .active h4 { margin-bottom: 1rem; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

#locked-app .country-selector .active a { display: block; margin-bottom: 1rem; text-decoration: none; position: relative; }

#locked-app .country-selector .active a:last-child { margin-bottom: 0.5rem; }

#locked-app .country-selector .active a .flag { margin-right: 0.6rem; font-size: 1.6rem; width: 16px; height: 16px; }

#locked-app .country-selector .active a .domain { vertical-align: 3px; font-weight: 500; }

#locked-app .country-selector .active a svg { fill: #0572ec; position: absolute; right: 0; top: 7px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }

#locked-app .country-selector .active a:hover .domain { color: #1060d1; }

#locked-app .country-selector .active a:hover svg { fill: #1060d1; }

[data-focus-visible] #locked-app .country-selector .active a:focus { box-shadow: inset 0 0 0 1px rgba(0, 127, 255, 0.3), 0 0 0 3px rgba(0, 127, 255, 0.3); }

#locked-app #spinner-overlay { text-align: center; padding-top: 35vh; z-index: 100000; display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent; }

#locked-app #spinner-overlay .error-message { font-size: 0.8rem; color: #757575; }

#locked-app .locked-header { margin-bottom: 1.4rem; }

@keyframes spin { to { transform: rotate(1turn); } }

@keyframes mp-practice-blink { 50% { border-color: white; } }

@keyframes lock-glow { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }

img.spinner { opacity: 0.85; animation: spin 0.6s infinite steps(12); }

img.spinner.small { animation: spin 0.6s infinite steps(8); width: 16px; height: 16px; }

img.spinner.small.with-padding { padding: 1px; width: 18px; height: 18px; }

img.spinner.normal { width: 22px; height: 22px; }

img.spinner.normal.with-padding { padding: 5px; width: 32px; height: 32px; }

img.spinner.large { width: 44px; height: 44px; }

img.spinner.large.with-padding { padding: 10px; width: 64px; height: 64px; }

.button img.spinner.normal { margin: -1px 0; }

.spinner-text { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.spinner-text img { -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -ms-box-flex: 0 0 auto; box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: -4px; }

.spinner-text p { margin-top: 0; margin-left: 10px; }

body.account-view #main-content > .centered { max-width: 1050px; margin: 0 auto; display: flex; flex-direction: column; }

body.account-view #main-content > .centered.xlarge { max-width: 925px; }

body.account-view #main-content > .centered.large { max-width: 850px; }

body.account-view #main-content > .centered.medlarge { max-width: 750px; }

body.account-view #main-content > .centered.medium { max-width: 600px; }

body.account-view #main-content > .centered.small { max-width: 450px; }

h3.divider { font-weight: normal; color: #757575; text-align: center; position: relative; z-index: 1; margin: 15px 10px 0; text-shadow: 2px 0 0 #f6f7f8, 4px 0 0 #f6f7f8, 6px 0 0 #f6f7f8, 8px 0 0 #f6f7f8, -2px 0 0 #f6f7f8, -4px 0 0 #f6f7f8, -6px 0 0 #f6f7f8, -8px 0 0 #f6f7f8; }

h3.divider:first-child { margin-top: 10px; }

h3.divider::after { content: ""; display: block; background: rgba(0, 0, 0, 0.15); width: 100%; height: 1px; position: absolute; z-index: -1; top: 0.5em; }

input[type="checkbox"] { margin: 0; }

.checkmark-container input[type="checkbox"] { display: none; }

.checkmark-container .checkmark { display: inline-block; width: 28px; height: 28px; background-image: url(../images/circle-check-grey-border-v2.svg); background-repeat: none; background-color: transparent; }

.checkmark-container label :checked + .checkmark { background-image: url(../images/circle-check-green-fill-v2.svg); }

input[type="file"] { display: none !important; }

.permission-menu-background { z-index: 299; display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; }

#add-people ol { margin-top: 15px; }

#add-people ol li { color: #757575; padding: 0; margin: 0; line-height: 40px; }

#add-people ol li .delete-button { float: right; margin-top: 4px; }

.contact-form { margin: 2rem auto 0; }

.contact-form .loading { text-align: center; }

span.user-label { border-radius: 2px; display: inline-block; font-size: 0.8em; font-weight: 600; padding: 0 4px; position: relative; top: -1; margin-left: 10px; color: white; }

span.user-label.short { display: none; }

span.user-label.full:first-child, span.user-label.short:nth-child(2) { margin-left: 0; }

span.user-label.type-G { background: #7369bf; }

span.user-label.state-T { background: #e6a15c; }

span.user-label.state-3 { background: #e6a15c; }

span.user-label.state-1 { background: #e6a15c; }

span.user-label.state-S { background: #999999; }

span.user-label.state-P { background: #e6735c; }

span.user-label.state-V { background: #e6735c; }

span.user-label.state-2 { background: #e6735c; }

span.user-label.state-4 { background: #e6735c; }

.invitation-page > header { max-width: 1200px; margin: 0 auto; margin-bottom: 32px; }

.invitation-page > header h2 { font-size: 28px; margin-top: 0; margin-bottom: 8px; }

#detail-view .user-label.full, .report .user-label.full { display: none; }

@media only screen and (min-width: 1050px) { #detail-view .user-label.full, .report .user-label.full { display: inline-block; } }

#detail-view .user-label.short, .report .user-label.short { display: inline-block; }

@media only screen and (min-width: 1050px) { #detail-view .user-label.short, .report .user-label.short { display: none; } }

#detail-view .user-label { margin-right: 4px; margin-top: 20px !important; font-size: 0.8em; font-weight: 600; border-radius: 2px; }

#detail-view li .content .user-label { max-height: 1.3rem; margin-top: 2px; }

#detail-view li .content .user-label.short { margin-left: 0.5rem; }

.report .user-label { font-size: 0.7rem; line-height: 1rem; margin-left: 0.3rem; }

.report .user-label:first-child { margin-left: 0; }

#admin-invitations { display: grid; grid-template-columns: 100%; grid-gap: 16px; margin-bottom: 32px; max-width: 1200px; margin: 0 auto; }

@media (min-width: 1000px) { #admin-invitations { grid-template-columns: 50% 50%; } }

@media (min-width: 1000px) { #admin-invitations > div { grid-column: 2; grid-row: 1 / 3; } }

#admin-invitations > div .confirmations { margin-bottom: 16px; }

@media (min-width: 1000px) { #admin-invitations .invite { grid-column: 1; grid-row: 1; } }

@media (min-width: 1000px) { #admin-invitations .signup-url { grid-column: 1; grid-row: 2; } }

#admin-invitations div.box { padding: 16px; width: 100%; }

#admin-invitations div.box p { line-height: 1.3; }

#admin-invitations div.box .header > div { display: flex; align-items: center; }

#admin-invitations div.box .header > div img { margin-right: 8px; }

#admin-invitations div.box .header > div h2 { margin: 0; }

#admin-invitations div.box ul li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: 44px; }

#admin-invitations div.box ul li > :first-child { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-box-flex: 1 1 auto; box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-right: 6px; white-space: nowrap; overflow: hidden; }

#admin-invitations div.box ul li > :first-child .remove, #admin-invitations div.box ul li > :first-child .avatar, #admin-invitations div.box ul li > :first-child .main { display: inline-block; }

#admin-invitations div.box ul li > :first-child .main p { overflow: hidden; text-overflow: ellipsis; }

#admin-invitations div.box ul li > :first-child .main p .user-label { margin-left: 8px; }

#admin-invitations div.box ul li > :first-child .no-link { width: calc(100% - 52px); }

#admin-invitations div.box ul li > :first-child .with-link { width: 100%; }

#admin-invitations div.box ul li > :first-child .confirm-link, #admin-invitations div.box ul li > :first-child .avatar + .no-link { width: calc(100% - 94px); }

#admin-invitations div.box ul li > :last-child { -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -ms-box-flex: 0 0 auto; box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

#admin-invitations div.box ul li .remove { margin-right: 20px; }

#admin-invitations div.box ul li .spinner { margin: auto 25px auto 5px; }

#admin-invitations div.box ul li .avatar { margin-right: 10px; }

#admin-invitations div.box ul li .button { margin: 0; }

#admin-invitations div.box ul li .small { margin-top: 0; }

@media (min-width: 700px) { #admin-invitations div.box .actions { display: flex; flex-flow: row; } }

#admin-invitations div.box .actions button:first-of-type { margin-bottom: 16px; }

@media (min-width: 700px) { #admin-invitations div.box .actions button:first-of-type { margin-bottom: 0; margin-right: 16px; } }

#admin-invitations div.box.invite { padding: 0; }

#admin-invitations div.box.invite > div { border-radius: 6px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); margin-bottom: 16px; padding: 20px; padding-bottom: 16px; }

#admin-invitations div.box.invite > div:last-of-type { margin-bottom: 0; }

#admin-invitations div.box.invite > div img { margin-bottom: 8px; }

#admin-invitations div.box.invite > div h2 { margin-top: 0; margin-bottom: 8px; font-size: 1.25rem; }

#admin-invitations div.box.invite > div > div:first-of-type { margin-bottom: 12px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

#admin-invitations div.box.invite > div p { margin-top: 0; padding-bottom: 16px; }

#admin-invitations div.box.invite > div a.new-button { font-weight: 600; }

#admin-invitations div.box.invite > div button:not(.submit) { font-weight: 600; display: flex; align-items: center; }

#admin-invitations div.box.invite > div button:not(.submit) img { margin: 0; margin-right: 8px; width: 19px; }

#admin-invitations div.box.invite .signup-url .secret-link { display: flex; align-items: center; }

#admin-invitations div.box.invite .signup-url .secret-link span { color: #757575; text-decoration: line-through; }

#admin-invitations div.box.invite .signup-url .secret-link button { margin-left: 16px; }

#admin-invitations div.box.invite .signup-url .secret-link button img { width: 28px; height: 28px; }

#admin-invitations div.box.invite .signup-url .validation-message .spinner { margin-left: 6px; margin-bottom: -3px; }

#admin-invitations div.box .slack.has-list p { border-bottom: none !important; margin-bottom: 0 !important; }

#admin-invitations div.box .slack.has-list ol { list-style: decimal inside; padding-bottom: 16px; margin: 0; line-height: 1.5; }

#admin-invitations div.box .slack > .spinner { display: block; margin: 24px auto; }

#admin-invitations div.box .slack img { margin-top: 4px; margin-right: 12px; }

#admin-invitations div.box.invitations { align-self: start; border-radius: 6px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); }

#admin-invitations div.box.invitations .header { margin-bottom: 8px; }

#admin-invitations div.box.invitations .header > :first-child { overflow: hidden; }

#admin-invitations div.box.invitations .header > :first-child > * { display: inline-block; }

#admin-invitations div.box.invitations .header > :first-child h2 { width: calc(100% - 135px); overflow: hidden; text-overflow: ellipsis; line-height: 1.13; }

#admin-invitations div.box.invitations .resend-all { position: relative; }

#admin-invitations div.box.invitations .resend-all img { position: absolute; top: calc(50% - 9px); left: calc(50% - 9px); }

#admin-invitations div.box.invitations .resend-all img + span { color: transparent; }

#admin-invitations div.box.invitations .expired { color: #e60000; text-transform: uppercase; }

#admin-invitations div.box.invitations li { margin: 0 -15px; padding: 6px 16px; }

#admin-invitations div.box.invitations li .button { background: #f6f7f8; position: relative; }

#admin-invitations div.box.invitations li .button img { position: absolute; top: calc(50% - 9px); left: calc(50% - 9px); }

#admin-invitations div.box.invitations li .button img + span { color: transparent; }

#admin-invitations div.box.invitations li:nth-child(even) { background: #f6f7f8; }

#admin-invitations div.box.invitations li:nth-child(even) .button { background: white; }

#admin-invitations div.box.invitations .empty-view { margin-top: 10px; }

#admin-invitations div.box.invitations .empty-view hr { margin-top: 20px; margin-bottom: 0; }

#admin-invitations div.box.invitations .empty-view > .spinner { display: block; margin: 46px auto 18px; }

#admin-invitations div.box.confirmations { background: #f6fcf5; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); }

#admin-invitations div.box.confirmations h2 { color: #52a64b; }

#admin-invitations div.box.confirmations .confirm-all { color: white; background-color: #52a64b; }

#admin-invitations div.box.confirmations.empty { background: #f6f7f8; padding-bottom: 20px; }

#admin-invitations div.box.confirmations.empty img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }

#admin-invitations div.box.confirmations.empty h2 { color: #757575; }

#admin-invitations div.box.confirmations .header > :first-child { overflow: hidden; }

#admin-invitations div.box.confirmations .header > :first-child > * { display: inline-block; }

#admin-invitations div.box.confirmations .header > :first-child h2 { width: calc(100% - 52px); overflow: hidden; text-overflow: ellipsis; line-height: 1.13; }

#admin-invitations div.box.confirmations .header.one-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

#admin-invitations div.box.confirmations .header.one-row > :first-child { -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-box-flex: 1 1 auto; box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-right: 6px; white-space: nowrap; }

#admin-invitations div.box.confirmations .header.one-row > :nth-child(2) { -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -ms-box-flex: 0 0 auto; box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

#admin-invitations div.box.confirmations .header.two-rows { height: auto; }

#admin-invitations div.box.confirmations .header.two-rows .buttons { margin-top: 10px; }

#admin-invitations div.box.confirmations .header.two-rows .buttons > :nth-child(2) { margin-left: 10px; }

#admin-invitations div.box.confirmations .confirm-all-progress { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background: white; margin: 10px -19px 0; padding: 8px 19px; }

#admin-invitations div.box.confirmations .confirm-all-progress > .left { -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-box-flex: 1 1 auto; box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-right: 20px; }

#admin-invitations div.box.confirmations .confirm-all-progress > .button.progress-stop { -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -ms-box-flex: 0 0 auto; box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: 0; }

#admin-invitations div.box.confirmations li { margin: 0 -15px; padding: 6px 19px; }

#admin-invitations div.box.confirmations li:nth-child(odd) { background: white; }

#admin-invitations div.box.confirmations li:nth-child(odd) .button { background: #f6fcf5; }

#detail-view { max-width: 1000px; margin: 0 auto; display: flex; flex-direction: column; }

@media only screen and (min-width: 1050px) { #detail-view { display: block; } }

@media only screen and (min-width: 1050px) { #detail-view.vault-detail.empty { background-image: url(../images/vault-detail-background.png); -webkit-background-size: 462px 243px; -moz-background-size: 462px 243px; background-size: 462px 243px; background-repeat: no-repeat; background-position: 46% 2.5rem; } }

@media only screen and (min-width: 1050px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1050px) and (min--moz-device-pixel-ratio: 1.5), only screen and (min-width: 1050px) and (-o-min-device-pixel-ratio: 3/2), only screen and (min-width: 1050px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1050px) and (min-resolution: 1.5dppx) { #detail-view.vault-detail.empty { background-image: url(../images/vault-detail-background@2x.png); } }

@media only screen and (min-width: 1050px) { #detail-view.vault-detail.empty header { margin: 3rem auto 1rem; float: none; } }

#detail-view.vault-detail.empty .empty-description { width: 100%; margin: 1rem auto 0; color: #757575; text-align: center; }

@media only screen and (min-width: 1050px) { #detail-view.vault-detail.empty .empty-description { width: 250px; } }

#detail-view.vault-detail.empty section#travel-mode-switch, #detail-view.vault-detail.empty section#actions-list { margin: 0 auto 1rem; float: none; clear: none; }

#detail-view .rounded-section { border-radius: 10px; }

#detail-view .rounded-section.provisioned { background-color: #faf2e1; border-color: #e6d2ac; }

#detail-view .menu-container div.active { border-radius: 10px; width: 100%; top: 80%; left: 0; }

#detail-view .menu-container div.active > a, #detail-view .menu-container div.active > button { text-align: center; }

#detail-view .menu-container div.active > a { font-weight: 500; padding: 1rem; }

#detail-view .menu-container div.active > a:hover { color: #0572ec; background-color: #f6f7f8; }

#detail-view section#activity { width: 100%; padding: 0 1.2rem; order: 1; }

@media only screen and (min-width: 1050px) { #detail-view section#activity { float: left; clear: left; width: 280px; padding: 0.5rem; } }

#detail-view section#activity .activity-container { position: relative; margin: 0.4rem; }

#detail-view section#activity .activity-container::before { content: ""; position: absolute; top: 9px; left: 0; height: calc(100% - 16px); width: 2px; background: #d7d9e0; }

#detail-view section#activity .activity-container .activity-block { position: relative; margin: 1rem 0 1rem 1.6rem; font-size: 0.93rem; }

#detail-view section#activity .activity-container .activity-block span.secondary { color: #757575; }

#detail-view section#activity .activity-container .activity-block::after { content: ""; display: table; clear: both; }

#detail-view section#activity .activity-container .activity-block a { text-decoration: none; }

#detail-view section#activity .activity-container .activity-block a:hover { text-decoration: underline; }

#detail-view section#activity .activity-container .activity-block h3 { display: inline-block; border: 1px solid #d7d9e0; color: #8fa1b3; font-size: 0.7rem; padding: 0 4px; margin: 0; text-transform: uppercase; height: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

#detail-view section#activity .activity-container .activity-block .activity-icon { width: 18px; height: 18px; position: absolute; top: 34%; left: -8px; margin-left: -1.6rem; background-color: #d7d9e0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

#detail-view section#activity .activity-container .activity-block .activity-icon.small { width: 6px; height: 6px; left: -2px; }

#detail-view section#activity .activity-container .activity-block .activity-icon:not(.small)::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.2); }

#detail-view section#activity .activity-container .activity-block .activity-icon img { width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

#detail-view section#activity .activity-container .activity-block .time { color: #757575; white-space: nowrap; }

#detail-view .detail-view-left-section { width: 100%; margin-bottom: 1.2rem; }

@media only screen and (min-width: 1050px) { #detail-view .detail-view-left-section { float: left; clear: left; width: 280px; } }

#detail-view .detail-view-left-section#travel-mode-switch { padding: 0.95rem; border: 1px solid #d7d9e0; border-radius: 10px; }

#detail-view main { width: 100%; margin-bottom: 2rem; }

@media only screen and (min-width: 1050px) { #detail-view main { width: calc(100% - 280px - 4rem); margin-left: calc(280px + 4rem); } }

#detail-view p.owner-statement { color: #757575; margin: 1.5rem 0; }

#detail-view section.detail-view-section { width: 100%; margin-top: 2rem; }

#detail-view section.detail-view-section:first-child { margin-top: 0; }

#detail-view section.detail-view-section.sign-in-details { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

#detail-view section.detail-view-section.sign-in-details .detail { border: #d7d9e0 1px solid; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: 0.7rem; }

#detail-view section.detail-view-section.sign-in-details .detail + .detail { margin-top: 0.5rem; }

#detail-view section.detail-view-section.sign-in-details .detail .title { font-size: 0.9rem; }

#detail-view section.detail-view-section.sign-in-details .detail .secret-key { font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace; letter-spacing: normal; }

#detail-view section.detail-view-section.sign-in-details .detail .content { flex: 1; }

#detail-view section.detail-view-section.sign-in-details .detail .content p { margin-top: 8px; font-size: 1.1rem; font-weight: 500; }

#detail-view section.detail-view-section.sign-in-details .detail .content p.secret-key { font-size: 1rem; }

#detail-view section.detail-view-section.sign-in-details .copy-box { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: 0; }

#detail-view section.detail-view-section.sign-in-details .copy-box:hover, #detail-view section.detail-view-section.sign-in-details .copy-box:focus-within, #detail-view section.detail-view-section.sign-in-details .copy-box:focus { cursor: pointer; }

#detail-view section.detail-view-section.sign-in-details .copy-box:hover .show-on-focus, #detail-view section.detail-view-section.sign-in-details .copy-box:focus-within .show-on-focus, #detail-view section.detail-view-section.sign-in-details .copy-box:focus .show-on-focus { opacity: 1; }

#detail-view section.detail-view-section.sign-in-details .copy-box .copy-box-button { margin-left: 5px; border: 1px solid #cbcccd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px; text-decoration: none; font-size: 1.1rem; color: #333333; word-break: normal; height: initial; min-width: 3.5rem; }

#detail-view section.detail-view-section.sign-in-details .copy-box .copy-box-button:hover { background-color: transparent; }

#detail-view section.detail-view-section.sign-in-details .copy-box .copy-box-button:active { background-color: #cbcccd; border-color: #999999; }

#detail-view section.detail-view-section.sign-in-details .copy-box:active .copy { background-color: #cbcccd; border-color: #999999; }

#detail-view section.detail-view-section.sign-in-details .copy-box .visibility-toggle:active + .copy { background-color: #f6f7f8; border-color: #cbcccd; }

#detail-view section.detail-view-section.sign-in-details .copy-box .show-on-focus { opacity: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

#detail-view section.detail-view-section.sign-in-details .credentials { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; flex: auto; }

#detail-view section.detail-view-section.sign-in-details .credentials + .qr-code-container { margin: 0.5rem 0 0; }

#detail-view section.detail-view-section.sign-in-details .credentials + .qr-code-container .qr-code { padding: 12px; border-color: #d7d9e0; }

#detail-view section.detail-view-section.sign-in-details .credentials + .qr-code-container .wrapper { width: 100%; }

@media only screen and (min-width: 750px) { #detail-view section.detail-view-section.sign-in-details { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
  #detail-view section.detail-view-section.sign-in-details .credentials + .qr-code-container { margin: -8px 0 0 0.5rem; }
  #detail-view section.detail-view-section.sign-in-details .credentials + .qr-code-container .qr-code img { height: 112px; width: 112px; }
  #detail-view section.detail-view-section.sign-in-details .credentials + .qr-code-container .wrapper { width: 138px; } }

#detail-view section.detail-view-section.sign-in-details + .emergency-kit { margin-top: 0.5rem; }

@media only screen and (min-width: 850px) { #detail-view section.detail-view-section.sign-in-details + .emergency-kit { margin-top: 1rem; } }

#detail-view section#delete-account { margin-top: 4rem; }

#detail-view section.emergency-kit div { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

#detail-view section.emergency-kit div button { width: 100%; }

#detail-view section.emergency-kit div button .icon { vertical-align: -4px; margin-right: 0.5rem; }

#detail-view section.emergency-kit div p { flex: 1; margin: 0.5rem 0 0; color: #757575; text-align: center; }

@media only screen and (min-width: 1050px) { #detail-view section.emergency-kit div { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
  #detail-view section.emergency-kit div button { width: auto; padding-left: 25px; padding-right: 25px; }
  #detail-view section.emergency-kit div p { text-align: start; margin: 0 0 0 1.5rem; } }

#delete-account .danger-zone { border: 1px solid #d7d9e0; text-align: center; padding-bottom: 9px; margin-top: 1rem; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

#delete-account .danger-zone #danger-zone-header { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; margin-top: -10px; }

#delete-account .danger-zone #danger-zone-header span { padding: 0 0.5rem; background-color: white; color: #8fa1b3; font-size: 0.75rem; text-transform: uppercase; }

#delete-account .danger-zone button { margin: 1rem; }

.account-view table { width: 100%; margin-top: 20px; border-collapse: separate; overflow: hidden; }

.account-view table tr:nth-child(even) { background-color: #fcfcfc; }

.account-view table tr, .account-view table td, .account-view table th { height: 44px; }

.account-view table td, .account-view table th { padding: 0 1rem; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.account-view table td.square, .account-view table th.square { width: 32px; min-width: 32px; padding: 0; text-align: center; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.account-view table td a, .account-view table th a { text-decoration: none; line-height: 32px; }

.account-view table td a:hover, .account-view table th a:hover { text-decoration: underline; }

.account-view table th { background-color: #f6f7fb; font-weight: 600; text-align: left; border-color: #d7d9e0; border-style: solid; border-width: 1px 0; }

.account-view table th:first-child { -webkit-border-radius: 6px 0 0 0; -moz-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0; border-left-width: 1px; }

.account-view table th:last-child { -webkit-border-radius: 0 6px 0 0; -moz-border-radius: 0 6px 0 0; border-radius: 0 6px 0 0; border-right-width: 1px; }

.account-view table th:only-child { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; border-right-width: 1px; border-left-width: 1px; }

.account-view table th.sortable { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-right: 38px; }

.account-view table th.sortable.sort-selected { color: #0572ec; background-color: white; border-width: 1px; position: relative; }

.account-view table th.sortable.sort-selected::after { content: ""; width: 8px; height: 5px; position: absolute; right: 16px; top: 20px; background-image: url(../images/sort-indicator-v3.svg); background-repeat: no-repeat; }

.account-view table th.sortable.sort-selected.asc::after { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); }

.account-view table td { border-bottom: 1px solid #d7d9e0; }

.account-view table td.secondary { color: #757575; }

.account-view table td.status.needs-action { color: #e6735c; }

.account-view table td.status svg { fill: #666666; margin-left: 0.3rem; vertical-align: -2px; }

.account-view table td .avatar.small { float: left; margin-right: 10px; }

.account-view table td .avatar.small + span { line-height: 32px; }

.account-view table td .template-icon { vertical-align: -4px; margin-right: 8px; }

.account-view table td span.secondary { color: #757575; }

.account-view table tr.empty { text-align: center; color: #757575; }

.account-view table tr.selected { background-color: #f7fbff; }

.account-view table.activity-log-table th:not(:first-of-type) { width: 21%; }

.account-view .empty-list { margin-top: 5rem; text-align: center; }

.account-view .empty-list h3 { font-size: 1rem; font-weight: 500; }

.account-view .empty-list p { margin-top: 0.5rem; color: #757575; }

.account-view .list-header { display: flex; height: 35px; }

.account-view .list-header ::-webkit-input-placeholder { color: #757575; }

.account-view .list-header :-moz-placeholder { color: #757575; }

.account-view .list-header ::-moz-placeholder { color: #757575; }

.account-view .list-header :-ms-input-placeholder { color: #757575; }

.account-view .list-header > * { margin-left: 0.6rem; }

.account-view .list-header > *:first-child { margin-left: 0; }

.account-view .list-header .search-wrapper { margin-top: 0; margin-left: auto; display: none; }

@media only screen and (min-width: 720px) { .account-view .list-header .search-wrapper { display: flex; align-items: center; position: relative; } }

@media only screen and (min-width: 1050px) { .account-view .list-header .search-wrapper { width: 250px; } }

.account-view .list-header .add-button { height: 35px; }

.account-view .list-header input[type="search"] { min-height: 35px; width: 160px; padding: 9px 14px 10px 34px; line-height: 1.1em; order: 2; }

.account-view .list-header input[type="search"]:focus { -webkit-box-shadow: inset 0 0 0 1px #0572ec; -moz-box-shadow: inset 0 0 0 1px #0572ec; box-shadow: inset 0 0 0 1px #0572ec; }

.account-view .list-header input[type="search"]:focus + .svg-search path { fill: #0572ec; }

.account-view .list-header input[type="search"] + .svg-search { flex: 0; position: absolute; left: 0.8rem; min-height: 17px; min-width: 17px; order: 1; }

.account-view .list-header input[type="search"].loading { background-image: none; }

.account-view .list-header input[type="search"].loading::-webkit-search-cancel-button { display: none; }

.account-view .list-header input[type="search"].loading + .spinner { flex: 0; position: relative; left: 0.8rem; bottom: 26px; width: 14px; height: 14px; }

.account-view .list-header .menu-container.actions > div { width: 190px; top: 18px; }

.account-view .list-header .menu-container.actions > div button { text-align: left; }

.account-view .list-header .menu-container.actions .active .action-list-link { width: 100%; }

.account-view .list-header .menu-container.actions .active .action-list-link:first-child { border-top-left-radius: 6px; border-top-right-radius: 6px; }

.account-view .list-header .menu-container.actions .active .action-list-link:last-child { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }

.account-view .list-header .menu-container.status-filter { display: none; }

@media only screen and (min-width: 925px) { .account-view .list-header .menu-container.status-filter { display: block; }
  .account-view .list-header .menu-container.status-filter .active .status-filter-link { width: 100%; }
  .account-view .list-header .menu-container.status-filter .active .status-filter-link:first-child { border-top-left-radius: 6px; border-top-right-radius: 6px; }
  .account-view .list-header .menu-container.status-filter .active .status-filter-link:last-child { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } }

.account-view .list-header .menu-container.status-filter > div { width: 125px; top: 18px; }

.account-view .list-header.groups input[type="search"], .account-view .list-header.templates input[type="search"] { width: 100%; flex-grow: 1.2; }

.account-view .list-header.users > *, .account-view .list-header.vaults > * { flex: 1 1 0; }

.account-view .list-header.users > *.status-filter, .account-view .list-header.users > *.date-filter, .account-view .list-header.vaults > *.status-filter, .account-view .list-header.vaults > *.date-filter { display: flex; align-items: center; justify-content: flex-end; }

.account-view .list-header.users > .group, .account-view .list-header.vaults > .group { display: flex; }

.account-view .list-header.users > .group > *, .account-view .list-header.vaults > .group > * { margin-left: 0.6rem; }

.account-view .list-header.users > .group > *:first-child, .account-view .list-header.vaults > .group > *:first-child { margin-left: 0; }

.account-view .list-header.users input[type="search"], .account-view .list-header.vaults input[type="search"] { width: 100%; flex-grow: 1.2; /* Overrides */ margin-left: 0.6rem; }

.account-view .list-header.users input[type="search"]:first-child, .account-view .list-header.vaults input[type="search"]:first-child { margin-left: 0; }

.account-view .list-header.vaults .main-action, .account-view .list-header.vaults .search-wrapper { flex: 4; }

.account-view .list-header.vaults .main-action.search-wrapper:last-child, .account-view .list-header.vaults .search-wrapper.search-wrapper:last-child { flex: 1; }

.account-view .list-header.vaults .date-filter { display: none; }

@media only screen and (min-width: 750px) { .account-view .list-header.vaults { flex-wrap: wrap; height: 90px; }
  .account-view .list-header.vaults .date-filter { justify-content: flex-start; display: flex; flex-basis: 100%; } }

@media only screen and (min-width: 875px) { .account-view .list-header.vaults { flex-wrap: nowrap; height: 35px; }
  .account-view .list-header.vaults .date-filter { justify-content: flex-end; flex-basis: 70%; } }

@media only screen and (min-width: 1440px) { .account-view .list-header.vaults .date-filter { flex-basis: 50%; } }

.account-view .list-header.vaults > .date-filter + * { flex: 1 1 0; }

.account-view .list-header.vaults .datefilter-direction { margin-top: 0; }

.account-view .list-header.vaults .datefilter-direction.select-menu.menu-container { margin-left: 0.6rem; }

.account-view .list-header.vaults .datefilter-direction .selected { font-weight: 500; color: #0572ec; }

.account-view .list-header.vaults .filter-button, .account-view .list-header.vaults ~ * .filter-button { padding: 0.6rem; border-radius: 6px; -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); }

.account-view .list-header.vaults .filter-button.date, .account-view .list-header.vaults ~ * .filter-button.date { min-width: 100px; }

.account-view .list-header.vaults ~ .additional-actions { display: flex; justify-content: center; margin-top: 1rem; }

.account-view .list-header.users .email-filter-toggle + .search-wrapper { display: flex; flex: 2 1 0; }

.account-view .list-header.users .email-filter-toggle + .status-filter { display: none; }

@media only screen and (min-width: 850px) { .account-view .list-header.users .email-filter-toggle + .status-filter { display: flex; } }

.account-view .list-header.users .search-howto { display: none; flex: none; align-items: center; cursor: pointer; }

@media only screen and (min-width: 925px) { .account-view .list-header.users .search-howto { display: flex; } }

.account-view .list-header.users .search-howto svg.svg-info { fill: #999999; }

.account-view .list-header.users .search-howto .hover-tooltip { display: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #d7d9e0; background-color: white; padding: 1rem; width: 21rem; white-space: normal; color: #525c66; line-height: 1.5rem; }

.account-view .list-header.users .search-howto .hover-tooltip ul { list-style: disc; margin-left: 1.5rem; }

.account-view .list-header.users .search-howto .hover-tooltip .example { display: block; text-align: center; }

.account-view .list-header.users .search-howto .hover-tooltip .styled { font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace; letter-spacing: normal; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #e4e6e7; padding: 0.1rem 0.2rem; font-size: 0.85rem; margin-left: 0; }

.account-view .list-header.users .search-howto .hover-tooltip::before { position: absolute; content: ""; border-bottom: 10px solid white; border-left: 10px solid transparent; border-right: 10px solid transparent; -webkit-filter: drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.15)); -moz-filter: drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.15)); -ms-filter: drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.15)); -o-filter: drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.15)); filter: drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.15)); }

.account-view .list-header.users .search-howto:hover svg.svg-info { fill: #0572ec; }

.account-view .list-header.users .search-howto:hover .hover-tooltip { display: none; position: absolute; z-index: 9999; }

.account-view .list-header.users .search-howto:hover .hover-tooltip::before { top: -9px; left: 66%; }

.account-view .list-header.users .search-howto:hover .hover-tooltip svg.svg-info { fill: #0572ec; }

@media only screen and (min-width: 925px) { .account-view .list-header.users .search-howto:hover .hover-tooltip { display: initial; transform: translate(-10.5rem, 5.5rem); }
  .account-view .list-header.users .search-howto:hover .hover-tooltip::before { left: calc(50% - 10px - 2px); } }

.account-view .list-header.activity-log-header .filter-button-container { display: inline-block; }

.account-view .list-header.activity-log-header .filter-button-container:not(:last-of-type) { margin-right: 18px; }

.account-view .list-header.activity-log-header .filter-button-container button { color: #757575; margin-top: 6px; }

.account-view .list-header.activity-log-header .filter-button-container button:hover { color: #333333; }

.account-view .list-header.activity-log-header .filter-button-container button.filter-active { color: #0572ec; }

.account-view .list-header.activity-log-header .filter-button-container button.filter-active:hover { color: #0455b0; }

.account-view .list-header.activity-log-header .filter-button-container .clear-filter { margin-left: 2px; margin-bottom: -2px; cursor: pointer; }

[data-focus-visible] .activity-log-header button:focus { box-shadow: inset 0 0 0 1px rgba(0, 127, 255, 0.3), 0 0 0 3px rgba(0, 127, 255, 0.3); }

.account-view .spinner-container { width: 100%; text-align: center; padding-top: 30vh; }

.account-view .activity-log-footer > .spinner-container { padding-top: 1rem; }

.result-text { margin-left: 15px; }

.avatar { background-color: white; }

.avatar.xxsmall, .avatar.xxsmall img, .avatar.xxsmallactivity, .avatar.xxsmallactivity img { width: 18px; height: 18px; }

.avatar.xxsmall .svg-ellipsis, .avatar.xxsmall img .svg-ellipsis, .avatar.xxsmallactivity .svg-ellipsis, .avatar.xxsmallactivity img .svg-ellipsis { width: 12px; height: 4px; }

.avatar.xsmall, .avatar.xsmall img { width: 24px; height: 24px; }

.avatar.small, .avatar.small img { width: 32px; height: 32px; }

.avatar.medium, .avatar.medium img { width: 40px; height: 40px; }

.avatar.medium .svg-ellipsis, .avatar.medium img .svg-ellipsis { width: 24px; height: 8px; }

.avatar.large, .avatar.large img { width: 64px; height: 64px; }

.avatar.large .svg-ellipsis, .avatar.large img .svg-ellipsis { width: 36px; height: 12px; }

.avatar.xlarge, .avatar.xlarge img { width: 72px; height: 72px; }

.avatar.xlarge .svg-ellipsis, .avatar.xlarge img .svg-ellipsis { width: 42px; height: 14px; }

.avatar.xxlarge, .avatar.xxlarge img { width: 128px; height: 128px; }

.avatar.xxlarge .svg-ellipsis, .avatar.xxlarge img .svg-ellipsis { width: 64px; height: 22px; }

.avatar .edit { display: none; }

.avatar.default, .avatar.vault, .avatar.ellipsis { color: white; text-align: center; font-weight: normal; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; overflow: hidden; }

.avatar.default.xxsmallactivity, .avatar.xxsmallactivity.vault, .avatar.ellipsis.xxsmallactivity { line-height: 18px; font-size: 0.6rem; }

.avatar.default.xxsmallactivity, .avatar.xxsmallactivity.vault, .avatar.default.xxsmallactivity::after, .avatar.xxsmallactivity.vault::after, .avatar.ellipsis.xxsmallactivity, .avatar.ellipsis.xxsmallactivity::after { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

.avatar.default.xxsmall, .avatar.xxsmall.vault, .avatar.ellipsis.xxsmall { line-height: 18px; font-size: 0.6rem; }

.avatar.default.xxsmall, .avatar.xxsmall.vault, .avatar.default.xxsmall::after, .avatar.xxsmall.vault::after, .avatar.ellipsis.xxsmall, .avatar.ellipsis.xxsmall::after { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.avatar.default.xsmall, .avatar.xsmall.vault, .avatar.ellipsis.xsmall { line-height: 24px; font-size: 0.7rem; }

.avatar.default.xsmall, .avatar.xsmall.vault, .avatar.default.xsmall::after, .avatar.xsmall.vault::after, .avatar.ellipsis.xsmall, .avatar.ellipsis.xsmall::after { -webkit-border-radius: 3.8px; -moz-border-radius: 3.8px; border-radius: 3.8px; }

.avatar.default.small, .avatar.small.vault, .avatar.ellipsis.small { line-height: 32px; font-size: 0.9rem; }

.avatar.default.small, .avatar.small.vault, .avatar.default.small::after, .avatar.small.vault::after, .avatar.ellipsis.small, .avatar.ellipsis.small::after { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.avatar.default.medium, .avatar.medium.vault, .avatar.ellipsis.medium { line-height: 40px; font-size: 1.13rem; }

.avatar.default.medium, .avatar.medium.vault, .avatar.default.medium::after, .avatar.medium.vault::after, .avatar.ellipsis.medium, .avatar.ellipsis.medium::after { -webkit-border-radius: 6.25px; -moz-border-radius: 6.25px; border-radius: 6.25px; }

.avatar.default.large, .avatar.large.vault, .avatar.ellipsis.large { font-size: 1.8rem; line-height: 64px; }

.avatar.default.large, .avatar.large.vault, .avatar.default.large::after, .avatar.large.vault::after, .avatar.ellipsis.large, .avatar.ellipsis.large::after { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.avatar.default.xlarge, .avatar.xlarge.vault, .avatar.default.xxlarge, .avatar.xxlarge.vault, .avatar.ellipsis.xlarge, .avatar.ellipsis.xxlarge { font-size: 1.8rem; line-height: 70px; }

.avatar.default.xlarge, .avatar.xlarge.vault, .avatar.default.xlarge::after, .avatar.xlarge.vault::after, .avatar.default.xxlarge, .avatar.xxlarge.vault, .avatar.default.xxlarge::after, .avatar.xxlarge.vault::after, .avatar.ellipsis.xlarge, .avatar.ellipsis.xlarge::after, .avatar.ellipsis.xxlarge, .avatar.ellipsis.xxlarge::after { -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }

.avatar.default:not(.disable-image-border)::after, .avatar.vault:not(.disable-image-border)::after, .avatar.ellipsis:not(.disable-image-border)::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); }

.avatar.default.xxsmallactivity::after, .avatar.xxsmallactivity.vault::after, .avatar.ellipsis.xxsmallactivity::after { content: none; }

.avatar.default img, .avatar.vault img, .avatar.ellipsis img { width: 100%; height: 100%; -webkit-border-radius: inherit; -moz-border-radius: inherit; border-radius: inherit; }

.avatar.default.ellipsis, .avatar.ellipsis.vault, .avatar.ellipsis.ellipsis { border: 1px solid rgba(0, 0, 0, 0.25); }

.avatar.default.ellipsis::after, .avatar.ellipsis.vault::after, .avatar.ellipsis.ellipsis::after { display: none; }

.avatar.default.ellipsis .svg-ellipsis, .avatar.ellipsis.vault .svg-ellipsis, .avatar.ellipsis.ellipsis .svg-ellipsis { margin-top: 45%; }

.avatar.default, .avatar.vault { color: rgba(0, 0, 0, 0.5); }

.avatar.ellipsis .svg-ellipsis { margin-top: 45%; }

.avatar.vault.xlarge { z-index: 10; }

.avatar.vault.xsmall, .avatar.vault.xsmall::after, .avatar.vault.small, .avatar.vault.small::after, .avatar.vault.medium, .avatar.vault.medium::after, .avatar.vault.large, .avatar.vault.large::after, .avatar.vault.xlarge, .avatar.vault.xlarge::after { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.dropzone { cursor: pointer; position: relative; outline: 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.dropzone.xxlarge { width: 128px; height: 128px; }

.dropzone.xlarge { width: 72px; height: 72px; }

.dropzone.large { width: 64px; height: 64px; }

.dropzone.medium { width: 40px; height: 40px; }

.dropzone.small { width: 32px; height: 32px; }

.dropzone.xsmall { width: 24px; height: 24px; }

.dropzone:hover .avatar .edit { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.25); box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.25); background: rgba(0, 0, 0, 0.4); bottom: -10px; top: -10px; left: -10px; right: -10px; position: absolute; }

.dropzone:hover .avatar .edit .svg-upload { margin-top: 7px; }

.dropzone .menu { top: -10px; left: 50%; transform: translateX(-50%); width: 165px; }

.bg-color-0 { background-color: #e6b8e6; }

.bg-color-1 { background-color: #c9ace6; }

.bg-color-2 { background-color: #b0aaf2; }

.bg-color-3 { background-color: #b6c0f2; }

.bg-color-4 { background-color: #9dc8f2; }

.bg-color-5 { background-color: #acdce6; }

.bg-color-6 { background-color: #cce6b8; }

.bg-color-7 { background-color: #f2f2b6; }

.bg-color-8 { background-color: #f2e3aa; }

.bg-color-9 { background-color: #f2d4aa; }

.bg-color-10 { background-color: #e6bcac; }

.bg-color-11 { background-color: #e6acac; }

.bg-color-12 { background-color: #e6c3cf; }

.bg-color-13 { background-color: #b8e6b8; }

.billing { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: flex-start; -moz-box-align: flex-start; -ms-flex-align: flex-start; -webkit-align-items: flex-start; align-items: flex-start; }

.billing h2 { color: #757575; font-size: 0.9rem; font-weight: 500; }

.billing section { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 15px 0; }

.billing .billing-settings { width: 100%; max-width: 650px; }

.billing .tier-list { flex-wrap: wrap; }

@media only screen and (min-width: 860px) { .billing .tier-list { flex-direction: row; } }

.billing .tier-list .billing-tier { display: flex; flex-direction: column; position: relative; padding: 30px 20px; border: solid 1px #999999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.billing .tier-list .billing-tier:not(:first-of-type) { margin-left: 0; margin-top: 10px; }

@media only screen and (min-width: 860px) { .billing .tier-list .billing-tier { max-width: 375px; flex: 1 0 170px; }
  .billing .tier-list .billing-tier:not(:first-of-type) { margin-left: 12px; margin-top: 0; } }

.billing .tier-list .billing-tier .tier-label { color: #757575; }

.billing .tier-list .billing-tier .tier-label .new-button { color: white; background: #0572ec; -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); }

.billing .tier-list .billing-tier .tier-label .new-button:hover, .billing .tier-list .billing-tier .tier-label .new-button:active { background: #1060d1; }

.billing .tier-list .billing-tier.type-I .tier-label .new-button { background: #ca55a2; }

.billing .tier-list .billing-tier.type-I .tier-label .new-button:hover, .billing .tier-list .billing-tier.type-I .tier-label .new-button:active { background: #963f78; }

.billing .tier-list .billing-tier.type-F .tier-label .new-button { background: #736bbd; }

.billing .tier-list .billing-tier.type-F .tier-label .new-button:hover, .billing .tier-list .billing-tier.type-F .tier-label .new-button:active { background: #544e8a; }

.billing .tier-list .billing-tier.selected { color: #0572ec; border: solid 1px currentColor; }

.billing .tier-list .billing-tier.selected .corner-badge { fill: currentColor; }

.billing .tier-list .billing-tier.selected .tier-label { color: inherit; }

.billing .tier-list .billing-tier.selected.type-I { color: #ca55a2; }

.billing .tier-list .billing-tier.selected.type-I .price { margin-top: -12px; }

.billing .tier-list .billing-tier.selected.type-F { color: #736bbd; }

.billing .tier-list .billing-tier.selected.subscribed .tier-label .new-button { color: inherit; }

.billing .tier-list .billing-tier.selected.subscribed .tier-label .new-button { background: none; -webkit-box-shadow: inset 0 0 0 1px currentColor; -moz-box-shadow: inset 0 0 0 1px currentColor; box-shadow: inset 0 0 0 1px currentColor; }

.billing .tier-list .billing-tier.upgrade .tier-label .name { width: 100%; font-size: 1.35rem; line-height: 1.5rem; }

.billing .tier-list .billing-tier.upgrade .tier-label .price { justify-content: center; }

.billing .tier-list .billing-tier.upgrade .tier-label .price-description span { font-weight: 400; }

.billing .tier-list .billing-tier.upgrade .tier-label .price-description span.bold { font-weight: 600; }

.billing .tier-list .billing-tier.upgrade .tier-label img { width: 100%; max-width: 200px; max-height: 57px; margin-top: 18px; }

.billing .tier-list .billing-tier .checkmark-badge { position: absolute; top: -1px; left: -1px; }

.billing .tier-list .billing-tier .checkmark-badge .corner-badge { position: absolute; width: 99px; height: 89px; -webkit-border-radius: 6px 0; -moz-border-radius: 6px 0; border-radius: 6px 0; }

.billing .tier-list .billing-tier .checkmark-badge .checkmark { position: absolute; top: 20px; left: 20px; fill: white; }

.billing .tier-list .billing-tier .tier-label { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center; flex: 0 0 auto; }

.billing .tier-list .billing-tier .tier-label p { font-size: 1.25rem; font-weight: 500; }

.billing .tier-list .billing-tier .tier-label .name { font-size: 1.5rem; font-weight: 600; }

.billing .tier-list .billing-tier .tier-label .price { display: flex; margin: 15px 0 10px; font-weight: 600; }

.billing .tier-list .billing-tier .tier-label .price span { line-height: 5rem; }

.billing .tier-list .billing-tier .tier-label .price span.whole { font-size: 5rem; letter-spacing: -1px; }

.billing .tier-list .billing-tier .tier-label .price span.formatted { font-size: 3.5rem; }

.billing .tier-list .billing-tier .tier-label .price-description { margin: 0; font-size: 1rem; line-height: 1.3rem; }

.billing .tier-list .billing-tier .tier-label .price-description span { display: block; }

.billing .tier-list .billing-tier .tier-label .new-button { margin-top: 20px; width: 100%; max-width: 250px; }

.billing .tier-list .billing-tier .tier-features { -webkit-box-flex: 1 1 0; -moz-box-flex: 1 1 0; -ms-box-flex: 1 1 0; box-flex: 1 1 0; -webkit-flex: 1 1 0; -moz-flex: 1 1 0; -ms-flex: 1 1 0; flex: 1 1 0; padding-top: 30px; font-size: 0.95rem; color: #333333; }

.billing .tier-list .billing-tier .tier-features ul { margin: 20px 0 0 1.2em; }

.billing .tier-list .billing-tier .tier-features li { margin-top: 12px; list-style: circle; color: #757575; }

.billing .tier-list .billing-tier .tier-features li p { color: #333333; margin-top: 0; }

.billing .tier-list .billing-tier .tier-features li p:first-child { font-weight: bold; }

.billing .badges > div { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.billing .badges .icon-flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin: 20px 0 10px; padding-right: 20px; flex: 1 1 0; min-width: 225px; }

@media only screen and (min-width: 860px) { .billing .badges .icon-flex { flex: 0 0 33%; } }

.billing .badges .icon-flex > img { -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -ms-box-flex: 0 0 auto; box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 15px; }

.billing .badges .icon-flex > img + * { -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-box-flex: 1 1 auto; box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; line-height: 1.5; }

.billing .badges .icon-flex > img + *, .billing .badges .icon-flex > img + * p { margin-top: 0; }

.billing .view-invoices { -webkit-box-align: flex-start; -moz-box-align: flex-start; -ms-flex-align: flex-start; -webkit-align-items: flex-start; align-items: flex-start; }

.billing .overview { font-size: 1.1rem; line-height: 1.5rem; }

.billing .overview > :first-child { font-size: 1.5rem; line-height: 1.7rem; }

.billing .overview > div { margin-top: 10px; }

.billing .overview .status.green { color: #00b300; }

.billing .overview .status.blue { color: #0572ec; }

.billing .overview .status.red { color: #e60000; }

.billing .overview .status.orange { color: #e6a15c; }

.billing .overview .counter { background: #fe9; border: solid 1px #e6c9a1; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; padding: 3px 10px; font-weight: normal; }

.billing .overview #subscription-details { margin-top: 1.5rem; }

@media only screen and (min-width: 600px) { .billing .overview #subscription-details #mobile-manage-subscription { display: none; } }

.billing .overview .user-count .note { margin-left: 1rem; font-size: 0.9rem; color: #757575; }

.billing .payment-method .card-box { margin: 0 0 0 -12px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.billing .payment-method .card-box > * { -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -ms-box-flex: 0 0 auto; box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.billing .payment-method .billing-card { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; margin: 12px 0 0 12px; padding: 12px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; width: 198px; min-height: 140px; border: 1px solid #cbcccd; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all 0.5s; position: relative; }

.billing .payment-method .billing-card p { margin-top: 0; }

.billing .payment-method .billing-card .card-buttons { position: absolute; top: 12px; right: 12px; }

.billing .payment-method .billing-card .card-buttons .delete, .billing .payment-method .billing-card .card-buttons .edit { width: 34px; height: 34px; border-radius: 50%; border: 1px solid transparent; display: inline-block; }

.billing .payment-method .billing-card .card-buttons .delete:hover, .billing .payment-method .billing-card .card-buttons .delete.active { border: 1px solid #999999; }

.billing .payment-method .billing-card .card-buttons .delete svg { fill: #999999; }

.billing .payment-method .billing-card .card-buttons .edit:not(:hover) svg { fill: #999999; }

.billing .payment-method .billing-card .card-buttons .edit:hover, .billing .payment-method .billing-card .card-buttons .edit.active { background-color: #0572ec; }

.billing .payment-method .billing-card .card-buttons .edit:hover svg, .billing .payment-method .billing-card .card-buttons .edit.active svg { fill: white; }

.billing .payment-method .billing-card .card-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; }

.billing .payment-method .billing-card .card-content .card-default { margin-top: 5px; font-size: 0.83rem; font-weight: 600; color: #757575; text-transform: uppercase; }

.billing .payment-method .billing-card .card-content .card-default:hover { color: #0572ec; }

.billing .payment-method .billing-card .card-content .card-num { margin: 5px 0 0 -2px; color: #757575; font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace; font-weight: 600; letter-spacing: -2px; font-size: 1.2rem; line-height: 1.2rem; }

.billing .payment-method .billing-card .card-content .card-num span { color: #333333; font-size: 1rem; }

.billing .payment-method .billing-card .card-content .card-exp { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: baseline; -moz-box-align: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline; align-items: baseline; font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace; letter-spacing: normal; font-size: 0.8rem; font-weight: 600; }

.billing .payment-method .billing-card .card-content .card-exp .card-valid { margin-right: 5px; }

.billing .payment-method .billing-card .card-content .card-name { margin-top: 5px; font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace; letter-spacing: normal; font-weight: 600; font-size: 0.8rem; line-height: 0.8rem; }

.billing .payment-method .billing-card.default, .billing .payment-method .billing-card.avatar.vault { cursor: default; border-color: #0572ec; }

.billing .payment-method .billing-card.default .delete svg, .billing .payment-method .billing-card.avatar.vault .delete svg { fill: #0572ec; }

.billing .payment-method .billing-card.default .card-default:hover, .billing .payment-method .billing-card.avatar.vault .card-default:hover { color: #757575; }

.billing .payment-method .billing-card.add-card { padding: 0 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; border-style: dashed; color: #757575; }

.billing .payment-method .billing-card.add-card:hover { background-color: #f6f7f8; color: #0572ec; border-color: #0572ec; }

.billing .payment-method .billing-card.add-card:hover > div:first-child { border-color: #0572ec; }

.billing .payment-method .billing-card.add-card > div { -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-box-flex: 1 1 auto; box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; font-size: 0.9rem; font-weight: 500; cursor: pointer; padding: 10px 0; width: 100%; text-align: center; }

.billing .payment-method .billing-card.add-card > div:first-child { transition: border-color 0.5s; border-bottom: 1px dashed #cbcccd; }

.billing .payment-method .balance-card { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: flex-end; -moz-box-align: flex-end; -ms-flex-align: flex-end; -webkit-align-items: flex-end; align-items: flex-end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; border-color: rgba(0, 0, 0, 0.15); background-position: -1 -1; background-repeat: no-repeat; }

.billing .payment-method .balance-card.silver { background-image: url(../images/silver-card-v2.png); -webkit-background-size: 198px auto; -moz-background-size: 198px auto; background-size: 198px auto; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .billing .payment-method .balance-card.silver { background-image: url(../images/silver-card-v2@2x.png); } }

.billing .payment-method .balance-card.silver p { color: #525c66; }

.billing .payment-method .balance-card .title { text-transform: uppercase; font-weight: 500; }

.billing .payment-method .balance-card .balance { margin-top: 0; font-size: 2.25rem; line-height: 2.5rem; font-weight: 300; }

.billing .tier-list .billing-tier.subscribed { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; position: relative; min-height: 400px; }

.billing .tier-list .billing-tier.subscribed .tier-label { flex: 1 0 0; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; }

.billing .tier-list .billing-tier.subscribed .tier-label a.details { position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; bottom: 27px; font-weight: 500; text-decoration: none; }

.billing .tier-list .billing-tier.subscribed .tier-label .new-button { position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; bottom: 57px; width: calc(100% - 40px); color: #0572ec; background: white; border: 1px solid #0572ec; }

.billing .tier-list .billing-tier.subscribed .tier-label .new-button:hover, .billing .tier-list .billing-tier.subscribed .tier-label .new-button:active { color: white; background: #0572ec; }

.billing .tier-list .billing-tier.upgrade .tier-label { padding-bottom: 0; flex: 1 0 auto; }

.billing .purchase-order { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex: 1 0 auto; max-width: 350px; padding: 30px; margin-top: 1rem; border: solid 1px #cbcccd; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.billing .purchase-order > section { max-width: 300px; font-size: 0.9rem; }

.billing .purchase-order p.questions { font-size: 0.8rem; }

.billing .purchase-order .new-button { margin-top: 4px; width: 80%; max-width: 190px; text-align: center; }

.billing .purchase-order .previous-invoice-container { margin-bottom: 12px; }

.billing p.line-item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: flex-start; -moz-box-align: flex-start; -ms-flex-align: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; }

.billing p.line-item > span.label { -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-box-flex: 1 1 auto; box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.billing p.line-item > span.value { font-weight: 600; margin-left: 20px; -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -ms-box-flex: 0 0 auto; box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.billing p.line-item.pending-credit { color: #757575; }

.billing .buttons { margin-top: 22px; }

.billing.invoices table em { font-style: italic; }

.billing.invoices .overview.icon-flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-direction: row; font-size: 1.25rem; padding-top: 0; }

.billing.invoices .overview.icon-flex img { margin-right: 10px; }

.invoices-table-container { overflow-x: scroll; overscroll-behavior-x: none; }

.invoices-table-container::-webkit-scrollbar { -webkit-appearance: none; height: 6px; }

.invoices-table-container::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, 0.25); }

@media only screen and (max-width: 430px) { #modal { width: 100% !important; height: 100%; top: 0; max-height: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } }

#modal.confirm-edit { min-width: 400px; text-align: center; }

#modal.add-payment, #modal.edit-payment { width: calc(100% - 30px); min-height: 400px; }

@media only screen and (min-width: 816px) { #modal.add-payment, #modal.edit-payment { width: 520px; } }

#modal.add-payment .scroll-box > .content-box, #modal.edit-payment .scroll-box > .content-box { padding: 2rem; }

#modal.add-payment .cvv, #modal.edit-payment .cvv { flex: 1; }

#modal.add-payment select#country, #modal.edit-payment select#country { width: 100%; }

#modal.subscribe-modal { width: calc(100% - 30px); }

@media only screen and (min-width: 816px) { #modal.subscribe-modal { width: 520px; } }

#modal.subscribe-modal .scroll-box > .content-box > .subscribe { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; flex-direction: column-reverse; }

@media only screen and (min-width: 816px) { #modal.subscribe-modal .scroll-box > .content-box > .subscribe { flex-direction: row; } }

#modal.subscribe-modal .scroll-box > .content-box > .subscribe .credit-card.form { width: 100%; }

#modal.subscribe-modal .scroll-box > .content-box > .subscribe .credit-card.form select#country { width: 100%; }

@media only screen and (min-width: 816px) { #modal.subscribe-modal .scroll-box > .content-box > .subscribe .credit-card.form { width: 280px; }
  #modal.subscribe-modal .scroll-box > .content-box > .subscribe .credit-card.form select#country { width: auto; } }

#modal.subscribe-modal .scroll-box > .content-box > .subscribe .plans p.extra { color: #757575; font-size: 0.75rem !important; }

#modal.subscribe-modal .scroll-box > .content-box > .subscribe .plans p.extra .emoji { font-size: 1.4rem; line-height: 1.3; float: left; }

#modal.subscribe-modal .scroll-box > .content-box > .subscribe .plans p.extra .text { display: block; margin-left: 30px; }

#modal .plan-selector > label.plan-option { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

#modal .plan-selector > label.plan-option input[type="radio"] { width: auto; }

#modal .plan-selector > label.plan-option div.description p { margin-top: 6px !important; }

#modal .plan-selector > label.plan-option p.price-description { font-size: 0.7rem !important; }

#modal .combined-field > p.tax, #modal .combined-field > .gifted-amount { margin-top: -1px !important; }

#modal .credit-card.form p.first-bill { margin-top: 1rem !important; font-size: 0.9rem !important; }

.plan-selector > label.plan-option { -webkit-box-shadow: inset 0 0 0 1px #999999; -moz-box-shadow: inset 0 0 0 1px #999999; box-shadow: inset 0 0 0 1px #999999; color: #757575; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: flex-start; -moz-box-align: flex-start; -ms-flex-align: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 12px; font-weight: normal; }

.plan-selector > label.plan-option.selected { -webkit-box-shadow: inset 0 0 0 1px #0572ec; -moz-box-shadow: inset 0 0 0 1px #0572ec; box-shadow: inset 0 0 0 1px #0572ec; color: #0572ec; }

.plan-selector > label.plan-option.disabled { color: #cbcccd; }

.plan-selector > label.plan-option div.radio { -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -ms-box-flex: 0 0 auto; box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.plan-selector > label.plan-option div.radio input[type="radio"] { margin: 0; width: auto; }

.plan-selector > label.plan-option div.description { -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-box-flex: 1 1 auto; box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: -2px 0 0 10px; }

.plan-selector > label.plan-option div.description h3 { font-size: 1rem; }

.plan-selector > label.plan-option div.description p { margin-top: 6px; }

.plan-selector > label.plan-option div.description p.price { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; font-weight: 600; }

.plan-selector > label.plan-option div.description p.price .prefix { font-size: 1rem; margin-right: 0.1rem; }

.plan-selector > label.plan-option div.description p.price .whole { font-size: 1.8rem; }

.plan-selector > label.plan-option div.description p.price .suffix { font-size: 1rem; margin-left: 0.1em; }

.plan-selector > label.plan-option div.description p.price .formatted { font-size: 1.6rem; }

.plan-selector > label.plan-option div.description p.price-description { font-size: 0.7rem; }

#modal.subscribe-modal .plan-selector, #modal.invoice-settings .plan-selector { display: flex; flex-direction: row; }

@media only screen and (min-width: 816px) { #modal.subscribe-modal .plan-selector, #modal.invoice-settings .plan-selector { flex-direction: column; } }

#modal.subscribe-modal .plans, #modal.invoice-settings .plans { margin-bottom: 20px; }

@media only screen and (min-width: 816px) { #modal.subscribe-modal .plans, #modal.invoice-settings .plans { width: 160px; } }

@media only screen and (min-width: 816px) { #modal.subscribe-modal .plans, #modal.invoice-settings .plans { margin-bottom: 0; } }

#modal.subscribe-modal .plans .plan-selector > label.plan-option, #modal.invoice-settings .plans .plan-selector > label.plan-option { flex: 1; margin-top: 0; margin-left: -1px; position: relative; z-index: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

@media only screen and (min-width: 816px) { #modal.subscribe-modal .plans .plan-selector > label.plan-option, #modal.invoice-settings .plans .plan-selector > label.plan-option { width: 160px; } }

@media only screen and (min-width: 816px) { #modal.subscribe-modal .plans .plan-selector > label.plan-option, #modal.invoice-settings .plans .plan-selector > label.plan-option { margin-left: 0; margin-top: -1px; } }

#modal.subscribe-modal .plans .plan-selector > label.plan-option:first-child, #modal.invoice-settings .plans .plan-selector > label.plan-option:first-child { margin-top: 0; -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; }

@media only screen and (min-width: 816px) { #modal.subscribe-modal .plans .plan-selector > label.plan-option:first-child, #modal.invoice-settings .plans .plan-selector > label.plan-option:first-child { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } }

#modal.subscribe-modal .plans .plan-selector > label.plan-option:last-child, #modal.invoice-settings .plans .plan-selector > label.plan-option:last-child { -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; }

@media only screen and (min-width: 816px) { #modal.subscribe-modal .plans .plan-selector > label.plan-option:last-child, #modal.invoice-settings .plans .plan-selector > label.plan-option:last-child { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } }

#modal.subscribe-modal .plans .plan-selector > label.plan-option.selected, #modal.invoice-settings .plans .plan-selector > label.plan-option.selected { z-index: 1; }

#modal.invoice-settings .plans { margin-bottom: 20px; }

@media only screen and (min-width: 816px) { #modal.invoice-settings .plans { margin-bottom: 0; margin-left: 20px; } }

#modal.invoice-settings .options { display: flex; flex-direction: column-reverse; }

@media only screen and (min-width: 816px) { #modal.invoice-settings .options { flex-direction: row; } }

#modal.invoice-settings .unsubscribe { margin-top: 20px; width: 100%; background-color: #f6f7f8; border-radius: 6px; padding: 10px; }

@media only screen and (min-width: 816px) { #modal.invoice-settings .unsubscribe { width: 160px; margin-left: 0; } }

#modal.invoice-settings .unsubscribe button { text-align: center; width: 100%; min-height: 32px; padding: 5px; margin-bottom: 0; }

#modal.invoice-settings .unsubscribe a { display: inline; }

#modal.invoice-settings .customization label { color: #333333; font-size: 1rem; font-weight: 500; }

#modal.invoice-settings .buttons { margin-top: 10px; text-align: center; }

#modal.invoice-settings .buttons button { padding-left: 30px; padding-right: 30px; margin-bottom: 0; }

#modal.invoice-settings a { display: block; font-weight: 500; text-decoration: none; }

#modal.invoice-settings a:hover { text-decoration: underline; }

.credit-card.form .card-entry { margin-top: 12px; }

.credit-card.form .card-entry:first-child { margin-top: 0; }

.credit-card.form .card-entry.hidden { display: none; }

.credit-card.form .spinner-container { position: absolute; width: calc(100% - 2.4rem); height: calc(100% - 2.4rem - 44px); background-color: white; z-index: 100; display: flex; justify-content: center; align-items: center; padding-top: 0; }

.credit-card.form .spinner-container img { margin-top: -1rem; }

.credit-card.form input, .credit-card.form select { margin-top: 5px; margin-left: 0; }

.credit-card.form label { display: block; margin-top: 12px; }

.credit-card.form div.province { margin-top: 12px; width: 100%; }

.credit-card.form div.province select { width: 100%; }

.credit-card.form div.province-or-state { margin-top: 12px; width: 100%; }

.credit-card.form div.province-or-state select { width: 100%; }

.credit-card.form div.zip { margin-top: 12px; width: 100%; }

.credit-card.form div.row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-top: 12px; }

.credit-card.form div.row label { margin-top: 0; }

.credit-card.form div.row > div.expiration { -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -ms-box-flex: 0 0 auto; box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 70%; }

.credit-card.form div.row > div.expiration > select { margin-top: 5px; }

.credit-card.form .combined-field { margin-top: 5px; }

.credit-card.form .combined-field > * { margin-top: 0; border-radius: 0; }

.credit-card.form .combined-field > *:first-child { border-top-left-radius: 6px; border-top-right-radius: 6px; }

.credit-card.form .combined-field > *:last-child { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }

.credit-card.form .combined-field p.tax, .credit-card.form .combined-field .gifted-amount { background: #f2f9ff; margin-top: -1px; min-height: 40px; height: auto; }

.credit-card.form .combined-field p.tax .emoji, .credit-card.form .combined-field .gifted-amount .emoji { font-size: 1.4em; line-height: 1.1; float: left; letter-spacing: 0; }

.credit-card.form .combined-field p.tax .text, .credit-card.form .combined-field .gifted-amount .text { display: block; margin-left: 30px; }

.credit-card.form .gift-card { padding-top: 15px; margin-top: 20px; border-top: 1px solid #999999; }

.credit-card.form .gift-card > :first-child { margin-top: 0; }

.credit-card.form .gift-card .gift-redeemed { -webkit-box-shadow: inset 0 0 0 1px #3b8736; -moz-box-shadow: inset 0 0 0 1px #3b8736; box-shadow: inset 0 0 0 1px #3b8736; color: #fcfcfc; background-color: #50b347; font-weight: 500; text-align: center; }

.credit-card.form p.first-bill { text-align: center; margin-top: 1rem; font-size: 0.9rem !important; }

.credit-card.form .button.submit { background: #00b300; -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); }

.credit-card.form .button.submit:disabled { background: #999999; -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); }

.credit-card.form .menu-container > button, .credit-card.form .menu-container .active { width: 100%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.credit-card.form .menu-container > button .card-item, .credit-card.form .menu-container .active .card-item { display: flex; }

.credit-card.form .menu-container > button .card-item > img, .credit-card.form .menu-container .active .card-item > img { margin: 1rem; flex-shrink: 0; }

.credit-card.form .menu-container > button .card-item .card-info, .credit-card.form .menu-container .active .card-item .card-info { display: flex; flex-wrap: wrap; align-content: center; align-items: center; flex-grow: 1; text-align: left; }

.credit-card.form .menu-container > button .card-item .card-info h3, .credit-card.form .menu-container .active .card-item .card-info h3 { font-size: 0.9rem; width: 100%; }

.credit-card.form .menu-container > button .card-item .card-info h4, .credit-card.form .menu-container .active .card-item .card-info h4 { font-size: 0.8rem; width: 100%; margin-top: 0; margin-bottom: -2px; color: #757575; }

.credit-card.form .menu-container > button { -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); }

.credit-card.form .menu-container > button:hover { background-color: #f6f7f8; }

.credit-card.form .menu-container > button .card-item .card-info svg { position: absolute; right: 13px; top: 46%; fill: #666666; }

.credit-card.form .menu-container .active { padding: 0.5rem 0; top: 26px; }

.credit-card.form .menu-container .active .card-item { cursor: pointer; }

.credit-card.form .menu-container .active .card-item:hover { background-color: #f6f7f8; }

.credit-card.form .box.error-messages { margin-top: 1rem !important; }

.credit-card.form .box.error-messages p { font-weight: 600; }

.credit-card.form div.tax { margin-top: 12px; width: 100%; }

.credit-card.form div.tax .tax-info { background: #f2f9ff; margin-top: -1px; min-height: 40px; height: auto; }

.credit-card.form div.tax .tax-info .emoji { font-size: 1.4em; line-height: 1.1; float: left; letter-spacing: 0; }

.credit-card.form div.tax .tax-info .text { display: block; margin-left: 2rem; }

.credit-card.form div.tax .tax-info .text:nth-child(3) { margin-top: 0.2rem; }

.charge-explanation p, #modal > div .charge-explanation p { font-size: 0.9rem !important; color: #757575 !important; margin: 10px 0; }

#stripe-frame { display: none; }

.button-row { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-top: 10px; }

.button-row .new-button { margin-right: 5px; }

#unlocked-app #main-content.home-card-wrapper { padding: 1rem 2rem 1rem 1rem; }

#unlocked-app #main-content.home-card-wrapper .page-loading { margin-right: -1rem; }

div#home-card-container { display: flex; flex-flow: row wrap; margin-bottom: 40px; }

div#home-card-container .card, div#home-card-container .filler { flex: 1 1 calc(20% - 20px); min-width: 225px; max-width: 480px; margin-left: 20px; }

@media only screen and (min-width: 1280px) { div#home-card-container .card, div#home-card-container .filler { max-width: 280px; } }

@media only screen and (min-width: 750px) { div#home-card-container .card.double-width, div#home-card-container .filler.double-width { min-width: 470px; max-width: 100%; } }

@media only screen and (min-width: 1015px) { div#home-card-container .card.double-width, div#home-card-container .filler.double-width { flex: 2 2 calc(40% - 20px); max-width: 980px; } }

@media only screen and (min-width: 1280px) { div#home-card-container .card.double-width, div#home-card-container .filler.double-width { max-width: 580px; } }

div#home-card-container .card { display: flex; flex-direction: column; justify-content: space-between; margin-top: 20px; min-height: 270px; border: 1px solid #d7d9e0; cursor: default; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

div#home-card-container .card .main { display: flex; flex-direction: column; flex-grow: 1; padding: 20px 20px 12px; }

div#home-card-container .card .main .header { position: relative; height: 40px; margin: -20px -20px -10px; background-color: #f6f7fb; border-bottom: 1px solid #eeeff2; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; }

div#home-card-container .card .main .header .avatar { position: absolute; right: 24px; top: 20px; z-index: 10; }

div#home-card-container .card .main .header .circle { position: absolute; right: 16px; top: 11px; height: 28px; width: 56px; background-color: #fafafd; border: 1px solid #d7d9e0; z-index: 5; -webkit-border-radius: 90px 90px 0 0; -moz-border-radius: 90px 90px 0 0; border-radius: 90px 90px 0 0; }

div#home-card-container .card .main .header::before, div#home-card-container .card .main .header::after { content: ""; position: absolute; height: 9px; bottom: 0; left: 0; right: 0; }

div#home-card-container .card .main .header::before { border-top: 1px solid #d7d9e0; }

div#home-card-container .card .main .header::after { background-color: #fafafd; z-index: 5; }

div#home-card-container .card .main .header.travel-safe { background-color: #fff5c2; }

div#home-card-container .card .main .header.travel-safe::after, div#home-card-container .card .main .header.travel-safe .circle { background-color: #fffae1; }

div#home-card-container .card .main .header.travel-safe svg { position: absolute; left: 7px; top: 8px; fill: #b38323; }

div#home-card-container .card .main h2 { font-size: 1.3rem; line-height: 1.5rem; margin-top: 2.5rem; }

div#home-card-container .card .main p { color: #757575; font-size: 0.9rem; }

div#home-card-container .card .main p.description { margin: 8px 0 1rem; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

div#home-card-container .card .main .accessor-list { margin-top: auto; margin-left: -4px; }

div#home-card-container .card .main .accessor-list .avatar, div#home-card-container .card .main .accessor-list .more-box { margin-left: 4px; display: inline-block; vertical-align: middle; }

div#home-card-container .card .main .accessor-list .more-box { height: 24px; width: 24px; text-align: center; border: 1px solid #eeeff2; -webkit-border-radius: 3.8px; -moz-border-radius: 3.8px; border-radius: 3.8px; }

div#home-card-container .card .main .accessor-list .more-box svg { margin-top: 9px; }

div#home-card-container .card:not(#welcome-card):not(.loading):hover { box-shadow: 0 0 0 0.1em #8dc2fd; }

div#home-card-container .card:not(#welcome-card):not(.loading):hover.all-vaults { box-shadow: 0 0 0 0.1em #e1def0; }

div#home-card-container .card:not(#welcome-card):not(.loading):hover.travel-safe { box-shadow: 0 0 0 0.1em #fbf8eb; }

div#home-card-container .card.all-vaults { border: 1px solid #cdcae6; }

div#home-card-container .card.all-vaults .header { background-color: #e8e7f5; border-bottom: 1px solid #dad8ed; }

div#home-card-container .card.all-vaults .header::before { border-top: 1px solid #cdcae6; }

div#home-card-container .card.all-vaults .header::after { background-color: #f6f5fb; }

div#home-card-container .card.all-vaults .header .circle { background-color: #f6f5fb; border: 1px solid #cdcae6; }

div#home-card-container .card.ghost { cursor: default; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }

div#home-card-container .card.ghost h2 { color: #757575; }

div#home-card-container .card.ghost p { color: #757575; }

div#home-card-container .card.ghost .header .avatar { background-color: white; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

div#home-card-container .sand { background-color: #fefbf6; border-color: #e6d3ac; }

div#home-card-container .sand svg { fill: #e6d3ac; }

div#home-card-container .sand svg:hover { fill: #d4b471; }

div#home-card-container #welcome-card { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: flex-start; -moz-box-align: flex-start; -ms-flex-align: flex-start; -webkit-align-items: flex-start; align-items: flex-start; padding: 30px; position: relative; }

@media only screen and (min-width: 750px) { div#home-card-container #welcome-card { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

div#home-card-container #welcome-card p { margin-bottom: 10px; }

div#home-card-container #welcome-card a { text-decoration: none; color: #0572ec; }

div#home-card-container #welcome-card .card-half { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; min-height: 180px; max-width: 100%; }

@media only screen and (min-width: 750px) { div#home-card-container #welcome-card .card-half { min-height: 208px; max-width: 225px; } }

div#home-card-container #welcome-card #welcome-blurb { margin-right: 1.5rem; }

div#home-card-container #welcome-card #welcome-blurb .title { line-height: 1.7rem; margin-bottom: 13px; }

div#home-card-container #welcome-card #welcome-blurb p { color: #757575; }

div#home-card-container #welcome-card #welcome-blurb .picture { width: 121px; height: 67px; -webkit-animation: 3s roll-in; animation: 3s roll-in; }

@-webkit-keyframes roll-in { 0% { transform: translateX(-125%); }
  80% { transform: translateX(2%); }
  100% { transform: translateX(0%); } }

@keyframes roll-in { 0% { transform: translateX(-125%); }
  80% { transform: translateX(2%); }
  100% { transform: translateX(0%); } }

div#home-card-container #welcome-card #welcome-blurb .ground { margin-left: -30px; border-bottom: 2px solid #faf2e1; width: 225px; -webkit-animation: 3s shrink-in; animation: 3s shrink-in; }

@-webkit-keyframes shrink-in { 0% { margin-left: -60px;
    width: 225px; }
  20% { margin-left: -60px;
    width: 225px; }
  40% { margin-left: -30px;
    width: 225px; }
  100% { margin-left: -30px;
    width: 225px; } }

@keyframes shrink-in { 0% { margin-left: -60px;
    width: 225px; }
  20% { margin-left: -60px;
    width: 225px; }
  40% { margin-left: -30px;
    width: 225px; }
  100% { margin-left: -30px;
    width: 225px; } }

div#home-card-container #welcome-card .step { margin-top: 20px; }

@media only screen and (min-width: 750px) { div#home-card-container #welcome-card .step { margin-top: 0; } }

div#home-card-container #welcome-card .step a { font-weight: 600; }

div#home-card-container #welcome-card .step a svg { margin-left: 15px; margin-bottom: -2px; fill: #0572ec; }

div#home-card-container #welcome-card .dismiss { position: absolute; top: 12px; right: 18px; }

div#home-card-container .loading .svg-loading-line { fill: rgba(215, 217, 224, 0.5); }

div#home-card-container .loading .svg-loading-line .animated { animation: loading 2s cubic-bezier(0.07, 1.13, 1, 1) infinite; }

div#home-card-container .loading .svg-loading-line.title { margin-top: 2.5rem; height: 1.5rem; }

div#home-card-container .loading .svg-loading-line.count, div#home-card-container .loading .svg-loading-line.description { margin-top: 0.9rem; height: 0.9rem; }

div#home-card-container .loading .svg-loading-line.count { margin-top: 0.9rem; }

div#home-card-container .loading .svg-loading-line.description + .description { margin-top: 0.3rem; }

div#home-card-container .loading#welcome-card .card-half { justify-content: flex-start; }

div#home-card-container .loading#welcome-card .svg-loading-line.title { margin-top: 4rem; }

div#home-card-container .loading#welcome-card .svg-loading-line.title:first-child { margin-top: 0; }

div#home-card-container .loading#welcome-card .svg-loading-line.description + .description { margin-top: 0.5rem; }

div#home-card-container .loading.sand .svg-loading-line { fill: rgba(230, 211, 172, 0.5); }

div#home-card-container .loading.sand .svg-loading-line > rect:first-of-type { fill: rgba(230, 211, 172, 0.5); }

@keyframes loading { 0% { transform: translate3d(-50%, 0, 0); }
  100% { transform: translate3d(150%, 0, 0); } }

#modal.invoice-popup { width: 600px; }

#modal.invoice-popup .invoice-body h2 { margin-top: 10px; }

#modal.invoice-popup .invoice-body table { table-layout: fixed; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

#modal.invoice-popup .invoice-body table th, #modal.invoice-popup .invoice-body table td { background-color: white !important; border: none; padding: 9px 2px; height: auto !important; }

#modal.invoice-popup .invoice-body .lines table { margin-top: 16px; }

#modal.invoice-popup .invoice-body .lines table th { color: #757575; font-size: 0.9rem; font-weight: 600; border-bottom: 2px solid rgba(0, 0, 0, 0.15); }

#modal.invoice-popup .invoice-body .lines table th:last-of-type { width: 100px; text-align: right; }

#modal.invoice-popup .invoice-body .lines table td { border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

#modal.invoice-popup .invoice-body .lines table td:first-of-type { padding-right: 15px; white-space: normal; }

#modal.invoice-popup .invoice-body .lines table td:last-of-type { text-align: right; }

#modal.invoice-popup .invoice-body .lines table td .period { font-size: 0.75rem; }

#modal.invoice-popup .invoice-body .lines table tr:last-of-type td { border-bottom: 2px solid rgba(0, 0, 0, 0.15); }

#modal.invoice-popup .invoice-body .totals table { margin-top: 0; margin-left: 45%; width: 55%; }

#modal.invoice-popup .invoice-body .totals table td:first-of-type { padding-right: 15px; color: #757575; font-size: 0.9rem; font-weight: 600; }

#modal.invoice-popup .invoice-body .totals table td:last-of-type { text-align: right; }

#modal.invoice-popup .invoice-body .totals table td .coupon-name { color: #757575; font-size: 0.75rem; }

#modal.invoice-popup .invoice-body .totals table tr.paid td { color: #333333; }

#modal.invoice-popup .invoice-body .totals table tr.paid td:last-of-type { font-weight: 600; font-size: 1.1rem; }

#modal.invoice-popup .invoice-body .totals table tr:not(:last-of-type) td { border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

#modal.invoice-popup .invoice-body .credit-card { margin-top: 20px; text-align: center; font-weight: 600; }

#modal.invoice-popup .invoice-body .credit-card.failed { color: #e60000; }

#modal.invoice-popup .invoice-body .credit-card img { vertical-align: -4px; }

#modal.invoice-popup .invoice-body .help { margin-top: 25px; text-align: center; font-size: 0.9rem; }

#modal.invoice-popup .invoice-body .buttons { margin-top: 13px; text-align: center; }

#modal.invoice-popup .invoice-body .buttons button:first-child { margin-right: 0.6rem; }

#modal.invoice-popup .invoice-body .print-only, #modal.invoice-popup .invoice-body .print-header { display: none; }

@media print { body.account-view.invoices { padding-top: 0; position: static; overflow: visible; }
  body.account-view.invoices #top-bar, body.account-view.invoices #main-content, body.account-view.invoices #global-sidebar { display: none !important; }
  body.account-view.invoices .no-print { display: none; }
  body.account-view.invoices .print-only { display: inline-block !important; }
  body.account-view.invoices #popup-container #modal { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-height: none; position: absolute; top: 0; }
  body.account-view.invoices #popup-container #modal .content-box { margin-top: 25px !important; }
  body.account-view.invoices #popup-container #modal header { display: none; }
  body.account-view.invoices #popup-container #modal .print-header { display: block; }
  body.account-view.invoices #popup-container #modal .print-header img { display: block; }
  body.account-view.invoices #popup-container #modal .print-header h1 { font-size: 1.75rem; margin-top: 25px; margin-bottom: 25px; }
  body.account-view.invoices #popup-container #modal .print-header div { margin-top: 25px; margin-bottom: 25px; }
  body.account-view.invoices #popup-container #modal .firefox { font-family: Helvetica, Arial, sans-serif !important; } }

.list-item { text-align: left; }

.list-item .avatar.small, .list-item .icon.small { float: left; margin: 0 10px 0 0; }

.list-item img:nth-child(2) { float: right; }

.list-item p { margin-top: 5px; }

.list-item.empty-category { opacity: 0.5; }

.list-item .state-note { display: block !important; color: #757575; }

.list-item .state-note.error { color: #e60000; }

.menu-wrapper { position: relative; display: inline-block; vertical-align: top; }

.menu-wrapper .menu { position: absolute; top: 35px; left: 0; }

.menu-wrapper.float-right .menu { left: auto; right: 0; }

.menu { background: white; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 0 1px, rgba(0, 0, 0, 0.15) 0 1px 20px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 0 1px, rgba(0, 0, 0, 0.15) 0 1px 20px; box-shadow: rgba(0, 0, 0, 0.15) 0 0 0 1px, rgba(0, 0, 0, 0.15) 0 1px 20px; display: none; width: 220px; }

.menu.active { display: block; z-index: 500; }

.menu .section { border-top: solid 1px rgba(0, 0, 0, 0.05); padding: 10px 0; margin-top: 0; }

.menu .section:first-child { border-top: none; }

.menu .section h2 { padding: 0 15px; }

.menu .section h2 + ul { margin-top: 5px; }

.menu > ul.nolink li, .menu > ul li a:not(.button), .menu > div > ul.nolink li, .menu > div > ul li a:not(.button) { display: block; line-height: 32px; padding: 0 15px; color: #333333; text-decoration: none; cursor: default; }

.menu > ul.nolink li:hover, .menu > ul li a:not(.button):hover, .menu > div > ul.nolink li:hover, .menu > div > ul li a:not(.button):hover { color: #333333; background-color: #f6f7f8; }

.menu > ul.nolink li.link, .menu > ul li a:not(.button).link, .menu > div > ul.nolink li.link, .menu > div > ul li a:not(.button).link { color: #0572ec; }

.menu > ul.nolink li.link-red, .menu > ul li a:not(.button).link-red, .menu > div > ul.nolink li.link-red, .menu > div > ul li a:not(.button).link-red { color: #e60000; }

.menu > ul.nolink li.disabled, .menu > ul li a:not(.button).disabled, .menu > div > ul.nolink li.disabled, .menu > div > ul li a:not(.button).disabled { color: #757575; }

.menu > ul.nolink li.disabled:hover, .menu > ul li a:not(.button).disabled:hover, .menu > div > ul.nolink li.disabled:hover, .menu > div > ul li a:not(.button).disabled:hover { background-color: transparent; }

.menu > ul.nolink li input[type="checkbox"], .menu > ul li a:not(.button) input[type="checkbox"], .menu > div > ul.nolink li input[type="checkbox"], .menu > div > ul li a:not(.button) input[type="checkbox"] { margin-right: 8px; }

.menu > ul.nolink li label, .menu > ul li a:not(.button) label, .menu > div > ul.nolink li label, .menu > div > ul li a:not(.button) label { margin: 0 -15px; padding: 0 15px; display: block; color: inherit; font-weight: inherit; }

.menu > ul.icon.nolink li, .menu > ul.icon li a, .menu > div > ul.icon.nolink li, .menu > div > ul.icon li a { padding: 0 15px 0 40px; }

.menu > ul.icon.nolink li img, .menu > ul.icon.nolink li.selected::before, .menu > ul.icon li a img, .menu > ul.icon li a.selected::before, .menu > div > ul.icon.nolink li img, .menu > div > ul.icon.nolink li.selected::before, .menu > div > ul.icon li a img, .menu > div > ul.icon li a.selected::before { float: left; margin: 7px -26px; }

.menu > ul.icon.nolink li.selected::before, .menu > ul.icon li a.selected::before, .menu > div > ul.icon.nolink li.selected::before, .menu > div > ul.icon li a.selected::before { content: url(../images/checkmark-small-green.svg); width: 18px; height: 18px; }

.menu-container { position: relative; }

.menu-container.select-menu { margin-top: 10px; }

.menu-container.select-menu .select-menu-button { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; width: 100%; border-radius: 6px; }

.menu-container.select-menu .active { width: 100%; top: 0; overflow: hidden; }

.menu-container.select-menu .select-option { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; padding: 8px 14px; cursor: default; }

.menu-container.select-menu .select-option:hover { background: #f6f7f8; }

.menu-container.select-menu .select-option:not(:last-child) { border-bottom: 1px solid #d7d9e0; }

.menu-container.select-menu .select-option.disabled { color: #757575; background-color: #e4e6e7; }

.menu-container.select-menu .option-display .desc { color: #757575; margin-left: 0.2em; }

.menu-container div.active { position: absolute; z-index: 600; background-color: white; border-radius: 6px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 0 1px, rgba(0, 0, 0, 0.15) 0 1px 20px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 0 1px, rgba(0, 0, 0, 0.15) 0 1px 20px; box-shadow: rgba(0, 0, 0, 0.15) 0 0 0 1px, rgba(0, 0, 0, 0.15) 0 1px 20px; }

.menu-container div.active a, .menu-container div.active .active-menu-button { display: block; color: #0572ec; text-decoration: none; font-weight: 600; text-align: center; padding: 12px; }

.menu-container div.active a.selected, .menu-container div.active .active-menu-button.selected { color: #204060; }

.menu-container div.active a:hover, .menu-container div.active .active-menu-button:hover { color: #1060d1; background-color: #f6f7fb; }

.menu-container div.active a:hover:first-child, .menu-container div.active .active-menu-button:hover:first-child { border-top-left-radius: 6px; border-top-right-radius: 6px; }

.menu-container div.active a:hover:last-child, .menu-container div.active .active-menu-button:hover:last-child { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }

.menu-container div.active a:not(:last-child), .menu-container div.active .active-menu-button:not(:last-child) { border-bottom: 1px solid #d7d9e0; }

.menu-container div.active a.red, .menu-container div.active .active-menu-button.red { color: #e60000; }

.menu-container div.active a.red:hover, .menu-container div.active .active-menu-button.red:hover { color: #b30000; }

.menu-container div.active a[disabled], .menu-container div.active .active-menu-button[disabled] { cursor: not-allowed; color: #e4e6e7 !important; }

body.panels { background: #fcfcfc; background-repeat: no-repeat; padding: 0; margin: 0; }

body.panels #panel-page { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

body.panels #panel-header, body.panels #panel-footer { width: 100%; margin: 0; display: flex; flex-direction: row; justify-content: center; }

body.panels #panel-header { flex: 0 0 56px; background: rgba(255, 255, 255, 0.98); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15); }

body.panels #panel-header img { margin: 6px 0; }

body.panels .information-preview { padding: 20px; border-radius: 6px; border: 1px solid #e4e6e7; background: white; }

body.panels .information-preview h5 { color: #757575; margin-top: 20px; }

body.panels .information-preview h5:first-child { margin-top: 0; }

body.panels .information-preview p { font-size: 1.1rem; width: 100%; padding: 0 0 3px; margin: 5px 0 0; border-bottom: 1px dashed #cbcccd; color: #333333; }

body.panels #panel { flex: 1 1 auto; margin: 0 auto; width: 100%; }

@media only screen and (min-width: 850px) { body.panels #panel { width: 780px; } }

body.panels #panel p.error-description { color: #e60000; }

body.panels #panel a.alt-action { color: #757575; text-decoration: none; border-bottom: 2px dotted #e4e6e7; font-size: 0.9rem; top: 10px; position: relative; }

body.panels #panel button#continue { width: 100px; }

body.panels #panel .right { float: right; }

body.panels #panel .right, body.panels #panel .right .button { margin-top: 0; }

body.panels #panel #right-icon { float: right; }

body.panels #panel #flow-join, body.panels #panel #flow-provision, body.panels #panel #flow-recover, body.panels #panel #flow-register, body.panels #panel #flow-signup-legacy, body.panels #panel #flow-team-join { flex: 1 1 auto; display: flex; flex-direction: column; margin: 6% 10%; font-size: 1.1rem; }

body.panels #panel #flow-join .button, body.panels #panel #flow-provision .button, body.panels #panel #flow-recover .button, body.panels #panel #flow-register .button, body.panels #panel #flow-signup-legacy .button, body.panels #panel #flow-team-join .button { font-size: inherit; }

body.panels #panel #flow-join section, body.panels #panel #flow-provision section, body.panels #panel #flow-recover section, body.panels #panel #flow-register section, body.panels #panel #flow-signup-legacy section, body.panels #panel #flow-team-join section { flex: 1 1 auto; display: flex; flex-direction: column; }

body.panels #panel #flow-join section section, body.panels #panel #flow-provision section section, body.panels #panel #flow-recover section section, body.panels #panel #flow-register section section, body.panels #panel #flow-signup-legacy section section, body.panels #panel #flow-team-join section section { margin-top: 2rem; }

body.panels #panel #flow-join section header, body.panels #panel #flow-join section footer, body.panels #panel #flow-provision section header, body.panels #panel #flow-provision section footer, body.panels #panel #flow-recover section header, body.panels #panel #flow-recover section footer, body.panels #panel #flow-register section header, body.panels #panel #flow-register section footer, body.panels #panel #flow-signup-legacy section header, body.panels #panel #flow-signup-legacy section footer, body.panels #panel #flow-team-join section header, body.panels #panel #flow-team-join section footer { width: 100%; margin: 0; display: unset; }

body.panels #panel #flow-join section header, body.panels #panel #flow-provision section header, body.panels #panel #flow-recover section header, body.panels #panel #flow-register section header, body.panels #panel #flow-signup-legacy section header, body.panels #panel #flow-team-join section header { margin-bottom: 2.5rem; flex-direction: column; justify-content: center; }

body.panels #panel #flow-join section header h1, body.panels #panel #flow-join section header h2, body.panels #panel #flow-provision section header h1, body.panels #panel #flow-provision section header h2, body.panels #panel #flow-recover section header h1, body.panels #panel #flow-recover section header h2, body.panels #panel #flow-register section header h1, body.panels #panel #flow-register section header h2, body.panels #panel #flow-signup-legacy section header h1, body.panels #panel #flow-signup-legacy section header h2, body.panels #panel #flow-team-join section header h1, body.panels #panel #flow-team-join section header h2 { font-weight: normal; line-height: 1.3em; text-align: center; }

body.panels #panel #flow-join section header h1.sent-email, body.panels #panel #flow-join section header h2.sent-email, body.panels #panel #flow-provision section header h1.sent-email, body.panels #panel #flow-provision section header h2.sent-email, body.panels #panel #flow-recover section header h1.sent-email, body.panels #panel #flow-recover section header h2.sent-email, body.panels #panel #flow-register section header h1.sent-email, body.panels #panel #flow-register section header h2.sent-email, body.panels #panel #flow-signup-legacy section header h1.sent-email, body.panels #panel #flow-signup-legacy section header h2.sent-email, body.panels #panel #flow-team-join section header h1.sent-email, body.panels #panel #flow-team-join section header h2.sent-email { text-align: left; margin-right: 20px; }

body.panels #panel #flow-join section header h1, body.panels #panel #flow-provision section header h1, body.panels #panel #flow-recover section header h1, body.panels #panel #flow-register section header h1, body.panels #panel #flow-signup-legacy section header h1, body.panels #panel #flow-team-join section header h1 { font-size: 2.25rem; }

body.panels #panel #flow-join section header h1.sent-email, body.panels #panel #flow-provision section header h1.sent-email, body.panels #panel #flow-recover section header h1.sent-email, body.panels #panel #flow-register section header h1.sent-email, body.panels #panel #flow-signup-legacy section header h1.sent-email, body.panels #panel #flow-team-join section header h1.sent-email { color: #00b300; }

body.panels #panel #flow-join section header h2, body.panels #panel #flow-provision section header h2, body.panels #panel #flow-recover section header h2, body.panels #panel #flow-register section header h2, body.panels #panel #flow-signup-legacy section header h2, body.panels #panel #flow-team-join section header h2 { font-size: 1.5rem; margin-top: 0.5rem; color: #757575; }

body.panels #panel #flow-join section footer, body.panels #panel #flow-provision section footer, body.panels #panel #flow-recover section footer, body.panels #panel #flow-register section footer, body.panels #panel #flow-signup-legacy section footer, body.panels #panel #flow-team-join section footer { margin-top: 3rem; flex-direction: row; justify-content: space-between; align-items: flex-start; }

body.panels #panel #flow-join section > div, body.panels #panel #flow-provision section > div, body.panels #panel #flow-recover section > div, body.panels #panel #flow-register section > div, body.panels #panel #flow-signup-legacy section > div, body.panels #panel #flow-team-join section > div { width: 100%; margin: 0; display: flex; flex-direction: row; justify-content: center; }

body.panels #panel #flow-join section img, body.panels #panel #flow-provision section img, body.panels #panel #flow-recover section img, body.panels #panel #flow-register section img, body.panels #panel #flow-signup-legacy section img, body.panels #panel #flow-team-join section img { align-self: center; }

body.panels #panel #flow-join section input[type="text"], body.panels #panel #flow-join section input[type="password"], body.panels #panel #flow-join section input[type="email"], body.panels #panel #flow-provision section input[type="text"], body.panels #panel #flow-provision section input[type="password"], body.panels #panel #flow-provision section input[type="email"], body.panels #panel #flow-recover section input[type="text"], body.panels #panel #flow-recover section input[type="password"], body.panels #panel #flow-recover section input[type="email"], body.panels #panel #flow-register section input[type="text"], body.panels #panel #flow-register section input[type="password"], body.panels #panel #flow-register section input[type="email"], body.panels #panel #flow-signup-legacy section input[type="text"], body.panels #panel #flow-signup-legacy section input[type="password"], body.panels #panel #flow-signup-legacy section input[type="email"], body.panels #panel #flow-team-join section input[type="text"], body.panels #panel #flow-team-join section input[type="password"], body.panels #panel #flow-team-join section input[type="email"] { font-size: 1.5rem; height: auto; }

body.panels #panel #flow-join section.button-row, body.panels #panel #flow-provision section.button-row, body.panels #panel #flow-recover section.button-row, body.panels #panel #flow-register section.button-row, body.panels #panel #flow-signup-legacy section.button-row, body.panels #panel #flow-team-join section.button-row { clear: both; }

body.panels #panel #flow-join section.button-row .button, body.panels #panel #flow-provision section.button-row .button, body.panels #panel #flow-recover section.button-row .button, body.panels #panel #flow-register section.button-row .button, body.panels #panel #flow-signup-legacy section.button-row .button, body.panels #panel #flow-team-join section.button-row .button { margin-top: 0; margin-left: 1rem; }

body.panels #panel #flow-join section.button-row .button:first-child, body.panels #panel #flow-provision section.button-row .button:first-child, body.panels #panel #flow-recover section.button-row .button:first-child, body.panels #panel #flow-register section.button-row .button:first-child, body.panels #panel #flow-signup-legacy section.button-row .button:first-child, body.panels #panel #flow-team-join section.button-row .button:first-child { margin-left: 0; }

body.panels #panel #flow-join section .button-explainer, body.panels #panel #flow-provision section .button-explainer, body.panels #panel #flow-recover section .button-explainer, body.panels #panel #flow-register section .button-explainer, body.panels #panel #flow-signup-legacy section .button-explainer, body.panels #panel #flow-team-join section .button-explainer { color: #757575; width: 100%; padding-bottom: 20px; }

body.panels #panel #flow-join section div.form.signup, body.panels #panel #flow-provision section div.form.signup, body.panels #panel #flow-recover section div.form.signup, body.panels #panel #flow-register section div.form.signup, body.panels #panel #flow-signup-legacy section div.form.signup, body.panels #panel #flow-team-join section div.form.signup { margin-top: 20px; min-width: 50%; width: 600px; max-width: 100%; }

body.panels #panel #flow-join section div.form.signup#domain-entry, body.panels #panel #flow-provision section div.form.signup#domain-entry, body.panels #panel #flow-recover section div.form.signup#domain-entry, body.panels #panel #flow-register section div.form.signup#domain-entry, body.panels #panel #flow-signup-legacy section div.form.signup#domain-entry, body.panels #panel #flow-team-join section div.form.signup#domain-entry { display: block; width: auto; }

body.panels #panel #flow-join section div.form.signup div.fieldset, body.panels #panel #flow-provision section div.form.signup div.fieldset, body.panels #panel #flow-recover section div.form.signup div.fieldset, body.panels #panel #flow-register section div.form.signup div.fieldset, body.panels #panel #flow-signup-legacy section div.form.signup div.fieldset, body.panels #panel #flow-team-join section div.form.signup div.fieldset { margin-top: 10px; }

body.panels #panel #flow-join section div.form.signup #team-name, body.panels #panel #flow-provision section div.form.signup #team-name, body.panels #panel #flow-recover section div.form.signup #team-name, body.panels #panel #flow-register section div.form.signup #team-name, body.panels #panel #flow-signup-legacy section div.form.signup #team-name, body.panels #panel #flow-team-join section div.form.signup #team-name { margin: 10px 0 0; width: 60%; float: left; -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; text-align: right; }

body.panels #panel #flow-join section div.form.signup #team-suffix, body.panels #panel #flow-provision section div.form.signup #team-suffix, body.panels #panel #flow-recover section div.form.signup #team-suffix, body.panels #panel #flow-register section div.form.signup #team-suffix, body.panels #panel #flow-signup-legacy section div.form.signup #team-suffix, body.panels #panel #flow-team-join section div.form.signup #team-suffix { margin: 10px 0 0 -2px; width: 40%; background-color: #f6f7f8; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; border-width: 1px 1px 1px 0; }

body.panels #panel #flow-join section div.form.signup #name, body.panels #panel #flow-provision section div.form.signup #name, body.panels #panel #flow-recover section div.form.signup #name, body.panels #panel #flow-register section div.form.signup #name, body.panels #panel #flow-signup-legacy section div.form.signup #name, body.panels #panel #flow-team-join section div.form.signup #name { width: 100%; }

body.panels #panel #flow-join section div.form.signup #newsletter-optin, body.panels #panel #flow-provision section div.form.signup #newsletter-optin, body.panels #panel #flow-recover section div.form.signup #newsletter-optin, body.panels #panel #flow-register section div.form.signup #newsletter-optin, body.panels #panel #flow-signup-legacy section div.form.signup #newsletter-optin, body.panels #panel #flow-team-join section div.form.signup #newsletter-optin { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-top: 1.5rem; }

body.panels #panel #flow-join section div.form.signup .terms, body.panels #panel #flow-provision section div.form.signup .terms, body.panels #panel #flow-recover section div.form.signup .terms, body.panels #panel #flow-register section div.form.signup .terms, body.panels #panel #flow-signup-legacy section div.form.signup .terms, body.panels #panel #flow-team-join section div.form.signup .terms { color: #757575; font-size: 1rem; }

body.panels #panel #flow-join section div.form.signup .terms a, body.panels #panel #flow-provision section div.form.signup .terms a, body.panels #panel #flow-recover section div.form.signup .terms a, body.panels #panel #flow-register section div.form.signup .terms a, body.panels #panel #flow-signup-legacy section div.form.signup .terms a, body.panels #panel #flow-team-join section div.form.signup .terms a { text-decoration: none; }

body.panels #panel #flow-join section div.form.signup .terms a:hover, body.panels #panel #flow-provision section div.form.signup .terms a:hover, body.panels #panel #flow-recover section div.form.signup .terms a:hover, body.panels #panel #flow-register section div.form.signup .terms a:hover, body.panels #panel #flow-signup-legacy section div.form.signup .terms a:hover, body.panels #panel #flow-team-join section div.form.signup .terms a:hover { text-decoration: underline; }

body.panels #panel #flow-join section div.form.signup label, body.panels #panel #flow-provision section div.form.signup label, body.panels #panel #flow-recover section div.form.signup label, body.panels #panel #flow-register section div.form.signup label, body.panels #panel #flow-signup-legacy section div.form.signup label, body.panels #panel #flow-team-join section div.form.signup label { display: block; }

body.panels #panel #flow-join section div.form.signup label + input, body.panels #panel #flow-provision section div.form.signup label + input, body.panels #panel #flow-recover section div.form.signup label + input, body.panels #panel #flow-register section div.form.signup label + input, body.panels #panel #flow-signup-legacy section div.form.signup label + input, body.panels #panel #flow-team-join section div.form.signup label + input { margin-top: 0.2rem; }

body.panels #panel #flow-join section div.form.signup label[for="newsletter"], body.panels #panel #flow-provision section div.form.signup label[for="newsletter"], body.panels #panel #flow-recover section div.form.signup label[for="newsletter"], body.panels #panel #flow-register section div.form.signup label[for="newsletter"], body.panels #panel #flow-signup-legacy section div.form.signup label[for="newsletter"], body.panels #panel #flow-team-join section div.form.signup label[for="newsletter"] { margin-top: 0; margin-left: 10px; max-width: calc(100% - 25px); }

body.panels #panel #flow-join section div.form.signup label, body.panels #panel #flow-join section div.form.signup div.input-email, body.panels #panel #flow-provision section div.form.signup label, body.panels #panel #flow-provision section div.form.signup div.input-email, body.panels #panel #flow-recover section div.form.signup label, body.panels #panel #flow-recover section div.form.signup div.input-email, body.panels #panel #flow-register section div.form.signup label, body.panels #panel #flow-register section div.form.signup div.input-email, body.panels #panel #flow-signup-legacy section div.form.signup label, body.panels #panel #flow-signup-legacy section div.form.signup div.input-email, body.panels #panel #flow-team-join section div.form.signup label, body.panels #panel #flow-team-join section div.form.signup div.input-email { margin-top: 1.5rem; }

body.panels #panel #flow-join section div.form.signup label:first-child, body.panels #panel #flow-join section div.form.signup div.input-email:first-child, body.panels #panel #flow-provision section div.form.signup label:first-child, body.panels #panel #flow-provision section div.form.signup div.input-email:first-child, body.panels #panel #flow-recover section div.form.signup label:first-child, body.panels #panel #flow-recover section div.form.signup div.input-email:first-child, body.panels #panel #flow-register section div.form.signup label:first-child, body.panels #panel #flow-register section div.form.signup div.input-email:first-child, body.panels #panel #flow-signup-legacy section div.form.signup label:first-child, body.panels #panel #flow-signup-legacy section div.form.signup div.input-email:first-child, body.panels #panel #flow-team-join section div.form.signup label:first-child, body.panels #panel #flow-team-join section div.form.signup div.input-email:first-child { margin-top: 0; }

body.panels #panel #flow-join section div.form.signup #company-domain, body.panels #panel #flow-provision section div.form.signup #company-domain, body.panels #panel #flow-recover section div.form.signup #company-domain, body.panels #panel #flow-register section div.form.signup #company-domain, body.panels #panel #flow-signup-legacy section div.form.signup #company-domain, body.panels #panel #flow-team-join section div.form.signup #company-domain { text-transform: lowercase; }

body.panels #panel #flow-join section div.form.signup p, body.panels #panel #flow-provision section div.form.signup p, body.panels #panel #flow-recover section div.form.signup p, body.panels #panel #flow-register section div.form.signup p, body.panels #panel #flow-signup-legacy section div.form.signup p, body.panels #panel #flow-team-join section div.form.signup p { min-height: 2.4rem; }

body.panels #panel #flow-join section div.form.signup button, body.panels #panel #flow-provision section div.form.signup button, body.panels #panel #flow-recover section div.form.signup button, body.panels #panel #flow-register section div.form.signup button, body.panels #panel #flow-signup-legacy section div.form.signup button, body.panels #panel #flow-team-join section div.form.signup button { width: 40%; min-width: 100px; }

body.panels #panel #flow-join div.flex, body.panels #panel #flow-provision div.flex, body.panels #panel #flow-recover div.flex, body.panels #panel #flow-register div.flex, body.panels #panel #flow-signup-legacy div.flex, body.panels #panel #flow-team-join div.flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; }

body.panels #panel #flow-join div.flex .credit-card.form, body.panels #panel #flow-provision div.flex .credit-card.form, body.panels #panel #flow-recover div.flex .credit-card.form, body.panels #panel #flow-register div.flex .credit-card.form, body.panels #panel #flow-signup-legacy div.flex .credit-card.form, body.panels #panel #flow-team-join div.flex .credit-card.form { width: 372px; }

body.panels #panel #flow-join div.flex .credit-card.form input[type="text"], body.panels #panel #flow-provision div.flex .credit-card.form input[type="text"], body.panels #panel #flow-recover div.flex .credit-card.form input[type="text"], body.panels #panel #flow-register div.flex .credit-card.form input[type="text"], body.panels #panel #flow-signup-legacy div.flex .credit-card.form input[type="text"], body.panels #panel #flow-team-join div.flex .credit-card.form input[type="text"] { font-size: 1.25rem; }

body.panels #panel #flow-join div.flex .credit-card.form select, body.panels #panel #flow-provision div.flex .credit-card.form select, body.panels #panel #flow-recover div.flex .credit-card.form select, body.panels #panel #flow-register div.flex .credit-card.form select, body.panels #panel #flow-signup-legacy div.flex .credit-card.form select, body.panels #panel #flow-team-join div.flex .credit-card.form select { font-size: 1.25rem; max-width: 100%; }

body.panels #panel #flow-join div.flex .credit-card.form p.first-bill, body.panels #panel #flow-provision div.flex .credit-card.form p.first-bill, body.panels #panel #flow-recover div.flex .credit-card.form p.first-bill, body.panels #panel #flow-register div.flex .credit-card.form p.first-bill, body.panels #panel #flow-signup-legacy div.flex .credit-card.form p.first-bill, body.panels #panel #flow-team-join div.flex .credit-card.form p.first-bill { text-align: left; color: #757575; }

body.panels #panel #flow-join div.flex .plan-selector, body.panels #panel #flow-provision div.flex .plan-selector, body.panels #panel #flow-recover div.flex .plan-selector, body.panels #panel #flow-register div.flex .plan-selector, body.panels #panel #flow-signup-legacy div.flex .plan-selector, body.panels #panel #flow-team-join div.flex .plan-selector { width: 160px; margin-top: 35px; }

body.panels #panel #flow-join div.flex .plan-selector > label.plan-option, body.panels #panel #flow-provision div.flex .plan-selector > label.plan-option, body.panels #panel #flow-recover div.flex .plan-selector > label.plan-option, body.panels #panel #flow-register div.flex .plan-selector > label.plan-option, body.panels #panel #flow-signup-legacy div.flex .plan-selector > label.plan-option, body.panels #panel #flow-team-join div.flex .plan-selector > label.plan-option { margin-top: -1px; position: relative; z-index: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

body.panels #panel #flow-join div.flex .plan-selector > label.plan-option:first-child, body.panels #panel #flow-provision div.flex .plan-selector > label.plan-option:first-child, body.panels #panel #flow-recover div.flex .plan-selector > label.plan-option:first-child, body.panels #panel #flow-register div.flex .plan-selector > label.plan-option:first-child, body.panels #panel #flow-signup-legacy div.flex .plan-selector > label.plan-option:first-child, body.panels #panel #flow-team-join div.flex .plan-selector > label.plan-option:first-child { margin-top: 0; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; }

body.panels #panel #flow-join div.flex .plan-selector > label.plan-option:last-child, body.panels #panel #flow-provision div.flex .plan-selector > label.plan-option:last-child, body.panels #panel #flow-recover div.flex .plan-selector > label.plan-option:last-child, body.panels #panel #flow-register div.flex .plan-selector > label.plan-option:last-child, body.panels #panel #flow-signup-legacy div.flex .plan-selector > label.plan-option:last-child, body.panels #panel #flow-team-join div.flex .plan-selector > label.plan-option:last-child { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; }

body.panels #panel #flow-join div.flex .plan-selector > label.plan-option.selected, body.panels #panel #flow-provision div.flex .plan-selector > label.plan-option.selected, body.panels #panel #flow-recover div.flex .plan-selector > label.plan-option.selected, body.panels #panel #flow-register div.flex .plan-selector > label.plan-option.selected, body.panels #panel #flow-signup-legacy div.flex .plan-selector > label.plan-option.selected, body.panels #panel #flow-team-join div.flex .plan-selector > label.plan-option.selected { z-index: 1; }

body.panels #panel #flow-join .mp-sk-box, body.panels #panel #flow-provision .mp-sk-box, body.panels #panel #flow-recover .mp-sk-box, body.panels #panel #flow-register .mp-sk-box, body.panels #panel #flow-team-join .mp-sk-box { width: 100%; position: relative; display: block; }

body.panels #panel #flow-join .mp-sk-box img, body.panels #panel #flow-provision .mp-sk-box img, body.panels #panel #flow-recover .mp-sk-box img, body.panels #panel #flow-register .mp-sk-box img, body.panels #panel #flow-team-join .mp-sk-box img { position: absolute; left: 0; right: 0; top: -14px; margin: 0 auto; z-index: 100; }

body.panels #panel #flow-join .mp-sk-box .content, body.panels #panel #flow-join .mp-sk-box .top-border, body.panels #panel #flow-provision .mp-sk-box .content, body.panels #panel #flow-provision .mp-sk-box .top-border, body.panels #panel #flow-recover .mp-sk-box .content, body.panels #panel #flow-recover .mp-sk-box .top-border, body.panels #panel #flow-register .mp-sk-box .content, body.panels #panel #flow-register .mp-sk-box .top-border, body.panels #panel #flow-team-join .mp-sk-box .content, body.panels #panel #flow-team-join .mp-sk-box .top-border { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

body.panels #panel #flow-join .mp-sk-box .top-border, body.panels #panel #flow-provision .mp-sk-box .top-border, body.panels #panel #flow-recover .mp-sk-box .top-border, body.panels #panel #flow-register .mp-sk-box .top-border, body.panels #panel #flow-team-join .mp-sk-box .top-border { position: absolute; width: 100%; top: 0; bottom: 0; }

body.panels #panel #flow-join .mp-sk-box .top-fill, body.panels #panel #flow-provision .mp-sk-box .top-fill, body.panels #panel #flow-recover .mp-sk-box .top-fill, body.panels #panel #flow-register .mp-sk-box .top-fill, body.panels #panel #flow-team-join .mp-sk-box .top-fill { height: 33px; margin-bottom: -2px; border-top-left-radius: 6px; border-top-right-radius: 6px; }

body.panels #panel #flow-join .mp-sk-box .content, body.panels #panel #flow-provision .mp-sk-box .content, body.panels #panel #flow-recover .mp-sk-box .content, body.panels #panel #flow-register .mp-sk-box .content, body.panels #panel #flow-team-join .mp-sk-box .content { min-height: 65px; text-align: center; background-color: white; }

body.panels #panel #flow-join .mp-sk-box.ak img, body.panels #panel #flow-provision .mp-sk-box.ak img, body.panels #panel #flow-recover .mp-sk-box.ak img, body.panels #panel #flow-register .mp-sk-box.ak img, body.panels #panel #flow-team-join .mp-sk-box.ak img { width: 110px; height: 60px; }

body.panels #panel #flow-join .mp-sk-box.ak .content, body.panels #panel #flow-join .mp-sk-box.ak .top-border, body.panels #panel #flow-provision .mp-sk-box.ak .content, body.panels #panel #flow-provision .mp-sk-box.ak .top-border, body.panels #panel #flow-recover .mp-sk-box.ak .content, body.panels #panel #flow-recover .mp-sk-box.ak .top-border, body.panels #panel #flow-register .mp-sk-box.ak .content, body.panels #panel #flow-register .mp-sk-box.ak .top-border, body.panels #panel #flow-team-join .mp-sk-box.ak .content, body.panels #panel #flow-team-join .mp-sk-box.ak .top-border { border: 2px solid #e6735c; }

body.panels #panel #flow-join .mp-sk-box.ak .top-border, body.panels #panel #flow-provision .mp-sk-box.ak .top-border, body.panels #panel #flow-recover .mp-sk-box.ak .top-border, body.panels #panel #flow-register .mp-sk-box.ak .top-border, body.panels #panel #flow-team-join .mp-sk-box.ak .top-border { background-color: #fa9; }

body.panels #panel #flow-join .mp-sk-box.ak .content, body.panels #panel #flow-provision .mp-sk-box.ak .content, body.panels #panel #flow-recover .mp-sk-box.ak .content, body.panels #panel #flow-register .mp-sk-box.ak .content, body.panels #panel #flow-team-join .mp-sk-box.ak .content { padding-bottom: 10px; }

body.panels #panel #flow-join .mp-sk-box.mp img, body.panels #panel #flow-provision .mp-sk-box.mp img, body.panels #panel #flow-recover .mp-sk-box.mp img, body.panels #panel #flow-register .mp-sk-box.mp img, body.panels #panel #flow-team-join .mp-sk-box.mp img { width: 60px; height: 60px; }

body.panels #panel #flow-join .mp-sk-box.mp .content, body.panels #panel #flow-join .mp-sk-box.mp .top-border, body.panels #panel #flow-provision .mp-sk-box.mp .content, body.panels #panel #flow-provision .mp-sk-box.mp .top-border, body.panels #panel #flow-recover .mp-sk-box.mp .content, body.panels #panel #flow-recover .mp-sk-box.mp .top-border, body.panels #panel #flow-register .mp-sk-box.mp .content, body.panels #panel #flow-register .mp-sk-box.mp .top-border, body.panels #panel #flow-team-join .mp-sk-box.mp .content, body.panels #panel #flow-team-join .mp-sk-box.mp .top-border { border: 2px solid #478acc; }

body.panels #panel #flow-join .mp-sk-box.mp .top-fill, body.panels #panel #flow-provision .mp-sk-box.mp .top-fill, body.panels #panel #flow-recover .mp-sk-box.mp .top-fill, body.panels #panel #flow-register .mp-sk-box.mp .top-fill, body.panels #panel #flow-team-join .mp-sk-box.mp .top-fill { background-color: #8cc6ff; }

body.panels #panel #flow-join #master-password, body.panels #panel #flow-provision #master-password, body.panels #panel #flow-recover #master-password, body.panels #panel #flow-register #master-password, body.panels #panel #flow-team-join #master-password { margin-top: 0; }

body.panels #panel #flow-join #content section, body.panels #panel #flow-provision #content section, body.panels #panel #flow-recover #content section, body.panels #panel #flow-register #content section, body.panels #panel #flow-team-join #content section { margin-top: 1.2rem; }

body.panels #panel #flow-join #content section .button, body.panels #panel #flow-provision #content section .button, body.panels #panel #flow-recover #content section .button, body.panels #panel #flow-register #content section .button, body.panels #panel #flow-team-join #content section .button { display: block; margin-top: 10px; width: 100%; text-align: center; }

@media only screen and (min-width: 600px) { body.panels #panel #flow-join #content section .button, body.panels #panel #flow-provision #content section .button, body.panels #panel #flow-recover #content section .button, body.panels #panel #flow-register #content section .button, body.panels #panel #flow-team-join #content section .button { display: inline-block; width: auto; margin-top: 0; margin-left: 10px; }
  body.panels #panel #flow-join #content section .button:first-child, body.panels #panel #flow-provision #content section .button:first-child, body.panels #panel #flow-recover #content section .button:first-child, body.panels #panel #flow-register #content section .button:first-child, body.panels #panel #flow-team-join #content section .button:first-child { margin-left: 0; } }

body.panels #panel #flow-join #register-name > div, body.panels #panel #flow-provision #register-name > div, body.panels #panel #flow-recover #register-name > div, body.panels #panel #flow-register #register-name > div, body.panels #panel #flow-team-join #register-name > div { display: flex; flex-direction: row-reverse; justify-content: space-between; }

body.panels #panel #flow-join #register-name > div div.form.signup, body.panels #panel #flow-provision #register-name > div div.form.signup, body.panels #panel #flow-recover #register-name > div div.form.signup, body.panels #panel #flow-register #register-name > div div.form.signup, body.panels #panel #flow-team-join #register-name > div div.form.signup { display: inline-block; width: 100%; }

body.panels #panel #flow-join #register-name > div div.upload-avatar, body.panels #panel #flow-provision #register-name > div div.upload-avatar, body.panels #panel #flow-recover #register-name > div div.upload-avatar, body.panels #panel #flow-register #register-name > div div.upload-avatar, body.panels #panel #flow-team-join #register-name > div div.upload-avatar { display: none; }

@media only screen and (min-width: 600px) { body.panels #panel #flow-join #register-name > div div.upload-avatar, body.panels #panel #flow-provision #register-name > div div.upload-avatar, body.panels #panel #flow-recover #register-name > div div.upload-avatar, body.panels #panel #flow-register #register-name > div div.upload-avatar, body.panels #panel #flow-team-join #register-name > div div.upload-avatar { display: flex; margin-top: 38px; margin-right: 16px; margin-left: 0; } }

body.panels #panel #flow-join #register-billing footer > *:first-child, body.panels #panel #flow-provision #register-billing footer > *:first-child, body.panels #panel #flow-recover #register-billing footer > *:first-child, body.panels #panel #flow-register #register-billing footer > *:first-child, body.panels #panel #flow-team-join #register-billing footer > *:first-child { margin-right: auto; }

body.panels #panel #flow-join #register-mp .dark-blue, body.panels #panel #flow-join #register-mpgen .dark-blue, body.panels #panel #flow-join #register-practice .dark-blue, body.panels #panel #flow-provision #register-mp .dark-blue, body.panels #panel #flow-provision #register-mpgen .dark-blue, body.panels #panel #flow-provision #register-practice .dark-blue, body.panels #panel #flow-recover #register-mp .dark-blue, body.panels #panel #flow-recover #register-mpgen .dark-blue, body.panels #panel #flow-recover #register-practice .dark-blue, body.panels #panel #flow-register #register-mp .dark-blue, body.panels #panel #flow-register #register-mpgen .dark-blue, body.panels #panel #flow-register #register-practice .dark-blue, body.panels #panel #flow-team-join #register-mp .dark-blue, body.panels #panel #flow-team-join #register-mpgen .dark-blue, body.panels #panel #flow-team-join #register-practice .dark-blue { color: #478acc; }

body.panels #panel #flow-join #register-mp div.fieldset, body.panels #panel #flow-join #register-mpgen div.fieldset, body.panels #panel #flow-join #register-practice div.fieldset, body.panels #panel #flow-provision #register-mp div.fieldset, body.panels #panel #flow-provision #register-mpgen div.fieldset, body.panels #panel #flow-provision #register-practice div.fieldset, body.panels #panel #flow-recover #register-mp div.fieldset, body.panels #panel #flow-recover #register-mpgen div.fieldset, body.panels #panel #flow-recover #register-practice div.fieldset, body.panels #panel #flow-register #register-mp div.fieldset, body.panels #panel #flow-register #register-mpgen div.fieldset, body.panels #panel #flow-register #register-practice div.fieldset, body.panels #panel #flow-team-join #register-mp div.fieldset, body.panels #panel #flow-team-join #register-mpgen div.fieldset, body.panels #panel #flow-team-join #register-practice div.fieldset { position: relative; }

body.panels #panel #flow-join #register-mp div.form.signup, body.panels #panel #flow-join #register-mpgen div.form.signup, body.panels #panel #flow-join #register-practice div.form.signup, body.panels #panel #flow-provision #register-mp div.form.signup, body.panels #panel #flow-provision #register-mpgen div.form.signup, body.panels #panel #flow-provision #register-practice div.form.signup, body.panels #panel #flow-recover #register-mp div.form.signup, body.panels #panel #flow-recover #register-mpgen div.form.signup, body.panels #panel #flow-recover #register-practice div.form.signup, body.panels #panel #flow-register #register-mp div.form.signup, body.panels #panel #flow-register #register-mpgen div.form.signup, body.panels #panel #flow-register #register-practice div.form.signup, body.panels #panel #flow-team-join #register-mp div.form.signup, body.panels #panel #flow-team-join #register-mpgen div.form.signup, body.panels #panel #flow-team-join #register-practice div.form.signup { min-width: 67%; }

body.panels #panel #flow-join #register-mp #custom-master-password, body.panels #panel #flow-provision #register-mp #custom-master-password, body.panels #panel #flow-recover #register-mp #custom-master-password, body.panels #panel #flow-register #register-mp #custom-master-password, body.panels #panel #flow-team-join #register-mp #custom-master-password { margin-top: 1px; text-align: left; font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace; letter-spacing: normal; width: 100%; height: 60px; position: relative; padding-right: 65px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

body.panels #panel #flow-join #register-mp #show-hide, body.panels #panel #flow-provision #register-mp #show-hide, body.panels #panel #flow-recover #register-mp #show-hide, body.panels #panel #flow-register #register-mp #show-hide, body.panels #panel #flow-team-join #register-mp #show-hide { position: absolute; cursor: pointer; right: 0; top: 0; height: 20px; width: 60px; padding-top: 21px; padding-bottom: 20px; padding-right: 5px; box-sizing: content-box; }

body.panels #panel #flow-join #register-mp #show-hide #conceal-toggle, body.panels #panel #flow-provision #register-mp #show-hide #conceal-toggle, body.panels #panel #flow-recover #register-mp #show-hide #conceal-toggle, body.panels #panel #flow-register #register-mp #show-hide #conceal-toggle, body.panels #panel #flow-team-join #register-mp #show-hide #conceal-toggle { color: #757575; font-size: 0.8rem; text-transform: uppercase; font-weight: 600; }

body.panels #panel #flow-join #register-mp #show-hide:focus #conceal-toggle, body.panels #panel #flow-provision #register-mp #show-hide:focus #conceal-toggle, body.panels #panel #flow-recover #register-mp #show-hide:focus #conceal-toggle, body.panels #panel #flow-register #register-mp #show-hide:focus #conceal-toggle, body.panels #panel #flow-team-join #register-mp #show-hide:focus #conceal-toggle { color: #0572ec; }

body.panels #panel #flow-join #register-mp .helpers, body.panels #panel #flow-provision #register-mp .helpers, body.panels #panel #flow-recover #register-mp .helpers, body.panels #panel #flow-register #register-mp .helpers, body.panels #panel #flow-team-join #register-mp .helpers { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: flex-start; -moz-box-align: flex-start; -ms-flex-align: flex-start; -webkit-align-items: flex-start; align-items: flex-start; margin-top: 2rem; }

body.panels #panel #flow-join #register-mp .helpers .paddy-box, body.panels #panel #flow-provision #register-mp .helpers .paddy-box, body.panels #panel #flow-recover #register-mp .helpers .paddy-box, body.panels #panel #flow-register #register-mp .helpers .paddy-box, body.panels #panel #flow-team-join #register-mp .helpers .paddy-box { flex: 2; margin-right: 1rem; }

body.panels #panel #flow-join #register-mp .helpers #generator-link, body.panels #panel #flow-provision #register-mp .helpers #generator-link, body.panels #panel #flow-recover #register-mp .helpers #generator-link, body.panels #panel #flow-register #register-mp .helpers #generator-link, body.panels #panel #flow-team-join #register-mp .helpers #generator-link { flex: 1; }

body.panels #panel #flow-join #register-mp .helpers #generator-link h5, body.panels #panel #flow-provision #register-mp .helpers #generator-link h5, body.panels #panel #flow-recover #register-mp .helpers #generator-link h5, body.panels #panel #flow-register #register-mp .helpers #generator-link h5, body.panels #panel #flow-team-join #register-mp .helpers #generator-link h5 { color: #0572ec; }

body.panels #panel #flow-join #register-mp .helpers #generator-link p, body.panels #panel #flow-provision #register-mp .helpers #generator-link p, body.panels #panel #flow-recover #register-mp .helpers #generator-link p, body.panels #panel #flow-register #register-mp .helpers #generator-link p, body.panels #panel #flow-team-join #register-mp .helpers #generator-link p { margin-top: 10px; font-size: 1rem; }

body.panels #panel #flow-join #register-mpgen .form, body.panels #panel #flow-provision #register-mpgen .form, body.panels #panel #flow-recover #register-mpgen .form, body.panels #panel #flow-register #register-mpgen .form, body.panels #panel #flow-team-join #register-mpgen .form { display: block; }

body.panels #panel #flow-join #register-mpgen #generated-master-password, body.panels #panel #flow-provision #register-mpgen #generated-master-password, body.panels #panel #flow-recover #register-mpgen #generated-master-password, body.panels #panel #flow-register #register-mpgen #generated-master-password, body.panels #panel #flow-team-join #register-mpgen #generated-master-password { margin-top: 0; text-align: center; line-height: 41px; color: #478acc; font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace; letter-spacing: normal; width: 100%; background-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

body.panels #panel #flow-join #register-mpgen #generator-main, body.panels #panel #flow-provision #register-mpgen #generator-main, body.panels #panel #flow-recover #register-mpgen #generator-main, body.panels #panel #flow-register #register-mpgen #generator-main, body.panels #panel #flow-team-join #register-mpgen #generator-main { margin-top: 2rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

body.panels #panel #flow-join #register-mpgen #generator-main #generator-controls, body.panels #panel #flow-provision #register-mpgen #generator-main #generator-controls, body.panels #panel #flow-recover #register-mpgen #generator-main #generator-controls, body.panels #panel #flow-register #register-mpgen #generator-main #generator-controls, body.panels #panel #flow-team-join #register-mpgen #generator-main #generator-controls { text-align: left; -webkit-box-flex: 0 0 50%; -moz-box-flex: 0 0 50%; -ms-box-flex: 0 0 50%; box-flex: 0 0 50%; -webkit-flex: 0 0 50%; -moz-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }

body.panels #panel #flow-join #register-mpgen #generator-main #generator-controls #regenerate-button, body.panels #panel #flow-provision #register-mpgen #generator-main #generator-controls #regenerate-button, body.panels #panel #flow-recover #register-mpgen #generator-main #generator-controls #regenerate-button, body.panels #panel #flow-register #register-mpgen #generator-main #generator-controls #regenerate-button, body.panels #panel #flow-team-join #register-mpgen #generator-main #generator-controls #regenerate-button { margin-left: 0; width: 100%; }

body.panels #panel #flow-join #register-mpgen #generator-main #generator-controls .control-row, body.panels #panel #flow-provision #register-mpgen #generator-main #generator-controls .control-row, body.panels #panel #flow-recover #register-mpgen #generator-main #generator-controls .control-row, body.panels #panel #flow-register #register-mpgen #generator-main #generator-controls .control-row, body.panels #panel #flow-team-join #register-mpgen #generator-main #generator-controls .control-row { margin-top: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

body.panels #panel #flow-join #register-mpgen #generator-main #generator-controls .control-row.first, body.panels #panel #flow-provision #register-mpgen #generator-main #generator-controls .control-row.first, body.panels #panel #flow-recover #register-mpgen #generator-main #generator-controls .control-row.first, body.panels #panel #flow-register #register-mpgen #generator-main #generator-controls .control-row.first, body.panels #panel #flow-team-join #register-mpgen #generator-main #generator-controls .control-row.first { margin-top: 20px; }

body.panels #panel #flow-join #register-mpgen #generator-main #generator-controls .control-row label[for], body.panels #panel #flow-provision #register-mpgen #generator-main #generator-controls .control-row label[for], body.panels #panel #flow-recover #register-mpgen #generator-main #generator-controls .control-row label[for], body.panels #panel #flow-register #register-mpgen #generator-main #generator-controls .control-row label[for], body.panels #panel #flow-team-join #register-mpgen #generator-main #generator-controls .control-row label[for] { display: block; }

body.panels #panel #flow-join #register-mpgen #generator-main #generator-controls .control-row #num-words, body.panels #panel #flow-join #register-mpgen #generator-main #generator-controls .control-row #separate-using, body.panels #panel #flow-provision #register-mpgen #generator-main #generator-controls .control-row #num-words, body.panels #panel #flow-provision #register-mpgen #generator-main #generator-controls .control-row #separate-using, body.panels #panel #flow-recover #register-mpgen #generator-main #generator-controls .control-row #num-words, body.panels #panel #flow-recover #register-mpgen #generator-main #generator-controls .control-row #separate-using, body.panels #panel #flow-register #register-mpgen #generator-main #generator-controls .control-row #num-words, body.panels #panel #flow-register #register-mpgen #generator-main #generator-controls .control-row #separate-using, body.panels #panel #flow-team-join #register-mpgen #generator-main #generator-controls .control-row #num-words, body.panels #panel #flow-team-join #register-mpgen #generator-main #generator-controls .control-row #separate-using { -webkit-box-flex: 0 0 135px; -moz-box-flex: 0 0 135px; -ms-box-flex: 0 0 135px; box-flex: 0 0 135px; -webkit-flex: 0 0 135px; -moz-flex: 0 0 135px; -ms-flex: 0 0 135px; flex: 0 0 135px; }

body.panels #panel #flow-join #register-mpgen #generator-main #generator-controls div#num-words, body.panels #panel #flow-provision #register-mpgen #generator-main #generator-controls div#num-words, body.panels #panel #flow-recover #register-mpgen #generator-main #generator-controls div#num-words, body.panels #panel #flow-register #register-mpgen #generator-main #generator-controls div#num-words, body.panels #panel #flow-team-join #register-mpgen #generator-main #generator-controls div#num-words { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; height: 40px; }

body.panels #panel #flow-join #register-mpgen #generator-main #generator-controls div#num-words button, body.panels #panel #flow-provision #register-mpgen #generator-main #generator-controls div#num-words button, body.panels #panel #flow-recover #register-mpgen #generator-main #generator-controls div#num-words button, body.panels #panel #flow-register #register-mpgen #generator-main #generator-controls div#num-words button, body.panels #panel #flow-team-join #register-mpgen #generator-main #generator-controls div#num-words button { -webkit-box-flex: 0 0 40px; -moz-box-flex: 0 0 40px; -ms-box-flex: 0 0 40px; box-flex: 0 0 40px; -webkit-flex: 0 0 40px; -moz-flex: 0 0 40px; -ms-flex: 0 0 40px; flex: 0 0 40px; text-align: center; background-color: white; border: 1px solid #e4e6e7; }

body.panels #panel #flow-join #register-mpgen #generator-main #generator-controls div#num-words button:disabled, body.panels #panel #flow-provision #register-mpgen #generator-main #generator-controls div#num-words button:disabled, body.panels #panel #flow-recover #register-mpgen #generator-main #generator-controls div#num-words button:disabled, body.panels #panel #flow-register #register-mpgen #generator-main #generator-controls div#num-words button:disabled, body.panels #panel #flow-team-join #register-mpgen #generator-main #generator-controls div#num-words button:disabled { background-color: #f6f7f8; }

body.panels #panel #flow-join #register-mpgen #generator-main #generator-controls div#num-words button:first-child, body.panels #panel #flow-provision #register-mpgen #generator-main #generator-controls div#num-words button:first-child, body.panels #panel #flow-recover #register-mpgen #generator-main #generator-controls div#num-words button:first-child, body.panels #panel #flow-register #register-mpgen #generator-main #generator-controls div#num-words button:first-child, body.panels #panel #flow-team-join #register-mpgen #generator-main #generator-controls div#num-words button:first-child { -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; }

body.panels #panel #flow-join #register-mpgen #generator-main #generator-controls div#num-words button:last-child, body.panels #panel #flow-provision #register-mpgen #generator-main #generator-controls div#num-words button:last-child, body.panels #panel #flow-recover #register-mpgen #generator-main #generator-controls div#num-words button:last-child, body.panels #panel #flow-register #register-mpgen #generator-main #generator-controls div#num-words button:last-child, body.panels #panel #flow-team-join #register-mpgen #generator-main #generator-controls div#num-words button:last-child { -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; }

body.panels #panel #flow-join #register-mpgen #generator-main #generator-controls div#num-words input, body.panels #panel #flow-provision #register-mpgen #generator-main #generator-controls div#num-words input, body.panels #panel #flow-recover #register-mpgen #generator-main #generator-controls div#num-words input, body.panels #panel #flow-register #register-mpgen #generator-main #generator-controls div#num-words input, body.panels #panel #flow-team-join #register-mpgen #generator-main #generator-controls div#num-words input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none; border-top: 1px solid #e4e6e7; border-bottom: 1px solid #e4e6e7; text-align: center; font-size: 1.5rem; margin-top: 0; margin-bottom: 0; min-width: 0; }

body.panels #panel #flow-join #register-mpgen #generator-main #generator-controls select#separate-using, body.panels #panel #flow-provision #register-mpgen #generator-main #generator-controls select#separate-using, body.panels #panel #flow-recover #register-mpgen #generator-main #generator-controls select#separate-using, body.panels #panel #flow-register #register-mpgen #generator-main #generator-controls select#separate-using, body.panels #panel #flow-team-join #register-mpgen #generator-main #generator-controls select#separate-using { margin-top: 0; font-size: 1rem; box-shadow: none; border: 1px solid #e4e6e7; }

body.panels #panel #flow-join #register-practice > section, body.panels #panel #flow-provision #register-practice > section, body.panels #panel #flow-recover #register-practice > section, body.panels #panel #flow-register #register-practice > section, body.panels #panel #flow-team-join #register-practice > section { margin-top: 0; }

body.panels #panel #flow-join #register-practice footer > *, body.panels #panel #flow-provision #register-practice footer > *, body.panels #panel #flow-recover #register-practice footer > *, body.panels #panel #flow-register #register-practice footer > *, body.panels #panel #flow-team-join #register-practice footer > * { margin-top: 0; }

body.panels #panel #flow-join #register-practice footer > *:last-child, body.panels #panel #flow-provision #register-practice footer > *:last-child, body.panels #panel #flow-recover #register-practice footer > *:last-child, body.panels #panel #flow-register #register-practice footer > *:last-child, body.panels #panel #flow-team-join #register-practice footer > *:last-child { margin-left: auto; }

body.panels #panel #flow-join #register-practice #master-password, body.panels #panel #flow-provision #register-practice #master-password, body.panels #panel #flow-recover #register-practice #master-password, body.panels #panel #flow-register #register-practice #master-password, body.panels #panel #flow-team-join #register-practice #master-password { line-height: 61px; text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

body.panels #panel #flow-join #register-practice #master-password span, body.panels #panel #flow-provision #register-practice #master-password span, body.panels #panel #flow-recover #register-practice #master-password span, body.panels #panel #flow-register #register-practice #master-password span, body.panels #panel #flow-team-join #register-practice #master-password span { font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace; letter-spacing: normal; color: #757575; border-bottom: 0.2rem solid white; }

body.panels #panel #flow-join #register-practice #master-password span.current, body.panels #panel #flow-provision #register-practice #master-password span.current, body.panels #panel #flow-recover #register-practice #master-password span.current, body.panels #panel #flow-register #register-practice #master-password span.current, body.panels #panel #flow-team-join #register-practice #master-password span.current { animation: mp-practice-blink 0.5s step-end infinite alternate; border-color: #478acc; }

body.panels #panel #flow-join #register-practice #master-password span.typed, body.panels #panel #flow-provision #register-practice #master-password span.typed, body.panels #panel #flow-recover #register-practice #master-password span.typed, body.panels #panel #flow-register #register-practice #master-password span.typed, body.panels #panel #flow-team-join #register-practice #master-password span.typed { color: #00b300; }

body.panels #panel #flow-join #register-practice #master-password span.mistake, body.panels #panel #flow-provision #register-practice #master-password span.mistake, body.panels #panel #flow-recover #register-practice #master-password span.mistake, body.panels #panel #flow-register #register-practice #master-password span.mistake, body.panels #panel #flow-team-join #register-practice #master-password span.mistake { color: #e60000; border-color: #e60000; animation: mp-practice-blink 0.5s step-end infinite alternate; }

body.panels #panel #flow-join #register-practice p.message, body.panels #panel #flow-provision #register-practice p.message, body.panels #panel #flow-recover #register-practice p.message, body.panels #panel #flow-register #register-practice p.message, body.panels #panel #flow-team-join #register-practice p.message { line-height: 1.3em; color: #00b300; }

body.panels #panel #flow-join #register-practice .helpers, body.panels #panel #flow-provision #register-practice .helpers, body.panels #panel #flow-recover #register-practice .helpers, body.panels #panel #flow-register #register-practice .helpers, body.panels #panel #flow-team-join #register-practice .helpers { margin-top: 2rem; }

body.panels #panel #flow-join #register-security-intro h2, body.panels #panel #flow-provision #register-security-intro h2, body.panels #panel #flow-recover #register-security-intro h2, body.panels #panel #flow-register #register-security-intro h2, body.panels #panel #flow-team-join #register-security-intro h2 { max-width: 450px; margin-left: auto; margin-right: auto; }

body.panels #panel #flow-join #register-security-intro img, body.panels #panel #flow-provision #register-security-intro img, body.panels #panel #flow-recover #register-security-intro img, body.panels #panel #flow-register #register-security-intro img, body.panels #panel #flow-team-join #register-security-intro img { width: 100%; }

body.panels #panel #flow-join #register-security-intro .hidden, body.panels #panel #flow-provision #register-security-intro .hidden, body.panels #panel #flow-recover #register-security-intro .hidden, body.panels #panel #flow-register #register-security-intro .hidden, body.panels #panel #flow-team-join #register-security-intro .hidden { display: none; }

body.panels #panel #flow-join #register-signin, body.panels #panel #flow-provision #register-signin, body.panels #panel #flow-recover #register-signin, body.panels #panel #flow-register #register-signin, body.panels #panel #flow-team-join #register-signin { text-align: center; }

body.panels #panel #flow-join #register-signin footer, body.panels #panel #flow-provision #register-signin footer, body.panels #panel #flow-recover #register-signin footer, body.panels #panel #flow-register #register-signin footer, body.panels #panel #flow-team-join #register-signin footer { margin: 10px auto 0; justify-content: center; max-width: 280px; }

body.panels #panel #flow-join #register-signin footer > *, body.panels #panel #flow-provision #register-signin footer > *, body.panels #panel #flow-recover #register-signin footer > *, body.panels #panel #flow-register #register-signin footer > *, body.panels #panel #flow-team-join #register-signin footer > * { margin-top: 0; }

body.panels #panel #flow-join #register-signin footer > *:last-child, body.panels #panel #flow-provision #register-signin footer > *:last-child, body.panels #panel #flow-recover #register-signin footer > *:last-child, body.panels #panel #flow-register #register-signin footer > *:last-child, body.panels #panel #flow-team-join #register-signin footer > *:last-child { flex: 1; }

body.panels #panel #flow-join #register-signin div.form.signin, body.panels #panel #flow-provision #register-signin div.form.signin, body.panels #panel #flow-recover #register-signin div.form.signin, body.panels #panel #flow-register #register-signin div.form.signin, body.panels #panel #flow-team-join #register-signin div.form.signin { margin-top: 20px; }

body.panels #panel #flow-join #register-signin div.form.signin #master-password, body.panels #panel #flow-provision #register-signin div.form.signin #master-password, body.panels #panel #flow-recover #register-signin div.form.signin #master-password, body.panels #panel #flow-register #register-signin div.form.signin #master-password, body.panels #panel #flow-team-join #register-signin div.form.signin #master-password { margin-top: 10px; }

body.panels #panel #flow-join #register-signin div.form.signin button, body.panels #panel #flow-provision #register-signin div.form.signin button, body.panels #panel #flow-recover #register-signin div.form.signin button, body.panels #panel #flow-register #register-signin div.form.signin button, body.panels #panel #flow-team-join #register-signin div.form.signin button { margin-top: 25px; }

body.panels #panel #flow-join #register-signin div.form.signin button.previous, body.panels #panel #flow-provision #register-signin div.form.signin button.previous, body.panels #panel #flow-recover #register-signin div.form.signin button.previous, body.panels #panel #flow-register #register-signin div.form.signin button.previous, body.panels #panel #flow-team-join #register-signin div.form.signin button.previous { width: 90px; }

@media only screen and (min-width: 450px) { body.panels #panel #flow-join #register-signin div.form.signin button.previous, body.panels #panel #flow-provision #register-signin div.form.signin button.previous, body.panels #panel #flow-recover #register-signin div.form.signin button.previous, body.panels #panel #flow-register #register-signin div.form.signin button.previous, body.panels #panel #flow-team-join #register-signin div.form.signin button.previous { width: 36%; } }

body.panels #panel #flow-join #register-signin div.form.signin button.submit, body.panels #panel #flow-provision #register-signin div.form.signin button.submit, body.panels #panel #flow-recover #register-signin div.form.signin button.submit, body.panels #panel #flow-register #register-signin div.form.signin button.submit, body.panels #panel #flow-team-join #register-signin div.form.signin button.submit { width: calc(100% - 100px); }

@media only screen and (min-width: 450px) { body.panels #panel #flow-join #register-signin div.form.signin button.submit, body.panels #panel #flow-provision #register-signin div.form.signin button.submit, body.panels #panel #flow-recover #register-signin div.form.signin button.submit, body.panels #panel #flow-register #register-signin div.form.signin button.submit, body.panels #panel #flow-team-join #register-signin div.form.signin button.submit { width: 60%; } }

body.panels #panel #flow-join #register-signin div.loading, body.panels #panel #flow-provision #register-signin div.loading, body.panels #panel #flow-recover #register-signin div.loading, body.panels #panel #flow-register #register-signin div.loading, body.panels #panel #flow-team-join #register-signin div.loading { margin-top: 45px; }

body.panels #panel #flow-join #register-signin div.loading span, body.panels #panel #flow-provision #register-signin div.loading span, body.panels #panel #flow-recover #register-signin div.loading span, body.panels #panel #flow-register #register-signin div.loading span, body.panels #panel #flow-team-join #register-signin div.loading span { display: block; margin-top: 18px; color: #757575; font-weight: 300; }

body.panels #panel #flow-join #register-signin div.failed, body.panels #panel #flow-provision #register-signin div.failed, body.panels #panel #flow-recover #register-signin div.failed, body.panels #panel #flow-register #register-signin div.failed, body.panels #panel #flow-team-join #register-signin div.failed { margin: 45px auto 0; max-width: 365px; }

body.panels #panel #flow-join #register-signin div.failed h1, body.panels #panel #flow-provision #register-signin div.failed h1, body.panels #panel #flow-recover #register-signin div.failed h1, body.panels #panel #flow-register #register-signin div.failed h1, body.panels #panel #flow-team-join #register-signin div.failed h1 { font-size: 1.3rem; margin-bottom: 10px; }

body.panels #panel #flow-join #register-signin div.failed span, body.panels #panel #flow-provision #register-signin div.failed span, body.panels #panel #flow-recover #register-signin div.failed span, body.panels #panel #flow-register #register-signin div.failed span, body.panels #panel #flow-team-join #register-signin div.failed span { margin-top: 18px; color: #757575; font-weight: 300; }

body.panels #panel #flow-join #register-signin div.failed .signup-try-again, body.panels #panel #flow-provision #register-signin div.failed .signup-try-again, body.panels #panel #flow-recover #register-signin div.failed .signup-try-again, body.panels #panel #flow-register #register-signin div.failed .signup-try-again, body.panels #panel #flow-team-join #register-signin div.failed .signup-try-again { margin-top: 12px; }

body.panels #panel #flow-join #register-signin div.failed .signup-try-again button, body.panels #panel #flow-provision #register-signin div.failed .signup-try-again button, body.panels #panel #flow-recover #register-signin div.failed .signup-try-again button, body.panels #panel #flow-register #register-signin div.failed .signup-try-again button, body.panels #panel #flow-team-join #register-signin div.failed .signup-try-again button { display: block; margin: 7px auto 0; }

body.panels #panel #flow-join #register-signin .enable-two-factor, body.panels #panel #flow-provision #register-signin .enable-two-factor, body.panels #panel #flow-recover #register-signin .enable-two-factor, body.panels #panel #flow-register #register-signin .enable-two-factor, body.panels #panel #flow-team-join #register-signin .enable-two-factor { margin: 0 auto; display: block; margin-top: 1rem; max-width: 450px; }

body.panels #panel #flow-join #register-signin .enable-two-factor p, body.panels #panel #flow-provision #register-signin .enable-two-factor p, body.panels #panel #flow-recover #register-signin .enable-two-factor p, body.panels #panel #flow-register #register-signin .enable-two-factor p, body.panels #panel #flow-team-join #register-signin .enable-two-factor p { margin-bottom: 1rem; }

body.panels #panel #flow-signup-legacy #spinner-overlay, body.panels #panel #flow-team-join #spinner-overlay { text-align: center; padding-top: 35vh; z-index: 100000; display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent; }

body.panels #panel #flow-signup-legacy #signup-plan, body.panels #panel #flow-team-join #signup-plan { text-align: center; }

body.panels #panel #flow-signup-legacy #signup-plan .button, body.panels #panel #flow-team-join #signup-plan .button { margin: 0 20px; color: white; display: inline-block; width: 200px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

body.panels #panel #flow-signup-legacy #signup-plan .button.family, body.panels #panel #flow-team-join #signup-plan .button.family { background-color: #736bbd; }

body.panels #panel #flow-signup-legacy #signup-plan .button.individual, body.panels #panel #flow-team-join #signup-plan .button.individual { background-color: #ca55a2; }

body.panels #panel #flow-signup-legacy #signup-plan .button.team, body.panels #panel #flow-team-join #signup-plan .button.team { background-color: #0572ec; }

body.panels #panel #flow-signup-legacy #signup-plan .button.business, body.panels #panel #flow-team-join #signup-plan .button.business { background-color: #525c66; }

body.panels #panel #flow-signup-legacy #signup-plan div.choices, body.panels #panel #flow-team-join #signup-plan div.choices { display: flex; justify-content: center; flex-direction: column; align-items: center; }

body.panels #panel #flow-signup-legacy #signup-plan div.choices div.choice, body.panels #panel #flow-team-join #signup-plan div.choices div.choice { padding-top: 20px; }

body.panels #panel #flow-signup-legacy #signup-plan div.choices img, body.panels #panel #flow-team-join #signup-plan div.choices img { padding-bottom: 10px; margin: 0 20px; display: inline-block; width: 200px; }

body.panels #panel #flow-signup-legacy #signup-plan p.supplemental, body.panels #panel #flow-team-join #signup-plan p.supplemental { margin-top: 50px; }

body.panels #panel #flow-signup-legacy #signup-team > div, body.panels #panel #flow-team-join #signup-team > div { display: flex; flex-direction: row; justify-content: space-between; }

body.panels #panel #flow-signup-legacy #signup-team > div div.form.signup, body.panels #panel #flow-team-join #signup-team > div div.form.signup { display: inline-block; width: 100%; }

body.panels #panel #flow-signup-legacy #signup-team > div div.upload-avatar, body.panels #panel #flow-team-join #signup-team > div div.upload-avatar { display: none; width: 200px; position: relative; }

@media only screen and (min-width: 600px) { body.panels #panel #flow-signup-legacy #signup-team > div div.upload-avatar, body.panels #panel #flow-team-join #signup-team > div div.upload-avatar { display: inline-block; margin-left: 10px; margin-top: 10px; vertical-align: top; } }

@media only screen and (min-width: 850px) { body.panels #panel #flow-signup-legacy #signup-team > div div.upload-avatar, body.panels #panel #flow-team-join #signup-team > div div.upload-avatar { margin-left: 18px; } }

body.panels #panel #flow-signup-legacy #signup-team > div div.upload-avatar img, body.panels #panel #flow-team-join #signup-team > div div.upload-avatar img { position: absolute; }

body.panels #panel #flow-signup-legacy #signup-team > div div.upload-avatar img.picture, body.panels #panel #flow-team-join #signup-team > div div.upload-avatar img.picture { width: 128px; height: 128px; left: 36px; top: 36px; }

body.panels #panel #flow-signup-legacy #signup-sent-email header, body.panels #panel #flow-signup-legacy #teamjoin-sent-email header, body.panels #panel #flow-team-join #signup-sent-email header, body.panels #panel #flow-team-join #teamjoin-sent-email header { flex-direction: column-reverse; align-items: flex-start; margin-bottom: 0; }

@media only screen and (min-width: 600px) { body.panels #panel #flow-signup-legacy #signup-sent-email header, body.panels #panel #flow-signup-legacy #teamjoin-sent-email header, body.panels #panel #flow-team-join #signup-sent-email header, body.panels #panel #flow-team-join #teamjoin-sent-email header { flex-direction: row; } }

body.panels #panel #flow-signup-legacy #signup-sent-email header > div, body.panels #panel #flow-signup-legacy #teamjoin-sent-email header > div, body.panels #panel #flow-team-join #signup-sent-email header > div, body.panels #panel #flow-team-join #teamjoin-sent-email header > div { display: flex; flex-direction: column; }

body.panels #panel #flow-signup-legacy #signup-sent-email .signup-code input, body.panels #panel #flow-signup-legacy #teamjoin-sent-email .signup-code input, body.panels #panel #flow-team-join #signup-sent-email .signup-code input, body.panels #panel #flow-team-join #teamjoin-sent-email .signup-code input { max-width: 210px; font-size: 2.8rem; }

body.panels #panel #flow-signup-legacy #signup-sent-email .signup-code img, body.panels #panel #flow-signup-legacy #teamjoin-sent-email .signup-code img, body.panels #panel #flow-team-join #signup-sent-email .signup-code img, body.panels #panel #flow-team-join #teamjoin-sent-email .signup-code img { margin-left: 20px; }

body.panels #panel #flow-signup-legacy #signup-domain input, body.panels #panel #flow-signup-legacy #signup-domain #domain-overlay, body.panels #panel #flow-team-join #signup-domain input, body.panels #panel #flow-team-join #signup-domain #domain-overlay { font-size: 1.4rem; }

body.panels #panel #flow-signup-legacy #signup-domain p.domain-diagnostic, body.panels #panel #flow-team-join #signup-domain p.domain-diagnostic { margin-top: 10px; }

body.panels #panel #delete-locked-account { margin: 4rem 2rem; }

body.panels #panel #setup-demo { margin: 4rem; }

body.panels #panel #setup-demo button { display: block; margin: 1rem auto 0; }

body.panels #panel #setup-demo .logins { margin-top: 2rem; text-align: left; }

body.panels #panel #setup-demo .logins > div { margin: 1rem 0; }

body.panels #panel #setup-demo .logins > div p { margin-top: 2px; }

body.panels #panel #skip-entry-spinner { text-align: center; padding-top: 100px; }

#settings-content header h1 { display: inline-block; margin-right: 10px; }

#settings-content header h1 + button { vertical-align: middle; margin-top: -10px; }

#settings-content header .menu-wrapper.family-role-selector { clear: right; margin-top: 10px; }

#settings-content header .menu-wrapper .select-menu-button { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #f6f7f8; font-weight: normal; min-width: 0; }

#settings-content header .menu-wrapper .select-menu-button:disabled { background-color: white; cursor: default; padding: 0 12px; color: #757575; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

#settings-content header .menu-wrapper .select-menu-button:disabled::after { content: none; }

#settings-content header .menu-wrapper .select-menu-button::after { width: 12px; height: 16px; right: 11px; top: 4px; background-image: url(../images/button-chevron.svg); background-size: 12px 26px; }

#settings-content header .menu-wrapper .menu { top: auto; padding: 8px 0; }

#settings-content header .user-roles { display: block; height: 32px; line-height: 32px; padding: 0 12px; color: #757575; }

#settings-content.slack { margin-top: 1rem; }

#settings-content.slack button { display: block; font-size: 1rem; font-family: inherit; font-weight: 500; line-height: 1.3em; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 10px 14px; outline: none; resize: none; color: #333333; background-color: white; -webkit-box-shadow: inset 0 0 0 1px #cbcccd; -moz-box-shadow: inset 0 0 0 1px #cbcccd; box-shadow: inset 0 0 0 1px #cbcccd; }

#settings-content.slack .add-to-slack { display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background-color: white; padding: 10px; border-radius: 6px; -webkit-box-shadow: inset 0 0 0 1px #d7d9e0; -moz-box-shadow: inset 0 0 0 1px #d7d9e0; box-shadow: inset 0 0 0 1px #d7d9e0; color: #333333; font-size: 1rem; font-weight: 500; }

#settings-content.slack .add-to-slack img { width: 20px; height: 20px; margin-right: 5px; }

#settings-content.slack .add-to-slack strong { font-weight: 700; }

#settings-content.slack .workspace-config { display: flex; justify-content: space-between; padding-right: 2px; padding-top: 15px; flex-direction: column; }

#settings-content.slack .workspace-config .button-container { position: relative; width: 220px; margin-top: 10px; margin-bottom: 5px; }

#settings-content.slack .workspace-config .button-container .add-to-slack { width: 100%; display: flex; justify-content: center; }

#settings-content.slack .workspace-config .button-container .refresh { position: absolute; right: -35px; top: 9px; box-shadow: none; padding: 0; }

#settings-content.slack .workspace-config .button-container .refresh img { width: 22px; }

#settings-content.slack .workspace-config .button-container .slack-guide { padding-left: 5px; }

#settings-content.slack .workspace-config .button-container .slack-guide a { text-decoration: none; font-weight: 500; }

#settings-content.slack .workspace-config .button-container .slack-guide p { margin-top: 5px; color: #757575; }

#settings-content.slack .workspace-config #workspace-selector { width: 100%; margin-bottom: 5px; }

@media only screen and (min-width: 925px) { #settings-content.slack .workspace-config { flex-direction: row; }
  #settings-content.slack .workspace-config .button-container { margin-top: 0; } }

#settings-content.slack .no-data { margin-top: 2rem; }

#settings-content.slack .left { margin-right: 3rem; }

#settings-content.slack .left h1 { margin-bottom: 1rem; }

#settings-content.slack .left p.legacy, #settings-content.slack .left label { font-size: 0.9rem; font-weight: 600; color: #757575; }

#settings-content.slack .left p.missing-scope { color: #e60000; }

#settings-content.slack .left .channels { margin-top: 1rem; }

#settings-content.slack .left .channels select { height: 30px; padding: 6px 24px 6px 12px; font-size: 0.9rem; font-weight: 600; }

@media only screen and (min-width: 925px) { #settings-content.slack .left .channels label { display: inline-block; width: 175px; }
  #settings-content.slack .left .channels select { width: calc(100% - 175px); } }

#settings-content.slack .left .granular-guide { margin-top: 1.2rem; }

#settings-content.slack .right { margin-top: 2rem; }

#settings-content.slack .right img { -webkit-user-drag: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

#settings-content.slack .right img.icons { margin-bottom: 2rem; }

#settings-content.slack .right button { display: block; font-size: 1rem; font-family: inherit; font-weight: 500; line-height: 1.3em; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 10px 14px; outline: none; resize: none; color: #333333; -webkit-box-shadow: inset 0 0 0 1px #cbcccd; -moz-box-shadow: inset 0 0 0 1px #cbcccd; box-shadow: inset 0 0 0 1px #cbcccd; }

#settings-content.slack .spinner-container { width: 100%; text-align: center; padding-top: 30vh; }

@media only screen and (min-width: 850px) { #settings-content.slack .slack-split { display: flex; }
  #settings-content.slack .left { width: 65%; }
  #settings-content.slack .right { width: 35%; margin-top: 0; text-align: center; }
  #settings-content.slack .right button { display: inline-block; } }

#settings-content.provision .details { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

#settings-content.provision .details > div { flex: 1; margin-right: 1rem; }

#settings-content.provision .details li { position: relative; list-style: disc inside; line-height: 1.6rem; }

#settings-content.provision .details img { max-height: 235px; }

#settings-content.provision .last-auth { margin-top: 15px; font-weight: 500; }

#settings-content.provision .last-auth span { margin-left: 0.5rem; font-weight: 400; }

#settings-content.provision .monitoring-status { overflow: hidden; margin-top: 15px; font-weight: 500; }

#settings-content.provision .monitoring-status span { margin-left: 0.5rem; font-weight: 400; }

#settings-content.provision .monitoring-status .last-checked { float: left; }

#settings-content.provision .monitoring-status .is-healthy { float: right; margin-top: 0; }

#settings-content.provision .monitoring-status .is-healthy .error { color: #e60000; }

#settings-content.provision .monitoring-status .is-healthy .good { color: #00b300; }

#settings-content.provision .monitoring-status .box { margin-top: 15px; }

#settings-content.provision .monitoring-status .refresh { height: 20px; float: right; box-shadow: none; }

#settings-content.provision .monitoring-status .refresh img { width: 20px; }

[data-focus-visible] #settings-content.provision .monitoring-status .refresh:focus { box-shadow: inset 0 0 0 1px rgba(0, 127, 255, 0.3), 0 0 0 3px rgba(0, 127, 255, 0.3); }

#settings-content.provision a { text-decoration: none; }

#settings-content.provision a:hover { text-decoration: underline; }

#settings-content.scim.setup .details { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

#settings-content.scim.setup .details > div { flex: 1; margin-right: 1rem; }

#settings-content.scim.setup .details li { position: relative; list-style: disc inside; line-height: 1.6rem; }

#settings-content.scim.setup .details img { max-height: 235px; }

#settings-content.cli.setup .details { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; }

#settings-content.cli.setup .details > div { flex: 1; margin-right: 1rem; max-width: 314px; padding-bottom: 30px; }

#settings-content.cli.setup .details img { max-height: 163px; }

#settings-content.cli.setup .error-messages { margin-top: 2em; }

#settings-content.cli.setup .cli.action { margin-top: 2em; }

#settings-content.cli.setup .cli.action .checkmark, #settings-content.cli.setup .cli.action .spinner { vertical-align: text-top; }

#settings-content.spinner { text-align: center; }

#settings-footer.slack { margin-top: 5em; text-align: center; color: rgba(0, 0, 0, 0.8); }

#settings-content { position: relative; margin: 0 auto; max-width: 600px; }

#settings-content .avatar-wrapper { z-index: 1; position: relative; }

#settings-content header.name-and-avatar > div { display: flex; margin-top: 16px; }

#settings-content header.name-and-avatar > div input { width: calc(100% - 74px); height: 61px; font-size: 1.5rem; margin-top: 0; margin-left: 16px; }

#settings-content header.name-and-avatar .avatar, #settings-content header.name-and-avatar .dropzone { float: left; margin-right: 10px; }

#settings-content header.name-and-avatar .dropzone .avatar { float: none; margin: 0; }

#settings-content h2 { clear: both; }

#settings-content input, #settings-content textarea, #settings-content .button { display: block; }

#settings-content textarea { height: 100px; }

#settings-content label { display: block; margin: 15px 0 -5px; }

#settings-content .button.primary { min-width: 50%; margin: 30px auto 0; }

#settings-content .button.primary + p { text-align: center; }

#settings-content section { border-top: 1px solid #d7d9e0; padding: 2rem 0; }

#settings-content section:first-child { border-top: none; }

#settings-content #delete-account { text-align: center; }

#settings-content section#account-type .title { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-box-align: baseline; -moz-box-align: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline; align-items: baseline; margin-bottom: 1rem; }

#settings-content section#account-type .title h2 { clear: none; margin-top: 0; }

#settings-content section#account-type .title .account-type { color: #757575; font-size: 0.8rem; }

#settings-content section#account-type .switchers { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

#settings-content section#account-type .switchers .type-switcher { flex: 1; padding: 1rem; border: 1px solid #d7d9e0; }

#settings-content section#account-type .switchers .type-switcher:only-child { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

#settings-content section#account-type .switchers .type-switcher:not(:only-child):first-child { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }

#settings-content section#account-type .switchers .type-switcher + .type-switcher { border-top: 0; }

#settings-content section#account-type .switchers .type-switcher + .type-switcher:last-child { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }

#settings-content section#account-type .switchers .type-switcher p, #settings-content section#account-type .switchers .type-switcher a { font-size: 0.8rem; }

#settings-content section#account-type .switchers .type-switcher p { min-height: 60px; color: #757575; }

#settings-content section#account-type .switchers .type-switcher a { text-decoration: none; }

#settings-content section#account-type .switchers .type-switcher a:hover { text-decoration: none; }

#settings-content section#account-type .switchers .type-switcher a.product-link { margin-top: 0.3rem; display: block; text-decoration: none; }

@media only screen and (min-width: 850px) { #settings-content section#account-type .switchers { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
  #settings-content section#account-type .switchers .type-switcher:not(:only-child):first-child { -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }
  #settings-content section#account-type .switchers .type-switcher + .type-switcher { border: 1px solid #d7d9e0; border-left: 0; }
  #settings-content section#account-type .switchers .type-switcher + .type-switcher:last-child { -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } }

#settings-content section.settings.optional-features { padding-bottom: 12px; }

#settings-content section.settings.optional-features .current-beta-features { margin-top: 30px; font-weight: 600; }

#settings-content section.settings.optional-features ul { list-style-type: disc; list-style-position: inside; }

#settings-content section.settings.duo .switch#duo-enabled { margin-right: 25px; }

#settings-content section.settings.duo .multipart #days { margin-top: 10px; }

#settings-content section.settings .multipart { display: inline-flex; margin: 15px 0 -5px; white-space: nowrap; }

#settings-content section.settings .multipart input { margin-right: 5px; width: 50px; }

#settings-content section.settings .switch { display: inline-block; font-size: 1.25rem; }

#settings-content section.settings .switch .switch-label { font-size: 1rem; font-weight: normal; color: #333333; margin-left: 10px; vertical-align: 1px; }

.vault-view #vault-content #sidebar { position: fixed; overflow: auto; top: 70px; bottom: 0; left: 0; width: 174px; padding: 10px 0; background-color: #f6f7fb; -webkit-box-shadow: inset -1px 0 0 #e4e6e7; -moz-box-shadow: inset -1px 0 0 #e4e6e7; box-shadow: inset -1px 0 0 #e4e6e7; }

@media only screen and (min-width: 925px) { .vault-view #vault-content #sidebar { width: 200px; } }

@media only screen and (min-width: 1050px) { .vault-view #vault-content #sidebar { width: 235px; } }

.vault-view #vault-content #sidebar, .vault-view #vault-content #sidebar * { cursor: default; }

.vault-view #vault-content #sidebar .sidebar-section-header { position: relative; }

.vault-view #vault-content #sidebar .sidebar-section-header h2 { text-transform: uppercase; padding: 0.2rem 1.4rem; margin-top: 1rem; font-weight: 600; font-size: 0.8rem; color: #757575; }

.vault-view #vault-content #sidebar .sidebar-section-header span { display: none; position: absolute; right: 0.6rem; bottom: 4px; color: #757575; font-size: 0.8rem; }

.vault-view #vault-content #sidebar .sidebar-section-header:hover span { display: block; }

.vault-view #vault-content #sidebar ul { margin: 0; list-style-type: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; min-height: 100%; flex-direction: column; }

.vault-view #vault-content #sidebar ul li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

.vault-view #vault-content #sidebar ul li .sidebar-list-button { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: 0.4rem 0.6rem; margin-left: 0.8rem; margin-right: 1px; -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; justify-content: space-between; flex: 1; }

.vault-view #vault-content #sidebar ul li.selected .sidebar-list-button, .vault-view #vault-content #sidebar ul li .selected .sidebar-list-button { background-color: rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 1px 0 #d7d9e0, inset 0 -1px 0 #d7d9e0, inset 1px 0 0 0 #d7d9e0; -moz-box-shadow: inset 0 1px 0 #d7d9e0, inset 0 -1px 0 #d7d9e0, inset 1px 0 0 0 #d7d9e0; box-shadow: inset 0 1px 0 #d7d9e0, inset 0 -1px 0 #d7d9e0, inset 1px 0 0 0 #d7d9e0; }

.vault-view #vault-content #sidebar ul li .subsection { padding: 0.4rem 0.6rem; margin-left: 2.8rem; font-size: 0.9rem; flex: 1; text-align: left; border-radius: 6px 0 0 6px; }

.vault-view #vault-content #sidebar ul li .subsection.selected { background-color: rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 1px 0 #d7d9e0, inset 0 -1px 0 #d7d9e0, inset 1px 0 0 0 #d7d9e0; -moz-box-shadow: inset 0 1px 0 #d7d9e0, inset 0 -1px 0 #d7d9e0, inset 1px 0 0 0 #d7d9e0; box-shadow: inset 0 1px 0 #d7d9e0, inset 0 -1px 0 #d7d9e0, inset 1px 0 0 0 #d7d9e0; }

.vault-view #vault-content #sidebar ul li img { -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -ms-box-flex: 0 0 auto; box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 10px; width: 18px; height: 18px; }

.vault-view #vault-content #sidebar ul li a { text-decoration: none; color: #333333; cursor: normal; }

.vault-view #vault-content #sidebar ul li span.name { -webkit-box-flex: 1 1 100%; -moz-box-flex: 1 1 100%; -ms-box-flex: 1 1 100%; box-flex: 1 1 100%; -webkit-flex: 1 1 100%; -moz-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; }

.vault-view #vault-content #sidebar ul li span.count { -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -ms-box-flex: 0 0 auto; box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 10px; min-width: 28px; padding: 0 8px; background-color: rgba(0, 0, 0, 0.05); -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; font-size: 0.9rem; text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); }

.vault-view #vault-content #sidebar ul .trash { flex: 1; position: relative; min-height: 65px; }

.vault-view #vault-content #sidebar ul .trash li { position: absolute; bottom: 0; left: 0; right: 0; }

.vault-view #vault-content #search, .vault-view #vault-content #item-list, .vault-view #vault-content #item-list-info-box, .vault-view #vault-content #watchtower-dashboard { position: fixed; left: 174px; width: 210px; }

@media only screen and (min-width: 925px) { .vault-view #vault-content #search, .vault-view #vault-content #item-list, .vault-view #vault-content #item-list-info-box, .vault-view #vault-content #watchtower-dashboard { left: 200px; width: 250px; } }

@media only screen and (min-width: 1050px) { .vault-view #vault-content #search, .vault-view #vault-content #item-list, .vault-view #vault-content #item-list-info-box, .vault-view #vault-content #watchtower-dashboard { left: 235px; width: 300px; } }

.vault-view #vault-content #search { top: 70px; background-color: #f6f7fb; -webkit-box-shadow: inset -1px -1px 0 #e4e6e7; -moz-box-shadow: inset -1px -1px 0 #e4e6e7; box-shadow: inset -1px -1px 0 #e4e6e7; }

.vault-view #vault-content #search input[type="search"] { background-color: white; margin: 9px; padding: 6px 10px; width: calc(100% - 18px); cursor: text; line-height: 20px; }

.vault-view #vault-content #search input[type="search"]:focus { box-shadow: inset 0 0 0 1px rgba(0, 127, 255, 0.3), 0 0 0 3px rgba(0, 127, 255, 0.3) !important; }

.vault-view #vault-content #item-list-info-box { top: 120px; background-color: #e1faf4; display: flex; align-items: center; z-index: 100; cursor: default; -webkit-box-shadow: inset 0 -1px 0 #94d0c2, inset -1px 0 0 #e4e6e7; -moz-box-shadow: inset 0 -1px 0 #94d0c2, inset -1px 0 0 #e4e6e7; box-shadow: inset 0 -1px 0 #94d0c2, inset -1px 0 0 #e4e6e7; }

.vault-view #vault-content #item-list-info-box img { margin: 0.8rem; }

.vault-view #vault-content #item-list-info-box > div { margin: 0.5rem 0.5rem 0.5rem 0; }

.vault-view #vault-content #item-list-info-box > div .bold { color: #59a492; }

.vault-view #vault-content #item-list-info-box > div .didnt-work { margin-top: 0.1rem; font-size: 0.8rem; }

.vault-view #vault-content #item-list-info-box + #item-list { top: 244px; }

@media only screen and (min-width: 925px) { .vault-view #vault-content #item-list-info-box + #item-list { top: 208px; } }

@media only screen and (min-width: 1050px) { .vault-view #vault-content #item-list-info-box + #item-list { top: 190px; } }

.vault-view #vault-content #item-list { top: 120px; bottom: 0; overflow: auto; -webkit-box-shadow: inset -1px 0 0 #e4e6e7; -moz-box-shadow: inset -1px 0 0 #e4e6e7; box-shadow: inset -1px 0 0 #e4e6e7; }

.vault-view #vault-content #item-list, .vault-view #vault-content #item-list * { cursor: default; }

.vault-view #vault-content #item-list ul { margin: 10px 0; }

.vault-view #vault-content #item-list .list-empty { margin: 18vh auto 0; padding: 0 3rem; text-align: center; color: #757575; }

.vault-view #vault-content #item-list .list-empty h1 { margin-bottom: 8px; color: #757575; }

.vault-view #vault-content #item-list .list-empty img { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; }

.vault-view #vault-content #item-list .list-empty img.empty-illustration { position: absolute; right: 0; bottom: 0; height: 50vh; }

.vault-view #vault-content #item-list .list-empty img.header-icon { margin-top: -92px; }

.vault-view #vault-content #item-list .no-results { display: block; margin-top: 30px; text-align: center; color: #757575; }

.vault-view #vault-content #item-list .list-loading { display: block; margin: 18vh auto 0; }

.vault-view #vault-content #item-list .list-item { height: 50px; padding: 4px 10px 0 20px; position: relative; width: 100%; }

.vault-view #vault-content #item-list .list-item .icon.small { float: left; margin: 0 10px 0 0; width: 32px; height: 32px; }

.vault-view #vault-content #item-list .list-item .avatar { position: absolute; top: 13px; right: 14px; -webkit-filter: opacity(60%); -moz-filter: opacity(60%); -ms-filter: opacity(60%); -o-filter: opacity(60%); filter: opacity(60%); }

.vault-view #vault-content #item-list .list-item:not(.template-100) img.icon[src^="data:"], .vault-view #vault-content #item-list .list-item.template-001 img.icon[src^="https://c.1password.com/richicons/"] { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #e4e6e7; }

.vault-view #vault-content #item-list .list-item.selected { background-color: rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 -1px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 -1px 0 rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 -1px 0 rgba(0, 0, 0, 0.05); }

.vault-view #vault-content #item-list .list-item h4, .vault-view #vault-content #item-list .list-item small { font-weight: normal; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: calc(100% - 56px); margin-top: 0; }

.vault-view #vault-content #item-list .list-item.all-vaults-active h4, .vault-view #vault-content #item-list .list-item.all-vaults-active small { width: calc(100% - 84px); }

.vault-view #vault-content #item-list .list-item:focus { outline: none; background-color: rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 -1px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 -1px 0 rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 -1px 0 rgba(0, 0, 0, 0.05); box-shadow: inset 0 0 0 1px rgba(0, 127, 255, 0.3), 0 0 0 3px rgba(0, 127, 255, 0.3); }

@media print { .vault-view #vault-content #top-bar, .vault-view #vault-content #sidebar, .vault-view #vault-content #search, .vault-view #vault-content #item-list { display: none; } }

.vault-view #modal.vault-popup { width: 420px; padding: 0; }

.vault-view #modal.vault-popup.archived-items { width: 450px; }

.vault-view #modal.vault-popup main.content-box { padding: 1.6rem 0; }

.vault-view #modal.vault-popup main.content-box ul li { display: flex; align-items: center; border-top: 1px solid #d7d9e0; padding: 0.5rem 1.4rem; }

.vault-view #modal.vault-popup main.content-box ul li:nth-child(odd) { background-color: #fcfcfc; }

.vault-view #modal.vault-popup main.content-box ul li:last-child { border-bottom: 1px solid #d7d9e0; }

.vault-view #modal.vault-popup main.content-box ul li > div:first-of-type { flex-grow: 1; overflow: hidden; }

.vault-view #modal.vault-popup main.content-box ul li > div:first-of-type .entity { display: flex; align-items: center; overflow: hidden; }

.vault-view #modal.vault-popup main.content-box ul li > div:first-of-type .entity .avatar { margin-right: 0.7rem; flex-shrink: 0; }

.vault-view #modal.vault-popup main.content-box ul li > div:first-of-type .entity .avatar.xxsmall { margin-right: 0.4rem; }

.vault-view #modal.vault-popup main.content-box ul li > div:first-of-type a { text-decoration: none; }

.vault-view #modal.vault-popup main.content-box ul li > div:first-of-type a:hover { text-decoration: underline; }

.vault-view #modal.vault-popup main.content-box ul li > div:first-of-type span { display: block; }

.vault-view #modal.vault-popup main.content-box ul li > div:first-of-type small { display: block; margin-top: 0.1rem; }

.vault-view #modal.vault-popup main.content-box ul li > div:first-of-type span, .vault-view #modal.vault-popup main.content-box ul li > div:first-of-type small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.vault-view #modal.vault-popup main.content-box ul li > div.buttons { flex-shrink: 0; margin-left: 0.6rem; }

.vault-view #modal.vault-popup main.content-box ul li > div.buttons button { margin-left: 0.4rem; }

.vault-view #modal.large-type-popup { text-align: center; position: relative; display: inline-block; width: auto; max-width: 94%; margin: 8vh 0 0 !important; padding: 0 5px; }

.vault-view #modal.large-type-popup .scroll-box:first-child > main.content-box { padding: 0; }

.vault-view #modal.large-type-popup .type-container { text-align: left; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.vault-view #modal.large-type-popup .type-container .character { font-size: 5rem; font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace; letter-spacing: normal; display: inline-block; padding: 42px 0 14px; width: 56px; text-align: center; }

.vault-view #modal.large-type-popup .type-container .character.number { color: #0572ec; }

.vault-view #modal.large-type-popup .type-container .character.symbol { color: #e60000; }

.vault-view #modal.large-type-popup .type-container .character:nth-child(even) { background-color: #f6f7f8; }

.vault-view #modal.large-type-popup .type-container .character .character-count { display: block; color: #757575; font-size: 0.9rem; margin-top: 40px; }

.vault-view #modal.watchtower-details { width: 420px; }

.vault-view #modal.watchtower-details main.content-box strong { display: block; margin-bottom: 0.1rem; }

.vault-view #modal.watchtower-details main.content-box em { font-style: italic; }

.vault-view #modal.watchtower-details main.content-box .box { margin-bottom: 0.8rem; }

.vault-view #modal.watchtower-details main.content-box .breach-information { margin: 1.2rem 1rem 0.2rem; }

@media print { body.vault-view { padding-top: 0; position: static; overflow: visible; }
  body.vault-view #top-bar { display: none !important; } }

.vault-view[data-focus-visible] #vault-content #sidebar ul li .sidebar-list-button:focus { background-color: rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 1px 0 #d7d9e0, inset 0 -1px 0 #d7d9e0, inset 1px 0 0 0 #d7d9e0; -moz-box-shadow: inset 0 1px 0 #d7d9e0, inset 0 -1px 0 #d7d9e0, inset 1px 0 0 0 #d7d9e0; box-shadow: inset 0 1px 0 #d7d9e0, inset 0 -1px 0 #d7d9e0, inset 1px 0 0 0 #d7d9e0; box-shadow: inset 0 0 0 1px rgba(0, 127, 255, 0.3), 0 0 0 3px rgba(0, 127, 255, 0.3); }

.vault-view #vault-content #item-details, .vault-view #vault-content #item-details section.toolbar { width: calc(100% - 384px); }

@media only screen and (min-width: 925px) { .vault-view #vault-content #item-details, .vault-view #vault-content #item-details section.toolbar { width: calc(100% - 450px); } }

@media only screen and (min-width: 1050px) { .vault-view #vault-content #item-details, .vault-view #vault-content #item-details section.toolbar { width: calc(100% - 535px); } }

.vault-view #vault-content #item-details { position: absolute; top: 70px; right: 0; bottom: 48px; overflow: auto; padding: 0.5rem 8rem; }

@media only screen and (min-width: 1375px) { .vault-view #vault-content #item-details { padding: 0.5rem 10%; } }

.vault-view #vault-content #item-details .details-login-icon { width: 60px; height: 60px; }

.vault-view #vault-content #item-details .details-login-icon.custom:not(.template-100), .vault-view #vault-content #item-details .details-login-icon.template-001[src^="https://c.1password.com/richicons/"] { -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; border: 1px solid #e4e6e7; }

.vault-view #vault-content #item-details .details-empty { width: 286px; height: 51px; margin: 40vh auto 0; background-image: url(../images/details-empty-v2.png); -webkit-background-size: 286px 51px; -moz-background-size: 286px 51px; background-size: 286px 51px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .vault-view #vault-content #item-details .details-empty { background-image: url(../images/details-empty-v2@2x.png); } }

.vault-view #vault-content #item-details td.first-col, .vault-view #vault-content #item-details th.first-col { text-align: right; padding-right: 1rem; color: #757575; width: 150px; position: relative; }

.vault-view #vault-content #item-details td.first-col span, .vault-view #vault-content #item-details td.first-col input, .vault-view #vault-content #item-details th.first-col span, .vault-view #vault-content #item-details th.first-col input { width: 180px; position: absolute; right: 1rem; top: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.vault-view #vault-content #item-details.editing td.first-col, .vault-view #vault-content #item-details.editing th.first-col, .vault-view #vault-content #item-details.editing td, .vault-view #vault-content #item-details.editing th { color: #333333; }

.vault-view #vault-content #item-details > header { margin-bottom: 2rem; padding-left: 74px; }

.vault-view #vault-content #item-details > header img { float: left; margin: -0.5rem 1.5rem 0 0; }

.vault-view #vault-content #item-details > header h1 { margin-top: 50px; font-size: 1.3rem; }

.vault-view #vault-content #item-details > header::after { content: ""; display: block; clear: left; }

.vault-view #vault-content #item-details > header .actions { position: relative; display: flex; align-items: center; margin-top: 3px; }

.vault-view #vault-content #item-details > header .actions > button { display: inline-block; width: 24px; height: 24px; cursor: pointer; }

.vault-view #vault-content #item-details > header .actions > button.favorite-button { margin-right: 2px; background-image: url(../images/favorite.png); -webkit-background-size: 24px 24px; -moz-background-size: 24px 24px; background-size: 24px 24px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .vault-view #vault-content #item-details > header .actions > button.favorite-button { background-image: url(../images/favorite@2x.png); } }

.vault-view #vault-content #item-details > header .actions > button.favorite-button.filled { background-image: url(../images/favorite-filled.png); -webkit-background-size: 24px 24px; -moz-background-size: 24px 24px; background-size: 24px 24px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .vault-view #vault-content #item-details > header .actions > button.favorite-button.filled { background-image: url(../images/favorite-filled@2x.png); } }

.vault-view #vault-content #item-details > header .actions > button.send-to-button { margin-right: 6px; background-image: url(../images/send-to.png); -webkit-background-size: 24px 24px; -moz-background-size: 24px 24px; background-size: 24px 24px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .vault-view #vault-content #item-details > header .actions > button.send-to-button { background-image: url(../images/send-to@2x.png); } }

.vault-view #vault-content #item-details > header .actions > button.create-report img { margin: 0; height: 19px; }

.vault-view #vault-content #item-details #watchtower-warning { display: flex; background-color: #c94e31; color: white; margin: 0 -7.4rem; padding: 0.4rem 0.3rem; font-size: 0.9rem; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

@media only screen and (min-width: 1375px) { .vault-view #vault-content #item-details #watchtower-warning { margin: 0 -2rem; } }

@media only screen and (max-width: 1150px) { .vault-view #vault-content #item-details #watchtower-warning { margin: 0 -1.8rem; } }

.vault-view #vault-content #item-details #watchtower-warning.grey { background-color: #6a788a; }

.vault-view #vault-content #item-details #watchtower-warning.purple { background-color: #7269b9; }

.vault-view #vault-content #item-details #watchtower-warning img { width: 18px; margin: 0 0.55rem 0 0.3rem; align-self: center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; }

.vault-view #vault-content #item-details #watchtower-warning strong, .vault-view #vault-content #item-details #watchtower-warning span { display: block; line-height: 14px; cursor: default; }

.vault-view #vault-content #item-details #watchtower-warning a { color: white; }

.vault-view #vault-content #item-details table { width: 100%; table-layout: fixed; border-collapse: separate; margin: 2rem 0; }

.vault-view #vault-content #item-details table.section-web-form-details, .vault-view #vault-content #item-details table.section-previously-used-passwords { margin-top: 1rem; }

.vault-view #vault-content #item-details table th, .vault-view #vault-content #item-details table td { padding: 0.15rem 0.5rem; position: relative; }

.vault-view #vault-content #item-details table thead th { text-align: left; font-weight: 600; color: #757575; padding-left: 10px; padding-bottom: 6px; }

.vault-view #vault-content #item-details table td > div, .vault-view #vault-content #item-details table td > input { display: inline-block; padding: 2px; border: 1px solid white; max-width: 100%; }

.vault-view #vault-content #item-details table td > input { padding: 3px 5px; }

.vault-view #vault-content #item-details table td div.value-container { outline: none; }

.vault-view #vault-content #item-details table td div.value-container:not(.no-reveal):hover, .vault-view #vault-content #item-details table td div.value-container:not(.no-reveal):focus-within { cursor: pointer; border: 1px dashed #cbcccd; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.vault-view #vault-content #item-details table td div.value-container:not(.no-reveal):hover .field-button, .vault-view #vault-content #item-details table td div.value-container:not(.no-reveal):focus-within .field-button { opacity: 1; }

.vault-view #vault-content #item-details table td .field-button { display: inline-block; opacity: 0; margin-left: 5px; border: 1px solid #cbcccd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 2px 4px; text-decoration: none; color: #333333; word-break: normal; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -ms-box-flex: 0 0 auto; box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.vault-view #vault-content #item-details table td .field-button:active { background-color: #cbcccd; border-color: #999999; }

.vault-view #vault-content #item-details table td .field-button:focus { opacity: 1; box-shadow: inset 0 0 0 1px rgba(0, 127, 255, 0.3), 0 0 0 3px rgba(0, 127, 255, 0.3); }

.vault-view #vault-content #item-details table td span:active + .field-button, .vault-view #vault-content #item-details table td a:not(.field-button):active + .field-button { background-color: #cbcccd; border-color: #999999; }

.vault-view #vault-content #item-details table div.link { display: inline-flex; }

.vault-view #vault-content #item-details table td a.link { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; display: inline-block; text-decoration: none; color: #0572ec; line-height: 24px; }

.vault-view #vault-content #item-details table td a.link.url { color: #757575; }

.vault-view #vault-content #item-details table td a.link .domain { color: #0572ec; }

.vault-view #vault-content #item-details table td.string span { white-space: pre; }

.vault-view #vault-content #item-details table td.P span span, .vault-view #vault-content #item-details table td.concealed span span { display: none; }

.vault-view #vault-content #item-details table td.P span::after, .vault-view #vault-content #item-details table td.concealed span::after { content: "••••••••••"; }

.vault-view #vault-content #item-details table td.P.reveal span span, .vault-view #vault-content #item-details table td.concealed.reveal span span { font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace; letter-spacing: normal; display: inline; }

.vault-view #vault-content #item-details table td.P.reveal span span.number, .vault-view #vault-content #item-details table td.concealed.reveal span span.number { color: #0572ec; }

.vault-view #vault-content #item-details table td.P.reveal span span.symbol, .vault-view #vault-content #item-details table td.concealed.reveal span span.symbol { color: #e60000; }

.vault-view #vault-content #item-details table td.P.reveal span::after, .vault-view #vault-content #item-details table td.concealed.reveal span::after { content: ""; }

.vault-view #vault-content #item-details table td.notes, .vault-view #vault-content #item-details table td.multiline { white-space: pre-wrap; margin-left: 2px; }

.vault-view #vault-content #item-details table td.address span span { display: inline-block; margin-top: 3px; }

.vault-view #vault-content #item-details table td.address span span:not(:last-of-type) { width: 100%; }

.vault-view #vault-content #item-details table td.tags .tag { background-color: #0572ec; color: white; padding: 2px 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; margin-left: 5px; margin-bottom: 4px; text-decoration: none; cursor: pointer; }

.vault-view #vault-content #item-details table td.tags .tag:first-of-type { margin-left: 2px; }

.vault-view #vault-content #item-details table td.vault:not(.disabled) a { cursor: pointer; }

.vault-view #vault-content #item-details table td.vault:not(.disabled) a:focus { box-shadow: inset 0 0 0 1px rgba(0, 127, 255, 0.3), 0 0 0 3px rgba(0, 127, 255, 0.3); }

.vault-view #vault-content #item-details table td.vault .avatar { display: inline-block; vertical-align: -7px; margin-right: 6px; }

.vault-view #vault-content #item-details table td.unsupported div { padding-top: 5px; }

.vault-view #vault-content #item-details table td.unsupported div span { color: #e60000; }

.vault-view #vault-content #item-details table tr.totp td.first-col span { top: 10px; }

.vault-view #vault-content #item-details table tr.totp td.totp .error { display: inline-block; margin-top: 8px; margin-left: 2px; }

.vault-view #vault-content #item-details table tr.totp td.totp .totp.display-none { display: none; }

.vault-view #vault-content #item-details table tr.totp div:active .field-button { background-color: #cbcccd; border-color: #999999; }

.vault-view #vault-content #item-details table tr.totp .totp-first-digits, .vault-view #vault-content #item-details table tr.totp .totp-last-digits { font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace; letter-spacing: normal; }

.vault-view #vault-content #item-details table tr.totp .totp-first-digits::after { content: "•"; font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace; letter-spacing: normal; color: #757575; padding: 0 2px; vertical-align: 3%; }

.vault-view #vault-content #item-details table tr.totp .countdown { margin-left: 8px; display: inline-block; vertical-align: -45%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.vault-view #vault-content #item-details table tr.totp .countdown .seconds { color: #0572ec; font-size: 0.7rem; position: absolute; line-height: 29px; width: 27px; text-align: center; }

.vault-view #vault-content #item-details table tr.totp .countdown svg { width: 28px; height: 28px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }

.vault-view #vault-content #item-details table tr.totp .countdown .circle { stroke: #0572ec; fill: none; }

.vault-view #vault-content #item-details table tr.totp .countdown .circle.outer { stroke-width: 1; stroke-dasharray: 75; stroke-dashoffset: 0; }

.vault-view #vault-content #item-details table tr.totp .countdown .circle.inner { stroke-width: 2; stroke-dasharray: 66.6; }

.vault-view #vault-content #item-details table tr.totp .countdown.red .seconds { color: #e60000; }

.vault-view #vault-content #item-details table tr.totp .countdown.red .circle { stroke: #e60000; }

.vault-view #vault-content #item-details div#document { text-align: center; margin-bottom: 40px; }

.vault-view #vault-content #item-details div#document .dropzone * { cursor: pointer !important; }

.vault-view #vault-content #item-details div#document .document { display: inline-block; text-align: center; margin-top: 40px; margin-bottom: 40px; cursor: default; text-decoration: none; }

.vault-view #vault-content #item-details div#document .document.downloaded { cursor: pointer; }

.vault-view #vault-content #item-details div#document .document.downloaded div { background-image: url(../images/details-document-download.png); -webkit-background-size: 64px 64px; -moz-background-size: 64px 64px; background-size: 64px 64px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .vault-view #vault-content #item-details div#document .document.downloaded div { background-image: url(../images/details-document-download@2x.png); } }

.vault-view #vault-content #item-details div#document .document div { display: inline-block; width: 64px; height: 64px; background-image: url(../images/details-document-blank.png); -webkit-background-size: 64px 64px; -moz-background-size: 64px 64px; background-size: 64px 64px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .vault-view #vault-content #item-details div#document .document div { background-image: url(../images/details-document-blank@2x.png); } }

.vault-view #vault-content #item-details div#document .document div img.document-icon { width: 32px; height: 32px; margin-top: 19px; -webkit-user-drag: none; }

.vault-view #vault-content #item-details div#document .document div img.document-icon.error { width: 26px; height: 26px; margin-top: 22px; }

.vault-view #vault-content #item-details div#document .document span { display: block; }

.vault-view #vault-content #item-details div#document .document span.document-name { margin-top: 12px; color: #333333; }

.vault-view #vault-content #item-details div#document .document span.document-action { margin-top: 3px; color: #757575; font-size: 0.9rem; }

.vault-view #vault-content #item-details div#document .document span.document-action.error { color: #e60000; max-width: 230px; display: inline-block; }

.vault-view #vault-content #item-details div#document img.image-preview { max-width: 100%; }

.vault-view #vault-content #item-details div#document .item-detail-button { display: inline-block; margin-left: 0; margin-top: 25px; }

.vault-view #vault-content #item-details div#document .item-detail-button:focus { box-shadow: inset 0 0 0 1px rgba(0, 127, 255, 0.3), 0 0 0 3px rgba(0, 127, 255, 0.3); }

.vault-view #vault-content #item-details div#document .safari-note { max-width: 400px; margin: 0 auto; background-color: #fe9; padding: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }

.vault-view #vault-content #item-details .item-detail-button { display: block; margin-left: 160px; margin-top: 10px; border: 1px solid #cbcccd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 3px 5px; text-decoration: none; color: #333333; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.vault-view #vault-content #item-details .item-detail-button:active { background-color: #cbcccd; border-color: #999999; }

.vault-view #vault-content #item-details .item-detail-button:focus { box-shadow: inset 0 0 0 1px rgba(0, 127, 255, 0.3), 0 0 0 3px rgba(0, 127, 255, 0.3); }

.vault-view #vault-content #item-details .generate-password { width: 20px; height: 20px; margin-left: 8px; vertical-align: -5px; cursor: pointer; float: right; margin-top: 4px; }

.vault-view #vault-content #item-details .password-generator { width: 280px; background-color: #f6f7f8; border: 1px solid #e4e6e7; padding: 15px; margin-top: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.vault-view #vault-content #item-details .password-generator span:not(.password-strength-meter):not(.switch-button), .vault-view #vault-content #item-details .password-generator label { color: #757575; font-weight: 300; }

.vault-view #vault-content #item-details .password-generator span:not(.password-strength-meter):not(.switch-button)::after, .vault-view #vault-content #item-details .password-generator label::after { content: none !important; }

.vault-view #vault-content #item-details .password-generator .password-strength-meter { display: inline-block; margin-top: 0; margin-left: 10px; }

.vault-view #vault-content #item-details .password-generator .password-strength-meter::after { content: none !important; }

.vault-view #vault-content #item-details .password-generator input#length, .vault-view #vault-content #item-details .password-generator input#words { display: inline-block; border: none; width: 47px; padding: 3px 3px 3px 8px; margin-left: 10px; margin-top: 10px; outline: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); }

.vault-view #vault-content #item-details .password-generator button { color: #0572ec; margin-left: 10px; }

.vault-view #vault-content #item-details .password-generator .switch { font-size: 1.25rem; margin-left: 4px; margin-top: 11px; vertical-align: -2px; }

.vault-view #vault-content #item-details .password-generator .switch.digits { margin-right: 10px; }

.vault-view #vault-content #item-details .password-generator .switch span::after { content: "" !important; }

.vault-view #vault-content #item-details .password-strength-meter { display: block; width: 120px; height: 10px; border: 1px solid #e4e6e7; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-top: 10px; }

.vault-view #vault-content #item-details .password-strength-meter span { display: block !important; height: 8px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.vault-view #vault-content #item-details footer { margin-top: 40px; padding-bottom: 10px; }

.vault-view #vault-content #item-details footer td { color: #757575; padding-bottom: 0.4rem; }

.vault-view #vault-content #item-details footer a { color: #0572ec; outline: none; text-decoration: underline; cursor: pointer; }

.vault-view #vault-content #item-details footer a:hover { color: #5ba7fc; }

.vault-view #vault-content #item-details footer .avatar { display: inline-block; width: 22px; height: 22px; margin-right: 4px; vertical-align: middle; line-height: 23px; font-size: 0.7rem; padding: 0 !important; border: 0 !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; }

.vault-view #vault-content #item-details .dropdown-menu { position: absolute; min-width: 170px; top: 26px; right: -15px; padding: 5px 0; background-color: white; border: none !important; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 0 1px, rgba(0, 0, 0, 0.15) 0 1px 20px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 0 1px, rgba(0, 0, 0, 0.15) 0 1px 20px; box-shadow: rgba(0, 0, 0, 0.15) 0 0 0 1px, rgba(0, 0, 0, 0.15) 0 1px 20px; z-index: 100; }

.vault-view #vault-content #item-details .dropdown-menu .change-type-menu-option { display: flex; width: 100%; }

.vault-view #vault-content #item-details .dropdown-menu .change-type-menu-option .option { flex: 1; }

.vault-view #vault-content #item-details .dropdown-menu .change-type-menu-option:focus { box-shadow: inset 0 0 0 1px rgba(0, 127, 255, 0.3), 0 0 0 3px rgba(0, 127, 255, 0.3); }

.vault-view #vault-content #item-details .dropdown-menu .change-type-menu-option:focus .option { background-color: #f6f7f8; }

.vault-view #vault-content #item-details .dropdown-menu .change-type-menu-option:hover .option { background-color: #f6f7f8; }

.vault-view #vault-content #item-details .dropdown-menu .option { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; padding: 6px 10px 6px 28px; cursor: pointer; color: #333333; width: 100%; text-align: left; }

.vault-view #vault-content #item-details .dropdown-menu .option:hover, .vault-view #vault-content #item-details .dropdown-menu .option:focus { background-color: #f6f7f8; }

.vault-view #vault-content #item-details .dropdown-menu .option .option-label { flex: 1; }

.vault-view #vault-content #item-details .dropdown-menu .option span { font-size: 0.9rem; line-height: 1.2; }

.vault-view #vault-content #item-details .dropdown-menu .option span::after { content: ""; }

.vault-view #vault-content #item-details .dropdown-menu .option .select-check { position: absolute; margin-left: -18px; margin-top: 2px; }

.vault-view #vault-content #item-details .dropdown-menu .option input[type="radio"], .vault-view #vault-content #item-details .dropdown-menu .option input[type="checkbox"] { display: none !important; }

.vault-view #vault-content #item-details .dropdown-menu.send-to-menu { min-width: 126px; left: 30px; right: auto; }

.vault-view #vault-content #item-details .dropdown-menu.send-to-menu .share-menu-item { display: flex; width: 100%; }

.vault-view #vault-content #item-details .dropdown-menu.send-to-menu .share-menu-item .option { flex: 1; }

.vault-view #vault-content #item-details .dropdown-menu.send-to-menu .share-menu-item:focus .option { box-shadow: inset 0 0 0 1px rgba(0, 127, 255, 0.3), 0 0 0 3px rgba(0, 127, 255, 0.3); background-color: #f6f7f8; }

.vault-view #vault-content #item-details .dropdown-menu.send-to-menu label.option { padding-left: 12px; }

.vault-view #vault-content #item-details .dropdown-menu.send-to-menu:nth-child(2) { left: 87px; }

.vault-view #vault-content #item-details.editing .delete-field-button { width: 16px; height: 16px; position: absolute; left: -26px; top: 7px; cursor: pointer; border-radius: 50%; z-index: 1; }

.vault-view #vault-content #item-details.editing .delete-field-button img { width: 16px; height: 16px; }

.vault-view #vault-content #item-details.editing .delete-field-button:focus { box-shadow: inset 0 0 0 1px var(--border-08), 0 0 0 3px var(--border-08); }

.vault-view #vault-content #item-details.editing .change-field-type-container { padding: 0 !important; border: none !important; }

.vault-view #vault-content #item-details.editing .change-field-type-container .change-field-type-button { width: 16px; height: 16px; position: absolute; right: -15px; top: 7px; cursor: pointer; border-radius: 50%; }

.vault-view #vault-content #item-details.editing .change-field-type-container .change-field-type-button img { width: 16px; height: 16px; }

.vault-view #vault-content #item-details.editing .change-field-type-container .change-field-type-button:focus { box-shadow: inset 0 0 0 1px var(--border-08), 0 0 0 3px var(--border-08); }

.vault-view #vault-content #item-details.editing td input, .vault-view #vault-content #item-details.editing td textarea, .vault-view #vault-content #item-details.editing td select, .vault-view #vault-content #item-details.editing th input, .vault-view #vault-content #item-details.editing th textarea, .vault-view #vault-content #item-details.editing th select, .vault-view #vault-content #item-details.editing header input, .vault-view #vault-content #item-details.editing header textarea, .vault-view #vault-content #item-details.editing header select { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.vault-view #vault-content #item-details.editing td input:hover, .vault-view #vault-content #item-details.editing td textarea:hover, .vault-view #vault-content #item-details.editing td select:hover, .vault-view #vault-content #item-details.editing th input:hover, .vault-view #vault-content #item-details.editing th textarea:hover, .vault-view #vault-content #item-details.editing th select:hover, .vault-view #vault-content #item-details.editing header input:hover, .vault-view #vault-content #item-details.editing header textarea:hover, .vault-view #vault-content #item-details.editing header select:hover { -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); }

.vault-view #vault-content #item-details.editing td input:focus, .vault-view #vault-content #item-details.editing td textarea:focus, .vault-view #vault-content #item-details.editing td select:focus, .vault-view #vault-content #item-details.editing th input:focus, .vault-view #vault-content #item-details.editing th textarea:focus, .vault-view #vault-content #item-details.editing th select:focus, .vault-view #vault-content #item-details.editing header input:focus, .vault-view #vault-content #item-details.editing header textarea:focus, .vault-view #vault-content #item-details.editing header select:focus { -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); }

.vault-view #vault-content #item-details.editing td input[readonly], .vault-view #vault-content #item-details.editing td textarea[readonly], .vault-view #vault-content #item-details.editing td select[readonly], .vault-view #vault-content #item-details.editing th input[readonly], .vault-view #vault-content #item-details.editing th textarea[readonly], .vault-view #vault-content #item-details.editing th select[readonly], .vault-view #vault-content #item-details.editing header input[readonly], .vault-view #vault-content #item-details.editing header textarea[readonly], .vault-view #vault-content #item-details.editing header select[readonly] { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }

.vault-view #vault-content #item-details.editing td input:disabled, .vault-view #vault-content #item-details.editing td textarea:disabled, .vault-view #vault-content #item-details.editing td select:disabled, .vault-view #vault-content #item-details.editing th input:disabled, .vault-view #vault-content #item-details.editing th textarea:disabled, .vault-view #vault-content #item-details.editing th select:disabled, .vault-view #vault-content #item-details.editing header input:disabled, .vault-view #vault-content #item-details.editing header textarea:disabled, .vault-view #vault-content #item-details.editing header select:disabled { cursor: not-allowed; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.vault-view #vault-content #item-details.editing td textarea, .vault-view #vault-content #item-details.editing th textarea, .vault-view #vault-content #item-details.editing header textarea { display: block; min-height: 100px; padding: 8px; }

.vault-view #vault-content #item-details.editing td textarea.multiline, .vault-view #vault-content #item-details.editing th textarea.multiline, .vault-view #vault-content #item-details.editing header textarea.multiline { min-height: 73px; }

.vault-view #vault-content #item-details.editing td > input, .vault-view #vault-content #item-details.editing th > input, .vault-view #vault-content #item-details.editing header > input { text-overflow: ellipsis; }

.vault-view #vault-content #item-details.editing td select, .vault-view #vault-content #item-details.editing th select, .vault-view #vault-content #item-details.editing header select { display: block; padding: 4px 25px 3px 5px; margin-top: 1px; }

.vault-view #vault-content #item-details.editing .show-password-generator > .value-input { max-width: calc(100% - 28px); }

.vault-view #vault-content #item-details.editing td.address input, .vault-view #vault-content #item-details.editing td.address select { display: inline-block; }

.vault-view #vault-content #item-details.editing td.address input.city, .vault-view #vault-content #item-details.editing td.address input.zip, .vault-view #vault-content #item-details.editing td.address select.city, .vault-view #vault-content #item-details.editing td.address select.zip { margin-right: 5px; width: calc(50% - 5px); }

.vault-view #vault-content #item-details.editing td.address input.state, .vault-view #vault-content #item-details.editing td.address input.country, .vault-view #vault-content #item-details.editing td.address select.state, .vault-view #vault-content #item-details.editing td.address select.country { width: 50%; }

.vault-view #vault-content #item-details.editing td.address input.placeholder, .vault-view #vault-content #item-details.editing td.address select.placeholder { color: #757575; }

.vault-view #vault-content #item-details.editing td.P input.value-input, .vault-view #vault-content #item-details.editing td.concealed input.value-input { font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace; letter-spacing: normal; }

.vault-view #vault-content #item-details.editing td.unsupported div { padding-top: 3px; }

.vault-view #vault-content #item-details.editing header input { width: calc(100% - 60px - 1.5rem); font-size: 1.25rem; font-weight: 600; color: #333333; padding: 2px 4px; margin: -3px 0 -2px; }

.vault-view #vault-content #item-details.editing header p { margin-top: 7px; margin-left: 88px; }

.vault-view #vault-content #item-details.editing table th input { font-weight: 600; padding: 3px 5px; }

.vault-view #vault-content #item-details.editing table td.first-col input { top: 2px; text-align: right; margin-right: -5px; margin-top: 0; }

.vault-view #vault-content #item-details.editing table ::-webkit-input-placeholder { color: #757575; }

.vault-view #vault-content #item-details.editing table :-moz-placeholder { color: #757575; }

.vault-view #vault-content #item-details.editing table ::-moz-placeholder { color: #757575; }

.vault-view #vault-content #item-details.editing table :-ms-input-placeholder { color: #757575; }

@media only screen and (max-width: 1150px) { .vault-view #vault-content #item-details { padding: 0.5rem 2.4rem 2rem; }
  .vault-view #vault-content #item-details td:first-child span, .vault-view #vault-content #item-details th:first-child span { width: 120px; } }

@media print { .vault-view #vault-content #item-details { position: static; width: 100%; padding: 0.5rem 5rem; }
  .vault-view #vault-content #item-details .item-detail-button, .vault-view #vault-content #item-details .field-button, .vault-view #vault-content #item-details tr.totp, .vault-view #vault-content #item-details tr.strength-meter, .vault-view #vault-content #item-details.editing { display: none !important; }
  .vault-view #vault-content #item-details div:hover { border: 0 !important; }
  .vault-view #vault-content #item-details td.P div:not(.no-reveal) span span, .vault-view #vault-content #item-details td.concealed div:not(.no-reveal) span span { font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace; letter-spacing: normal; display: inline !important; }
  .vault-view #vault-content #item-details td.P div:not(.no-reveal) span span.number, .vault-view #vault-content #item-details td.concealed div:not(.no-reveal) span span.number { color: #0572ec; }
  .vault-view #vault-content #item-details td.P div:not(.no-reveal) span span.symbol, .vault-view #vault-content #item-details td.concealed div:not(.no-reveal) span span.symbol { color: #e60000; }
  .vault-view #vault-content #item-details td.P div:not(.no-reveal) span::after, .vault-view #vault-content #item-details td.concealed div:not(.no-reveal) span::after { content: "" !important; }
  .vault-view #vault-content #item-details.no-print { display: none; }
  .vault-view #vault-content #item-details.firefox { font-family: Helvetica, Arial, sans-serif; } }

[data-focus-visible] .generate-password:focus { box-shadow: inset 0 0 0 1px rgba(0, 127, 255, 0.3), 0 0 0 3px rgba(0, 127, 255, 0.3); }

[data-focus-visible] .password-generator .switch:focus { box-shadow: inset 0 0 0 1px rgba(0, 127, 255, 0.3), 0 0 0 3px rgba(0, 127, 255, 0.3); }

[data-focus-visible] .password-generator .regenerate:focus { box-shadow: inset 0 0 0 1px rgba(0, 127, 255, 0.3), 0 0 0 3px rgba(0, 127, 255, 0.3); }

[data-focus-visible] #vault-content #item-details > header .actions > button:focus { box-shadow: inset 0 0 0 1px rgba(0, 127, 255, 0.3), 0 0 0 3px rgba(0, 127, 255, 0.3); }

.vault-view #vault-content #watchtower-dashboard { top: 70px; width: calc(100% - 174px); height: calc(100% - 70px); background-color: #f6f7fb; padding: 2rem; overflow: auto; }

@media only screen and (min-width: 925px) { .vault-view #vault-content #watchtower-dashboard { width: calc(100% - 200px); } }

@media only screen and (min-width: 1050px) { .vault-view #vault-content #watchtower-dashboard { width: calc(100% - 235px); } }

.vault-view #vault-content #watchtower-dashboard .watchtower-loading { margin: 10vh auto 0; padding: 0 3rem; text-align: center; }

.vault-view #vault-content #watchtower-dashboard .watchtower-loading .icon-container { position: relative; margin: 0 auto; width: 128px; height: 128px; }

.vault-view #vault-content #watchtower-dashboard .watchtower-loading .icon-container img { position: absolute; left: 0; top: 0; width: 128px; height: 128px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; }

.vault-view #vault-content #watchtower-dashboard .watchtower-loading .icon-container img.spinning-logins { animation: spin 4.8s infinite steps(64); }

.vault-view #vault-content #watchtower-dashboard .watchtower-loading h3 { margin-top: 1rem; line-height: 1.3rem; }

.vault-view #vault-content #watchtower-dashboard .content { margin: 0 auto; max-width: 800px; }

.vault-view #vault-content #watchtower-dashboard .content .alert-banner { display: flex; background-color: #c94e31; color: white; padding: 0.8rem 0.6rem; margin-bottom: 1rem; cursor: pointer; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.vault-view #vault-content #watchtower-dashboard .content .alert-banner img { width: 18px; margin: 0 0.8rem 0 0.3rem; align-self: center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; }

.vault-view #vault-content #watchtower-dashboard .content .alert-banner div { flex-grow: 1; }

.vault-view #vault-content #watchtower-dashboard .content .alert-banner div strong, .vault-view #vault-content #watchtower-dashboard .content .alert-banner div span { display: block; }

.vault-view #vault-content #watchtower-dashboard .content .alert-banner svg { fill: white; align-self: center; margin: 0 0.3rem 0 0.8rem; }

.vault-view #vault-content #watchtower-dashboard .content .card-container { display: flex; flex-wrap: wrap; margin-top: -1rem; margin-left: -1rem; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card { display: flex; flex-direction: column; justify-content: space-between; background-color: white; border: 1px solid #d7d9e0; min-height: 188px; margin-top: 1rem; margin-left: 1rem; width: calc(33.3% - 1rem); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength { width: calc(100% - 288px - 2rem); }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength.full-width { width: 100%; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength h3 { margin-top: 0.5rem; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .graph { display: flex; width: 100%; height: 55px; margin-top: 1.2rem; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .graph div { display: inline-block; height: 55px; margin-left: 2px; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .graph div:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; margin-left: 0; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .graph div:last-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .graph div.excellent { background-color: #52d400; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .graph div.good { background-color: #bce736; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .graph div.weak { background-color: #feaf06; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .graph div.terrible { background-color: #fa4d2e; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .graph div.empty { border: 1px solid #d7d9e0; width: 100%; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .labels { margin-top: 1.3rem; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .labels .label { display: inline-block; margin-right: 0.8rem; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .labels .label div { display: inline-block; font-weight: 600; margin-bottom: 0.4rem; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .labels .label div.count { margin-right: 0.3rem; padding: 0.2rem 0.4rem; color: white; min-width: 2.2rem; text-align: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .labels .label div.count.excellent { background-color: #52d400; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .labels .label div.count.good { background-color: #bce736; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .labels .label div.count.weak { background-color: #feaf06; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .labels .label div.count.terrible { background-color: #fa4d2e; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .labels .label div.text { text-transform: uppercase; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.score { width: 288px; overflow: hidden; justify-content: flex-end; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.score .card-content { height: 188px; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.score .graph { margin: auto; padding: 40px; height: 160px; width: 160px; border-radius: 50%; box-sizing: content-box; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.score .graph.red { background-image: linear-gradient(0deg, #fa4d2e 0%, #feaf06 100%); }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.score .graph.red svg { fill: #feaf06; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.score .graph.yellow { background-image: linear-gradient(0deg, #fe8104 0%, #ffeb42 100%); }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.score .graph.yellow svg { fill: #ffeb42; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.score .graph.green-yellow { background-image: linear-gradient(0deg, #feaf06 0%, #fede07 46%, #bce736 100%); }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.score .graph.green-yellow svg { fill: #bce736; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.score .graph.green { background-image: linear-gradient(0deg, #f7df0d 0%, #bce736 80%, #93e021 100%); }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.score .graph.green svg { fill: #93e021; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.score .graph.very-green { background-image: linear-gradient(0deg, #bce736 0%, #9ee227 26%, #5fd606 64%, #1fbf00 100%); }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.score .graph.very-green svg { fill: #1fbf00; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.score .graph .graph-inside { position: relative; background-color: white; border-radius: 50%; height: 100%; width: 100%; padding: 2.5rem 1.4rem; text-align: center; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.score .graph .graph-inside svg { position: absolute; top: 10px; right: 0; left: 0; margin: 0 auto; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.score .graph .graph-inside h3 { margin-top: 0; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.hibp-report, .vault-view #vault-content #watchtower-dashboard .content .card-container .card.welcome { width: calc(66.6% - 1rem); margin-right: calc(33.3% - 1rem); min-height: 100px; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.welcome .card-content { display: flex; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.welcome .card-content .text { flex-grow: 1; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.welcome .card-content .icon { display: flex; align-items: center; margin-left: 0.5rem; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.welcome .card-content .icon img { width: 94px; height: 52px; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card .card-content { padding: 1rem; cursor: default; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card .card-content h3, .vault-view #vault-content #watchtower-dashboard .content .card-container .card .card-content h1 { color: #525c66; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card .card-content h1 { font-size: 3.3rem; line-height: 3.3rem; margin-top: 0.5rem; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card .card-content p { color: #757575; font-size: 0.9rem; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card .card-content a { text-decoration: none; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card .card-content a:hover { color: #1060d1; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card .card-content a.learn-more-link { display: block; margin-top: 0.6rem; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card > a { display: block; width: 100%; color: #0572ec; font-weight: 500; text-decoration: none; padding: 0.6rem 1rem 0.7rem; border-top: 1px solid #d7d9e0; }

.vault-view #vault-content #watchtower-dashboard .content .card-container .card > a:hover { color: #1060d1; }

.vault-view #modal.watchtower-breach-report { width: 448px; }

.vault-view #modal.watchtower-breach-report main.content-box h3 { margin-top: 1.2rem; }

.vault-view #modal.watchtower-breach-report main.content-box a { text-decoration: none; }

.vault-view #modal.watchtower-breach-report main.content-box a:hover { color: #1060d1; }

.vault-view #modal.watchtower-breach-report main.content-box .box h3 { margin-top: 0; }

.vault-view #modal.watchtower-breach-report main.content-box .box p { font-size: 0.9rem !important; margin-top: 0.4rem !important; }

.vault-view #modal.watchtower-breach-report main.content-box ul { list-style-type: none; }

.vault-view #modal.watchtower-breach-report main.content-box ul li:not(:first-child) { margin-top: 0.9rem; }

.vault-view #modal.watchtower-breach-report main.content-box ul li .site-info { display: flex; margin-bottom: 0.5rem; cursor: default; }

.vault-view #modal.watchtower-breach-report main.content-box ul li .site-info.clickable { cursor: pointer; }

.vault-view #modal.watchtower-breach-report main.content-box ul li .site-info:hover .action span { color: #0572ec; }

.vault-view #modal.watchtower-breach-report main.content-box ul li .site-info:hover .action svg { fill: #0572ec; }

.vault-view #modal.watchtower-breach-report main.content-box ul li .site-info .icon { position: relative; margin-right: 0.8rem; margin-top: 1px; }

.vault-view #modal.watchtower-breach-report main.content-box ul li .site-info .icon .site-icon { width: 32px; height: 32px; }

.vault-view #modal.watchtower-breach-report main.content-box ul li .site-info .icon .site-icon[src^="https://c.1password.com/richicons/"] { border: 1px solid #e4e6e7; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.vault-view #modal.watchtower-breach-report main.content-box ul li .site-info .icon .badge-icon { position: absolute; right: -7px; bottom: -1px; width: 18px; height: 16px; }

.vault-view #modal.watchtower-breach-report main.content-box ul li .site-info .icon .badge-icon.no-action { width: 16px; right: -6px; }

.vault-view #modal.watchtower-breach-report main.content-box ul li .site-info .icon img { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; }

.vault-view #modal.watchtower-breach-report main.content-box ul li .site-info .name { flex-grow: 1; }

.vault-view #modal.watchtower-breach-report main.content-box ul li .site-info .name span { color: #757575; font-size: 0.9rem; }

.vault-view #modal.watchtower-breach-report main.content-box ul li .site-info .action { display: flex; align-items: center; }

.vault-view #modal.watchtower-breach-report main.content-box ul li .site-info .action span { color: #8fa1b3; font-weight: 600; font-size: 0.9rem; margin-right: 0.2rem; }

.vault-view #modal.watchtower-breach-report main.content-box ul li .breach-details { font-size: 0.9rem; }

.vault-view #modal.watchtower-breach-report main.content-box ul li .breach-details strong { margin-bottom: 0; }

.vault-view #modal.watchtower-breach-report main.content-box ul li .breach-details div:not(:first-child) { margin-top: 0.2rem; }

.vault-view #modal.watchtower-breach-report main.content-box hr { margin: 1rem 0; background-color: #d7d9e0; }

.vault-view #modal.watchtower-breach-report main.content-box em { font-style: italic; }

.switch { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }

.switch.disabled { opacity: 0.3; cursor: not-allowed; }

.switch input { opacity: 0; position: absolute; }

.switch input + span { position: relative; display: inline-block; width: 1.65em; height: 1em; background: white; box-shadow: inset 0 0 0 0.0625em #e9e9e9; border-radius: 0.5em; vertical-align: -0.15em; transition: all 0.4s cubic-bezier(0.17, 0.67, 0.43, 0.98); }

.switch input + span::after { position: absolute; display: block; content: ""; width: 0.875em; height: 0.875em; border-radius: 0.4375em; top: 0.0625em; left: 0.0625em; background: white; box-shadow: inset 0 0 0 0.03em rgba(0, 0, 0, 0.1), 0 0 0.05em rgba(0, 0, 0, 0.05), 0 0.1em 0.2em rgba(0, 0, 0, 0.2); transition: all 0.25s ease-out; }

.switch input:checked + span { box-shadow: inset 0 0 0 0.73em #1a8cff; }

.switch input:checked + span::after { left: 0.7125em; }

.switch:active input + span, .switch input + span:active { box-shadow: inset 0 0 0 0.73em #e9e9e9; }

.switch:active input + span::after, .switch input + span:active::after { width: 1.15em; }

.switch:active input:checked + span::after, .switch input:checked + span:active::after { left: 0.4375em; }

/* accessibility styles */
.switch input:focus + span { box-shadow: inset 0 0 0 0.0625em #dadada; }

.switch input:focus + span::after { box-shadow: inset 0 0 0 0.03em rgba(0, 0, 0, 0.15), 0 0 0.05em rgba(0, 0, 0, 0.08), 0 0.1em 0.2em rgba(0, 0, 0, 0.3); }

/* reset accessibility style on hover */
.switch:hover input:focus + span { box-shadow: inset 0 0 0 0.0625em #e9e9e9; }

.switch:hover input:focus + span::after { box-shadow: inset 0 0 0 0.03em rgba(0, 0, 0, 0.1), 0 0 0.05em rgba(0, 0, 0, 0.05), 0 0.1em 0.2em rgba(0, 0, 0, 0.2); }

.switch input:focus:checked + span, .switch:hover input:focus:checked + span { box-shadow: inset 0 0 0 0.73em #1a8cff; }

.get-the-apps { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.get-the-apps section { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 30px 0; border-top: 1px solid #cbcccd; }

.get-the-apps section:first-child { padding-top: 20px; border: none; }

@media only screen and (min-width: 750px) { .get-the-apps section { flex-direction: row; } }

.get-the-apps .new-button { display: block; margin-top: 10px; }

.get-the-apps h2 { color: #757575; font-size: 0.875rem; font-weight: 500; }

.get-the-apps h3 { margin: 0; color: #333333; font-size: 1.3rem; font-weight: 600; line-height: 1.8rem; }

.get-the-apps p { max-width: 450px; }

.get-the-apps .content-left { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; margin-bottom: 20px; }

@media only screen and (min-width: 750px) { .get-the-apps .content-left { -webkit-box-align: flex-start; -moz-box-align: flex-start; -ms-flex-align: flex-start; -webkit-align-items: flex-start; align-items: flex-start; flex-basis: 23%; min-width: 165px; } }

.get-the-apps .content-right { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: flex-start; -moz-box-align: flex-start; -ms-flex-align: flex-start; -webkit-align-items: flex-start; align-items: flex-start; margin: 0 auto; }

@media only screen and (min-width: 750px) { .get-the-apps .content-right { margin-left: 50px; } }

.get-the-apps .download-app ul { margin-top: 20px; list-style-type: none; font-size: 0.9rem; }

.get-the-apps .download-app ul li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 15px; }

.get-the-apps .download-app ul li:last-child { margin-bottom: 0; }

.get-the-apps .download-app ul li a { text-decoration: none; }

.get-the-apps .download-app ul li a:hover { text-decoration: underline; }

.get-the-apps .download-app ul li span { color: #757575; flex-basis: 100%; padding-left: 30px; }

@media only screen and (min-width: 850px) { .get-the-apps .download-app ul li span { padding-left: 0; flex-basis: auto; } }

.get-the-apps .download-app ul li > * { margin-right: 12px; }

.get-the-apps .icon { width: 18px; background-size: contain; background-repeat: no-repeat; background-position: center; }

.get-the-apps .icon.mac { background-image: url(../images/mac.svg); }

.get-the-apps .icon.windows { background-image: url(../images/windows.svg); }

.get-the-apps .icon.ios { background-image: url(../images/ios.svg); }

.get-the-apps .icon.android { background-image: url(../images/android.svg); }

.get-the-apps .icon.chrome { background-image: url(../images/chrome.svg); }

.get-the-apps .icon.firefox { background-image: url(../images/device-list-firefox.svg); }

.get-the-apps .actions { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-left: -10px; }

.get-the-apps .actions .action { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; flex: 1 1 auto; max-width: 215px; margin: 20px 0 0 10px; font-size: 0.9rem; text-align: center; }

.get-the-apps .actions .action .new-button { margin: 10px auto 0; }

@media only screen and (min-width: 850px) { .get-the-apps .actions { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; } }

.signin-details h2 { text-transform: uppercase; font-size: 0.8rem; color: #757575; }

.signin-details .copy-box { margin: 5px 0; padding: 5px; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; border: 1px dashed #cbcccd; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; min-height: 36px; }

.signin-details .copy-box span { vertical-align: middle; }

.signin-details .copy-box span:not(.secret-key) { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.signin-details .copy-box span.secret-key { font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace; letter-spacing: normal; line-height: 1.4rem; }

.signin-details .copy-box:hover { cursor: pointer; }

.signin-details .copy-box:hover button { visibility: visible; }

.signin-details .copy-box:last-of-type { margin-bottom: 20px; }

.signin-details .copy-box.revealed { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; }

.signin-details .copy-box.revealed .secret-key { flex-basis: 100%; }

.signin-details .copy-box button { vertical-align: middle; display: inline-block; visibility: hidden; margin: 2px; border: 1px solid #cbcccd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 2px 4px; text-decoration: none; color: #333333; word-break: normal; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -ms-box-flex: 0 0 auto; box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.signin-details .copy-box button:active { background-color: #cbcccd; border-color: #999999; }

.signin-details .copy-box span:active + button { background-color: #cbcccd; border-color: #999999; }

.signin-details .copy-box .copy-buttons { position: absolute; visibility: hidden; background-color: white; right: 4px; bottom: 3px; }

.signin-details .copy-box:hover .copy-buttons { visibility: visible; }

.qr-code-container { text-decoration: none; }

.qr-code-container .qr-code { position: relative; text-align: center; padding: 15px; border: 1px solid #999999; border-radius: 7px; }

.qr-code-container .qr-code img { width: 130px; height: 130px; }

.qr-code-container .wrapper { text-align: center; width: 162px; }

.qr-code-container .wrapper.qr-code-description { margin: 0 auto -10px; position: relative; z-index: 1; }

.qr-code-container .wrapper.qr-code-description h2 { display: inline-block; padding: 0 4px; background-color: white; font-size: 0.7rem; color: #757575; text-transform: uppercase; }

.qr-code-container .wrapper.qr-code-toggle { margin: -10px auto 0; position: relative; z-index: 1; }

.qr-code-container .wrapper.qr-code-toggle .new-button { padding: 3px 10px; box-shadow: none; position: initial; margin: 0 auto; }

@media only screen and (min-width: 750px) { .qr-code-container .qr-code-toggle { position: absolute; } }

.qr-code-container.obscured:hover .new-button { background-color: #1060d1; }

.pika-single { z-index: 9999; display: block !important; position: relative !important; color: #333333; background: white; border: 1px solid #cbcccd !important; border-bottom-color: #999999 !important; margin-left: 1px; padding: 0 !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.pika-single.is-hidden { display: none !important; }

.pika-single.is-bound { position: absolute !important; box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); }

.account-view .pika-single { border: none !important; }

.account-view .pika-single .pika-lendar { float: none; width: 100%; margin: 0; }

.account-view .pika-single .pika-table { border: none !important; border-radius: 0 !important; }

.account-view .pika-single .pika-select { padding: 1px; height: auto; }

.account-view .pika-single tr, .account-view .pika-single td, .account-view .pika-single th { height: 25px !important; border: none !important; background-color: white; }

.pika-single { *zoom: 1; }

.pika-single::before, .pika-single::after { content: " "; display: table; }

.pika-single::after { clear: both; }

.pika-lendar { float: left; width: 240px; margin: 8px; }

.pika-title { position: relative; text-align: center; }

.pika-title select { cursor: pointer; position: absolute; z-index: 9998; margin: 0; left: 0; top: 5px; filter: alpha(opacity=0); opacity: 0; }

.pika-label { display: inline-block; *display: inline; position: relative; z-index: 9999; overflow: hidden; margin: 0; padding: 5px 3px; font-size: 0.9rem; line-height: 20px; font-weight: 600; background-color: white; }

.pika-prev, .pika-next { display: block; cursor: pointer; position: relative; outline: none; border: 0; padding: 0; width: 20px; height: 30px; text-indent: 20px; white-space: nowrap; overflow: hidden; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 75% 75%; opacity: 0.5; *position: absolute; *top: 0; }

.pika-prev:hover, .pika-next:hover { opacity: 1; }

.pika-prev.is-disabled, .pika-next.is-disabled { cursor: default; opacity: 0.2; }

.pika-prev, .is-rtl .pika-next { float: left; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg=="); *left: 0; }

.pika-next, .is-rtl .pika-prev { float: right; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII="); *right: 0; }

.pika-select { display: inline-block; *display: inline; }

.pika-table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; margin: 0 !important; }

.pika-table th, .pika-table td { width: 14.285714285714286% !important; padding: 0 !important; }

.pika-table th { color: #757575 !important; font-size: 0.75rem; line-height: 25px; font-weight: 600 !important; text-align: center !important; }

.pika-table abbr { border-bottom: none; }

.pika-table .is-today .pika-button { font-weight: 600; }

.pika-table .is-selected .pika-button { background: #e4e6e7; border-radius: 3px; }

.pika-table .is-disabled .pika-button, .pika-table .is-outside-current-month .pika-button { pointer-events: none; cursor: default; color: #757575; opacity: 0.3; }

.pika-button { cursor: pointer; display: block; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; border: 0; margin: 0; width: 100%; padding: 5px; color: #757575; font-size: 0.75rem; line-height: 15px; text-align: right; background: #f6f7f8; }

.pika-button:hover { color: white; background: #0572ec !important; box-shadow: none; border-radius: 3px; }

aside#activity-log h2 { font-size: 1.25rem; }

aside#activity-log a { color: #333333; text-decoration: underline; }

aside#activity-log li { margin: 6px 0; }

aside#activity-log span.secondary { color: #757575; }

.activity-log-footer { margin-top: 10px; text-align: center; }

#modal.type-filter { width: 278px; }

#modal.type-filter .all-toggles { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; margin-bottom: 0.5rem; }

#modal.type-filter .all-toggles button { flex: 1; font-weight: 500; text-align: center; text-decoration: none; }

#modal.type-filter .all-toggles button:hover { color: #1060d1; }

[data-focus-visible] #modal.type-filter .all-toggles button:focus { box-shadow: inset 0 0 0 1px rgba(0, 127, 255, 0.3), 0 0 0 3px rgba(0, 127, 255, 0.3); }

.report[data-focus-visible] button:focus { box-shadow: inset 0 0 0 1px rgba(0, 127, 255, 0.3), 0 0 0 3px rgba(0, 127, 255, 0.3); }

.report #unlocked-app #top-bar #title-container { background-color: #f6f7fb; }

.report #unlocked-app #main-content { background-color: #f6f7fb; }

.report .centered { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.report .report-container { width: 100%; }

.report .blue:not(.new-button) { color: #2673bf; stroke: #2673bf; }

.report .text-secondary { color: #757575; stroke: #757575; }

.report .dark-gray { color: #8fa1b3; stroke: #8fa1b3; }

.report .gray { color: #adc3d9; stroke: #adc3d9; }

.report .black { color: #333333; stroke: #333333; }

.report #content { border: 1px solid #d7d9e0; }

.report .actions { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; border-bottom: 1px solid #d7d9e0; padding: 0.5rem; min-height: 3.5rem; }

.report .actions .buttons { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.report .actions .buttons .action { width: 90%; margin: 0.25rem 0; }

.report .actions .action { color: #525c66; min-width: 6rem; }

.report .actions .has-icon { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.report .actions .has-icon svg { min-width: 16px; margin-right: 10px; }

.report .actions .learn-more { min-height: 3rem; color: #757575; font-size: 0.9rem; font-weight: 500; margin-left: 0.5rem; }

.report .actions .learn-more, .report .actions .learn-more > svg { transition: all 0.25s ease; }

.report .actions .learn-more:hover { color: #525c66; }

.report .actions .learn-more:hover svg { fill: #525c66; }

@media only screen and (min-width: 600px) { .report .actions { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; }
  .report .actions .buttons { width: auto; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
  .report .actions .buttons .action { width: auto; margin-left: 0.5rem; margin-bottom: 0; } }

.report .report-detail { background-color: white; padding: 3rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; }

.report .report-detail.outdated-devices-report .half-section { flex-basis: calc(50% - 1.5rem) !important; }

.report .report-detail.outdated-devices-report #subject-info, .report .report-detail.outdated-devices-report .enforcement { margin-bottom: 2rem !important; }

.report .report-detail .header { display: none; }

.report .report-detail .dummy-section { display: none; }

@media only screen and (min-width: 925px) { .report .report-detail .dummy-section { display: inherit; } }

.report .report-detail .half-section, .report .report-detail .section { font-weight: 500; width: 100%; margin-bottom: 1.5rem; overflow-x: auto; overflow-y: hidden; }

.report .report-detail .half-section:last-child, .report .report-detail .section:last-child { margin-bottom: 0; }

@media only screen and (min-width: 925px) { .report .report-detail .half-section.half-section:nth-child(odd), .report .report-detail .section.half-section:nth-child(odd) { flex-basis: 45%; }
  .report .report-detail .half-section.half-section:nth-child(even), .report .report-detail .section.half-section:nth-child(even) { flex-basis: 40%; }
  .report .report-detail .half-section.half-section.big-numbers, .report .report-detail .section.half-section.big-numbers { flex-basis: 100%; } }

.report .report-detail .half-section#subject-info, .report .report-detail .section#subject-info { margin-bottom: 1rem; }

.report .report-detail .half-section .section-title, .report .report-detail .section .section-title { margin-bottom: 0.8rem; font-size: 0.85rem; font-weight: 700; line-height: 0.85rem; text-transform: uppercase; padding-bottom: 0.5rem; border-bottom: 1px solid #d7d9e0; }

.report .report-detail .half-section .overview-section-title, .report .report-detail .section .overview-section-title { margin-bottom: 0.8rem; margin-top: 2rem; font-size: 0.85rem; font-weight: 700; line-height: 0.85rem; text-transform: uppercase; padding-bottom: 0.5rem; border-bottom: 1px solid #d7d9e0; }

.report .report-detail .oversized-text { font-weight: 400; line-height: 4rem; margin: 1rem 0 1rem -2px; font-size: 2rem; line-height: 1.5rem; }

@media only screen and (min-width: 600px) { .report .report-detail .oversized-text { font-size: 3rem; line-height: 2.5rem; } }

@media only screen and (min-width: 925px) { .report .report-detail .oversized-text { font-size: 4rem; line-height: 3.5rem; } }

@media only screen and (min-width: 925px) { .report .report-detail .big-numbers .oversized-text { font-size: 3rem; line-height: 3rem; } }

@media only screen and (min-width: 1200px) { .report .report-detail .big-numbers .oversized-text { font-size: 4rem; line-height: 3.5rem; } }

.report .report-detail .section.extended-data .data { display: flex; justify-content: space-between; align-items: center; padding: 10px 10px 10px 0; margin-top: 10px; }

.report .report-detail .section.extended-data .bar-graph { height: 2px; background-color: #e4e6e7; }

.report .report-detail .section.extended-data .bar-graph > div { height: 2px; background-color: #2673bf; }

.report .report-detail .section.extended-data .value { font-size: 2rem; color: #2673bf; }

.report .report-detail .subject-detail { font-weight: normal; }

@media only screen and (min-width: 925px) { .report .report-detail .subject-detail { margin-top: 0; } }

.report .report-detail #subject-info .subject-name { margin-bottom: 0; }

.report .report-detail #subject-info .subject-subtitle { margin-top: 0; font-size: 0.8rem; }

@media only screen and (min-width: 600px) { .report .report-detail #subject-info .subject-subtitle { font-size: 0.9rem; } }

@media only screen and (min-width: 925px) { .report .report-detail #subject-info .subject-subtitle { font-size: 1rem; } }

.report .report-detail #subject-info .report-desc { margin-top: 1rem; font-size: 1.2em; line-height: 1.5rem; }

.report .report-detail #subject-info .report-desc.grey { color: #757575; }

.report .report-detail #subject-meta .detail:not(:last-child) { margin-bottom: 1rem; }

.report .report-detail .access-stats, .report .report-detail .flex-row { width: 100%; }

@media only screen and (min-width: 925px) { .report .report-detail .access-stats, .report .report-detail .flex-row { display: flex; }
  .report .report-detail .access-stats > *, .report .report-detail .flex-row > * { flex: 1 1 100%; margin-left: 20px; }
  .report .report-detail .access-stats > *:first-child, .report .report-detail .flex-row > *:first-child { margin-left: 0; } }

.report .report-detail .access-stats .access-stat { font-weight: 500; }

.report .report-detail .stacked-bar-graph .color-1.item .color-box, .report .report-detail .stacked-bar-graph .color-1.segment { background-color: #008bff; color: #008bff; font-size: 0.8rem; }

.report .report-detail .stacked-bar-graph .color-1.item.highlight { background-color: rgba(0, 139, 255, 0.2); }

.report .report-detail .stacked-bar-graph .color-1.segment.highlight { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9), 0 0 0 2px #008bff, 0 3px 4px 0 rgba(0, 0, 0, 0.25); }

.report .report-detail .stacked-bar-graph .color-2.item .color-box, .report .report-detail .stacked-bar-graph .color-2.segment { background-color: #9a8df5; color: #9a8df5; font-size: 0.8rem; }

.report .report-detail .stacked-bar-graph .color-2.item.highlight { background-color: rgba(154, 141, 245, 0.2); }

.report .report-detail .stacked-bar-graph .color-2.segment.highlight { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9), 0 0 0 2px #9a8df5, 0 3px 4px 0 rgba(0, 0, 0, 0.25); }

.report .report-detail .stacked-bar-graph .color-3.item .color-box, .report .report-detail .stacked-bar-graph .color-3.segment { background-color: #aeeb56; color: #aeeb56; font-size: 0.8rem; }

.report .report-detail .stacked-bar-graph .color-3.item.highlight { background-color: rgba(174, 235, 86, 0.2); }

.report .report-detail .stacked-bar-graph .color-3.segment.highlight { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9), 0 0 0 2px #aeeb56, 0 3px 4px 0 rgba(0, 0, 0, 0.25); }

.report .report-detail .stacked-bar-graph .color-4.item .color-box, .report .report-detail .stacked-bar-graph .color-4.segment { background-color: #ffd200; color: #ffd200; font-size: 0.8rem; }

.report .report-detail .stacked-bar-graph .color-4.item.highlight { background-color: rgba(255, 210, 0, 0.2); }

.report .report-detail .stacked-bar-graph .color-4.segment.highlight { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9), 0 0 0 2px #ffd200, 0 3px 4px 0 rgba(0, 0, 0, 0.25); }

.report .report-detail .stacked-bar-graph .color-5.item .color-box, .report .report-detail .stacked-bar-graph .color-5.segment { background-color: #ff957e; color: #ff957e; font-size: 0.8rem; }

.report .report-detail .stacked-bar-graph .color-5.item.highlight { background-color: rgba(255, 149, 126, 0.2); }

.report .report-detail .stacked-bar-graph .color-5.segment.highlight { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9), 0 0 0 2px #ff957e, 0 3px 4px 0 rgba(0, 0, 0, 0.25); }

.report .report-detail .stacked-bar-graph .color-6.item .color-box, .report .report-detail .stacked-bar-graph .color-6.segment { background-color: #c7ced6; color: #c7ced6; font-size: 0.8rem; }

.report .report-detail .stacked-bar-graph .color-6.item.highlight { background-color: rgba(199, 206, 214, 0.2); }

.report .report-detail .stacked-bar-graph .color-6.segment.highlight { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9), 0 0 0 2px #c7ced6, 0 3px 4px 0 rgba(0, 0, 0, 0.25); }

.report .report-detail .stacked-bar-graph .color-7.item .color-box, .report .report-detail .stacked-bar-graph .color-7.segment { background-color: #68bcff; color: #68bcff; font-size: 0.8rem; }

.report .report-detail .stacked-bar-graph .color-7.item.highlight { background-color: rgba(104, 188, 255, 0.2); }

.report .report-detail .stacked-bar-graph .color-7.segment.highlight { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9), 0 0 0 2px #68bcff, 0 3px 4px 0 rgba(0, 0, 0, 0.25); }

.report .report-detail .stacked-bar-graph .color-8.item .color-box, .report .report-detail .stacked-bar-graph .color-8.segment { background-color: #d370f3; color: #d370f3; font-size: 0.8rem; }

.report .report-detail .stacked-bar-graph .color-8.item.highlight { background-color: rgba(211, 112, 243, 0.2); }

.report .report-detail .stacked-bar-graph .color-8.segment.highlight { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9), 0 0 0 2px #d370f3, 0 3px 4px 0 rgba(0, 0, 0, 0.25); }

.report .report-detail .stacked-bar-graph .color-9.item .color-box, .report .report-detail .stacked-bar-graph .color-9.segment { background-color: #00b91d; color: #00b91d; font-size: 0.8rem; }

.report .report-detail .stacked-bar-graph .color-9.item.highlight { background-color: rgba(0, 185, 29, 0.2); }

.report .report-detail .stacked-bar-graph .color-9.segment.highlight { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9), 0 0 0 2px #00b91d, 0 3px 4px 0 rgba(0, 0, 0, 0.25); }

.report .report-detail .stacked-bar-graph .color-10.item .color-box, .report .report-detail .stacked-bar-graph .color-10.segment { background-color: #c08275; color: #c08275; font-size: 0.8rem; }

.report .report-detail .stacked-bar-graph .color-10.item.highlight { background-color: rgba(192, 130, 117, 0.2); }

.report .report-detail .stacked-bar-graph .color-10.segment.highlight { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9), 0 0 0 2px #c08275, 0 3px 4px 0 rgba(0, 0, 0, 0.25); }

.report .report-detail .stacked-bar-graph .color-11.item .color-box, .report .report-detail .stacked-bar-graph .color-11.segment { background-color: #8e9eac; color: #8e9eac; font-size: 0.8rem; }

.report .report-detail .stacked-bar-graph .color-11.item.highlight { background-color: rgba(142, 158, 172, 0.2); }

.report .report-detail .stacked-bar-graph .color-11.segment.highlight { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9), 0 0 0 2px #8e9eac, 0 3px 4px 0 rgba(0, 0, 0, 0.25); }

.report .report-detail .stacked-bar-graph .color-12.item .color-box, .report .report-detail .stacked-bar-graph .color-12.segment { background-color: #004c9e; color: #004c9e; font-size: 0.8rem; }

.report .report-detail .stacked-bar-graph .color-12.item.highlight { background-color: rgba(0, 76, 158, 0.2); }

.report .report-detail .stacked-bar-graph .color-12.segment.highlight { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9), 0 0 0 2px #004c9e, 0 3px 4px 0 rgba(0, 0, 0, 0.25); }

.report .report-detail .stacked-bar-graph .color-13.item .color-box, .report .report-detail .stacked-bar-graph .color-13.segment { background-color: #4ca47d; color: #4ca47d; font-size: 0.8rem; }

.report .report-detail .stacked-bar-graph .color-13.item.highlight { background-color: rgba(76, 164, 125, 0.2); }

.report .report-detail .stacked-bar-graph .color-13.segment.highlight { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9), 0 0 0 2px #4ca47d, 0 3px 4px 0 rgba(0, 0, 0, 0.25); }

.report .report-detail .stacked-bar-graph .color-14.item .color-box, .report .report-detail .stacked-bar-graph .color-14.segment { background-color: #f5d4b7; color: #f5d4b7; font-size: 0.8rem; }

.report .report-detail .stacked-bar-graph .color-14.item.highlight { background-color: rgba(245, 212, 183, 0.2); }

.report .report-detail .stacked-bar-graph .color-14.segment.highlight { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9), 0 0 0 2px #f5d4b7, 0 3px 4px 0 rgba(0, 0, 0, 0.25); }

.report .report-detail .stacked-bar-graph .color-15.item .color-box, .report .report-detail .stacked-bar-graph .color-15.segment { background-color: #151e27; color: #151e27; font-size: 0.8rem; }

.report .report-detail .stacked-bar-graph .color-15.item.highlight { background-color: rgba(21, 30, 39, 0.2); }

.report .report-detail .stacked-bar-graph .color-15.segment.highlight { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9), 0 0 0 2px #151e27, 0 3px 4px 0 rgba(0, 0, 0, 0.25); }

.report .report-detail .stacked-bar-graph .color-16.item .color-box, .report .report-detail .stacked-bar-graph .color-16.segment { background-color: #b6deff; color: #b6deff; font-size: 0.8rem; }

.report .report-detail .stacked-bar-graph .color-16.item.highlight { background-color: rgba(182, 222, 255, 0.2); }

.report .report-detail .stacked-bar-graph .color-16.segment.highlight { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9), 0 0 0 2px #b6deff, 0 3px 4px 0 rgba(0, 0, 0, 0.25); }

.report .report-detail .stacked-bar-graph .color-17.item .color-box, .report .report-detail .stacked-bar-graph .color-17.segment { background-color: #485c99; color: #485c99; font-size: 0.8rem; }

.report .report-detail .stacked-bar-graph .color-17.item.highlight { background-color: rgba(72, 92, 153, 0.2); }

.report .report-detail .stacked-bar-graph .color-17.segment.highlight { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9), 0 0 0 2px #485c99, 0 3px 4px 0 rgba(0, 0, 0, 0.25); }

.report .report-detail .stacked-bar-graph .color-18.item .color-box, .report .report-detail .stacked-bar-graph .color-18.segment { background-color: #fe9100; color: #fe9100; font-size: 0.8rem; }

.report .report-detail .stacked-bar-graph .color-18.item.highlight { background-color: rgba(254, 145, 0, 0.2); }

.report .report-detail .stacked-bar-graph .color-18.segment.highlight { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9), 0 0 0 2px #fe9100, 0 3px 4px 0 rgba(0, 0, 0, 0.25); }

.report .report-detail .stacked-bar-graph .color-19.item .color-box, .report .report-detail .stacked-bar-graph .color-19.segment { background-color: #d4dbe4; color: #d4dbe4; font-size: 0.8rem; }

.report .report-detail .stacked-bar-graph .color-19.item.highlight { background-color: rgba(212, 219, 228, 0.2); }

.report .report-detail .stacked-bar-graph .color-19.segment.highlight { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9), 0 0 0 2px #d4dbe4, 0 3px 4px 0 rgba(0, 0, 0, 0.25); }

.report .report-detail .stacked-bar-graph .empty { margin-top: 1.5rem; margin-bottom: 1.5rem; text-align: center; color: #757575; font-size: 1.1rem; font-weight: 300; }

.report .report-detail .stacked-bar-graph .bar, .report .report-detail .stacked-bar-graph .legend { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

.report .report-detail .stacked-bar-graph .legend { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0.8rem 0 0.8rem-0.3rem; }

.report .report-detail .stacked-bar-graph .highlight { transition: all 0.2s ease-in-out; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.report .report-detail .stacked-bar-graph .item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: 0.3rem; }

.report .report-detail .stacked-bar-graph .item .label { color: #525c66; vertical-align: middle; max-width: 10rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 1rem; cursor: default; }

.report .report-detail .stacked-bar-graph .item .color-box { width: 1rem; height: 1rem; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-right: 0.5rem; }

.report .report-detail .stacked-bar-graph .segment { height: 1rem; min-width: 2px; margin-right: 1px; cursor: default; }

.report .report-detail .stacked-bar-graph .segment:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.report .report-detail .stacked-bar-graph .segment:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

.report .report-detail .stacked-bar-graph .usage-info { width: 100%; min-height: 1.5rem; margin-top: 0.5rem; color: #757575; font-size: 1rem; font-weight: 300; text-align: center; }

.report .report-detail .outdated-devices-graph .color-1.item .color-box, .report .report-detail .outdated-devices-graph .color-1.segment { background-color: #52a64b; color: #52a64b; }

.report .report-detail .outdated-devices-graph .color-1.item.highlight { background-color: rgba(82, 166, 75, 0.2); }

.report .report-detail .outdated-devices-graph .color-1.segment.highlight { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9), 0 0 0 2px #52a64b, 0 3px 4px 0 rgba(0, 0, 0, 0.25); }

.report .report-detail .outdated-devices-graph .color-2.item .color-box, .report .report-detail .outdated-devices-graph .color-2.segment { background-color: #d96262; color: #d96262; }

.report .report-detail .outdated-devices-graph .color-2.item.highlight { background-color: rgba(217, 98, 98, 0.2); }

.report .report-detail .outdated-devices-graph .color-2.segment.highlight { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9), 0 0 0 2px #d96262, 0 3px 4px 0 rgba(0, 0, 0, 0.25); }

.report .report-table { margin-top: 0; }

.report .report-table tr { color: #757575; font-weight: normal; white-space: nowrap; }

.report .report-table tr th.sort-selected.blue { color: #2673bf; stroke: #2673bf; }

.report .report-table tr th.sort-selected.historical-usage::after { right: 22px; }

.report .report-table tr td { max-width: 1px; }

.report .report-table tr td a { overflow: hidden; text-overflow: ellipsis; }

.report .report-table.item-usage .item-name, .report .report-table.item-usage .user { width: 33%; }

.report .report-table.item-usage .item-name .desc, .report .report-table.item-usage .user .desc { line-height: 32px; }

.report .report-table.item-usage .item-type { width: 20%; }

.report .report-table.item-usage .last-used-at { width: 25%; }

.report .report-table.item-usage .vault { width: 20%; }

.report .report-table.item-usage .historical-usage { width: 5%; }

.report .report-table.item-usage .vault, .report .report-table.item-usage .user { display: none; }

@media only screen and (min-width: 850px) { .report .report-table.item-usage .vault, .report .report-table.item-usage .user { display: table-cell; } }

.report .report-table.item-usage .item-type { display: none; }

@media only screen and (min-width: 1050px) { .report .report-table.item-usage .item-type { display: table-cell; } }

.report .report-table.item-usage .last-used-at { display: none; }

@media only screen and (min-width: 600px) { .report .report-table.item-usage .last-used-at { display: table-cell; } }

.report .report-table.team-members tr td.user { width: 40%; }

.report .report-table.team-members tr td.user a { line-height: 32px; }

.report .report-table.team-members tr td.last-login { width: 25%; }

.report .report-table.team-members tr td.devices, .report .report-table.team-members tr td.personal-items { width: 10%; }

.report .report-table.team-members tr td.has-mfa, .report .report-table.team-members tr td.has-linked-account { width: 5%; }

.report .report-table.team-members .user .wrapper .desc { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; }

.report .report-table.team-members .user .wrapper .desc a:not(:only-child) { line-height: 22px; }

.report .report-table.team-members .last-login { display: none; }

@media only screen and (min-width: 600px) { .report .report-table.team-members .last-login { display: table-cell; } }

.report .report-table.team-members .has-mfa, .report .report-table.team-members .has-linked-account { display: none; }

@media only screen and (min-width: 1050px) { .report .report-table.team-members .has-mfa, .report .report-table.team-members .has-linked-account { display: table-cell; } }

.report .report-table.team-members .personal-items, .report .report-table.team-members .devices { display: none; }

@media only screen and (min-width: 850px) { .report .report-table.team-members .personal-items, .report .report-table.team-members .devices { display: table-cell; } }

.report .report-table.outdated-devices th { color: #333333; }

.report .report-table.outdated-devices td { max-width: none; }

.report .report-table.outdated-devices td.user { vertical-align: top; padding-top: 5px; }

.report .report-table.outdated-devices td.user a { line-height: 32px; }

.report .report-table.outdated-devices td.user .desc { display: inline-block; }

.report .report-table .historical-usage { text-align: center; }

.report .report-table .historical-usage .hover-tooltip { display: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #d7d9e0; background-color: white; padding: 0.5rem; width: 13rem; white-space: normal; color: #525c66; font-weight: 500; }

.report .report-table .historical-usage .hover-tooltip::before { position: absolute; content: ""; border-bottom: 10px solid white; border-left: 10px solid transparent; border-right: 10px solid transparent; -webkit-filter: drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.15)); -moz-filter: drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.15)); -ms-filter: drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.15)); -o-filter: drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.15)); filter: drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.15)); }

.report .report-table .historical-usage:hover * + .hover-tooltip { display: initial; position: absolute; z-index: 9999; transform: translate(-10rem, 1.5rem); }

.report .report-table .historical-usage:hover * + .hover-tooltip::before { top: -9px; left: 66%; }

@media only screen and (min-width: 750px) { .report .report-table .historical-usage:hover * + .hover-tooltip { transform: translate(-7.2rem, 1.5rem); }
  .report .report-table .historical-usage:hover * + .hover-tooltip::before { left: calc(50% - 10px - 2px); } }

.report .report-spinner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; width: 100%; margin: 4rem 0 2rem; }

.report .report-footer { width: 100%; text-align: center; }

#filter-cards { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0.5rem; }

#filter-cards > * { height: 4rem; flex-basis: 100%; }

#filter-cards > *:not(:last-child) { margin-bottom: 0.3rem; }

@media only screen and (min-width: 750px) { #filter-cards > * { flex-basis: inherit; margin-bottom: 0; margin-right: 0; min-width: 12rem; max-width: 18rem; }
  #filter-cards > *:not(:last-child) { margin-bottom: 0.3rem; margin-right: 0.3rem; } }

#filter-cards .menu-container button { width: 100%; }

#filter-cards .menu-container .dropdown-item { min-height: 50px; }

#filter-cards .menu-container .active { width: 100%; max-height: calc(50px * 5.5); overflow: auto; padding: 3px; }

#filter-cards .menu-container .active a, #filter-cards .menu-container .active .filter-button { text-align: left; }

@media only screen and (min-width: 750px) { #filter-cards .menu-container { flex-basis: inherit; margin-right: 0.3rem; min-width: 12rem; }
  #filter-cards .menu-container .dropdown-item { min-height: 50px; text-align: left; line-height: 24px; }
  #filter-cards .menu-container .dropdown-item.selected { color: #2673bf; stroke: #2673bf; }
  #filter-cards .menu-container .dropdown-item:hover { color: #0572ec; background-color: #f6f7fb; }
  #filter-cards .menu-container .dropdown-item:hover.selected { color: #2673bf; stroke: #2673bf; } }

#filter-cards #vault-filter .vault-option, #filter-cards #importer-multiple-vaults-filter .importer-multiple-vaults-option, #filter-cards #importer-singular-vault-filter .importer-singular-vault-option, #filter-cards #user-filter .user-option { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; white-space: nowrap; }

#filter-cards #vault-filter .vault-option .avatar, #filter-cards #importer-multiple-vaults-filter .importer-multiple-vaults-option .avatar, #filter-cards #importer-singular-vault-filter .importer-singular-vault-option .avatar, #filter-cards #user-filter .user-option .avatar { margin-right: 0.5rem; min-width: 24px; }

#filter-cards #vault-filter .vault-option .dropdown-item-text, #filter-cards #importer-multiple-vaults-filter .importer-multiple-vaults-option .dropdown-item-text, #filter-cards #importer-singular-vault-filter .importer-singular-vault-option .dropdown-item-text, #filter-cards #user-filter .user-option .dropdown-item-text { overflow: hidden; text-overflow: ellipsis; margin-top: 0; }

@media print { body { overflow: visible; }
  .report #unlocked-app > :not(#main-content) { display: none; }
  .report #unlocked-app #main-content { display: block; position: initial; margin: 0; padding: 0; width: 100%; overflow: auto; background-color: #fcfcfc; }
  .report #unlocked-app #main-content > :not(.centered) { display: none; }
  .report #unlocked-app #main-content .centered > :not(.report-container) { display: none; }
  .report #unlocked-app #main-content .centered .report-container { margin: 0; padding: 0; border: 0; }
  .report #unlocked-app #main-content .centered .report-container > :not(#content) { display: none; }
  .report #unlocked-app #main-content .centered .report-container #content > :not(.report-detail) { display: none; }
  .report #unlocked-app #main-content .centered .report-container #content .report-detail { margin-top: 1rem; padding-top: 0; }
  .report #unlocked-app #main-content .centered .report-container #content .report-detail .header { display: block; color: #e4e6e7; text-align: center; font-size: 0.9rem; margin-bottom: 1rem; width: 100%; }
  .report #unlocked-app #main-content .centered .report-container #content .report-detail .half-section:nth-child(odd) { flex-basis: 45%; }
  .report #unlocked-app #main-content .centered .report-container #content .report-detail .half-section:nth-child(even) { flex-basis: 40%; }
  .report #unlocked-app #main-content .centered .report-container #content .report-detail .half-section.big-numbers { flex-basis: 100%; }
  .report #unlocked-app #main-content .centered .report-container #content .report-detail .access-stats { width: 100%; display: flex; }
  .report #unlocked-app #main-content .centered .report-container #content .report-detail .access-stats > * { flex: 1 1 100%; margin-left: 20px; }
  .report #unlocked-app #main-content .centered .report-container #content .report-detail .access-stats > *:first-child { margin-left: 0; }
  .report #unlocked-app #main-content .centered .report-container #content .report-detail .dummy-section { display: inherit; }
  .report #unlocked-app #main-content .centered .report-container #content .report-detail .big-numbers .oversized-text { font-size: 3.4rem; line-height: 3.4rem; }
  .report #unlocked-app #main-content .centered .report-container #content .report-detail .oversized-text { font-size: 3.7rem; line-height: 3.7rem; }
  .report #unlocked-app #main-content .centered .report-container .report-table table tr td, .report #unlocked-app #main-content .centered .report-container .report-table table tr th { display: table-cell; }
  .account-view table th.sortable.sort-selected { position: unset; }
  .account-view table th.sortable.sort-selected::after { content: none; }
  .account-view table th.sortable.sort-selected:not(:first-child):not(:last-child) { border-width: 1px 0; }
  .account-view table th.sortable.sort-selected:first-child { border-right-width: 0; }
  .account-view table th.sortable.sort-selected:last-child { border-left-width: 0; } }

@page { size: auto;
  margin: 20px; }

#vaults-header { display: flex; width: 100%; border-bottom: 1px solid #d7d9e0; margin-bottom: 40px; }

#vaults-header .vaults-tab { font-weight: 400; position: relative; bottom: -2px; color: #454f5b; z-index: 2; margin: 0 15px 0 0; padding: 0 8px 20px; transition: 0.25s; border-bottom: 3px solid transparent; cursor: pointer; }

#vaults-header .vaults-tab.active { color: #198cff; border-color: #198cff; font-weight: 500; }

#report-options { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; }

#report-options .card { margin: 0 10px; width: 300px; min-height: 250px; padding: 20px; border-radius: 6px; border: 1px solid #dadde6; cursor: pointer; }

#report-options .card:hover { box-shadow: 0 0 0 0.1em #8dc2fd; }

#report-options .card h3 { color: #454f5b; }

#report-options .card p { margin-bottom: 10px; color: #757575; }

#report-options .card a { color: #2673bf; font-weight: 500; }

#report-options #content { margin: 0 auto; }

.vaults-report .report-detail { width: 100%; }

.vaults-report #report-overview { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-between; width: 100%; }

.vaults-report #report-overview .big-numbers { flex-basis: 40%; }

.vaults-report #report-overview .subject-name { font-size: 3.5em; line-height: 1em; font-weight: 400; margin-bottom: 20px; }

.vaults-report #report-overview .desc-title { color: #757575; }

.vaults-report #report-overview .desc-title.blue { color: #2673bf; }

.vaults-report #report-overview .access-stats { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: center; margin: 10px 40px; }

.vaults-report #report-overview .access-stats .access-stat { min-width: 70px; }

.vaults-report #report-overview .access-stats:first-child { margin-left: 0; }

.vaults-report #report-overview .access-stats:last-child { margin-right: 0; }

.vaults-report #report-overview .access-stats p:first-child { color: #2673bf; font-size: 3.5em; margin-bottom: 20px; }

.vaults-report #report-overview .access-stats p:last-child { color: #757575; font-weight: 500; }

@media only screen and (min-width: 1100px) { .vaults-report #report-overview { flex-direction: row; } }

.vaults-report .vault-list { width: 100%; }

section.template-detail { max-width: 650px; margin: 30px auto 0; background-color: #f6f7f8; border: 1px solid #cbcccd; padding: 32px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

section.template-detail header { text-align: center; }

section.template-detail header h1 { margin-top: 8px; }

section.template-detail header input#singular-name { width: 100%; font-size: 1.5rem; font-weight: 600; margin-top: 7px; text-align: center; }

section.template-detail header input#plural-name { width: 250px; text-align: center; }

section.template-detail section.buttons { margin-bottom: 30px; }

section.template-detail section.buttons .button-container { display: inline-block; }

section.template-detail section.buttons .button-container:not(:first-of-type) { float: right; }

section.template-detail section.buttons .button-container button { margin: 0; }

section.template-detail section.buttons .button-container button:not(:first-of-type) { margin-left: 10px; }

section.template-detail #template-contents { margin-top: 20px; }

section.template-detail #template-contents hr { margin: 20px 0 28px; }

section.template-detail #template-contents section { margin-top: -10px; margin-bottom: 22px; }

section.template-detail #template-contents section.editing { margin-top: 0; margin-bottom: 2px; padding: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

section.template-detail #template-contents section.editing:hover { background-color: white; -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); }

section.template-detail #template-contents section.editing:first-of-type { margin-top: 30px; }

section.template-detail #template-contents section.editing:last-of-type { margin-bottom: 28px; }

section.template-detail #template-contents section .section-title { font-weight: 600; color: #757575; }

section.template-detail #template-contents section input, section.template-detail #template-contents section select { height: 32px; padding: 8px 10px; }

section.template-detail #template-contents section input.section-title, section.template-detail #template-contents section select.section-title { width: calc(100% - 40px); margin-top: 0; }

section.template-detail #template-contents section .field .field-title { margin-top: 5px; font-weight: 600; }

section.template-detail #template-contents section .field .field-type { color: #757575; font-weight: 300; }

section.template-detail #template-contents section .field input.title { display: inline-block; width: calc(100% - 250px); margin-right: 10px; }

section.template-detail #template-contents section .field select.type { display: inline-block; width: 200px; margin-top: 0; line-height: 1em; }

section.template-detail #template-contents section .field select.type:disabled { background-image: none; }

section.template-detail #template-contents section .field input.title:disabled, section.template-detail #template-contents section .field select.type:disabled { color: #cbcccd; cursor: not-allowed; }

section.template-detail #template-contents section .field .subtitle-checkbox-container { display: inline-block; }

section.template-detail #template-contents section .field-button { width: 32px; height: 32px; vertical-align: -11px; margin-right: 8px; background-image: url(../images/button-delete.svg); background-repeat: no-repeat; background-size: 28px; background-position: center; }

section.template-detail #template-contents section .field-button.add { background-image: url(../images/circle-add.svg); }

section.template-detail #template-contents section .field-button.hidden { visibility: hidden; display: inline-block !important; }

section.template-detail #template-contents button { margin-top: 0; }

section.template-detail #template-contents button.short { width: 100%; }

section.template-detail #template-contents .template-blank { margin-bottom: 20px; }

section.template-detail #template-contents footer { font-weight: 300; margin-top: 40px; padding-bottom: 10px; text-align: center; color: #757575; }

section.template-detail #template-contents footer span { color: #757575; }

section.template-detail .no-template-note { margin-top: 20px; }

section.template-detail .no-template-note span { font-size: 1.1rem; display: inline-block; vertical-align: 18px; margin-left: 10px; }

body.webview { -webkit-font-smoothing: auto; }

body.webview *:not(input):not(textarea) { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; }

body.webview *:not(input):not(textarea):not(a) { cursor: default; }

body.webview #b5app { height: 100%; }

body.webview #locked-app { background-color: transparent; }

body.webview #popup-container .window-overlay { background: transparent; }

body.webview #top-bar #menu-sign-out { display: none; }

body.webview.webview-single-page #main-content { width: 100% !important; }

body.webview.webview-single-page #global-sidebar { display: none !important; }

body.webview.webview-single-page #top-bar #title-container::after { width: 100% !important; }

body.webview.webview-single-page #top-bar #user-menu { display: none !important; }

body.webview.panels { background: white; }

body.webview.panels #panel-header, body.webview.panels #panel-footer { display: none; }

body.webview.panels #panel #flow-join, body.webview.panels #panel #flow-provision, body.webview.panels #panel #flow-recover, body.webview.panels #panel #flow-register, body.webview.panels #panel #flow-signup-legacy, body.webview.panels #panel #flow-team-join { margin: 8%; }

body.webview.panels #panel #flow-join .information-preview, body.webview.panels #panel #flow-join #register-mpgen #generator-main #generator-paddy, body.webview.panels #panel #flow-join #register-mpgen #generator-main #generator-controls #num-words button, body.webview.panels #panel #flow-provision .information-preview, body.webview.panels #panel #flow-provision #register-mpgen #generator-main #generator-paddy, body.webview.panels #panel #flow-provision #register-mpgen #generator-main #generator-controls #num-words button, body.webview.panels #panel #flow-recover .information-preview, body.webview.panels #panel #flow-recover #register-mpgen #generator-main #generator-paddy, body.webview.panels #panel #flow-recover #register-mpgen #generator-main #generator-controls #num-words button, body.webview.panels #panel #flow-register .information-preview, body.webview.panels #panel #flow-register #register-mpgen #generator-main #generator-paddy, body.webview.panels #panel #flow-register #register-mpgen #generator-main #generator-controls #num-words button, body.webview.panels #panel #flow-signup-legacy .information-preview, body.webview.panels #panel #flow-signup-legacy #register-mpgen #generator-main #generator-paddy, body.webview.panels #panel #flow-signup-legacy #register-mpgen #generator-main #generator-controls #num-words button, body.webview.panels #panel #flow-team-join .information-preview, body.webview.panels #panel #flow-team-join #register-mpgen #generator-main #generator-paddy, body.webview.panels #panel #flow-team-join #register-mpgen #generator-main #generator-controls #num-words button { background-color: #f6f7f8; }

body.webview.panels #panel #flow-join > section:not(#signup-plan) .button, body.webview.panels #panel #flow-provision > section:not(#signup-plan) .button, body.webview.panels #panel #flow-recover > section:not(#signup-plan) .button, body.webview.panels #panel #flow-register > section:not(#signup-plan) .button, body.webview.panels #panel #flow-signup-legacy > section:not(#signup-plan) .button, body.webview.panels #panel #flow-team-join > section:not(#signup-plan) .button { width: 130px !important; }

body.webview.panels #panel #flow-join .form.signup section, body.webview.panels #panel #flow-provision .form.signup section, body.webview.panels #panel #flow-recover .form.signup section, body.webview.panels #panel #flow-register .form.signup section, body.webview.panels #panel #flow-signup-legacy .form.signup section, body.webview.panels #panel #flow-team-join .form.signup section { flex-direction: row; justify-content: flex-end; }

body.webview.panels #panel #flow-join #signup-team .form, body.webview.panels #panel #flow-provision #signup-team .form, body.webview.panels #panel #flow-recover #signup-team .form, body.webview.panels #panel #flow-register #signup-team .form, body.webview.panels #panel #flow-signup-legacy #signup-team .form, body.webview.panels #panel #flow-team-join #signup-team .form { margin-top: 10px; }

body.webview.panels #panel #flow-join #signup-team .form section, body.webview.panels #panel #flow-provision #signup-team .form section, body.webview.panels #panel #flow-recover #signup-team .form section, body.webview.panels #panel #flow-register #signup-team .form section, body.webview.panels #panel #flow-signup-legacy #signup-team .form section, body.webview.panels #panel #flow-team-join #signup-team .form section { text-align: right; margin-top: 4.1rem; }

body.webview.panels #panel #flow-join #signup-sent-email header, body.webview.panels #panel #flow-provision #signup-sent-email header, body.webview.panels #panel #flow-recover #signup-sent-email header, body.webview.panels #panel #flow-register #signup-sent-email header, body.webview.panels #panel #flow-signup-legacy #signup-sent-email header, body.webview.panels #panel #flow-team-join #signup-sent-email header { margin-bottom: 1.5rem; }

body.webview.panels #panel #flow-join #signup-sent-email header h1, body.webview.panels #panel #flow-provision #signup-sent-email header h1, body.webview.panels #panel #flow-recover #signup-sent-email header h1, body.webview.panels #panel #flow-register #signup-sent-email header h1, body.webview.panels #panel #flow-signup-legacy #signup-sent-email header h1, body.webview.panels #panel #flow-team-join #signup-sent-email header h1 { color: inherit; width: 100%; text-align: center; margin: 0 0 2.6rem; }

@media only screen and (min-width: 360px) { body.webview.panels #panel #flow-join #signup-sent-email header h1, body.webview.panels #panel #flow-provision #signup-sent-email header h1, body.webview.panels #panel #flow-recover #signup-sent-email header h1, body.webview.panels #panel #flow-register #signup-sent-email header h1, body.webview.panels #panel #flow-signup-legacy #signup-sent-email header h1, body.webview.panels #panel #flow-team-join #signup-sent-email header h1 { font-size: 1.5rem; } }

@media only screen and (min-width: 500px) { body.webview.panels #panel #flow-join #signup-sent-email header h1, body.webview.panels #panel #flow-provision #signup-sent-email header h1, body.webview.panels #panel #flow-recover #signup-sent-email header h1, body.webview.panels #panel #flow-register #signup-sent-email header h1, body.webview.panels #panel #flow-signup-legacy #signup-sent-email header h1, body.webview.panels #panel #flow-team-join #signup-sent-email header h1 { font-size: 2rem; } }

body.webview.panels #panel #flow-join #signup-sent-email .form, body.webview.panels #panel #flow-provision #signup-sent-email .form, body.webview.panels #panel #flow-recover #signup-sent-email .form, body.webview.panels #panel #flow-register #signup-sent-email .form, body.webview.panels #panel #flow-signup-legacy #signup-sent-email .form, body.webview.panels #panel #flow-team-join #signup-sent-email .form { display: flex; flex-direction: column; }

body.webview.panels #panel #flow-join #signup-sent-email .form > div, body.webview.panels #panel #flow-provision #signup-sent-email .form > div, body.webview.panels #panel #flow-recover #signup-sent-email .form > div, body.webview.panels #panel #flow-register #signup-sent-email .form > div, body.webview.panels #panel #flow-signup-legacy #signup-sent-email .form > div, body.webview.panels #panel #flow-team-join #signup-sent-email .form > div { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; margin-top: 20px; }

body.webview.panels #panel #flow-join #signup-sent-email .form > div .signup-code-details, body.webview.panels #panel #flow-provision #signup-sent-email .form > div .signup-code-details, body.webview.panels #panel #flow-recover #signup-sent-email .form > div .signup-code-details, body.webview.panels #panel #flow-register #signup-sent-email .form > div .signup-code-details, body.webview.panels #panel #flow-signup-legacy #signup-sent-email .form > div .signup-code-details, body.webview.panels #panel #flow-team-join #signup-sent-email .form > div .signup-code-details { display: flex; flex-direction: column; margin-left: 0; }

@media only screen and (min-width: 450px) { body.webview.panels #panel #flow-join #signup-sent-email .form > div .signup-code-details, body.webview.panels #panel #flow-provision #signup-sent-email .form > div .signup-code-details, body.webview.panels #panel #flow-recover #signup-sent-email .form > div .signup-code-details, body.webview.panels #panel #flow-register #signup-sent-email .form > div .signup-code-details, body.webview.panels #panel #flow-signup-legacy #signup-sent-email .form > div .signup-code-details, body.webview.panels #panel #flow-team-join #signup-sent-email .form > div .signup-code-details { margin-left: 20px; } }

body.webview.panels #panel #flow-join #signup-sent-email .form > div .signup-code-details label, body.webview.panels #panel #flow-provision #signup-sent-email .form > div .signup-code-details label, body.webview.panels #panel #flow-recover #signup-sent-email .form > div .signup-code-details label, body.webview.panels #panel #flow-register #signup-sent-email .form > div .signup-code-details label, body.webview.panels #panel #flow-signup-legacy #signup-sent-email .form > div .signup-code-details label, body.webview.panels #panel #flow-team-join #signup-sent-email .form > div .signup-code-details label { font-size: 0.95rem; }

@media only screen and (min-width: 450px) { body.webview.panels #panel #flow-join #signup-sent-email .form > div .signup-code-details label, body.webview.panels #panel #flow-provision #signup-sent-email .form > div .signup-code-details label, body.webview.panels #panel #flow-recover #signup-sent-email .form > div .signup-code-details label, body.webview.panels #panel #flow-register #signup-sent-email .form > div .signup-code-details label, body.webview.panels #panel #flow-signup-legacy #signup-sent-email .form > div .signup-code-details label, body.webview.panels #panel #flow-team-join #signup-sent-email .form > div .signup-code-details label { font-size: 1em; } }

body.webview.panels #panel #flow-join #signup-sent-email .form > div .signup-code-details input, body.webview.panels #panel #flow-provision #signup-sent-email .form > div .signup-code-details input, body.webview.panels #panel #flow-recover #signup-sent-email .form > div .signup-code-details input, body.webview.panels #panel #flow-register #signup-sent-email .form > div .signup-code-details input, body.webview.panels #panel #flow-signup-legacy #signup-sent-email .form > div .signup-code-details input, body.webview.panels #panel #flow-team-join #signup-sent-email .form > div .signup-code-details input { font-size: 2rem; margin-top: 3px; text-align: center; font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace; letter-spacing: normal; }

@media only screen and (min-width: 450px) { body.webview.panels #panel #flow-join #signup-sent-email .form > div .signup-code-details input, body.webview.panels #panel #flow-provision #signup-sent-email .form > div .signup-code-details input, body.webview.panels #panel #flow-recover #signup-sent-email .form > div .signup-code-details input, body.webview.panels #panel #flow-register #signup-sent-email .form > div .signup-code-details input, body.webview.panels #panel #flow-signup-legacy #signup-sent-email .form > div .signup-code-details input, body.webview.panels #panel #flow-team-join #signup-sent-email .form > div .signup-code-details input { font-size: 2.8rem; } }

body.webview.panels #panel #flow-join #signup-sent-email .form > div .signup-code-details .validation-message, body.webview.panels #panel #flow-provision #signup-sent-email .form > div .signup-code-details .validation-message, body.webview.panels #panel #flow-recover #signup-sent-email .form > div .signup-code-details .validation-message, body.webview.panels #panel #flow-register #signup-sent-email .form > div .signup-code-details .validation-message, body.webview.panels #panel #flow-signup-legacy #signup-sent-email .form > div .signup-code-details .validation-message, body.webview.panels #panel #flow-team-join #signup-sent-email .form > div .signup-code-details .validation-message { height: 18px; max-width: 200px; }

body.webview.panels #panel #flow-join #signup-sent-email .form > section, body.webview.panels #panel #flow-provision #signup-sent-email .form > section, body.webview.panels #panel #flow-recover #signup-sent-email .form > section, body.webview.panels #panel #flow-register #signup-sent-email .form > section, body.webview.panels #panel #flow-signup-legacy #signup-sent-email .form > section, body.webview.panels #panel #flow-team-join #signup-sent-email .form > section { display: flex; flex-direction: row; justify-content: flex-end; margin-top: 4rem; }

body.webview.panels #panel #flow-join #signup-sent-email section, body.webview.panels #panel #flow-provision #signup-sent-email section, body.webview.panels #panel #flow-recover #signup-sent-email section, body.webview.panels #panel #flow-register #signup-sent-email section, body.webview.panels #panel #flow-signup-legacy #signup-sent-email section, body.webview.panels #panel #flow-team-join #signup-sent-email section { display: none; }

body.webview.panels #panel #flow-join #register-name header, body.webview.panels #panel #flow-provision #register-name header, body.webview.panels #panel #flow-recover #register-name header, body.webview.panels #panel #flow-register #register-name header, body.webview.panels #panel #flow-signup-legacy #register-name header, body.webview.panels #panel #flow-team-join #register-name header { margin-bottom: 0; }

body.webview.panels #panel #flow-join #register-name header h1, body.webview.panels #panel #flow-provision #register-name header h1, body.webview.panels #panel #flow-recover #register-name header h1, body.webview.panels #panel #flow-register #register-name header h1, body.webview.panels #panel #flow-signup-legacy #register-name header h1, body.webview.panels #panel #flow-team-join #register-name header h1 { display: none; }

body.webview.panels #panel #flow-join #register-name header h2, body.webview.panels #panel #flow-provision #register-name header h2, body.webview.panels #panel #flow-recover #register-name header h2, body.webview.panels #panel #flow-register #register-name header h2, body.webview.panels #panel #flow-signup-legacy #register-name header h2, body.webview.panels #panel #flow-team-join #register-name header h2 { color: inherit; width: 100%; text-align: center; margin: 0; padding: 0 20px; }

@media only screen and (min-width: 360px) { body.webview.panels #panel #flow-join #register-name header h2, body.webview.panels #panel #flow-provision #register-name header h2, body.webview.panels #panel #flow-recover #register-name header h2, body.webview.panels #panel #flow-register #register-name header h2, body.webview.panels #panel #flow-signup-legacy #register-name header h2, body.webview.panels #panel #flow-team-join #register-name header h2 { font-size: 1.5rem; } }

@media only screen and (min-width: 500px) { body.webview.panels #panel #flow-join #register-name header h2, body.webview.panels #panel #flow-provision #register-name header h2, body.webview.panels #panel #flow-recover #register-name header h2, body.webview.panels #panel #flow-register #register-name header h2, body.webview.panels #panel #flow-signup-legacy #register-name header h2, body.webview.panels #panel #flow-team-join #register-name header h2 { font-size: 2rem; } }

body.webview.panels #panel #flow-join #register-name footer, body.webview.panels #panel #flow-provision #register-name footer, body.webview.panels #panel #flow-recover #register-name footer, body.webview.panels #panel #flow-register #register-name footer, body.webview.panels #panel #flow-signup-legacy #register-name footer, body.webview.panels #panel #flow-team-join #register-name footer { justify-content: flex-end; margin-top: 2.3rem; }

body.webview.panels #panel #flow-join #register-name .form, body.webview.panels #panel #flow-provision #register-name .form, body.webview.panels #panel #flow-recover #register-name .form, body.webview.panels #panel #flow-register #register-name .form, body.webview.panels #panel #flow-signup-legacy #register-name .form, body.webview.panels #panel #flow-team-join #register-name .form { margin-top: 10px; }

body.webview.panels #panel #flow-join #register-name .form > div, body.webview.panels #panel #flow-provision #register-name .form > div, body.webview.panels #panel #flow-recover #register-name .form > div, body.webview.panels #panel #flow-register #register-name .form > div, body.webview.panels #panel #flow-signup-legacy #register-name .form > div, body.webview.panels #panel #flow-team-join #register-name .form > div { margin: 0; }

body.webview.panels #panel #flow-join #register-name .form #newsletter-optin, body.webview.panels #panel #flow-provision #register-name .form #newsletter-optin, body.webview.panels #panel #flow-recover #register-name .form #newsletter-optin, body.webview.panels #panel #flow-register #register-name .form #newsletter-optin, body.webview.panels #panel #flow-signup-legacy #register-name .form #newsletter-optin, body.webview.panels #panel #flow-team-join #register-name .form #newsletter-optin { margin-top: 10px; display: flex; justify-content: center; }

body.webview.panels #panel #flow-join #register-name .form .terms, body.webview.panels #panel #flow-provision #register-name .form .terms, body.webview.panels #panel #flow-recover #register-name .form .terms, body.webview.panels #panel #flow-register #register-name .form .terms, body.webview.panels #panel #flow-signup-legacy #register-name .form .terms, body.webview.panels #panel #flow-team-join #register-name .form .terms { text-align: center; }

body.webview.panels #panel #flow-join #register-mp header, body.webview.panels #panel #flow-provision #register-mp header, body.webview.panels #panel #flow-recover #register-mp header, body.webview.panels #panel #flow-register #register-mp header, body.webview.panels #panel #flow-signup-legacy #register-mp header, body.webview.panels #panel #flow-team-join #register-mp header { margin-bottom: 0; }

body.webview.panels #panel #flow-join #register-mp header h1, body.webview.panels #panel #flow-provision #register-mp header h1, body.webview.panels #panel #flow-recover #register-mp header h1, body.webview.panels #panel #flow-register #register-mp header h1, body.webview.panels #panel #flow-signup-legacy #register-mp header h1, body.webview.panels #panel #flow-team-join #register-mp header h1 { font-size: 1.35rem; min-height: 39px; }

@media only screen and (min-width: 360px) { body.webview.panels #panel #flow-join #register-mp header h1, body.webview.panels #panel #flow-provision #register-mp header h1, body.webview.panels #panel #flow-recover #register-mp header h1, body.webview.panels #panel #flow-register #register-mp header h1, body.webview.panels #panel #flow-signup-legacy #register-mp header h1, body.webview.panels #panel #flow-team-join #register-mp header h1 { font-size: 1.6rem; } }

@media only screen and (min-width: 500px) { body.webview.panels #panel #flow-join #register-mp header h1, body.webview.panels #panel #flow-provision #register-mp header h1, body.webview.panels #panel #flow-recover #register-mp header h1, body.webview.panels #panel #flow-register #register-mp header h1, body.webview.panels #panel #flow-signup-legacy #register-mp header h1, body.webview.panels #panel #flow-team-join #register-mp header h1 { font-size: 2rem; } }

body.webview.panels #panel #flow-join #register-mp header h1 span.dark-blue, body.webview.panels #panel #flow-provision #register-mp header h1 span.dark-blue, body.webview.panels #panel #flow-recover #register-mp header h1 span.dark-blue, body.webview.panels #panel #flow-register #register-mp header h1 span.dark-blue, body.webview.panels #panel #flow-signup-legacy #register-mp header h1 span.dark-blue, body.webview.panels #panel #flow-team-join #register-mp header h1 span.dark-blue { color: #333333; font-weight: 600; }

body.webview.panels #panel #flow-join #register-mp header h2, body.webview.panels #panel #flow-provision #register-mp header h2, body.webview.panels #panel #flow-recover #register-mp header h2, body.webview.panels #panel #flow-register #register-mp header h2, body.webview.panels #panel #flow-signup-legacy #register-mp header h2, body.webview.panels #panel #flow-team-join #register-mp header h2 { display: none; }

body.webview.panels #panel #flow-join #register-mp footer, body.webview.panels #panel #flow-provision #register-mp footer, body.webview.panels #panel #flow-recover #register-mp footer, body.webview.panels #panel #flow-register #register-mp footer, body.webview.panels #panel #flow-signup-legacy #register-mp footer, body.webview.panels #panel #flow-team-join #register-mp footer { margin-top: 2.4rem; }

body.webview.panels #panel #flow-join #register-mp section, body.webview.panels #panel #flow-provision #register-mp section, body.webview.panels #panel #flow-recover #register-mp section, body.webview.panels #panel #flow-register #register-mp section, body.webview.panels #panel #flow-signup-legacy #register-mp section, body.webview.panels #panel #flow-team-join #register-mp section { margin-top: 1.8rem; }

body.webview.panels #panel #flow-join #register-mp section.button-row, body.webview.panels #panel #flow-provision #register-mp section.button-row, body.webview.panels #panel #flow-recover #register-mp section.button-row, body.webview.panels #panel #flow-register #register-mp section.button-row, body.webview.panels #panel #flow-signup-legacy #register-mp section.button-row, body.webview.panels #panel #flow-team-join #register-mp section.button-row { text-align: center; }

body.webview.panels #panel #flow-join #register-mp section.button-row button, body.webview.panels #panel #flow-provision #register-mp section.button-row button, body.webview.panels #panel #flow-recover #register-mp section.button-row button, body.webview.panels #panel #flow-register #register-mp section.button-row button, body.webview.panels #panel #flow-signup-legacy #register-mp section.button-row button, body.webview.panels #panel #flow-team-join #register-mp section.button-row button { vertical-align: top; }

body.webview.panels #panel #flow-join #register-mp section.button-row button.right, body.webview.panels #panel #flow-provision #register-mp section.button-row button.right, body.webview.panels #panel #flow-recover #register-mp section.button-row button.right, body.webview.panels #panel #flow-register #register-mp section.button-row button.right, body.webview.panels #panel #flow-signup-legacy #register-mp section.button-row button.right, body.webview.panels #panel #flow-team-join #register-mp section.button-row button.right { float: none !important; margin-left: 10px !important; }

body.webview.panels #panel #flow-join #register-mp #generator-link, body.webview.panels #panel #flow-provision #register-mp #generator-link, body.webview.panels #panel #flow-recover #register-mp #generator-link, body.webview.panels #panel #flow-register #register-mp #generator-link, body.webview.panels #panel #flow-signup-legacy #register-mp #generator-link, body.webview.panels #panel #flow-team-join #register-mp #generator-link { display: none; }

body.webview.panels #panel #flow-join #register-signin header, body.webview.panels #panel #flow-provision #register-signin header, body.webview.panels #panel #flow-recover #register-signin header, body.webview.panels #panel #flow-register #register-signin header, body.webview.panels #panel #flow-signup-legacy #register-signin header, body.webview.panels #panel #flow-team-join #register-signin header { margin-bottom: 0; }

body.webview.panels #panel #flow-join #register-signin header h1, body.webview.panels #panel #flow-provision #register-signin header h1, body.webview.panels #panel #flow-recover #register-signin header h1, body.webview.panels #panel #flow-register #register-signin header h1, body.webview.panels #panel #flow-signup-legacy #register-signin header h1, body.webview.panels #panel #flow-team-join #register-signin header h1 { display: none; }

body.webview.panels #panel #flow-join #register-signin header h2, body.webview.panels #panel #flow-provision #register-signin header h2, body.webview.panels #panel #flow-recover #register-signin header h2, body.webview.panels #panel #flow-register #register-signin header h2, body.webview.panels #panel #flow-signup-legacy #register-signin header h2, body.webview.panels #panel #flow-team-join #register-signin header h2 { color: inherit; width: 100%; text-align: center; margin: 0; padding: 0 20px; }

@media only screen and (min-width: 360px) { body.webview.panels #panel #flow-join #register-signin header h2, body.webview.panels #panel #flow-provision #register-signin header h2, body.webview.panels #panel #flow-recover #register-signin header h2, body.webview.panels #panel #flow-register #register-signin header h2, body.webview.panels #panel #flow-signup-legacy #register-signin header h2, body.webview.panels #panel #flow-team-join #register-signin header h2 { font-size: 1.5rem; } }

@media only screen and (min-width: 500px) { body.webview.panels #panel #flow-join #register-signin header h2, body.webview.panels #panel #flow-provision #register-signin header h2, body.webview.panels #panel #flow-recover #register-signin header h2, body.webview.panels #panel #flow-register #register-signin header h2, body.webview.panels #panel #flow-signup-legacy #register-signin header h2, body.webview.panels #panel #flow-team-join #register-signin header h2 { font-size: 2rem; } }

body.webview.panels #panel #flow-join #register-signin footer, body.webview.panels #panel #flow-provision #register-signin footer, body.webview.panels #panel #flow-recover #register-signin footer, body.webview.panels #panel #flow-register #register-signin footer, body.webview.panels #panel #flow-signup-legacy #register-signin footer, body.webview.panels #panel #flow-team-join #register-signin footer { margin-top: 7.8rem; justify-content: space-between; max-width: initial; }

body.webview.panels #panel #flow-join #register-signin footer > *:last-child, body.webview.panels #panel #flow-provision #register-signin footer > *:last-child, body.webview.panels #panel #flow-recover #register-signin footer > *:last-child, body.webview.panels #panel #flow-register #register-signin footer > *:last-child, body.webview.panels #panel #flow-signup-legacy #register-signin footer > *:last-child, body.webview.panels #panel #flow-team-join #register-signin footer > *:last-child { flex: initial; }

body.webview.panels #panel #flow-join #register-signin .confetti-paddy, body.webview.panels #panel #flow-provision #register-signin .confetti-paddy, body.webview.panels #panel #flow-recover #register-signin .confetti-paddy, body.webview.panels #panel #flow-register #register-signin .confetti-paddy, body.webview.panels #panel #flow-signup-legacy #register-signin .confetti-paddy, body.webview.panels #panel #flow-team-join #register-signin .confetti-paddy { display: none; }

body.webview.panels #panel #flow-join #register-signin .form, body.webview.panels #panel #flow-provision #register-signin .form, body.webview.panels #panel #flow-recover #register-signin .form, body.webview.panels #panel #flow-register #register-signin .form, body.webview.panels #panel #flow-signup-legacy #register-signin .form, body.webview.panels #panel #flow-team-join #register-signin .form { max-width: none; }

body.webview.panels #panel #flow-join #register-signin .form button, body.webview.panels #panel #flow-provision #register-signin .form button, body.webview.panels #panel #flow-recover #register-signin .form button, body.webview.panels #panel #flow-register #register-signin .form button, body.webview.panels #panel #flow-signup-legacy #register-signin .form button, body.webview.panels #panel #flow-team-join #register-signin .form button { margin-top: 18px !important; font-size: 16.5px; }

body.webview.panels #panel #flow-join #register-signin .form img, body.webview.panels #panel #flow-provision #register-signin .form img, body.webview.panels #panel #flow-recover #register-signin .form img, body.webview.panels #panel #flow-register #register-signin .form img, body.webview.panels #panel #flow-signup-legacy #register-signin .form img, body.webview.panels #panel #flow-team-join #register-signin .form img { display: none; }

body.webview.panels #panel #flow-join #register-signin .form input, body.webview.panels #panel #flow-provision #register-signin .form input, body.webview.panels #panel #flow-recover #register-signin .form input, body.webview.panels #panel #flow-register #register-signin .form input, body.webview.panels #panel #flow-signup-legacy #register-signin .form input, body.webview.panels #panel #flow-team-join #register-signin .form input { font-size: 1.5rem !important; }

body.webview.panels #panel #flow-join #register-signin .form #email-container, body.webview.panels #panel #flow-join #register-signin .form #ak-container, body.webview.panels #panel #flow-provision #register-signin .form #email-container, body.webview.panels #panel #flow-provision #register-signin .form #ak-container, body.webview.panels #panel #flow-recover #register-signin .form #email-container, body.webview.panels #panel #flow-recover #register-signin .form #ak-container, body.webview.panels #panel #flow-register #register-signin .form #email-container, body.webview.panels #panel #flow-register #register-signin .form #ak-container, body.webview.panels #panel #flow-signup-legacy #register-signin .form #email-container, body.webview.panels #panel #flow-signup-legacy #register-signin .form #ak-container, body.webview.panels #panel #flow-team-join #register-signin .form #email-container, body.webview.panels #panel #flow-team-join #register-signin .form #ak-container { display: none; }

body.webview.panels #panel #flow-join #register-signin .form .error-message, body.webview.panels #panel #flow-provision #register-signin .form .error-message, body.webview.panels #panel #flow-recover #register-signin .form .error-message, body.webview.panels #panel #flow-register #register-signin .form .error-message, body.webview.panels #panel #flow-signup-legacy #register-signin .form .error-message, body.webview.panels #panel #flow-team-join #register-signin .form .error-message { position: absolute; top: 90px; font-size: 1rem; line-height: 1.2rem; }

body.webview.panels #panel #flow-join #register-signin .failed, body.webview.panels #panel #flow-provision #register-signin .failed, body.webview.panels #panel #flow-recover #register-signin .failed, body.webview.panels #panel #flow-register #register-signin .failed, body.webview.panels #panel #flow-signup-legacy #register-signin .failed, body.webview.panels #panel #flow-team-join #register-signin .failed { margin-top: 25px !important; }

body.webview.panels #panel #signup-team .supplemental, body.webview.panels #panel #signup-plan .supplemental { display: none; }

body.webview.panels.mac.dark { background: transparent; }

body.webview.panels.mac.dark #panel h1 { color: rgba(255, 255, 255, 0.85) !important; }

body.webview.panels.mac.dark #panel h2, body.webview.panels.mac.dark #panel label, body.webview.panels.mac.dark #panel p, body.webview.panels.mac.dark #panel div { color: rgba(255, 255, 255, 0.85) !important; }

body.webview.panels.mac.dark #panel input[type="text"], body.webview.panels.mac.dark #panel input[type="email"], body.webview.panels.mac.dark #panel input[type="number"], body.webview.panels.mac.dark #panel input[type="search"], body.webview.panels.mac.dark #panel textarea, body.webview.panels.mac.dark #panel .fake-input { background-color: rgba(0, 0, 0, 0.25); border: solid 0.5px rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.85); }

body.webview.panels.mac.dark #panel input[type="password"] { background-color: rgba(0, 0, 0, 0.25); color: rgba(255, 255, 255, 0.85); }

body.webview.panels.mac.dark #panel .button.primary, body.webview.panels.mac.dark #panel .button.submit { background-color: #0572ec; color: white; }

body.webview.panels.mac.dark #panel .button.primary.disabled, body.webview.panels.mac.dark #panel .button.primary[disabled], body.webview.panels.mac.dark #panel .button.submit.disabled, body.webview.panels.mac.dark #panel .button.submit[disabled] { color: rgba(255, 255, 255, 0.25); background-color: rgba(255, 255, 255, 0.15); -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25); -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25); }

body.webview.panels.mac.dark #panel #previous, body.webview.panels.mac.dark #panel button.button.previous.call-to-action { border: solid 0.5px rgba(255, 255, 255, 0.25); background-color: rgba(255, 255, 255, 0.05); color: rgba(255, 255, 255, 0.85); box-shadow: none; }

body.webview.panels.mac.dark #panel #register-mp header h1 span.dark-blue { color: rgba(255, 255, 255, 0.85) !important; }

body.webview.panels.mac.dark #panel #register-mp .paddy-box .text .black { color: rgba(255, 255, 255, 0.85); }

body.webview.panels.mac.dark #panel #register-mp .paddy-box .text .red { color: rgba(255, 128, 102, 0.7); }

body.webview.panels.mac.dark #panel #register-mp .paddy-box .text .green { color: rgba(128, 255, 128, 0.55); }

body.webview.panels.mac.dark #panel #flow-register #register-signin div.loading span { color: rgba(255, 255, 255, 0.85); }

body.webview.panels.mac.dark #panel #flow-register .mp-sk-box.mp .top-fill { background: rgba(51, 89, 128, 0.6); }

body.webview.panels.mac.dark #panel #flow-register .mp-sk-box.mp .content { background: transparent; }

body.webview.create-vault #create-vault { margin: 20px; }

body.webview.create-vault #create-vault .dropzone, body.webview.create-vault #create-vault .avatar { position: relative; margin: 0 auto; }

body.webview.create-vault #create-vault input[type="checkbox"] { margin-top: 10px; }

body.webview.create-vault #create-vault input[type="checkbox"] + label { margin-left: 5px; }

body.webview.create-vault #create-vault .button.block { display: block; width: 100%; }

body.webview.manage-vault { background: #ebebeb; }

body.webview.manage-vault #manage-vault { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Noto Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; margin: 0 auto; min-height: 290px; min-width: 320px; max-width: 430px; padding: 20px 10px 0; width: 100%; height: 100%; overflow: hidden; }

body.webview.manage-vault #manage-vault .header { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: flex-start; -moz-box-align: flex-start; -ms-flex-align: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; }

body.webview.manage-vault #manage-vault .header .avatar { margin-right: 12px; border: 1px solid rgba(0, 0, 0, 0.3); }

body.webview.manage-vault #manage-vault .header .details { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; flex: 1; overflow: hidden; white-space: nowrap; }

body.webview.manage-vault #manage-vault .header .details h1 { color: #353535; font-size: 20px; font-weight: 300; line-height: 24px; overflow: hidden; text-overflow: ellipsis; }

body.webview.manage-vault #manage-vault .header .details p { color: #818181; font-size: 13px; margin: 0; white-space: initial; }

body.webview.manage-vault #manage-vault .header .travel-safe { margin: 8px 0 0 12px; position: relative; }

body.webview.manage-vault #manage-vault .header .travel-safe .button, body.webview.manage-vault #manage-vault .header .travel-safe select { -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 0 1px, 0 1px 1px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 0 1px, 0 1px 1px 1px rgba(0, 0, 0, 0.15); box-shadow: rgba(0, 0, 0, 0.15) 0 0 0 1px, 0 1px 1px 1px rgba(0, 0, 0, 0.15); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: default; min-height: 20px; margin: 0; padding: 0 5px; width: 45px; }

body.webview.manage-vault #manage-vault .header .travel-safe .button svg, body.webview.manage-vault #manage-vault .header .travel-safe select svg { pointer-events: none; }

body.webview.manage-vault #manage-vault .header .travel-safe select { position: absolute; top: 0; left: 0; opacity: 0; }

body.webview.manage-vault #manage-vault .header .travel-safe svg { fill: #727272; }

body.webview.manage-vault #manage-vault .header .travel-safe svg + svg { -webkit-transform: rotate(90deg) scale(0.8); -moz-transform: rotate(90deg) scale(0.8); -ms-transform: rotate(90deg) scale(0.8); -o-transform: rotate(90deg) scale(0.8); transform: rotate(90deg) scale(0.8); }

body.webview.manage-vault #manage-vault .item-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; margin-top: 17px; height: 100%; }

body.webview.manage-vault #manage-vault .item-list:first-child { margin-top: 0; }

body.webview.manage-vault #manage-vault .item-list .empty-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: white; border: 1px solid rgba(0, 0, 0, 0.25); color: #757575; flex: 1; min-height: 150px; margin-top: 17px; overflow: auto; text-align: center; }

body.webview.manage-vault #manage-vault .item-list .empty-list h3 { font-size: 1rem; font-weight: 500; color: #757575; }

body.webview.manage-vault #manage-vault .item-list .empty-list p { margin-top: 0.5rem; }

body.webview.manage-vault #manage-vault .item-list .empty-list + .empty-list { display: none; }

body.webview.manage-vault #manage-vault .item-list .list { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: white; border: 0.5px solid rgba(0, 0, 0, 0.25); flex: 1; min-height: 150px; margin-top: 17px; overflow: auto; }

body.webview.manage-vault #manage-vault .item-list .list .item { margin: 7px 15px; position: relative; }

body.webview.manage-vault #manage-vault .item-list .list .item:first-child { margin-top: 15px; }

body.webview.manage-vault #manage-vault .item-list .list .item:last-child { margin-bottom: 15px; }

body.webview.manage-vault #manage-vault .item-list .list .item label { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: flex-start; -moz-box-align: flex-start; -ms-flex-align: flex-start; -webkit-align-items: flex-start; align-items: flex-start; margin-left: 25px; }

body.webview.manage-vault #manage-vault .item-list .list .item label input[type="checkbox"] { font-size: 10rem; }

body.webview.manage-vault #manage-vault .item-list .list .item label .avatar { margin-right: 10px; }

body.webview.manage-vault #manage-vault .item-list .list .item label .details { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; flex: 1; }

body.webview.manage-vault #manage-vault .item-list .list .item label .details h4 { color: #353535; font-weight: 600; line-height: 0.9rem; margin-top: 0; margin-bottom: 6px; }

body.webview.manage-vault #manage-vault .item-list .list .item label .details small { color: #818181; display: block; font-size: 0.8rem; margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; }

body.webview.manage-vault #manage-vault .item-list .list .item label .details .state-note { display: block !important; color: #757575; }

body.webview.manage-vault #manage-vault .item-list .list .item label .details .state-note.error { color: #e60000; }

body.webview.manage-vault #manage-vault .item-list .list .item label svg { align-self: center; }

body.webview.manage-vault #manage-vault .item-list .list .item label input[type="checkbox"] { display: block; position: absolute; left: 0; top: 10px; }

body.webview.manage-vault #manage-vault .item-list .list .selected { margin: 10px -18px 18px; padding: 12px 18px; background-color: #f6f7f8; border-top: 1px solid #e4e6e7; border-bottom: 1px solid #e4e6e7; color: #757575; font-size: 0.93rem; font-weight: 500; }

body.webview.manage-vault #manage-vault .item-list .search, body.webview.manage-vault #manage-vault .item-list .search-wrapper { margin-top: 17px; }

body.webview.manage-vault #manage-vault .item-list .search ::-webkit-input-placeholder, body.webview.manage-vault #manage-vault .item-list .search-wrapper ::-webkit-input-placeholder { font-weight: 300; }

body.webview.manage-vault #manage-vault .item-list .search :-moz-placeholder, body.webview.manage-vault #manage-vault .item-list .search-wrapper :-moz-placeholder { font-weight: 300; }

body.webview.manage-vault #manage-vault .item-list .search ::-moz-placeholder, body.webview.manage-vault #manage-vault .item-list .search-wrapper ::-moz-placeholder { font-weight: 300; }

body.webview.manage-vault #manage-vault .item-list .search :-ms-input-placeholder, body.webview.manage-vault #manage-vault .item-list .search-wrapper :-ms-input-placeholder { font-weight: 300; }

body.webview.manage-vault #manage-vault .item-list .search input[type="search"], body.webview.manage-vault #manage-vault .item-list .search-wrapper input[type="search"] { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-image: url('data:image/svg+xml;utf8,<svg width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path d="M12 10.4c-.4-.3-.5-.8-.3-1 .6-1.2 1-2.5.7-4C12 3 10 .5 7.4.2 3-.5-.7 3 0 7.5c.5 2.7 2.7 4.8 5.4 5.2 1.3.2 2.6 0 3.7-.7.5-.3 1-.2 1.2 0l3.8 4c.5.6 1.3.6 1.7 0 .5-.5.5-1.3 0-1.7l-3.8-4zm-10.4-4c0-2.7 2-4.8 4.6-4.8 2.6 0 4.6 2 4.6 4.7 0 2.6-2 4.7-4.6 4.7-2.5 0-4.6-2-4.6-4.7z" fill="%237a8a99" fill-rule="evenodd"/></svg>'); background-repeat: no-repeat; background-position: 10px center; background-size: 12px 12px; color: #333333; font-size: 13px; height: 20px; min-height: 20px; padding-left: 20px; padding-right: 10px; }

body.webview.manage-vault #manage-vault .item-list .search input[type="search"]::-webkit-search-cancel-button, body.webview.manage-vault #manage-vault .item-list .search-wrapper input[type="search"]::-webkit-search-cancel-button { background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 12 12" width="12px" height="12px" xmlns="http://www.w3.org/2000/svg"><circle fill="%23a2a2a2" cx="6" cy="6" r="6"/><path fill="white" d="M6 5L4.4 3.4l-1 1 1.5 1.7-1.5 1.5 1 1L6 7.2l1.6 1.6 1-1L7.1 6l1.6-1.7-1-1z"/></svg>'); background-repeat: no-repeat; -webkit-appearance: none; height: 12px; width: 12px; }

body.webview.manage-vault #manage-vault .item-list .search input[type="search"]:focus, body.webview.manage-vault #manage-vault .item-list .search-wrapper input[type="search"]:focus { background-image: url('data:image/svg+xml;utf8,<svg width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path d="M12 10.4c-.4-.3-.5-.8-.3-1 .6-1.2 1-2.5.7-4C12 3 10 .5 7.4.2 3-.5-.7 3 0 7.5c.5 2.7 2.7 4.8 5.4 5.2 1.3.2 2.6 0 3.7-.7.5-.3 1-.2 1.2 0l3.8 4c.5.6 1.3.6 1.7 0 .5-.5.5-1.3 0-1.7l-3.8-4zm-10.4-4c0-2.7 2-4.8 4.6-4.8 2.6 0 4.6 2 4.6 4.7 0 2.6-2 4.7-4.6 4.7-2.5 0-4.6-2-4.6-4.7z" fill="%23818181" fill-rule="evenodd"/></svg>'); background-repeat: no-repeat; -webkit-box-shadow: inset 0 0 0 1.5px #818181; -moz-box-shadow: inset 0 0 0 1.5px #818181; box-shadow: inset 0 0 0 1.5px #818181; }

body.webview.manage-vault #manage-vault .item-list .search input[type="search"]:focus::-webkit-search-cancel-button, body.webview.manage-vault #manage-vault .item-list .search-wrapper input[type="search"]:focus::-webkit-search-cancel-button { background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 12 12" width="12px" height="12px" xmlns="http://www.w3.org/2000/svg"><circle fill="%23818181" cx="6" cy="6" r="6"/><path fill="white" d="M6 5L4.4 3.4l-1 1 1.5 1.7-1.5 1.5 1 1L6 7.2l1.6 1.6 1-1L7.1 6l1.6-1.7-1-1z"/></svg>'); background-repeat: no-repeat; }

body.webview.manage-vault #manage-vault .item-list .search input[type="search"].loading, body.webview.manage-vault #manage-vault .item-list .search-wrapper input[type="search"].loading { background-image: none; }

body.webview.manage-vault #manage-vault .item-list .search input[type="search"].loading::-webkit-search-cancel-button, body.webview.manage-vault #manage-vault .item-list .search-wrapper input[type="search"].loading::-webkit-search-cancel-button { display: none; }

body.webview.manage-vault #manage-vault .item-list .search input[type="search"].loading + .spinner, body.webview.manage-vault #manage-vault .item-list .search-wrapper input[type="search"].loading + .spinner { flex: 0; position: relative; left: 0.6rem; bottom: 16px; width: 12px; height: 12px; }

body.webview.manage-vault #manage-vault .item-list .segmented { -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: white; height: 20px; overflow: hidden; }

body.webview.manage-vault #manage-vault .item-list .segmented .control { font-size: 13px; font-weight: 300; flex: 1; margin: 0; padding: 1px; text-align: center; }

body.webview.manage-vault #manage-vault .item-list .segmented .control.selected { color: white; background: linear-gradient(-180deg, #66b2f7, #0085f7); font-weight: 400; }

body.webview.manage-vault.confirm #manage-vault { display: none; }

body.webview.manage-vault.mac.dark { background: transparent; }

body.webview.manage-vault.mac.dark #manage-vault .header .details h1 { color: white; }

body.webview.manage-vault.mac.dark #manage-vault .header .details p { color: rgba(255, 255, 255, 0.6); }

body.webview.manage-vault.mac.dark #manage-vault .header .travel-safe .button { background-color: rgba(255, 255, 255, 0.25); }

body.webview.manage-vault.mac.dark #manage-vault .header .travel-safe svg { fill: white; }

body.webview.manage-vault.mac.dark #manage-vault .item-list .empty-list { background-color: rgba(255, 255, 255, 0.05); border: solid 0.5px rgba(255, 255, 255, 0.15); }

body.webview.manage-vault.mac.dark #manage-vault .item-list .list { background-color: rgba(255, 255, 255, 0.05); border: solid 0.5px rgba(255, 255, 255, 0.15); }

body.webview.manage-vault.mac.dark #manage-vault .item-list .list .item label .details h4 { color: white; }

body.webview.manage-vault.mac.dark #manage-vault .item-list .list .item label .details small { color: rgba(255, 255, 255, 0.6); }

body.webview.manage-vault.mac.dark #manage-vault .item-list .list .item label .details .state-note { color: rgba(255, 255, 255, 0.85); }

body.webview.manage-vault.mac.dark #manage-vault .item-list .list .item label .details .state-note.error { color: rgba(255, 128, 102, 0.7); }

body.webview.manage-vault.mac.dark #manage-vault .item-list .search ::-webkit-input-placeholder, body.webview.manage-vault.mac.dark #manage-vault .item-list .search-wrapper ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); }

body.webview.manage-vault.mac.dark #manage-vault .item-list .search :-moz-placeholder, body.webview.manage-vault.mac.dark #manage-vault .item-list .search-wrapper :-moz-placeholder { color: rgba(255, 255, 255, 0.6); }

body.webview.manage-vault.mac.dark #manage-vault .item-list .search ::-moz-placeholder, body.webview.manage-vault.mac.dark #manage-vault .item-list .search-wrapper ::-moz-placeholder { color: rgba(255, 255, 255, 0.6); }

body.webview.manage-vault.mac.dark #manage-vault .item-list .search :-ms-input-placeholder, body.webview.manage-vault.mac.dark #manage-vault .item-list .search-wrapper :-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); }

body.webview.manage-vault.mac.dark #manage-vault .item-list .search input[type="search"], body.webview.manage-vault.mac.dark #manage-vault .item-list .search-wrapper input[type="search"] { background-image: url('data:image/svg+xml;utf8,<svg width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path d="M12 10.4c-.4-.3-.5-.8-.3-1 .6-1.2 1-2.5.7-4C12 3 10 .5 7.4.2 3-.5-.7 3 0 7.5c.5 2.7 2.7 4.8 5.4 5.2 1.3.2 2.6 0 3.7-.7.5-.3 1-.2 1.2 0l3.8 4c.5.6 1.3.6 1.7 0 .5-.5.5-1.3 0-1.7l-3.8-4zm-10.4-4c0-2.7 2-4.8 4.6-4.8 2.6 0 4.6 2 4.6 4.7 0 2.6-2 4.7-4.6 4.7-2.5 0-4.6-2-4.6-4.7z" fill="%23gba(255, 255, 255, 0.6)" fill-rule="evenodd"/></svg>'); background-repeat: no-repeat; -webkit-box-shadow: inset 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.1), inset 0 -0.5px 0 0 rgba(255, 255, 255, 0.09), inset 0 -1px 0 0 rgba(255, 255, 255, 0.08), inset 0 0.5px 0 0 rgba(255, 255, 255, 0.05); -moz-box-shadow: inset 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.1), inset 0 -0.5px 0 0 rgba(255, 255, 255, 0.09), inset 0 -1px 0 0 rgba(255, 255, 255, 0.08), inset 0 0.5px 0 0 rgba(255, 255, 255, 0.05); box-shadow: inset 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.1), inset 0 -0.5px 0 0 rgba(255, 255, 255, 0.09), inset 0 -1px 0 0 rgba(255, 255, 255, 0.08), inset 0 0.5px 0 0 rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05); color: rgba(255, 255, 255, 0.85); }

body.webview.manage-vault.mac.dark #manage-vault .item-list .search input[type="search"]::-webkit-search-cancel-button, body.webview.manage-vault.mac.dark #manage-vault .item-list .search-wrapper input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; height: 12px; width: 12px; background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 12 12" width="12px" height="12px" xmlns="http://www.w3.org/2000/svg"><circle fill="%23gba(255, 255, 255, 0.25)" cx="6" cy="6" r="6"/><path fill="white" d="M6 5L4.4 3.4l-1 1 1.5 1.7-1.5 1.5 1 1L6 7.2l1.6 1.6 1-1L7.1 6l1.6-1.7-1-1z"/></svg>'); background-repeat: no-repeat; }

body.webview.manage-vault.mac.dark #manage-vault .item-list .search input[type="search"]:focus, body.webview.manage-vault.mac.dark #manage-vault .item-list .search-wrapper input[type="search"]:focus { -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25); -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25); }

body.webview.manage-vault.mac.dark #manage-vault .item-list .search input[type="search"]:focus::-webkit-search-cancel-button, body.webview.manage-vault.mac.dark #manage-vault .item-list .search-wrapper input[type="search"]:focus::-webkit-search-cancel-button { background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 12 12" width="12px" height="12px" xmlns="http://www.w3.org/2000/svg"><circle fill="%23gba(255, 255, 255, 0.6)" cx="6" cy="6" r="6"/><path fill="white" d="M6 5L4.4 3.4l-1 1 1.5 1.7-1.5 1.5 1 1L6 7.2l1.6 1.6 1-1L7.1 6l1.6-1.7-1-1z"/></svg>'); background-repeat: no-repeat; }

body.webview.manage-vault.mac.dark #manage-vault .item-list .search input[type="search"].loading, body.webview.manage-vault.mac.dark #manage-vault .item-list .search-wrapper input[type="search"].loading { background-image: none; }

body.webview.manage-vault.mac.dark #manage-vault .item-list .segmented { -webkit-box-shadow: 0 0.5px 1.5px 0 rgba(0, 0, 0, 0.2), inset 0 0.5px 0 0 rgba(255, 255, 255, 0.16), inset 0 1px 0 0 rgba(255, 255, 255, 0.04); -moz-box-shadow: 0 0.5px 1.5px 0 rgba(0, 0, 0, 0.2), inset 0 0.5px 0 0 rgba(255, 255, 255, 0.16), inset 0 1px 0 0 rgba(255, 255, 255, 0.04); box-shadow: 0 0.5px 1.5px 0 rgba(0, 0, 0, 0.2), inset 0 0.5px 0 0 rgba(255, 255, 255, 0.16), inset 0 1px 0 0 rgba(255, 255, 255, 0.04); background-color: rgba(255, 255, 255, 0.25); }

body.webview.manage-vault.mac.dark #manage-vault .item-list .segmented .control { color: rgba(255, 255, 255, 0.85); }

body.webview.manage-vault.mac.dark #modal { background: rgba(255, 255, 255, 0.05); color: rgba(255, 255, 255, 0.6); }

body.webview.manage-vault.mac.dark #modal > header a:hover { color: rgba(255, 255, 255, 0.6); }

body.webview.manage-vault.mac.dark #modal > header.red { background-color: #4b2929; border-color: #563332; }

body.webview.manage-vault.mac.dark #modal > header.red h3 { color: white; }

body.webview.unsupported #unsupported { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; font: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Noto Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; margin: 0 auto; min-width: 320px; max-width: 430px; padding: 0 10px; width: 100%; height: 100%; overflow: hidden; }

body.webview.unsupported #unsupported #paddy-error, body.webview.unsupported #unsupported #paddy-error .text { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

body.webview.unsupported #unsupported #paddy-error .paddy, body.webview.unsupported #unsupported #paddy-error h1, body.webview.unsupported #unsupported #paddy-error span, body.webview.unsupported #unsupported #paddy-error .text .paddy, body.webview.unsupported #unsupported #paddy-error .text h1, body.webview.unsupported #unsupported #paddy-error .text span { margin: 0 0 1rem; }

body.webview.unsupported #unsupported #paddy-error h1, body.webview.unsupported #unsupported #paddy-error span, body.webview.unsupported #unsupported #paddy-error .text h1, body.webview.unsupported #unsupported #paddy-error .text span { text-align: center; }

body.webview.unsupported.mac.dark { background: transparent; }

body.webview.unsupported.mac.dark #unsupported #paddy-error h1, body.webview.unsupported.mac.dark #unsupported #paddy-error h2 { color: white; }

body.webview.unsupported.mac.dark #unsupported #paddy-error span { color: rgba(255, 255, 255, 0.6); }

body.webview #signup .main-container { padding-top: 0; max-width: 1024px; margin: 0 auto 1rem; }

body.webview #signup .main-container.subscribe main { background-color: transparent; padding: 1rem; }

body.webview #signup main { width: 100%; padding: 2rem; margin: 0; border-radius: 0; box-shadow: none; min-height: 400px; }

body.webview #signup .section:first-child { margin-top: 0; }

body.webview #signup button { border-radius: 6px; border: none; box-shadow: none; }

body.webview #signup button:disabled { background-color: #a2a2a2; }

body.webview #signup h1 { font-size: 1.2rem; line-height: 1.2rem; }

body.webview #signup .secondary { color: #818181; }

body.webview #signup .tag { background-color: #f3d661; padding: 0 4px; border-radius: 4px; font-size: 0.7rem; font-weight: 500; text-transform: uppercase; max-height: 18px; }

body.webview #signup .card { margin-bottom: 1rem; padding: 2rem; background-color: #fcfcfc; border-radius: 8px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); }

body.webview #signup .card.family label.option { border-color: #5f51b1; }

body.webview #signup .card.family button:not(:disabled) { background-color: #5f51b1; }

body.webview #signup .card.family button.option { background-color: transparent; }

body.webview #signup .card.family button.option.selected { color: #5f51b1; }

body.webview #signup .card.family header { background-color: #7369bf; }

body.webview #signup .card.family .switcher .selected-underline { left: calc(75% - 4rem); }

body.webview #signup .card.individual label.option { border-color: #0085f7; }

body.webview #signup .card.individual button:not(:disabled) { background-color: #0085f7; }

body.webview #signup .card.individual button.option { background-color: transparent; }

body.webview #signup .card.individual button.option.selected { color: #0085f7; }

body.webview #signup .card.individual header { background-color: #0085f7; }

body.webview #signup .card.individual .switcher .selected-underline { left: calc(25% - 2.5rem); }

body.webview #signup .card header { margin: -2rem -2rem 0; border-radius: 8px 8px 0 0; display: flex; align-items: center; justify-content: flex-end; flex-direction: column; overflow: hidden; }

body.webview #signup .card header img { min-height: 200px; max-height: 200px; }

@media only screen and (min-width: 375px) { body.webview #signup .card header img { min-height: 230px; max-height: 230px; } }

@media only screen and (min-width: 400px) { body.webview #signup .card header img { min-height: 260px; max-height: 260px; } }

body.webview #signup .card header img.f { animation: slideright 0.5s ease-in; }

body.webview #signup .card header img.i { animation: slideleft 0.5s ease-in; }

@keyframes slideright { from { transform: translate3d(-50%, 0, 0); }
  to { transform: translate3d(0, 0, 0); } }

@keyframes slideleft { from { transform: translate3d(50%, 0, 0); }
  to { transform: translate3d(0, 0, 0); } }

body.webview #signup .card .switcher { display: flex; flex-wrap: wrap; }

body.webview #signup .card .switcher .option { flex: 1; background-color: transparent; padding-bottom: 1rem; font-size: 1.1rem; font-weight: 500; }

body.webview #signup .card .switcher .selected-underline { transition: all ease-in 0.5s; position: relative; bottom: 3px; }

body.webview #signup .promo { font-size: 0.8rem; margin-top: 2px; }

body.webview #signup label.option { margin-top: 1rem; padding-top: 1rem; display: flex; }

body.webview #signup label.option:not(:first-of-type) { border-top: 1px solid #0085f7; }

body.webview #signup label.option span { color: #353535; margin-left: 0.5rem; }

body.webview #signup label.option span:not(.tag) { font-weight: 600; }

body.webview #signup label.option .price { flex: 1; text-align: end; }

body.webview #signup .faq { padding-top: 2rem; margin: 1rem 1.5rem; font-size: 0.85rem; color: #a2a2a2; border-top: 1px solid; }

#modal.native-person-selector { width: 100%; height: 100%; max-height: none; position: relative; top: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

#modal.native-person-selector .item-list .list { margin: 0.5rem; }

#modal.native-person-selector .item-list .item input[type="radio"] { width: auto; margin-right: 0.8rem; }

#modal.native-person-selector .item-list .item .square-add, #modal.native-person-selector .item-list .item .square-remove { display: none; }

#modal.native-person-selector .item-list .item .details { font-weight: normal; }

#modal.native-person-selector .item-list .item .details h4 { color: #333333; }

#modal.native-person-selector .item-list .item .details .state-note { display: none !important; }

body.dark #modal.native-person-selector { background-color: #333333; color-scheme: dark; }

body.dark #modal.native-person-selector .item-list h4 { color: white !important; }

body.dark #modal.native-person-selector .item-list h3, body.dark #modal.native-person-selector .item-list p, body.dark #modal.native-person-selector .item-list small { color: #cbcccd; }

body.dark #modal.native-person-selector .item-list .empty-list img { opacity: 0.8; }

#import { padding-bottom: 100px; /* Tables ================================== */ }

#import #import-content { height: 100%; }

#import #import-content h3 { font-size: 1.2rem; line-height: 1.3rem; color: #757575; font-weight: normal; margin-top: 1.8rem; }

#import #import-content #formats-list { display: flex; flex-flow: row wrap; justify-content: center; max-width: 1500px; }

#import #import-content #formats-list a { display: block; width: 300px; line-height: 32px; margin: 6px 12px 6px 0; border: 1px solid #dadde6; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 15px; text-decoration: none; color: #333333; font-size: 1.15rem; text-align: left; }

#import #import-content #formats-list a:active { background-color: #e4e6e7; border-color: #999999; }

#import #import-content #formats-list a .import-logos { height: 28px; vertical-align: -9px; margin-right: 18px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; }

#import #import-content #formats-list a .import-chevron { float: right; padding-top: 12px; }

@media only screen and (min-width: 925px) { #import #import-content #formats-list { justify-content: flex-start; } }

#import #import-content #importer p:not(:first-of-type) { margin-top: 20px; }

#import #import-content #importer p strong { display: block; margin-bottom: 2px; }

#import #import-content #importer .vault-selector { margin-bottom: 30px; }

#import #import-content #importer #upload-file { font-weight: 500; margin-bottom: 11px; }

#import #import-content #importer .upload-box { background-color: #f7fbff; padding: 125px 15px; border: 2px dashed #dadde6; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; text-align: center; }

#import #import-content #importer .upload-box span { display: block; font-size: 0.8rem; color: #666666; }

#import #import-content #importer .upload-box h3 { color: #333333; font-weight: 500; margin: 0; }

#import #import-content #importer .upload-box .upload-box-text-wrapper { display: flex; flex-flow: column nowrap; margin-top: 11px; }

#import #import-content #importer .upload-box .upload-box-text { color: #1c70c4; font-weight: 500; padding-bottom: 11px; }

#import #import-content #importer .textarea-active { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; border: 1px solid #dadde6; border-top: 2px dashed #dadde6; padding: 33px 15px; margin-top: -2px; }

#import #import-content #importer .dropzone { outline: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

[data-focus-visible] #import #import-content #importer .dropzone:focus { box-shadow: inset 0 0 0 1px rgba(0, 127, 255, 0.3), 0 0 0 3px rgba(0, 127, 255, 0.3); }

#import #import-content #importer textarea { padding: 15px; border: 1px solid #cbcccd; border-bottom: none; height: 180px; resize: vertical; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }

#import .importer-table-wrapper { display: flex; flex-direction: column; margin-top: 15px; }

#import .importer-table-wrapper.row-identification .csv-table { border: 1px solid #dadde6; border-bottom: none; border-top-left-radius: 6px; border-top-right-radius: 6px; overflow: hidden; }

#import .importer-table-wrapper .csv-table-container { overflow-x: scroll; overscroll-behavior-x: none; }

#import .importer-table-wrapper .csv-table-container::-webkit-scrollbar { -webkit-appearance: none; height: 6px; }

#import .importer-table-wrapper .csv-table-container::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, 0.25); }

#import .importer-table-wrapper .csv-table-container .csv-table { display: table; margin-bottom: 5px; text-align: left; text-overflow: ellipsis; border-collapse: separate; }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-body { display: table-row-group; }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-head { display: table-header-group; }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row { display: table-row; }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .csv-table-cell.csv-table-header-cell { display: table-cell; background: #f6f7fb; font-weight: 500; border-top: 1px solid #dadde6; border-bottom: 1px solid #dadde6; border-right: 1px solid #dadde6; padding: 2px !important; }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .csv-table-cell.csv-table-header-cell:first-child { border-radius: 6px 0 0; border-left: 1px solid #dadde6; border-right: 1px solid #dadde6; }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .csv-table-cell.csv-table-header-cell:last-child { border-radius: 0 6px 0 0; border-right: 1px solid #dadde6; }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .csv-table-cell.csv-table-header-cell div.active { top: 45px; left: -15px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .importer-column-header-button { width: 100%; height: 100%; background-color: #f6f7fb; background-image: none !important; color: black !important; padding: 0 19px !important; font-weight: 500; font-size: 1rem !important; border-radius: unset; }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .importer-column-header-button.header-selected { color: black !important; }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .importer-column-header-button .add-icon { width: 16px; height: 16px; margin-right: 15px; }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .importer-column-header-button .add-icon path { fill: #8fa1b3; }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .importer-column-header-button[aria-expanded="true"], #import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .importer-column-header-button:hover { transition: 100ms; color: #1a8cff !important; background-color: white; }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .importer-column-header-button[aria-expanded="true"] .add-icon path, #import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .importer-column-header-button:hover .add-icon path { fill: #1a8cff; }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .importer-column-header-button::after { display: none; }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row span { display: flex; justify-content: space-between; align-items: center; }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .csv-table-cell { display: table-cell; vertical-align: middle; border-bottom: 1px solid #dadde6; }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .csv-table-cell:not(.first-column) { width: 180px; height: 46px; padding: 10px 20px; }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .csv-table-cell.first-column { width: 220px; height: 60px; padding: 5px 20px; background-color: #f6f7fb; border-right: 1px solid #dadde6; }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .csv-table-cell .csv-table-cell-value-wrapper { width: 200px; }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .csv-table-cell .csv-table-cell-value-wrapper .csv-table-cell-value { display: inline-block; max-height: 60px; overflow: auto; }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .csv-table-cell .csv-table-cell-value-wrapper .csv-table-cell-value.empty-cell { color: rgba(0, 0, 0, 0.35); }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .csv-table-cell .row-type-menu-wrapper { height: 100%; display: flex; justify-content: center; align-items: center; }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .csv-table-cell .row-type-menu-wrapper ul { padding: 0; }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .csv-table-cell .row-type-menu-wrapper .select-menu-button { width: 150px; border-radius: 6px; border: 1px solid #dadde6; background-color: white; padding: 8px 15px 9px; font-size: 0.8rem; }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .csv-table-cell .row-type-menu-wrapper .select-menu-button::after { width: 10px; height: 6px; }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .csv-table-cell .row-type-menu-wrapper .select-menu-button .row-type-option { display: flex; }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .csv-table-cell .row-type-menu-wrapper .select-menu-button .row-type-option img { width: 16px; height: 16px; margin-right: 10px; }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .grayedout { opacity: 0.5; }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .concealed:not(:hover) .csv-table-cell-value-wrapper .csv-table-cell-value { display: none; }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .concealed:not(:hover) span::after { content: "••••••••••"; }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .checkbox { min-width: 3em; max-width: 3em; width: 3em; }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row input[type="checkbox"] { display: block; font-size: 3rem; margin-top: 0; }

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .csv-table-row:nth-child(even) { background: #fcfcfd; }

#import .importer-table-wrapper .csv-table-container .csv-table-footer { height: 48px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: #f6f7fb; border: 1px solid #dadde6; margin-top: 5px; margin-bottom: 30px; }

#import .progress-tracker { border: 1px solid #dadde6; border-radius: 6px; padding: 15px; width: 100%; }

#import .progress-tracker .progress-header-wrapper { display: flex; justify-content: space-between; }

#import .progress-tracker .progress-header-wrapper .progress-header { font-size: 1.2em; font-weight: 600; }

#import .progress-tracker .progress-header-wrapper .progress-percentage { font-size: 0.9em; font-weight: 500; color: #999; position: relative; bottom: 7px; }

#import .progress-tracker .progress-bar-container { height: 4px; border-radius: 4px; margin: 0 auto; background-color: #d7d9e0; }

#import .progress-tracker .progress-bar-container .progress-bar { border-radius: 4px; height: 100%; background-color: #0572ec; }

#import .progress-tracker .progress-tip { font-size: 0.8em; color: #8fa1b3; margin-top: 6px; }

#import .info-button-wrapper { margin-top: 1em; }

#import .info-button { text-decoration: none; padding-bottom: 1.2em; }

#import .info-button svg { position: relative; top: 1px; }

#import .info-text { margin-left: 10px; }

#import .info-text:hover { text-decoration: underline; }

#import .success-button { margin-top: 2em; }

#import .show-imported-link { padding: 8px 16px; }

#import .show-imported-link:hover { text-decoration: none; }

#csv-importer { height: 100%; text-align: left; }

#csv-importer-header-input { margin-top: 0.5rem; margin-bottom: 1.2rem; }

.importer-row-type-options { padding: 0 !important; }

.importer-row-type-options .dropdown-option { height: 48px; padding: 0 20px !important; border-radius: 0 !important; }

.importer-row-type-options .dropdown-option:not(:last-child) { border-bottom: 1px solid #dadde6; }

.importer-row-type-options .dropdown-option:last-of-type { font-weight: 500; color: #bd4628; }

.importer-row-type-options .dropdown-option:hover { background-color: #e6f4ff !important; color: #1c70c4 !important; }

.importer-row-type-options .dropdown-option .row-type-option { display: flex; align-items: center; cursor: pointer; }

.importer-row-type-options .dropdown-option .row-type-option img { width: 18px; margin-right: 15px; }

.importer-column-header-options { padding: 0 !important; margin: 10px 0; }

.importer-column-header-options .header-option { width: 240px; padding: 15px 20px !important; border-radius: 0 !important; text-align: left; font-weight: normal; }

.importer-column-header-options .header-option:hover { background-color: #e6f4ff !important; color: #1c70c4 !important; }

.importer-column-header-options .header-option:first-of-type { padding-top: 20px !important; }

.importer-column-header-options .header-option:last-of-type { padding-bottom: 20px !important; }

.importer-column-header-options .header-option:not(:last-of-type) { border-bottom: 1px solid #dadde6; }

.importer-column-header-options .new-header { color: #1c70c4 !important; }

.importer-column-header-options .dont-import { color: #bd4628 !important; }

.importer-column-header-options .dont-import .dont-import-subheader { font-size: 0.8em; color: #999; }

#otp-entry { text-align: center; }

#otp-entry input { width: 170px; font-size: 2rem !important; text-align: left; padding: 10px 15px; margin: 0; }

#otp-entry.error { animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; }

@media only screen and (min-width: 370px) { #otp-entry input { font-size: 2.2rem !important; } }

#modal.mfa-popup { width: 404px; text-align: center; padding-bottom: 1.5rem; }

#modal.mfa-popup .new-button { width: 300px !important; }

#modal.mfa-popup .start p.main { padding: 0 2rem; margin-bottom: 2.9rem; }

#modal.mfa-popup .start #mp-title { color: #757575; font-size: 0.9rem !important; }

#modal.mfa-popup .start #mp-input { width: 306px; }

#modal.mfa-popup .start #mp-input.error { -webkit-box-shadow: inset 0 0 0 1px #b35947; -moz-box-shadow: inset 0 0 0 1px #b35947; box-shadow: inset 0 0 0 1px #b35947; }

#modal.mfa-popup .start #mp-error { color: #e6735c; font-size: 0.9rem !important; height: 16px; }

#modal.mfa-popup .scan-code p.main { margin-bottom: 1.7rem; }

#modal.mfa-popup .scan-code img { display: inline-block; width: 130px; height: 130px; }

#modal.mfa-popup .scan-code #cant-scan { display: inline-block; width: 140px; margin-left: 2rem; vertical-align: 30px; }

#modal.mfa-popup .scan-code #cant-scan > * { font-size: 0.9rem !important; }

#modal.mfa-popup .scan-code #cant-scan p { margin: 4px 0 !important; }

#modal.mfa-popup .scan-code #cant-scan span { font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace; letter-spacing: normal; font-weight: 600; }

#modal.mfa-popup .confirm p.main { padding: 0 4rem; margin-bottom: 2rem; }

#modal.mfa-popup .confirm #otp-error { color: #e6735c; font-size: 0.9rem !important; min-height: 16px; margin-top: 8px !important; }

#modal.mfa-popup .finished img.success-header { box-sizing: content-box; width: 125px; padding-right: 39px; }

#modal.mfa-popup .finished p.main { margin: 2rem 0 0.6rem !important; }

#modal.mfa-popup .notice img { width: 80px; }

#modal.mfa-popup .notice p.main { margin: 2rem 1rem 0.6rem !important; font-weight: 600; }

#modal.mfa-popup .u2f-key img.header { margin-bottom: 1.2rem; width: 300px; height: 77px; }

#modal.mfa-popup .u2f-key .name-label { color: #757575; font-size: 0.9rem !important; margin-top: 0.9rem !important; }

#modal.mfa-popup .u2f-key input { width: 306px; }

#modal.mfa-popup .u2f-key .spinner { margin-top: 2rem; }

#modal.mfa-popup .u2f-key .box.sand { font-weight: 500; }

#modal.mfa-popup .u2f-key .box.sand button { margin-top: 1rem; }

#modal.mfa-popup .manage-mfa button { position: relative; left: auto; right: auto; bottom: auto; }

#modal.mfa-popup .manage-mfa button { margin-bottom: 1rem; }

#modal.mfa-popup .manage-mfa .no-keys { font-size: 0.9rem !important; font-weight: 500; }

@keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); }
  20%, 80% { transform: translate3d(2px, 0, 0); }
  30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }
  40%, 60% { transform: translate3d(4px, 0, 0); } }

#main-content .manage-2fa { max-width: 700px; }

#main-content .manage-2fa a { text-decoration: none; }

#main-content .manage-2fa a:hover { text-decoration: underline; }

#main-content .manage-2fa .manage-2fa-header { display: flex; align-items: center; margin-bottom: 2.5rem; }

#main-content .manage-2fa .manage-2fa-header p { font-size: 1.1rem; line-height: 1.4rem; margin-top: 0; }

#main-content .manage-2fa .manage-2fa-header img { width: 64px; height: 64px; flex-shrink: 0; margin-right: 1.2rem; }

#main-content .manage-2fa .manage-2fa-status { margin-bottom: 2rem; }

#main-content .manage-2fa .manage-2fa-status .box { display: flex; align-items: center; justify-content: space-between; }

#main-content .manage-2fa .manage-2fa-status .box span { font-size: 1.1rem; }

#main-content .manage-2fa .detail-view-section li img { margin-right: 1rem; width: 40px; height: 40px; flex-shrink: 0; }

#main-content .manage-2fa .detail-view-section li .content { max-width: 65% !important; display: block !important; margin: 0.3rem 0; }

#main-content .manage-2fa .detail-view-section li .content .name { color: #333333; }

#main-content .manage-2fa .detail-view-section li .content .details { margin-top: 0.2rem; }

#main-content .manage-2fa .detail-view-section li button { flex-shrink: 0; margin-left: auto; }

.paddy-box .text .black { color: #333333; }

.paddy-box .text .red { color: #e60000; }

.paddy-box .text .green { color: #00b300; }

#modal.change-mp-popup .paddy-box { background-color: #faf2e1; border: 1px solid #e6d2ac; border-top: 0; border-radius: 0 0 6px 6px; padding: 7px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

#modal.change-mp-popup .paddy-box img { height: 46px; margin-right: 7px; }

body.panels #panel #register-mp .dark-blue, body.panels #panel #register-mpgen .dark-blue, body.panels #panel #register-practice .dark-blue { color: #478acc; }

body.panels #panel #register-mp div.fieldset, body.panels #panel #register-mpgen div.fieldset, body.panels #panel #register-practice div.fieldset { position: relative; }

body.panels #panel #register-mp div.form.signup, body.panels #panel #register-mpgen div.form.signup, body.panels #panel #register-practice div.form.signup { min-width: 67%; }

body.panels #panel #register-mp .paddy-box, body.panels #panel #register-mpgen .paddy-box, body.panels #panel #register-practice .paddy-box { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: flex-start; -moz-box-align: flex-start; -ms-flex-align: flex-start; -webkit-align-items: flex-start; align-items: flex-start; }

body.panels #panel #register-mp .paddy-box img.paddy, body.panels #panel #register-mpgen .paddy-box img.paddy, body.panels #panel #register-practice .paddy-box img.paddy { margin: -15px 8px 0 -8px; -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -ms-box-flex: 0 0 auto; box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

body.panels #panel #register-mp .paddy-box span, body.panels #panel #register-mpgen .paddy-box span, body.panels #panel #register-practice .paddy-box span { font-size: 1rem; }

body.panels #panel #register-mpgen #generator-main .paddy-box { margin: 0 3rem 0 0; }

body.panels #panel #register-practice .paddy-box { width: 100%; }

body.panels #panel #flow-join, body.panels #panel #flow-register, body.panels #panel #flow-team-join { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

body.panels #panel #paddy-error { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex: 1 1 auto; width: auto; }

@media only screen and (min-width: 750px) { body.panels #panel #paddy-error img.paddy { margin-top: -23px; } }

body.panels #panel #paddy-error h1 { line-height: 1.8rem; text-align: center; margin-top: 1.3rem; }

body.panels #panel #paddy-error .description { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: baseline; -moz-box-align: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline; align-items: baseline; font-size: 1rem; width: auto; margin-top: 15px; }

body.panels #panel #paddy-error .description ul { list-style-type: disc; margin-left: 1.2rem; }

body.panels #panel #paddy-error .description ul li + li { margin-top: 0.5rem; }

body.panels #panel #paddy-error .description #delete-account { margin-top: 20px; align-self: center; }

body.panels .webview #register-mp .paddy-box { width: 100%; }

body.panels .webview #register-mp .paddy-box .text span { font-size: 0.75rem; }

@media only screen and (min-width: 400px) { body.panels .webview #register-mp .paddy-box .text span { font-size: 1rem; } }

.dashboard #unlocked-app #top-bar #title-container { background-color: #f6f7fb; }

.dashboard #unlocked-app #main-content { padding: 20px; background-color: #f6f7fb; }

.dashboard #unlocked-app #main-content .columns { width: 100%; max-width: 1200px; margin: 0 auto; display: grid; }

@media (min-width: 950px) { .dashboard #unlocked-app #main-content .columns { grid-template-columns: 1fr 1fr 1fr; } }

.dashboard #unlocked-app #main-content .columns .column, .dashboard #unlocked-app #main-content .columns .filler { display: flex; flex-direction: column; flex: 1; }

@media (min-width: 950px) { .dashboard #unlocked-app #main-content .columns .column, .dashboard #unlocked-app #main-content .columns .filler { min-width: 360px; } }

.dashboard #unlocked-app #main-content .columns .column .card, .dashboard #unlocked-app #main-content .columns .filler .card { display: flex; flex-direction: column; justify-content: space-between; margin: 10px; background-color: white; border: 1px solid #dadde6; cursor: default; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.dashboard #unlocked-app #main-content .columns .column .card .header, .dashboard #unlocked-app #main-content .columns .filler .card .header { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 40px; padding: 0 10px 0 15px; border-bottom: 1px solid #d7d9e0; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; }

.dashboard #unlocked-app #main-content .columns .column .card .header h2, .dashboard #unlocked-app #main-content .columns .filler .card .header h2 { font-size: 0.95rem; font-weight: 400; }

.dashboard #unlocked-app #main-content .columns .column .card .header .add, .dashboard #unlocked-app #main-content .columns .filler .card .header .add { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: transparent; }

.dashboard #unlocked-app #main-content .columns .column .card .main, .dashboard #unlocked-app #main-content .columns .filler .card .main { display: flex; flex-direction: column; flex-grow: 1; padding: 15px; }

.dashboard #unlocked-app #main-content .columns .column .card .main .no-users, .dashboard #unlocked-app #main-content .columns .filler .card .main .no-users { min-height: 125px; position: relative; }

.dashboard #unlocked-app #main-content .columns .column .card .main .no-users img, .dashboard #unlocked-app #main-content .columns .filler .card .main .no-users img { position: absolute; bottom: -2px; left: 40%; }

.dashboard #unlocked-app #main-content .columns .column .card .main .users, .dashboard #unlocked-app #main-content .columns .filler .card .main .users { position: relative; margin: 15px -15px 0 0; }

.dashboard #unlocked-app #main-content .columns .column .card .main .users .fade, .dashboard #unlocked-app #main-content .columns .filler .card .main .users .fade { position: absolute; height: 20px; bottom: 0; left: 0; right: 15px; background: linear-gradient(-180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 100%); }

.dashboard #unlocked-app #main-content .columns .column .card .main .users .user-list, .dashboard #unlocked-app #main-content .columns .filler .card .main .users .user-list { padding-bottom: 5px; min-height: 40px; max-height: 290px; overflow-y: auto; }

.dashboard #unlocked-app #main-content .columns .column .card .main .users .user-list .user, .dashboard #unlocked-app #main-content .columns .filler .card .main .users .user-list .user { position: relative; display: flex; flex-direction: row; margin: 0 0 10px; }

.dashboard #unlocked-app #main-content .columns .column .card .main .users .user-list .user .avatar, .dashboard #unlocked-app #main-content .columns .filler .card .main .users .user-list .user .avatar { flex-shrink: 0; margin-top: 3px; }

.dashboard #unlocked-app #main-content .columns .column .card .main .users .user-list .user .details, .dashboard #unlocked-app #main-content .columns .filler .card .main .users .user-list .user .details { display: flex; flex-direction: column; flex: 1; margin: 0 15px 0 10px; }

.dashboard #unlocked-app #main-content .columns .column .card .main .users .user-list .user .details > *, .dashboard #unlocked-app #main-content .columns .filler .card .main .users .user-list .user .details > * { width: 0; min-width: 100%; margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.dashboard #unlocked-app #main-content .columns .column .card .main .users .user-list .user .details .name, .dashboard #unlocked-app #main-content .columns .filler .card .main .users .user-list .user .details .name { color: #333333; font-size: 1rem; font-weight: 500; }

.dashboard #unlocked-app #main-content .columns .column .card .main .users .user-list .user .details .email, .dashboard #unlocked-app #main-content .columns .filler .card .main .users .user-list .user .details .email { color: #757575; font-size: 0.9rem; font-weight: 400; }

.dashboard #unlocked-app #main-content .columns .column .card .main .users .user-list .user .action, .dashboard #unlocked-app #main-content .columns .filler .card .main .users .user-list .user .action { opacity: 0%; position: absolute; right: 12px; height: 23px; }

.dashboard #unlocked-app #main-content .columns .column .card .main .users .user-list .user .action:hover, .dashboard #unlocked-app #main-content .columns .column .card .main .users .user-list .user .action:focus, .dashboard #unlocked-app #main-content .columns .filler .card .main .users .user-list .user .action:hover, .dashboard #unlocked-app #main-content .columns .filler .card .main .users .user-list .user .action:focus { opacity: 100%; }

.dashboard #unlocked-app #main-content .columns .column .card .main .users .user-list .user:hover .action, .dashboard #unlocked-app #main-content .columns .filler .card .main .users .user-list .user:hover .action { opacity: 100%; }

.dashboard #unlocked-app #main-content .columns .column .card .main .filter-button, .dashboard #unlocked-app #main-content .columns .column .card .main .filter-button:visited, .dashboard #unlocked-app #main-content .columns .filler .card .main .filter-button, .dashboard #unlocked-app #main-content .columns .filler .card .main .filter-button:visited { color: inherit; text-decoration: none; padding: 15px 0 0; text-align: left; font-size: 1.1rem; font-weight: 500; z-index: 1; }

.dashboard #unlocked-app #main-content .columns .column .card .main .filter-button .link-text, .dashboard #unlocked-app #main-content .columns .column .card .main .filter-button:visited .link-text, .dashboard #unlocked-app #main-content .columns .filler .card .main .filter-button .link-text, .dashboard #unlocked-app #main-content .columns .filler .card .main .filter-button:visited .link-text { white-space: nowrap; }

.dashboard #unlocked-app #main-content .columns .column .card .main .filter-button svg, .dashboard #unlocked-app #main-content .columns .column .card .main .filter-button:visited svg, .dashboard #unlocked-app #main-content .columns .filler .card .main .filter-button svg, .dashboard #unlocked-app #main-content .columns .filler .card .main .filter-button:visited svg { float: right; margin-top: 2px; }

.dashboard #unlocked-app #main-content .columns .column .card .main .filter-button:first-child, .dashboard #unlocked-app #main-content .columns .column .card .main .filter-button:visited:first-child, .dashboard #unlocked-app #main-content .columns .filler .card .main .filter-button:first-child, .dashboard #unlocked-app #main-content .columns .filler .card .main .filter-button:visited:first-child { padding-top: 0; border-top: none; }

.dashboard #unlocked-app #main-content .columns .column .card .main .filter-button.inactive, .dashboard #unlocked-app #main-content .columns .column .card .main .filter-button:visited.inactive, .dashboard #unlocked-app #main-content .columns .filler .card .main .filter-button.inactive, .dashboard #unlocked-app #main-content .columns .filler .card .main .filter-button:visited.inactive { color: #cbcccd; }

.dashboard #unlocked-app #main-content .columns .column .card .main .filter-button.inactive svg, .dashboard #unlocked-app #main-content .columns .column .card .main .filter-button:visited.inactive svg, .dashboard #unlocked-app #main-content .columns .filler .card .main .filter-button.inactive svg, .dashboard #unlocked-app #main-content .columns .filler .card .main .filter-button:visited.inactive svg { fill: #cbcccd; }

.dashboard #unlocked-app #main-content .columns .column .card.invite, .dashboard #unlocked-app #main-content .columns .filler .card.invite { color: #5f51b1; }

.dashboard #unlocked-app #main-content .columns .column .card.invite svg, .dashboard #unlocked-app #main-content .columns .filler .card.invite svg { fill: #5f51b1; }

.dashboard #unlocked-app #main-content .columns .column .card.invite .filter-button, .dashboard #unlocked-app #main-content .columns .filler .card.invite .filter-button { border-top: 2px solid #e8e7f5; }

.dashboard #unlocked-app #main-content .columns .column .card.invite .header, .dashboard #unlocked-app #main-content .columns .filler .card.invite .header { background-color: rgba(232, 231, 245, 0.6); border-color: rgba(205, 202, 230, 0.5); }

.dashboard #unlocked-app #main-content .columns .column .card.invite .header .add:hover, .dashboard #unlocked-app #main-content .columns .filler .card.invite .header .add:hover { background-color: #5f51b1; }

.dashboard #unlocked-app #main-content .columns .column .card.invite .header .add:hover svg, .dashboard #unlocked-app #main-content .columns .filler .card.invite .header .add:hover svg { fill: #e8e7f5; }

.dashboard #unlocked-app #main-content .columns .column .card.invite .action, .dashboard #unlocked-app #main-content .columns .filler .card.invite .action { color: white; background-color: #5f51b1; box-shadow: inset 0 0 0 1px #5f51b1, -30px 0 10px white; }

.dashboard #unlocked-app #main-content .columns .column .card.recover, .dashboard #unlocked-app #main-content .columns .filler .card.recover { color: #de8f4a; }

.dashboard #unlocked-app #main-content .columns .column .card.recover svg, .dashboard #unlocked-app #main-content .columns .filler .card.recover svg { fill: #de8f4a; }

.dashboard #unlocked-app #main-content .columns .column .card.recover .filter-button, .dashboard #unlocked-app #main-content .columns .filler .card.recover .filter-button { border-top: 2px solid #faf2e1; }

.dashboard #unlocked-app #main-content .columns .column .card.recover .header, .dashboard #unlocked-app #main-content .columns .filler .card.recover .header { background-color: rgba(250, 242, 225, 0.8); border-color: rgba(230, 210, 172, 0.5); }

.dashboard #unlocked-app #main-content .columns .column .card.recover .header .add:hover, .dashboard #unlocked-app #main-content .columns .filler .card.recover .header .add:hover { background-color: #de8f4a; }

.dashboard #unlocked-app #main-content .columns .column .card.recover .header .add:hover svg, .dashboard #unlocked-app #main-content .columns .filler .card.recover .header .add:hover svg { fill: #faf2e1; }

.dashboard #unlocked-app #main-content .columns .column .card.recover .action, .dashboard #unlocked-app #main-content .columns .filler .card.recover .action { color: white; background-color: #de8f4a; box-shadow: inset 0 0 0 1px #de8f4a, -30px 0 10px white; }

.dashboard #unlocked-app #main-content .columns .column .card.travel, .dashboard #unlocked-app #main-content .columns .filler .card.travel { color: #b38323; }

.dashboard #unlocked-app #main-content .columns .column .card.travel svg, .dashboard #unlocked-app #main-content .columns .filler .card.travel svg { fill: #b38323; }

.dashboard #unlocked-app #main-content .columns .column .card.travel .main, .dashboard #unlocked-app #main-content .columns .filler .card.travel .main { padding-bottom: 5px; }

.dashboard #unlocked-app #main-content .columns .column .card.travel .main .filter-button, .dashboard #unlocked-app #main-content .columns .filler .card.travel .main .filter-button { display: none; }

.dashboard #unlocked-app #main-content .columns .column .card.travel .main .filter-button.inactive.zero, .dashboard #unlocked-app #main-content .columns .filler .card.travel .main .filter-button.inactive.zero { display: initial; }

.dashboard #unlocked-app #main-content .columns .column .card.travel .main .no-users img, .dashboard #unlocked-app #main-content .columns .filler .card.travel .main .no-users img { bottom: -5px; }

.dashboard #unlocked-app #main-content .columns .column .card.travel .main .users, .dashboard #unlocked-app #main-content .columns .filler .card.travel .main .users { margin-top: 0; }

.dashboard #unlocked-app #main-content .columns .column .card.travel .main .users .fade, .dashboard #unlocked-app #main-content .columns .filler .card.travel .main .users .fade { display: none; }

.dashboard #unlocked-app #main-content .columns .column .card.travel .main .users .user-list, .dashboard #unlocked-app #main-content .columns .filler .card.travel .main .users .user-list { padding-bottom: 0; }

.dashboard #unlocked-app #main-content .columns .column .card.travel .header, .dashboard #unlocked-app #main-content .columns .filler .card.travel .header { background-color: #fffae1; border-color: rgba(179, 131, 35, 0.2); }

.dashboard #unlocked-app #main-content .columns .column .card.travel .header .add:hover, .dashboard #unlocked-app #main-content .columns .filler .card.travel .header .add:hover { background-color: #b38323; }

.dashboard #unlocked-app #main-content .columns .column .card.travel .header .add:hover svg, .dashboard #unlocked-app #main-content .columns .filler .card.travel .header .add:hover svg { fill: #fffae1; }

.dashboard #unlocked-app #main-content .columns .column .card.travel .action, .dashboard #unlocked-app #main-content .columns .filler .card.travel .action { color: #b38323; background-color: #fffae1; box-shadow: inset 0 0 0 1px #ffec9b, -30px 0 10px white; }

.dashboard #unlocked-app #main-content .columns .column .card.deleted, .dashboard #unlocked-app #main-content .columns .column .card.suspended, .dashboard #unlocked-app #main-content .columns .filler .card.deleted, .dashboard #unlocked-app #main-content .columns .filler .card.suspended { color: #e6735c; }

.dashboard #unlocked-app #main-content .columns .column .card.deleted svg, .dashboard #unlocked-app #main-content .columns .column .card.suspended svg, .dashboard #unlocked-app #main-content .columns .filler .card.deleted svg, .dashboard #unlocked-app #main-content .columns .filler .card.suspended svg { fill: #e6735c; }

.dashboard #unlocked-app #main-content .columns .column .card.report-links, .dashboard #unlocked-app #main-content .columns .filler .card.report-links { color: #525c66; }

.dashboard #unlocked-app #main-content .columns .column .card.report-links .header, .dashboard #unlocked-app #main-content .columns .filler .card.report-links .header { color: #7a8599; background-color: #f6f7fb; border-color: #d7d9e0; }

.dashboard #unlocked-app #main-content .columns .column .card.report-links .main, .dashboard #unlocked-app #main-content .columns .filler .card.report-links .main { padding: 0; }

.dashboard #unlocked-app #main-content .columns .column .card.report-links .main .filter-button, .dashboard #unlocked-app #main-content .columns .filler .card.report-links .main .filter-button { padding: 1rem; }

.dashboard #unlocked-app #main-content .columns .column .card.report-links .main .filter-button:hover, .dashboard #unlocked-app #main-content .columns .filler .card.report-links .main .filter-button:hover { color: #333333; cursor: pointer; }

.dashboard #unlocked-app #main-content .columns .column .card.report-links .main .filter-button:not(:last-child), .dashboard #unlocked-app #main-content .columns .filler .card.report-links .main .filter-button:not(:last-child) { border-bottom: 1px solid #d7d9e0; }

.dashboard #unlocked-app #main-content .loading { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; margin: 6rem 0 2rem; }

#troubleshooting-content { position: relative; margin: 0 auto; max-width: 600px; }

#troubleshooting-content .new-button { margin-top: 20px; }

#signup { min-height: 100%; display: flex; flex-direction: column; justify-content: space-between; }

@media (min-width: 600px) { #signup { background-color: #f6f7f8; } }

#signup h1 { line-height: 32px; font-size: 24px; }

#signup a { text-decoration: none; }

#signup a:hover { text-decoration: underline; }

#signup .header-container { position: absolute; overflow: hidden; width: 100%; height: 550px; display: flex; padding: 16px 24px; }

@media (min-width: 600px) { #signup .header-container { padding: 0; } }

#signup .header-container .header { position: absolute; width: 120vw; left: -10vw; height: 550px; border-radius: 0 0 50% 50%; -webkit-mask-image: -webkit-radial-gradient(white, black); }

@media (min-width: 600px) { #signup .header-container .header { background-color: #e0edd6; background-image: url(../images/signup-background.svg); background-size: cover; background-position: bottom center; }
  #signup .header-container .header.team { background-color: #b1d1f6; background-image: url(../images/signup-background-team.svg); } }

@media only screen and (min-width: 600px) and (min-width: 1050px) { #signup .header-container .header.team { background-size: contain; } }

#signup .header-container .main-icon { z-index: 1; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; }

@media (min-width: 600px) { #signup .header-container .main-icon { margin: 0.5rem; } }

#signup .main-container { position: relative; padding-top: 80px; margin: 0 auto 4rem; width: 100%; max-width: 832px; }

#signup .main-container .illustration { position: absolute; display: none; top: 130px; right: 15px; height: 428px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; }

#signup .main-container .illustration.team { top: 155px; right: -25px; height: 424px; }

@media only screen and (min-width: 750px) { #signup .main-container .illustration { display: block; } }

#signup .main-container .sign-up-warning { margin-top: 1.8em; }

#signup main { margin: 0 24px; }

@media (min-width: 600px) { #signup main { position: relative; z-index: 100; width: 460px; min-height: 415px; border-radius: 12px; box-shadow: 0 0 0 rgba(0, 0, 0, 0.1), 0 4px 16px rgba(0, 0, 0, 0.06), 0 8px 40px rgba(0, 0, 0, 0.1); background-color: white; padding: 40px 60px; } }

#signup main .section { width: 100%; margin-top: 20px; }

#signup main .section.secondary { line-height: 20px; margin-top: 12px; }

#signup main .section label { font-weight: 500; color: #333; }

#signup main .section #exp-month, #signup main .section #exp-year { width: 40%; }

#signup main .section input, #signup main .section select { margin-top: 0.4rem; width: 100%; }

#signup main .section input[type="checkbox"], #signup main .section select[type="checkbox"] { margin-right: 0.5rem; vertical-align: 1px; width: auto; }

#signup main .section.divided { display: flex; justify-content: space-between; }

#signup main .section.divided > div { width: 42%; }

#signup main .section.verify-code input { font-size: 2rem; }

#signup main .section.card-number { position: relative; }

#signup main .section.card-number img { position: absolute; top: 33px; right: 9px; height: 22px; }

#signup main .section.card-number input { padding-right: 52px; }

#signup main .section.add-card-later { text-align: center; }

#signup main .section.add-card-later a { color: #757575; font-weight: 500; letter-spacing: -0.3px; }

#signup main .section.add-card-later a:hover { color: #757575; }

#signup main button { width: 100%; margin-top: 1.8rem; }

#signup main .supplemental { font-weight: normal; margin-top: 2rem; }

#signup main .paddy-box { display: flex; align-items: center; margin-top: 1.3rem; }

#signup main .paddy-box .paddy { margin-right: 1rem; width: 72px; height: 92px; flex-shrink: 0; }

#signup main .paddy-box .text h5 { font-size: 1rem; text-transform: none; margin-bottom: 0.2rem; }

#signup main .paddy-box .text span { color: #757575; font-weight: 500; }

#signup main .paddy-container.shake { animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; }

#signup main .promo-box { position: relative; overflow: hidden; }

#signup main .promo-box.loading { min-height: 4.5rem; }

#signup main .promo-box.peach { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 1px solid #e6d2ac; padding-right: 8rem; }

#signup main .promo-box .promo-code { display: block; font-size: 1.2rem; font-weight: bold; margin-bottom: 0.2rem; }

#signup main .promo-box img { position: absolute; right: 10px; top: 0; bottom: 0; margin: auto 0; }

#signup main .promo-box img.spinner { left: 10px; }

#signup main .combined-field > * { margin-top: 0; border-radius: 0; }

#signup main .combined-field > *:first-child { border-top-left-radius: 6px; border-top-right-radius: 6px; }

#signup main .combined-field > *:last-child { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }

#signup main .tax-info { background: #f2f9ff; margin-top: -1px; min-height: 40px; height: auto; }

#signup main .tax-info .emoji { font-size: 1.4em; line-height: 1.1; float: left; letter-spacing: 0; }

#signup main .tax-info .text { display: block; margin-left: 2rem; }

#signup main .tax-info .text:nth-child(3) { margin-top: 0.2rem; }

#signup main .gift-card-box { background-color: #f6f7fb; border: 1px solid #d7d9e0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

#signup main .gift-card-box.collapsed { cursor: pointer; color: #204060; font-weight: 500; padding: 0.8rem; display: flex; align-items: center; }

#signup main .gift-card-box.collapsed img { margin-right: 1rem; }

#signup main .gift-card-box.expanded img, #signup main .gift-card-box.applied img { display: block; margin: 1.4rem auto 0; }

#signup main .gift-card-box.expanded h3, #signup main .gift-card-box.applied h3 { text-align: center; margin-top: 0.6rem; }

#signup main .gift-card-box.expanded .section:not(.box), #signup main .gift-card-box.applied .section:not(.box) { padding: 0 1rem; }

#signup main .gift-card-box.expanded .redeem-button { border-top: 1px solid #d7d9e0; width: 100%; margin-top: 1.2rem; }

#signup main .gift-card-box.expanded .redeem-button a { display: inline-block; padding: 1rem; width: 100%; color: #0572ec; font-weight: 500; text-decoration: none; text-align: center; cursor: pointer; }

#signup main .gift-card-box.expanded .redeem-button a:hover { color: #1060d1; }

#signup main .gift-card-box.applied .redeemed-code { padding: 1rem 1rem 1.5rem; text-align: center; }

#signup main .gift-card-box img { width: 45px; height: 32px; }

#signup main .signup-submitting { text-align: center; margin: 3rem 0; }

#signup main .signup-submitting .paddy { width: 100px; height: 128px; }

#signup main .signup-submitting .spinner { margin-top: 1.8rem; }

#signup main .signup-error .new-button { width: 100%; display: block; margin-top: 1.8rem; text-align: center; text-decoration: none; }

#signup main .signup-error button + a.new-button { margin-top: 1rem; }

#signup main .signup-error .paddy { width: 100px; height: 128px; display: block; margin: 0 auto; }

#signup main .box.red { font-weight: 500; }

#signup main .plans { text-align: center; }

#signup main .plans .button { color: white; display: inline-block; width: 200px; margin-top: 1.8rem; }

#signup main .plans .button:focus { border: 1px solid rgba(0, 128, 255, 0.3); box-shadow: 0 0 0 4px rgba(0, 128, 255, 0.3), 0 0 0 1px rgba(0, 128, 255, 0.3); }

#signup main .plans .button.individual { background-color: #ca55a2; }

#signup main .plans .button.individual:hover { background-color: #bc3b90; text-decoration: none; }

#signup main .plans .button.family { background-color: #736bbd; }

#signup main .plans .button.family:hover { background-color: #584fb0; text-decoration: none; }

#signup main .plans .button.team { background-color: #2673bf; }

#signup main .plans .button.team:hover { background-color: #1f5f9d; text-decoration: none; }

#signup main .plans .button.business { background-color: #525c66; }

#signup main .plans .button.business:hover { background-color: #40484f; text-decoration: none; }

#signup main .plans .supplemental { margin-top: 1.5rem; }

#signup main .plans .supplemental a:focus { border: 1px solid rgba(0, 128, 255, 0.3); box-shadow: 0 0 0 4px rgba(0, 128, 255, 0.3), 0 0 0 1px rgba(0, 128, 255, 0.3); }

#signup main .plans .supplemental a:hover { color: #034792; text-decoration: none; }

#signup main .account-container { position: relative; }

#signup main .account-container .account { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: 0.7rem 1.5rem 0.7rem 0.7rem; margin-bottom: 0.7rem; background-color: white; color: #333333; text-decoration: none; -webkit-box-shadow: 1px 2px 5px 0 #e4e6e7; -moz-box-shadow: 1px 2px 5px 0 #e4e6e7; box-shadow: 1px 2px 5px 0 #e4e6e7; border: solid 1px #cbcccd; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

#signup main .account-container .account:hover { background-color: #f6f7f8; }

#signup main .account-container .account .avatar-container { margin-right: 1rem; }

#signup main .account-container .account .avatar-container .avatar-badge { position: absolute; bottom: 6px; left: 38px; -webkit-user-drag: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

#signup main .account-container .account .content { flex: 1; min-width: 0; }

#signup main .account-container .account .content h4, #signup main .account-container .account .content .domain { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

#signup main .account-container .account .content h4 { margin: 1px 0; }

#signup main .account-container .account .content .domain { display: block; color: #757575; }

#signup main .account-container .account .svg-add { fill: #50b347; }

.security-view #unlocked-app #top-bar #title-container, .security-view #unlocked-app #main-content { background-color: #f6f7fb; }

.security-view #security-content { max-width: 870px; margin: 0 auto; }

.security-view #security-content .card { background-color: white; border: 1px solid #d7d9e0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }

.security-view #security-content .security-dashboard .advanced-protection-header { display: flex; align-items: flex-start; margin: 0 auto; }

.security-view #security-content .security-dashboard .advanced-protection-header img { width: 107px; height: 126px; margin-right: 1rem; flex-shrink: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; }

.security-view #security-content .security-dashboard .advanced-protection-header h1 { margin-top: 1.1rem; line-height: 1.5rem; }

.security-view #security-content .security-dashboard .advanced-protection-header p { max-width: 365px; color: #757575; margin-top: 0.4rem; margin-bottom: 1rem; }

.security-view #security-content .security-dashboard .cards { display: grid; grid-template-columns: 1fr; grid-gap: 1rem; grid-auto-rows: minmax(180px, auto); }

.security-view #security-content .security-dashboard .cards .card { display: flex; align-items: center; cursor: pointer; padding: 1.5rem; }

.security-view #security-content .security-dashboard .cards .card.sign-in-attempts { grid-row-end: span 2; align-items: flex-end; background-image: linear-gradient(to top, white 32%, rgba(255, 255, 255, 0)), url(../images/security-dashboard-signin-attempts-background.png); background-size: cover; background-repeat: no-repeat; }

@media only screen and (min-width: 1200px) { .security-view #security-content .security-dashboard .cards .card.sign-in-attempts { background-size: contain; } }

.security-view #security-content .security-dashboard .cards .card:hover a { text-decoration: underline !important; }

.security-view #security-content .security-dashboard .cards .card .container { display: flex; align-items: center; }

.security-view #security-content .security-dashboard .cards .card .container .icon { min-width: 128px; flex-shrink: 0; margin-right: 1.5rem; text-align: center; }

.security-view #security-content .security-dashboard .cards .card .container .icon img { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; }

.security-view #security-content .security-dashboard .cards .card .container .card-content { flex-grow: 1; }

.security-view #security-content .security-dashboard .cards .card .container .card-content h2 { color: #525c66; margin-bottom: 0.8rem; }

.security-view #security-content .security-dashboard .cards .card .container .card-content p { color: #757575; font-size: 0.9rem; margin-bottom: 0.8rem; }

.security-view #security-content .security-dashboard .cards .card .container .card-content a { font-weight: 500; text-decoration: none; }

@media only screen and (min-width: 925px) { .security-view #security-content .security-dashboard .cards { grid-template-columns: 1fr 1fr; } }

.security-view #security-content .feature-header { display: flex; margin-bottom: 2rem; padding-top: 5px; position: relative; }

.security-view #security-content .feature-header .yellow-bar { position: absolute; width: 100%; top: 0; height: 5px; background-color: #f6ca43; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; }

.security-view #security-content .feature-header button { width: 2.5rem; padding-left: 1rem; flex-shrink: 0; }

.security-view #security-content .feature-header button:hover svg { fill: #525c66; }

.security-view #security-content .feature-header .header-content { display: flex; align-items: center; flex-grow: 1; flex-direction: column; }

@media only screen and (min-width: 750px) { .security-view #security-content .feature-header .header-content { flex-direction: row; } }

.security-view #security-content .feature-header .header-content .text { padding: 1.4rem; width: 100%; }

.security-view #security-content .feature-header .header-content .text h2 { display: inline; }

.security-view #security-content .feature-header .header-content .text .info-button { display: inline; margin-left: 0.4rem; }

.security-view #security-content .feature-header .header-content .text .info-button:hover svg circle { fill: #1060d1; }

.security-view #security-content .feature-header .header-content .text p { color: #757575; margin-top: 0.5rem; }

.security-view #security-content .feature-header .header-content .icon { margin: 1rem; }

.security-view #security-content .feature-header .header-content .icon.bottom-align { align-self: flex-end; margin-bottom: 0; }

.security-view #security-content .feature-header .header-content .icon.right-align { margin-right: 0; }

.security-view #security-content .feature-header .header-content .icon img { max-height: 94px; vertical-align: bottom; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; }

.security-view #security-content ul.settings-card { margin-bottom: 2rem; padding: 0 1.4rem; }

.security-view #security-content ul.settings-card li:not(:last-child) { border-bottom: 1px solid #d7d9e0; }

.security-view #security-content ul.settings-card li .row { display: flex; align-items: center; padding: 1.4rem 0; flex-wrap: wrap; }

@media only screen and (min-width: 750px) { .security-view #security-content ul.settings-card li .row { flex-wrap: nowrap; } }

.security-view #security-content ul.settings-card li .row label.switch { margin-right: 1.4rem; font-size: 1.25rem; }

@media only screen and (min-width: 750px) { .security-view #security-content ul.settings-card li .row label.switch { margin: 0 1.4rem; } }

.security-view #security-content ul.settings-card li .row .name { margin-right: 1.4rem; width: 100%; font-weight: 600; flex-shrink: 0; color: #333333; cursor: pointer; }

.security-view #security-content ul.settings-card li .row .name.disabled { cursor: not-allowed; }

@media only screen and (min-width: 750px) { .security-view #security-content ul.settings-card li .row .name { width: 180px; } }

.security-view #security-content ul.settings-card li .row .name.disabled { opacity: 0.3; }

.security-view #security-content ul.settings-card li .row .details { color: #757575; font-size: 0.9rem; width: 100%; margin-top: 1rem; }

.security-view #security-content ul.settings-card li .row .details.disabled { opacity: 0.3; }

@media only screen and (min-width: 750px) { .security-view #security-content ul.settings-card li .row .details { width: auto; margin-top: 0; } }

.security-view #security-content .card.expandable { margin-bottom: 2rem; }

.security-view #security-content .card.expandable.expanded .chevron svg { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

.security-view #security-content .card.expandable .header { display: flex; align-items: center; }

.security-view #security-content .card.expandable .header .clickable { height: 62px; flex-grow: 1; cursor: pointer; }

.security-view #security-content .card.expandable .header .clickable:hover .title svg { fill: #525c66; }

.security-view #security-content .card.expandable .header .title { position: absolute; left: 0; right: 0; justify-content: center; display: flex; padding: 1rem; }

.security-view #security-content .card.expandable .header .title h4 { font-weight: 600; padding: 0.55rem 0; }

.security-view #security-content .card.expandable .header .title .chevron { margin-left: 0.5rem; width: 14px; }

.security-view #security-content .card.expandable .header .title .chevron svg { margin-top: 1px; }

.security-view #security-content .card.expandable .header .right { display: flex; align-items: center; margin: 0 1rem; z-index: 10; }

.security-view #security-content .card.expandable .header .right button { margin-left: 1rem; min-width: 7rem; }

.security-view #security-content .card.expandable .content { padding: 1rem; border-top: 1px solid #d7d9e0; background-color: #f6f7f8; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; }

.security-view #security-content .box.sand { margin-bottom: 2rem; }

.security-view #security-content .box.sand p { font-weight: 500; }

.security-view #security-content .box.sand li { margin-top: 0.3rem; }

.security-view #security-content .master-password-policy h5 { color: #999999; }

.security-view #security-content .master-password-policy .predefined-policies { display: flex; flex-direction: column; margin-bottom: 2rem; }

@media only screen and (min-width: 750px) { .security-view #security-content .master-password-policy .predefined-policies { flex-direction: row; } }

.security-view #security-content .master-password-policy .predefined-policies .card { padding: 1rem; margin-bottom: 1rem; width: 100%; position: relative; overflow: hidden; padding-bottom: 6rem; }

@media only screen and (min-width: 750px) { .security-view #security-content .master-password-policy .predefined-policies .card { margin: 0 0.5rem; width: 33.3%; } }

.security-view #security-content .master-password-policy .predefined-policies .card.clickable { cursor: pointer; }

.security-view #security-content .master-password-policy .predefined-policies .card.selected { border-color: #0572ec; }

.security-view #security-content .master-password-policy .predefined-policies .card.disabled { cursor: not-allowed; }

.security-view #security-content .master-password-policy .predefined-policies .card.disabled > * { opacity: 0.3; }

.security-view #security-content .master-password-policy .predefined-policies .card.disabled a { cursor: not-allowed; }

.security-view #security-content .master-password-policy .predefined-policies .card.disabled:hover .action a { text-decoration: none !important; }

.security-view #security-content .master-password-policy .predefined-policies .card:first-child { margin-left: 0; }

.security-view #security-content .master-password-policy .predefined-policies .card:last-child { margin-right: 0; }

.security-view #security-content .master-password-policy .predefined-policies .card img { width: 29px; height: 32px; }

.security-view #security-content .master-password-policy .predefined-policies .card h4 { font-weight: 600; margin-top: 1rem; }

.security-view #security-content .master-password-policy .predefined-policies .card li { list-style-type: none; }

.security-view #security-content .master-password-policy .predefined-policies .card .action { position: absolute; left: 0; right: 0; bottom: 0; padding: 0.7rem 1rem 0.8rem; border-top: 1px solid #d7d9e0; }

.security-view #security-content .master-password-policy .predefined-policies .card .action a { font-weight: 500; text-decoration: none; }

.security-view #security-content .master-password-policy .predefined-policies .card:hover .action a { text-decoration: underline !important; }

.security-view #security-content .master-password-policy .predefined-policies .card .unavailable-policy { font-weight: 600; }

.security-view #security-content .master-password-policy .current-policy { background-color: #0572ec; position: absolute; height: 110px; width: 110px; left: -55px; bottom: -55px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.security-view #security-content .master-password-policy .current-policy svg { position: absolute; right: 13px; bottom: 47px; fill: white; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.security-view #security-content .master-password-policy .card.expandable { position: relative; overflow: hidden; }

.security-view #security-content .master-password-policy .card.expandable.selected { border-color: #0572ec; }

.security-view #security-content .master-password-policy .card.expandable .current-policy { top: -55px; bottom: auto; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.security-view #security-content .master-password-policy .card.expandable .current-policy svg { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.security-view #security-content .master-password-policy .card.expandable .custom-ui { padding: 0; }

.security-view #security-content .master-password-policy .card.expandable .custom-ui .length { font-weight: 500; padding: 1rem; }

.security-view #security-content .master-password-policy .card.expandable .custom-ui .length input { width: 3.7rem; margin-left: 0.5rem; margin-right: 0.5rem; padding-right: 0.5rem; border: none; outline: none; -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); appearance: none; -webkit-appearance: none; -moz-appearance: none; }

.security-view #security-content .master-password-policy .card.expandable .custom-ui .length input:focus { -webkit-box-shadow: inset 0 0 0 1px #0572ec; -moz-box-shadow: inset 0 0 0 1px #0572ec; box-shadow: inset 0 0 0 1px #0572ec; }

.security-view #security-content .master-password-policy .card.expandable .custom-ui hr { margin: 0 1rem 1rem; background-color: #d7d9e0; }

.security-view #security-content .master-password-policy .card.expandable .custom-ui .additional h5 { margin: 0 1rem; }

.security-view #security-content .master-password-policy .card.expandable .custom-ui .additional .buttons { display: flex; flex-wrap: wrap; padding: 0.5rem; }

.security-view #security-content .master-password-policy .card.expandable .custom-ui .additional .buttons button { display: flex; align-items: center; background-color: white; width: calc(100% - 1rem); height: 3rem; margin: 0.5rem; padding: 0 1rem; outline: none; resize: none; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 0 1px #d7d9e0; -moz-box-shadow: inset 0 0 0 1px #d7d9e0; box-shadow: inset 0 0 0 1px #d7d9e0; }

@media only screen and (min-width: 750px) { .security-view #security-content .master-password-policy .card.expandable .custom-ui .additional .buttons button { width: calc(50% - 1rem); } }

@media only screen and (min-width: 1050px) { .security-view #security-content .master-password-policy .card.expandable .custom-ui .additional .buttons button { width: calc(25% - 1rem); } }

.security-view #security-content .master-password-policy .card.expandable .custom-ui .additional .buttons button svg { fill: #50b347; }

.security-view #security-content .master-password-policy .card.expandable .custom-ui .additional .buttons button svg path { fill: #50b347; }

.security-view #security-content .master-password-policy .card.expandable .custom-ui .additional .buttons button span { margin: 0 0.6rem; font-weight: 500; }

.security-view #security-content .master-password-policy .card.expandable .custom-ui .additional .buttons button:disabled { color: #333333; opacity: 0.5; cursor: not-allowed; }

.security-view #security-content .master-password-policy .card.expandable .custom-ui .additional .buttons button.selected { background-color: #50b347; color: white; -webkit-box-shadow: inset 0 0 0 1px #3b8736; -moz-box-shadow: inset 0 0 0 1px #3b8736; box-shadow: inset 0 0 0 1px #3b8736; }

.security-view #security-content .master-password-policy .card.expandable .custom-ui .additional .buttons button.selected:disabled { color: white; }

.security-view #security-content .master-password-policy .card.expandable .custom-ui .additional .buttons button.selected svg { fill: white; }

.security-view #security-content .master-password-policy .card.expandable .custom-ui .additional .buttons button.selected svg path { fill: white; }

.security-view #security-content .master-password-policy .card.expandable .custom-ui .additional .buttons button.selected svg.select-check { margin-left: auto; }

.security-view #security-content .master-password-policy .card.expandable .custom-string label { font-weight: 600; }

.security-view #security-content .master-password-policy .card.expandable .custom-string label a { margin-left: 0.4rem; }

.security-view #security-content .master-password-policy .card.expandable .custom-string label a:hover svg circle { fill: #1060d1; }

.security-view #security-content .master-password-policy .card.expandable .custom-string input { font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace; }

.security-view #security-content .two-factor-settings a { text-decoration: none; }

.security-view #security-content .two-factor-settings a:hover { text-decoration: underline; }

.security-view #security-content .two-factor-settings .duo-settings { margin-bottom: 1.4rem; }

@media only screen and (min-width: 750px) { .security-view #security-content .two-factor-settings .duo-settings { margin-left: calc(180px + 31px + 1.4rem + 1.4rem + 1.4rem); } }

.security-view #security-content .two-factor-settings .duo-settings label { display: block; color: #757575; font-weight: 500; font-size: 0.9rem; }

.security-view #security-content .two-factor-settings .duo-settings input { margin: 0.3rem 0 0.7rem; }

.security-view #security-content .two-factor-settings .duo-settings .multipart { display: inline-flex; align-items: center; }

.security-view #security-content .two-factor-settings .duo-settings .multipart input { width: 3.7rem; padding-right: 0.5rem; border: none; outline: none; -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); appearance: none; -webkit-appearance: none; -moz-appearance: none; }

.security-view #security-content .two-factor-settings .duo-settings .multipart input:focus { -webkit-box-shadow: inset 0 0 0 1px #0572ec; -moz-box-shadow: inset 0 0 0 1px #0572ec; box-shadow: inset 0 0 0 1px #0572ec; }

.security-view #security-content .two-factor-settings .duo-settings .multipart span { margin-top: -4px; margin-left: 0.5rem; color: #757575; font-size: 0.9rem; }

.security-view #security-content .two-factor-settings .enforcement-section.with-mp-policy-requirement .settings-card { margin-bottom: 0; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; }

.security-view #security-content .two-factor-settings .enforcement-section.with-mp-policy-requirement .mp-policy-requirement { padding: 1rem 1rem 1rem 6.3rem; border-top: none; background-color: #f6f7f8; margin-bottom: 2rem; font-size: 0.9rem; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; }

.security-view #security-content .firewall-rules-settings .rules-card { margin-bottom: 2rem; }

.security-view #security-content .firewall-rules-settings .rules-card .loading { text-align: center; margin: 3rem; }

.security-view #security-content .firewall-rules-settings .rules-card .rules-header { display: flex; align-items: center; justify-content: space-between; padding: 1.4rem; color: #757575; font-weight: 500; }

.security-view #security-content .firewall-rules-settings .rules-card .rules-header .menu-container { margin-left: 2rem; }

.security-view #security-content .firewall-rules-settings .rules-card .rules-header .menu-container button { min-width: 8rem; }

.security-view #security-content .firewall-rules-settings .rules-card .rules-header .menu-container button svg { fill: white; margin-left: 0.6rem; margin-bottom: 0.1rem; }

.security-view #security-content .firewall-rules-settings .rules-card .rules-header .menu-container button:disabled svg { fill: #cbcccd; }

.security-view #security-content .firewall-rules-settings .rules-card .rules-header .menu-container .active { width: 10rem; top: 1.2rem; left: -1rem; }

.security-view #security-content .firewall-rules-settings .rules-card ol select { min-width: 8rem; border-radius: 20px; min-height: 28px; padding: 7px 14px; -webkit-box-shadow: inset 0 0 0 1px #d7d9e0; -moz-box-shadow: inset 0 0 0 1px #d7d9e0; box-shadow: inset 0 0 0 1px #d7d9e0; }

.security-view #security-content .firewall-rules-settings .rules-card ol select:focus { -webkit-box-shadow: inset 0 0 0 1px #0572ec; -moz-box-shadow: inset 0 0 0 1px #0572ec; box-shadow: inset 0 0 0 1px #0572ec; }

.security-view #security-content .firewall-rules-settings .rules-card ol select:disabled { color: #cbcccd; background-color: #f6f7fb; }

.security-view #security-content .firewall-rules-settings .rules-card ol li.all-other-rule { background-color: #f6f7f8; min-height: 64.5px; flex-wrap: wrap; }

@media only screen and (min-width: 750px) { .security-view #security-content .firewall-rules-settings .rules-card ol li.all-other-rule { flex-wrap: nowrap; } }

.security-view #security-content .firewall-rules-settings .rules-card ol li.all-other-rule .tag { background-color: #50b347; color: white; font-size: 0.95rem; font-weight: 500; padding: 3px 10px; margin: 0.6rem 1rem 0.6rem 43px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }

.security-view #security-content .firewall-rules-settings .rules-card ol li.all-other-rule .tag.deny { background-color: #e6735c; }

.security-view #security-content .firewall-rules-settings .rules-card ol li.all-other-rule select { margin: 0 0 0.6rem 43px; }

@media only screen and (min-width: 750px) { .security-view #security-content .firewall-rules-settings .rules-card ol li.all-other-rule select { margin: 0 51px 0 auto; } }

.security-view #security-content .firewall-rules-settings .rules-card ol li.rule { margin: 1.4rem; display: flex; align-items: center; border: 1px solid #d7d9e0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }

.security-view #security-content .firewall-rules-settings .rules-card ol li.rule:first-child { margin-top: 0; }

.security-view #security-content .firewall-rules-settings .rules-card ol li.rule .reorder { width: 2rem; align-self: stretch; flex-shrink: 0; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid #d7d9e0; background-color: #f6f7f8; -webkit-border-radius: 8px 0 0 8px; -moz-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px; }

.security-view #security-content .firewall-rules-settings .rules-card ol li.rule .reorder button { flex-grow: 1; }

.security-view #security-content .firewall-rules-settings .rules-card ol li.rule .reorder button svg { fill: #999999; }

.security-view #security-content .firewall-rules-settings .rules-card ol li.rule .reorder button.up { border-bottom: 1px solid #d7d9e0; }

.security-view #security-content .firewall-rules-settings .rules-card ol li.rule .reorder button.up svg { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }

.security-view #security-content .firewall-rules-settings .rules-card ol li.rule .reorder button.down svg { padding-left: 0.4px; }

.security-view #security-content .firewall-rules-settings .rules-card ol li.rule .reorder button:hover svg { fill: #666666; }

.security-view #security-content .firewall-rules-settings .rules-card ol li.rule .reorder button:disabled svg { fill: #999999; }

.security-view #security-content .firewall-rules-settings .rules-card ol li.rule .content { display: flex; align-items: center; flex-grow: 1; flex-wrap: wrap; }

@media only screen and (min-width: 750px) { .security-view #security-content .firewall-rules-settings .rules-card ol li.rule .content { flex-wrap: nowrap; } }

.security-view #security-content .firewall-rules-settings .rules-card ol li.rule .content .value { width: 100%; flex-grow: 1; padding: 0.6rem 0.8rem; }

.security-view #security-content .firewall-rules-settings .rules-card ol li.rule .content .value .type { font-size: 0.9rem; font-weight: 500; margin-bottom: 0.3rem; }

.security-view #security-content .firewall-rules-settings .rules-card ol li.rule .content .value .input li.tag { background-color: #50b347; color: white; font-size: 0.95rem; font-weight: 500; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }

.security-view #security-content .firewall-rules-settings .rules-card ol li.rule .content .value .input li.tag button:disabled { opacity: 0.5; }

.security-view #security-content .firewall-rules-settings .rules-card ol li.rule .content .value .input.deny li.tag { background-color: #e6735c; }

.security-view #security-content .firewall-rules-settings .rules-card ol li.rule .content .action, .security-view #security-content .firewall-rules-settings .rules-card ol li.rule .content .delete { margin-right: 0.6rem; margin-bottom: 0.6rem; }

@media only screen and (min-width: 750px) { .security-view #security-content .firewall-rules-settings .rules-card ol li.rule .content .action, .security-view #security-content .firewall-rules-settings .rules-card ol li.rule .content .delete { margin-bottom: 0; } }

.security-view #security-content .firewall-rules-settings .rules-card ol li.rule .content .action { margin-left: 0.8rem; }

@media only screen and (min-width: 750px) { .security-view #security-content .firewall-rules-settings .rules-card ol li.rule .content .action { margin-left: 0; } }

.security-view #security-content .firewall-rules-settings .rules-card ol li.rule .content .delete button { width: 32px; height: 32px; }

.security-view #security-content .firewall-rules-settings .rules-card ol li.rule .content .delete button svg { fill: #e6735c; }

.security-view #security-content .firewall-rules-settings .rules-card ol li.rule .content .delete button:hover { -webkit-box-shadow: inset 0 0 0 1px #e6735c; -moz-box-shadow: inset 0 0 0 1px #e6735c; box-shadow: inset 0 0 0 1px #e6735c; }

.security-view #security-content .firewall-rules-settings .rules-card ol li.rule .content .delete button:disabled { color: #cbcccd; background-color: #f6f7fb; -webkit-box-shadow: inset 0 0 0 1px #d7d9e0; -moz-box-shadow: inset 0 0 0 1px #d7d9e0; box-shadow: inset 0 0 0 1px #d7d9e0; }

.security-view #security-content .sign-in-attempts-report main { display: flex; flex-direction: column; }

.security-view #security-content .sign-in-attempts-report main iframe { border-top-left-radius: 8px; border-top-right-radius: 8px; display: none; border: solid 1px #e0e0e0; border-bottom: none; overflow: hidden; }

@media only screen and (min-width: 850px) { .security-view #security-content .sign-in-attempts-report main iframe { display: block; height: 35vh; } }

.security-view #security-content .sign-in-attempts-report .detail { display: flex; flex-direction: column; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border: solid 1px #e0e0e0; overflow: hidden; }

@media only screen and (min-width: 850px) { .security-view #security-content .sign-in-attempts-report .detail { flex-direction: row; } }

.security-view #security-content .sign-in-attempts-report .detail .entries-container { border-bottom: solid 1px #e0e0e0; }

@media only screen and (min-width: 850px) { .security-view #security-content .sign-in-attempts-report .detail .entries-container { border-bottom-color: transparent; border-right: solid 1px #e0e0e0; } }

.security-view #security-content .sign-in-attempts-report .detail .entries-header { background-color: #f6f7fb; padding: 15px 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.security-view #security-content .sign-in-attempts-report .detail .entries-header h3 { font-weight: 500; }

.security-view #security-content .sign-in-attempts-report .detail .entries-header p { font-size: 0.78em; font-weight: 800; color: #757575; margin-top: 5px; }

.security-view #security-content .sign-in-attempts-report .detail .entries-header .list-range { font-weight: 600; margin-top: 1px; }

.security-view #security-content .sign-in-attempts-report .detail ul.entries { display: flex; overflow-x: scroll; font-size: 0.75rem; background: #f6f7fb; height: 300px; overflow-x: scroll; overflow-y: unset; margin-top: 0; }

@media only screen and (min-width: 850px) { .security-view #security-content .sign-in-attempts-report .detail ul.entries { flex-direction: column; width: 300px; height: 550px; overflow-y: scroll; } }

.security-view #security-content .sign-in-attempts-report .detail ul.entries li.date-group:first-child h3 { box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); }

.security-view #security-content .sign-in-attempts-report .detail ul.entries li.date-group h3 { position: sticky; background-color: #f1f2f6; padding: 7px 20px; text-transform: uppercase; font-weight: 600; font-size: 1em; color: #454f5b; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(0, 0, 0, 0.1); }

.security-view #security-content .sign-in-attempts-report .detail ul.entries li.date-group ul { margin: 0; overflow-y: scroll; border-right: 2px solid rgba(0, 0, 0, 0.11); }

@media only screen and (min-width: 850px) { .security-view #security-content .sign-in-attempts-report .detail ul.entries li.date-group ul { border-right: none; overflow-y: unset; } }

.security-view #security-content .sign-in-attempts-report .detail ul.entries li.date-group ul li .entry { display: flex; align-items: center; cursor: default; background-color: #f6f7fb; width: 300px; }

@media only screen and (min-width: 850px) { .security-view #security-content .sign-in-attempts-report .detail ul.entries li.date-group ul li .entry { width: unset; } }

.security-view #security-content .sign-in-attempts-report .detail ul.entries li.date-group ul li .entry .list-label { flex: 0 0 70px; margin: 7px 0 7px 20px; vertical-align: middle; font-weight: 600; color: #454f5b; }

.security-view #security-content .sign-in-attempts-report .detail ul.entries li.date-group ul li .entry .list-content { flex: 1 1 auto; padding: 2px 20px; margin: 8px 0; color: #212b36; box-shadow: none; }

@media only screen and (min-width: 850px) { .security-view #security-content .sign-in-attempts-report .detail ul.entries li.date-group ul li .entry .list-content { box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.2); } }

.security-view #security-content .sign-in-attempts-report .detail ul.entries li.date-group ul li .entry .list-content p { margin: 0; }

.security-view #security-content .sign-in-attempts-report .detail ul.entries li.date-group ul li .entry .list-content p.failure-reason { margin-top: 4px; }

.security-view #security-content .sign-in-attempts-report .detail ul.entries li.date-group ul li .entry.selected { background-color: #06c; color: white; }

.security-view #security-content .sign-in-attempts-report .detail ul.entries li.date-group ul li .entry.selected .list-label { color: white; }

.security-view #security-content .sign-in-attempts-report .detail ul.entries li.date-group ul li .entry.selected .list-content { box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.5); color: white; }

.security-view #security-content .sign-in-attempts-report .detail ul.entries li.date-group ul li .entry.selected .list-content .failure-reason { color: white; background-color: transparent; border: 1px solid white; }

.security-view #security-content .sign-in-attempts-report .detail .selected-details { width: 100%; padding: 50px; padding-right: 10%; background-color: white; }

.security-view #security-content .sign-in-attempts-report .detail .selected-details .title { color: black; font-weight: 600; font-size: 1.2em; margin-bottom: 5px; }

.security-view #security-content .sign-in-attempts-report .detail .selected-details .field-wrapper { flex: 0 0 100%; margin: 10px 15px 10px 0; padding-bottom: 6px; border-bottom: 1px solid rgba(151, 151, 151, 0.47); display: flex; justify-content: space-between; }

.security-view #security-content .sign-in-attempts-report .detail .selected-details .field-wrapper .field { font-size: 0.8em; }

.security-view #security-content .sign-in-attempts-report .detail .selected-details .field-wrapper .field .label { color: #757575; font-weight: 600; }

.security-view #security-content .sign-in-attempts-report .detail .selected-details .field-wrapper .field .value { color: #454f5b; font-weight: 600; margin-top: 2px; }

.security-view #security-content .sign-in-attempts-report .detail .selected-details .field-wrapper .gear-wrapper { display: flex; justify-content: flex-end; }

.security-view #security-content .sign-in-attempts-report .detail .selected-details .field-wrapper .gear-wrapper .settings { -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; }

.security-view #security-content .sign-in-attempts-report .detail .selected-details .field-wrapper .gear-wrapper .settings :hover { -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; }

.security-view #security-content .sign-in-attempts-report .detail .selected-details .field-wrapper .gear-wrapper .settings :hover svg { fill: #1a8cff; }

.security-view #security-content .sign-in-attempts-report .detail .selected-details .field-wrapper .gear-wrapper .settings.selected svg { fill: #1a8cff; }

.security-view #security-content .sign-in-attempts-report .detail .selected-details .field-wrapper .blocked-field { color: #757575; font-weight: 600; align-self: flex-end; font-size: 0.65em; }

.security-view #security-content .sign-in-attempts-report .detail .selected-details .field-wrapper .firewall-rules { position: absolute; margin: 28px 0 0 15px; background-color: white; border-radius: 4px; -webkit-box-shadow: inset 0 0 0 1px #d7d9e0; -moz-box-shadow: inset 0 0 0 1px #d7d9e0; box-shadow: inset 0 0 0 1px #d7d9e0; }

.security-view #security-content .sign-in-attempts-report .detail .selected-details .field-wrapper .firewall-rules li { cursor: pointer; padding: 10px; }

.security-view #security-content .sign-in-attempts-report .detail .selected-details .failure-reason { padding: 2px 10px; border-radius: 10px; }

.security-view #security-content .sign-in-attempts-report .detail .failure-reason { display: inline-block; background-color: #ec5632; border: 1px solid transparent; border-radius: 8px; padding: 0 6px; color: white; font-weight: 700; font-size: 0.85em; margin-top: 4px; }

.security-view #security-content .sign-in-attempts-report .detail .failure-reason span { font-weight: 400; }

.security-view #security-content .sign-in-attempts-report .detail .failure-reason.reported { color: #454f5b; background-color: #f6ca43; }

.security-view #security-content .sign-in-attempts-report .detail .empty { font-size: 1.35em; margin: 15vh auto; }

.security-view #security-content .modern-app-versions .outdated-devices-report { padding: 1.4rem; display: flex; align-items: center; justify-content: space-between; }

.security-view #security-content .modern-app-versions .outdated-devices-report .new-button { margin-left: 2rem; text-align: center; }

.security-view #security-content .modern-app-versions .settings-card { margin-top: 2rem; margin-bottom: 0; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; }

.security-view #security-content .modern-app-versions .current-app-versions { padding: 1rem; border-top: none; background-color: #f6f7f8; margin-bottom: 2rem; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; }

.security-view #security-content .modern-app-versions .current-app-versions li { margin-bottom: 0.8rem; }

.security-view #security-content .modern-app-versions .current-app-versions li .icon { width: 18px; height: 18px; display: inline-block; margin-right: 0.5rem; margin-bottom: -3px; background-size: contain; background-repeat: no-repeat; background-position: center; }

.security-view #security-content .modern-app-versions .current-app-versions li .icon.mac { background-image: url(../images/mac.svg); }

.security-view #security-content .modern-app-versions .current-app-versions li .icon.windows { background-image: url(../images/windows.svg); }

.security-view #security-content .modern-app-versions .current-app-versions li .icon.ios { background-image: url(../images/ios.svg); }

.security-view #security-content .modern-app-versions .current-app-versions li .icon.android { background-image: url(../images/android.svg); }

.security-view #security-content .modern-app-versions .current-app-versions li .icon.chrome { background-image: url(../images/chrome.svg); }

.security-view #security-content .modern-app-versions .current-app-versions li .icon.cli { background-image: url(../images/device-list-cli.svg); }

.security-view #security-content .modern-app-versions .current-app-versions li .icon.scim { background-image: url(../images/scim-bridge.svg); }

.security-view #security-content .modern-app-versions .current-app-versions li span { margin-right: 0.5rem; }

.security-view #security-content button.save-button { display: block; margin: 0 auto; min-width: 12rem; }

@media only screen and (min-width: 750px) { .security-view #security-content button.save-button { min-width: 16rem; } }

.security-view #security-content .loading-container { width: 100%; text-align: center; padding-top: 30vh; }

.security-view #security-content fieldset:disabled input, .security-view #security-content fieldset:disabled select, .security-view #security-content fieldset:disabled label, .security-view #security-content fieldset:disabled button { cursor: not-allowed !important; }

.security-view #security-content .cannot-change-settings { text-align: center; margin: 0.5rem auto 0; display: block; }

.top-bar-advanced-protection { align-items: center; margin-top: 17px; display: none; }

@media only screen and (min-width: 925px) { .top-bar-advanced-protection { display: inline-flex; } }

.top-bar-advanced-protection img { height: 31px; width: 29px; margin-right: 0.5rem; margin-top: 1px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; }

.top-bar-advanced-protection h1 { margin: 0; }

.tag-input { cursor: text; position: relative; }

.tag-input.disabled { cursor: not-allowed; }

.tag-input ul.tags { display: flex; flex-wrap: wrap; margin: -5px 0 0 -5px; }

.tag-input li.tag { display: inline-flex; padding: 3px 10px; background: #e5eff9; margin: 5px 5px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.tag-input li.tag button { margin: 0 0.3rem 0 0.9rem; }

.tag-input li.tag button:hover { opacity: 0.8; }

.tag-input li.tag.saved { padding-right: 4px; }

.tag-input li.tag.next { margin-left: 0 !important; padding: 3px 6px !important; background: none !important; outline: none !important; color: #333333 !important; height: 24px !important; }

.tag-input ul.autocomplete { display: block; position: absolute; background: white; width: 100%; border: 1px solid #e4e6e7; margin-top: 2px; cursor: default; z-index: 1; }

.tag-input ul.autocomplete li { display: block; padding: 8px 12px; border-top: 1px solid #e4e6e7; }

.tag-input ul.autocomplete li:first-child { border-top: none; }

.tag-input ul.autocomplete li.focused { background: #e5eff9; }

.tag-input ul.autocomplete li.no-results { color: #666666; }

#settings-content.scim.setup #step-overview, #settings-content.scim.setup .current-step { display: flex; flex-wrap: wrap; }

#settings-content.scim.setup #step-overview { flex-direction: column; }

#settings-content.scim.setup #step-overview li { position: relative; line-height: 1.6rem; }

#settings-content.scim.setup #step-overview ol { display: flex; flex-direction: row; }

#settings-content.scim.setup #step-overview ol li { display: flex; flex-direction: column; align-items: center; }

#settings-content.scim.setup #step-overview ol svg, #settings-content.scim.setup #step-overview ol img.error { height: 28px; width: 28px; }

#settings-content.scim.setup #step-overview ol .step.current svg circle:first-child { fill: #0572ec; }

#settings-content.scim.setup #step-overview ol .step svg:not(.svg-line), #settings-content.scim.setup #step-overview ol .step img.error { z-index: 1; }

#settings-content.scim.setup #step-overview ol .step.complete .svg-line rect { stroke-width: 2px; stroke: #1060d1; }

#settings-content.scim.setup #step-overview ol .step .svg-line { position: absolute; top: 11px; left: 49%; width: 100%; height: 8px; }

#settings-content.scim.setup #step-overview ol .step .svg-line rect { left: 1px; width: 100%; }

#settings-content.scim.setup #step-overview ol .step span { margin-top: 1rem; text-align: center; padding: 3px; padding-top: 0; }

#settings-content.scim.setup .current-step { flex-direction: row; }

#settings-content.scim.setup .current-step > * { flex: 1 1 100%; }

#settings-content.scim.setup .current-step input { flex: 4; }

#settings-content.scim.setup .current-step input + button { margin-left: 0.7rem; flex: 1; }

#settings-content.scim.setup .current-step#create-group { flex-direction: column; justify-content: center; }

#settings-content.scim.setup .current-step#invite-manager-sa { flex-direction: column; justify-content: center; }

#settings-content.scim.setup .current-step#invite-manager-sa .spinner { margin-top: 10px; align-self: center; }

#settings-content.scim.setup .current-step#recreate-manager { flex-direction: column; justify-content: center; }

#settings-content.scim.setup .current-step#recreate-manager .spinner { margin-top: 10px; align-self: center; }

#settings-content.scim.setup .spinner { margin-top: 10px; align-self: center; }

#settings-content.scim.setup ol, #settings-content.scim.setup button, #settings-content.scim.setup input { margin-top: 1rem; }

#settings-content.scim.setup .copy-box { border: #d7d9e0 1px solid; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; display: flex; align-items: center; padding: 0.7rem; margin-top: 1rem; }

#settings-content.scim.setup .copy-box .title { font-size: 0.9rem; }

#settings-content.scim.setup .copy-box .content { flex: 1; }

#settings-content.scim.setup .copy-box .content p { font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace; letter-spacing: normal; margin-top: 8px; font-size: 1rem; font-weight: 500; }

#settings-content.scim.setup .copy-box .show-on-focus { opacity: 0; }

#settings-content.scim.setup .copy-box:focus, #settings-content.scim.setup .copy-box:focus-within, #settings-content.scim.setup .copy-box:hover { cursor: pointer; }

#settings-content.scim.setup .copy-box:focus .show-on-focus, #settings-content.scim.setup .copy-box:focus-within .show-on-focus, #settings-content.scim.setup .copy-box:hover .show-on-focus { opacity: 1; }

#settings-content.scim.setup .copy-box .actions { display: inline-flex; flex-direction: row-reverse; }

#settings-content.scim.setup .copy-box .actions .copy:active { background-color: #cbcccd; border-color: #999999; }

#settings-content.scim.setup .copy-box:active .copy { background-color: #cbcccd; border-color: #999999; }

#settings-content.scim.setup .copy-box button { margin-top: 0; margin-left: 5px; border: 1px solid #cbcccd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px; text-decoration: none; font-size: 1.1rem; color: #333333; word-break: normal; height: initial; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

#settings-content.scim.setup .clickable, #settings-content.scim.setup .document { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; cursor: pointer; }

#settings-content.scim.setup .clickable { cursor: pointer; }

#settings-content.scim.setup .clickable:focus { box-shadow: inset 0 0 0 1px rgba(0, 127, 255, 0.3), 0 0 0 3px rgba(0, 127, 255, 0.3); }

#settings-content.scim.setup .document { text-align: center; margin-top: 40px; margin-bottom: 40px; cursor: default; text-decoration: none; }

#settings-content.scim.setup .document.downloaded { cursor: pointer; }

#settings-content.scim.setup .document.downloaded div { background-image: url(../images/details-document-download.png); -webkit-background-size: 64px 64px; -moz-background-size: 64px 64px; background-size: 64px 64px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { #settings-content.scim.setup .document.downloaded div { background-image: url(../images/details-document-download@2x.png); } }

#settings-content.scim.setup .document div { display: inline-block; width: 64px; height: 64px; background-image: url(../images/details-document-blank.png); -webkit-background-size: 64px 64px; -moz-background-size: 64px 64px; background-size: 64px 64px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { #settings-content.scim.setup .document div { background-image: url(../images/details-document-blank@2x.png); } }

#settings-content.scim.setup .document div img.document-icon { width: 32px; height: 32px; margin-top: 19px; -webkit-user-drag: none; }

#settings-content.scim.setup .document div img.document-icon.error { width: 26px; height: 26px; margin-top: 22px; }

#settings-content.scim.setup .document span { display: block; }

#settings-content.scim.setup .document span.document-name { margin-top: 12px; color: #333333; }

#settings-content.scim.setup .document span.document-action { margin-top: 3px; color: #999999; font-size: 0.9rem; }

#settings-content.scim.setup .document span.document-action.error { color: #e60000; max-width: 230px; display: inline-block; }

.devices-list { align-items: flex-start; }

.devices-list > ol { margin-top: 1rem; }

.devices-list > ol > li { display: flex; align-items: center; border-top: 1px solid #d7d9e0; padding: 0.4rem 0.7rem; position: relative; min-height: 45px; color: #757575; }

.devices-list > ol > li:nth-child(odd) { background-color: #fcfcfc; }

.devices-list > ol > li:last-child { border-bottom: 1px solid #d7d9e0; }

.devices-list.toggle-old { cursor: pointer; font-size: 0.9rem; align-items: center; justify-content: center; }

.devices-list.toggle-old:hover { background-color: #e4e6e7; }

.devices-list .avatar { margin-right: 0.8rem; }

.devices-list .device-content { width: 100%; color: #757575; }

.devices-list .device-content .name { color: #333333; }

.devices-list .device-content .manage-device-button { float: right; border: solid 1px #d7d9e0; }

.devices-list .device-content .current-device { font-size: 0.8rem; font-weight: 600; float: right; }

.devices-list .device-content .details { display: flex; flex-wrap: wrap; width: 80%; margin-top: 2px; }

.devices-list .device-content .details small { width: 50%; font-size: 0.8rem; margin-top: 2px; }

.devices-list .device-content .details small .flag { margin-left: 4px; vertical-align: -1px; }
.rZ2PKn1NwgjYvG9ySJp_K{border-radius:2em;width:90%;max-width:30em;padding:3em;border:1px solid #e6d3ac;position:relative;margin:100px auto 0;background:#fefbf6}.rZ2PKn1NwgjYvG9ySJp_K h1{font-size:1.5em}
._3F5Qg3q96Syn9SdGnvdoKN{font-size:1rem;font-family:inherit;font-weight:500;line-height:1.3em;padding:8px 16px;outline:none;resize:none;color:#0572ec;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}._3F5Qg3q96Syn9SdGnvdoKN:hover{background-color:#0572ec;color:#fff}._3F5Qg3q96Syn9SdGnvdoKN:disabled{color:#cbcccd !important;background-color:#f6f7fb !important;cursor:not-allowed !important;-webkit-box-shadow:inset 0 0 0 1px #d7d9e0;-moz-box-shadow:inset 0 0 0 1px #d7d9e0;box-shadow:inset 0 0 0 1px #d7d9e0}[data-focus-visible] ._3F5Qg3q96Syn9SdGnvdoKN:focus{box-shadow:inset 0 0 0 1px var(--border-08),0 0 0 3px var(--border-08)}._3esxcVdD7PySrfR10RMRj1{width:23px;padding:0;box-shadow:none}._1wPTdv_ffwb8kiop7CaTCF{margin-left:8px}._1dXMLDHxjIFC9Qvf9h0N9t{-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;min-height:40px;font-weight:600;line-height:1.5em}._1dXMLDHxjIFC9Qvf9h0N9t._3esxcVdD7PySrfR10RMRj1{padding:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}._2miWBWltPeZuX3lduGj6PF{height:28px;font-size:.9rem;padding:0 10px;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px}._2miWBWltPeZuX3lduGj6PF._3esxcVdD7PySrfR10RMRj1{width:28px;padding:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}._2miWBWltPeZuX3lduGj6PF._3esxcVdD7PySrfR10RMRj1 svg{display:block;margin:0 auto}._2rwDuTCKuCCt3aXwSLTX0f{width:140px}._3nMw5VPpjw9YF5bPCyvggI{width:100%}.jbxqTAZcknMJtN_ujNtRZ{-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;color:#fff;background-color:#0572ec;box-shadow:inset 0 0 0 1px #1060d1;-webkit-box-shadow:inset 0 0 0 1px #0572ec;-moz-box-shadow:inset 0 0 0 1px #0572ec;box-shadow:inset 0 0 0 1px #0572ec}.jbxqTAZcknMJtN_ujNtRZ:hover{background-color:#1060d1;color:#fff}.E5ChUtLWieevLSADRxDt4{-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;box-shadow:inset 0 0 0 1px #0572ec;color:#0572ec}.E5ChUtLWieevLSADRxDt4 .nsCcrwKWT8zhRn8kHNxX{color:inherit}.E5ChUtLWieevLSADRxDt4 .nsCcrwKWT8zhRn8kHNxX svg{fill:#0572ec}.E5ChUtLWieevLSADRxDt4:active,.E5ChUtLWieevLSADRxDt4:hover,.E5ChUtLWieevLSADRxDt4[aria-expanded=true]{background-color:#0572ec;background-image:none;box-shadow:none;color:#fff}.E5ChUtLWieevLSADRxDt4:active .nsCcrwKWT8zhRn8kHNxX,.E5ChUtLWieevLSADRxDt4:hover .nsCcrwKWT8zhRn8kHNxX,.E5ChUtLWieevLSADRxDt4[aria-expanded=true] .nsCcrwKWT8zhRn8kHNxX{color:#fff}.E5ChUtLWieevLSADRxDt4:active .nsCcrwKWT8zhRn8kHNxX svg,.E5ChUtLWieevLSADRxDt4:hover .nsCcrwKWT8zhRn8kHNxX svg,.E5ChUtLWieevLSADRxDt4[aria-expanded=true] .nsCcrwKWT8zhRn8kHNxX svg{fill:#fff}.E5ChUtLWieevLSADRxDt4:disabled{background-color:transparent;box-shadow:inset 0 0 0 1px #d7d9e0;color:#cbcccd}.E5ChUtLWieevLSADRxDt4:disabled .nsCcrwKWT8zhRn8kHNxX{color:inherit}._3zS4_wD__cPnEyt-79FhUn{background-color:#fff;color:#333}._3zS4_wD__cPnEyt-79FhUn .nsCcrwKWT8zhRn8kHNxX{color:#666}._3zS4_wD__cPnEyt-79FhUn:hover{background-color:#f6f7f8;color:#333}._3zS4_wD__cPnEyt-79FhUn:active,._3zS4_wD__cPnEyt-79FhUn[aria-expanded=true]{background-color:#cbcccd}._3zS4_wD__cPnEyt-79FhUn:disabled{background-color:#666;color:#fff}.pFsPNyEq1t6-KI5f-GzWh{color:#fff;background-color:#e6735c}.pFsPNyEq1t6-KI5f-GzWh:hover{background-color:#b35947;color:#fff}.pFsPNyEq1t6-KI5f-GzWh:not(._3esxcVdD7PySrfR10RMRj1){box-shadow:inset 0 0 0 1px #b35947}._3cvnG180Q8dQdK4D57CZdE{box-shadow:inset 0 0 0 1px #b35947;color:#e6735c}._3cvnG180Q8dQdK4D57CZdE:hover{background-color:#e6735c;color:#fff}._14391EXVo_04cvs7FO6JFV{color:#333;background-color:transparent}._14391EXVo_04cvs7FO6JFV:hover{background-color:#e4e6e7;opacity:.8;color:#333}.O1eBaW_6aff_v-m6EtJXv{-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;color:#757575;background-color:#f6f7f8;box-shadow:inset 0 0 0 1px #e4e6e7}.O1eBaW_6aff_v-m6EtJXv:hover{background-color:#f6f7f8;color:#757575}.O1eBaW_6aff_v-m6EtJXv:hover,.O1eBaW_6aff_v-m6EtJXv:active,.O1eBaW_6aff_v-m6EtJXv[aria-expanded=true]{background-color:#cbcccd}.O1eBaW_6aff_v-m6EtJXv:disabled{background-color:transparent;box-shadow:inset 0 0 0 1px #333}
.WTdLo62Mhh6jekxVSpcmu{outline:none;outline-offset:0}[data-focus-visible] .WTdLo62Mhh6jekxVSpcmu:focus{box-shadow:inset 0 0 0 1px var(--border-08),0 0 0 3px var(--border-08)}
.N6o3poGt2_qiFxq-cOaSm{color:#0572ec;text-decoration:none;padding:0}.N6o3poGt2_qiFxq-cOaSm:hover{text-decoration:underline}[data-focus-visible] .N6o3poGt2_qiFxq-cOaSm:focus{box-shadow:inset 0 0 0 1px var(--border-08),0 0 0 3px var(--border-08)}
._2VM_woSyWh7tIkAmp6O0XV{padding:0 !important}._2VM_woSyWh7tIkAmp6O0XV ._2xotFBv0rAHgEAb-z2mcCE{cursor:pointer;display:inline-block;width:100%;height:44px;padding:0 38px 0 1rem;text-align:left}[data-focus-visible] ._2VM_woSyWh7tIkAmp6O0XV ._2xotFBv0rAHgEAb-z2mcCE:focus{box-shadow:inset 0 0 0 1px var(--border-08),0 0 0 3px var(--border-08)}._2VM_woSyWh7tIkAmp6O0XV ._2xotFBv0rAHgEAb-z2mcCE._1CMg5NmDmRwbGK1iB84XF9{color:#0572ec;background-color:#fff;border-width:1px;position:relative;border-right:solid 1px #d7d9e0;border-left:solid 1px #d7d9e0}._2VM_woSyWh7tIkAmp6O0XV ._2xotFBv0rAHgEAb-z2mcCE._1CMg5NmDmRwbGK1iB84XF9::after{content:"";width:8px;height:5px;position:absolute;right:16px;top:20px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjUiPjxwYXRoIGZpbGw9IiMxQThDRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTS41NSAwQzAgMC0uMTcuMzQuMi43OGwyLjc3IDMuNDRjLjM1LjQzLjkyLjQ0IDEuMjcgMEw3LjA0Ljc4QzcuMzcuMzUgNy4yIDAgNi42NiAwSC41NnoiLz48L3N2Zz4=");background-repeat:no-repeat}._2VM_woSyWh7tIkAmp6O0XV ._2xotFBv0rAHgEAb-z2mcCE._1CMg5NmDmRwbGK1iB84XF9.cPPxy3ZUSYm1FDny8AhcW::after{-webkit-transform:scaleY(-1);-moz-transform:scaleY(-1);-ms-transform:scaleY(-1);-o-transform:scaleY(-1);transform:scaleY(-1)}._2VM_woSyWh7tIkAmp6O0XV:first-child ._2xotFBv0rAHgEAb-z2mcCE{-webkit-border-radius:6px 0 0 0;-moz-border-radius:6px 0 0 0;border-radius:6px 0 0 0}._2VM_woSyWh7tIkAmp6O0XV:first-child ._2xotFBv0rAHgEAb-z2mcCE._1CMg5NmDmRwbGK1iB84XF9{border-left:0}._2VM_woSyWh7tIkAmp6O0XV:last-child ._2xotFBv0rAHgEAb-z2mcCE{-webkit-border-radius:0 6px 0 0;-moz-border-radius:0 6px 0 0;border-radius:0 6px 0 0}._2VM_woSyWh7tIkAmp6O0XV:last-child ._2xotFBv0rAHgEAb-z2mcCE._1CMg5NmDmRwbGK1iB84XF9{border-right:0}._2VM_woSyWh7tIkAmp6O0XV:only-child button._2A3dK-nMBldEjLg9SSxoEh{-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0}._2VM_woSyWh7tIkAmp6O0XV:only-child button._2A3dK-nMBldEjLg9SSxoEh._1CMg5NmDmRwbGK1iB84XF9{border-left:0;border-right:0}
._2skFDDY1O4ZC3Hb2zILqsP:focus{box-shadow:inset 0 0 0 1px rgba(0,128,255,.3),0 0 0 3px rgba(0,128,255,.3) !important}
._3SVqT52UAUK7Ro1fKHxPCs{margin-top:0}._2kq_fFxRr7dqSKaat9UzWG{font-weight:600}._3qtWHD-4Eufvni1WjQQYhb{font-size:.9rem;font-weight:500}._3vI2X-81JRN23iXkBaPl8P{font-weight:500}._3Myn8H1EtfBQojxoN3TXjb{font-size:.7rem}._1ekbse57D6_XWeT-xBQctp{font-size:1.1rem;font-weight:600}._2dwEUoZ-GfAc2EsoVFyLO2{font-size:1.25rem;font-weight:600;line-height:1.4rem}._3PFJHjdbEoFly4OxdTBsyq{font-size:1rem;font-weight:500}._3T86sKuTQRpdqb_RM8SaUd{font-size:.8rem;font-weight:700}._3KaObgpUOELJJFj9_M6e-c{font-size:1rem;font-weight:500}.Lnphal46iP8nOjeSBoMX4{font-size:.8rem}
.RPhrEweQtOLTpe2IoKadJ{position:relative}.RPhrEweQtOLTpe2IoKadJ ._23k-9tt6hQR6_Kv53w5NIN{position:absolute;top:-3000px;left:-3000px;height:1px;width:1px;text-align:left;overflow:hidden;color:var(--fill-05-01-01)}.RPhrEweQtOLTpe2IoKadJ ._23k-9tt6hQR6_Kv53w5NIN:focus,.RPhrEweQtOLTpe2IoKadJ ._23k-9tt6hQR6_Kv53w5NIN:active{box-shadow:inset 0 0 0 1px var(--border-08),0 0 0 3px var(--border-08);z-index:9999;background:#fff;top:0;left:0;padding:.25rem;width:auto;height:auto;overflow:visible;margin:3px;text-decoration:none}
._33HkOJRTrB-WH36maFhxNo{border-radius:6px}[data-focus-visible] ._33HkOJRTrB-WH36maFhxNo:focus{box-shadow:inset 0 0 0 1px var(--border-08),0 0 0 3px var(--border-08)}
.UiqNrVGIzEV_XsadknXPH{float:right;margin-bottom:-15px;background-color:#525c66;border-radius:3px;color:#fff;padding:1px 6px;font-size:.73em}.UiqNrVGIzEV_XsadknXPH img{padding-right:3px;width:18px;position:relative;top:2px}
._30qXdLSbun6tt6KWSwgQRT{margin-top:.6rem}
._3CBh7v9xhwdZOOyFn0wf0l{width:100%;margin-top:2rem}._3CBh7v9xhwdZOOyFn0wf0l:first-child{margin-top:0}._3CBh7v9xhwdZOOyFn0wf0l .trNurpUCZyhgLNXzjhnil{display:flex;align-items:center;font-size:.9em;padding:.5em;min-height:45px}._3CBh7v9xhwdZOOyFn0wf0l .trNurpUCZyhgLNXzjhnil a:not(:hover){text-decoration:none}._1ZJsuvRMbFnuvjJOVSXg7U{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:0 .7rem}._1ZJsuvRMbFnuvjJOVSXg7U ._2FtQP28Q2yQOfXF6a3d_ok{margin-left:10px;color:#757575}._1ZJsuvRMbFnuvjJOVSXg7U button{margin-left:auto}._1ZJsuvRMbFnuvjJOVSXg7U button._2dsv5MJZwtU9YnnVKSSlzv{visibility:hidden;height:35px}._-1VgaF-eygJ58SexeCBNY>ol>li{display:flex;align-items:center;border-top:1px solid #d7d9e0;padding:.4rem .7rem;position:relative;min-height:45px;color:#757575}._-1VgaF-eygJ58SexeCBNY>ol>li:nth-child(odd){background-color:#fcfcfc}._-1VgaF-eygJ58SexeCBNY>ol>li:last-child{border-bottom:1px solid #d7d9e0}._-1VgaF-eygJ58SexeCBNY>ol>li .content{display:inline-flex;align-items:center;justify-content:space-between;width:calc(100% - 28px);padding-right:1rem;color:#333}._-1VgaF-eygJ58SexeCBNY>ol>li .content a{display:flex;align-items:center;text-decoration:none}._-1VgaF-eygJ58SexeCBNY>ol>li .content a:hover .user-identifier{text-decoration:underline}._-1VgaF-eygJ58SexeCBNY>ol>li .content a[disabled]{cursor:default;color:#333;text-decoration:none}._-1VgaF-eygJ58SexeCBNY>ol>li .content a .avatar{margin-right:.8rem}._-1VgaF-eygJ58SexeCBNY>ol>li .content .name{display:flex;align-items:center;cursor:default}._-1VgaF-eygJ58SexeCBNY>ol>li .content .name .avatar{margin-right:.8rem}._-1VgaF-eygJ58SexeCBNY>ol>li .content .meta{display:inline-flex;text-align:right}._-1VgaF-eygJ58SexeCBNY>ol>li .content .meta .status.labels{display:inline-flex;align-items:center;margin-right:1rem}._-1VgaF-eygJ58SexeCBNY>ol>li .content .permissions{font-size:.8rem;color:#757575}._-1VgaF-eygJ58SexeCBNY>ol>li .permission-menu{z-index:300;width:206px;overflow:hidden;padding:8px 10px;background-color:#fff;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:rgba(0,0,0,.15) 0 0 0 1px,rgba(0,0,0,.15) 0 1px 20px;-moz-box-shadow:rgba(0,0,0,.15) 0 0 0 1px,rgba(0,0,0,.15) 0 1px 20px;box-shadow:rgba(0,0,0,.15) 0 0 0 1px,rgba(0,0,0,.15) 0 1px 20px;position:absolute;right:12px;top:38px;margin-bottom:1rem}._-1VgaF-eygJ58SexeCBNY>ol>li .permission-menu h3{color:#757575;margin:0 0 5px}._-1VgaF-eygJ58SexeCBNY>ol>li .permission-menu div.permission-group:not(:first-child){margin-top:20px}._-1VgaF-eygJ58SexeCBNY>ol>li .permission-menu li{padding:0;margin:5px 0 0;width:auto;display:block}._-1VgaF-eygJ58SexeCBNY>ol>li .permission-menu li ol{margin-left:20px}._-1VgaF-eygJ58SexeCBNY>ol>li .permission-menu input{margin:0 6px 0 0}._-1VgaF-eygJ58SexeCBNY>ol>li .permission-menu select{width:100%;margin-top:0}._-1VgaF-eygJ58SexeCBNY>ol>li .permission-menu button{color:#e60000}._-1VgaF-eygJ58SexeCBNY>ol>li .permission-menu.group label:hover{color:#fcfcfc}._-1VgaF-eygJ58SexeCBNY>ol>li .permission-menu label{font-weight:normal;color:#333}._-1VgaF-eygJ58SexeCBNY>ol>li .permission-menu hr{width:120%;margin:10px 0 10px -12px;background-color:#e4e6e7}._-1VgaF-eygJ58SexeCBNY>ol>li .permission-menu div.inline-select{margin:0 -10px}._-1VgaF-eygJ58SexeCBNY.list ol{padding:0 .7rem}._-1VgaF-eygJ58SexeCBNY.list ol li{display:inline-block;background-color:#f6f7fb;border:none;color:#7a8a99;min-height:unset;padding:5px;margin:0 8px 8px 0;font-weight:600;cursor:default;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}._-1VgaF-eygJ58SexeCBNY.list ol li.travel{background-color:#ffec9b;color:#b38323}._-1VgaF-eygJ58SexeCBNY.list ol li.travel svg{vertical-align:-1px;margin-right:3px}._-1VgaF-eygJ58SexeCBNY.list .empty{padding:0 .7rem;color:#757575}
._3iYNV5MBrn_hXsxLIn9u4q{margin-right:1rem;width:40px;height:40px;flex-shrink:0}._3XzGkL64eCtNfecYLsjHl6{max-width:65% !important;display:block !important;margin:.3rem 0;padding-right:5%;text-align:left}._3XzGkL64eCtNfecYLsjHl6 ._2il2ZhWylgAlaRYNrJppc4{color:#333}._3XzGkL64eCtNfecYLsjHl6 .j9OiCEBUbN7oDV-JRlNnr{margin-top:.2rem}._6dGP3MRBDKxTw4cQMetEw{flex-shrink:0;margin-left:auto}
._2IfjohuJA3MztspHVrrCax{position:relative;top:-10rem}@media only screen and (min-width: 750px){._2IfjohuJA3MztspHVrrCax{top:0}}._34qk-q0sOGM-jzOnmN1J3g{text-decoration:none;font-weight:500;position:absolute}@media only screen and (min-width: 750px){._34qk-q0sOGM-jzOnmN1J3g{top:-4vh}}._34qk-q0sOGM-jzOnmN1J3g svg{fill:#0572ec;vertical-align:-2px;margin-right:.3rem;transform:rotate(-180deg)}._34qk-q0sOGM-jzOnmN1J3g:hover,._34qk-q0sOGM-jzOnmN1J3g:focus{color:#1060d1}._34qk-q0sOGM-jzOnmN1J3g:hover svg,._34qk-q0sOGM-jzOnmN1J3g:focus svg{fill:#1060d1}
._2J5iQHi5QH0Y02Oi00XX7K{display:grid;grid-gap:2rem;grid-auto-rows:minmax(min-content, max-content);max-width:425px;width:100%}._3HMLJJDWXnh1XqB9LB1YJw{text-align:center}@media only screen and (min-width: 750px){._3HMLJJDWXnh1XqB9LB1YJw{text-align:left}}
._1ROJiaJWm5VAqEE2jLqdE9{max-width:425px;width:100%;margin-bottom:auto}@media only screen and (min-width: 750px){._1ITw6RXnbM8E0AoTRJIQIz{margin-top:0;padding-top:22vh}}._14u0IHND2A5DeR2optnAWq{margin-top:-2rem}@media only screen and (min-width: 750px){._14u0IHND2A5DeR2optnAWq{transform:none;margin-top:0;padding-top:19vh}}
._30dqsPqNFcFMQJEalx7p91{border:1px solid #cbcccd;border-radius:6px;background-color:#fcfcfc;padding:15px;min-height:70px;width:100%;margin-bottom:10px;display:flex;align-items:center;text-decoration:none}._30dqsPqNFcFMQJEalx7p91:hover,._30dqsPqNFcFMQJEalx7p91:focus{border-color:#0572ec}._2huLN01B7rKK3WFyklccI8{height:40px;width:40px;margin-right:15px}._3QLtyH-tRFMTKDgNlITCeC{flex:1;color:#333;font-weight:600}
._1v_pdAlNohliKVufaVQSHm{color:#525c66 !important;padding:8px 24px !important;border:solid 1px #cbcccd;box-shadow:0 2px 1px 0 rgba(143,161,178,.1) !important;text-align:center}._1v_pdAlNohliKVufaVQSHm:focus{border-color:#0572ec}
._2UCSzaFSqisTYCfeM0vDHh{display:grid;grid-gap:1.3rem;grid-auto-rows:minmax(min-content, max-content);justify-items:stretch}._2UCSzaFSqisTYCfeM0vDHh>*{margin-top:0 !important;margin-bottom:0 !important}._25JQNFV-Yumt9Z2jFC0ih3{font-size:1.1rem;margin-bottom:20px}._25JQNFV-Yumt9Z2jFC0ih3{text-align:center}._3-llqeb9PNEi1xB7xDrHTp{justify-self:center}@media only screen and (min-width: 750px){._25JQNFV-Yumt9Z2jFC0ih3{text-align:left}._3-llqeb9PNEi1xB7xDrHTp{justify-self:start}}
.q9GdRo-G2lEWSut5LbA86{display:grid !important;grid-gap:1.3rem !important;grid-auto-rows:minmax(min-content, max-content) !important;padding-top:0 !important}.q9GdRo-G2lEWSut5LbA86>*{margin-top:0 !important;margin-bottom:0 !important}._3g4fpRerHImrsUPn90zpE_{justify-self:center}@media only screen and (min-width: 750px){._3g4fpRerHImrsUPn90zpE_{justify-self:left}}.PPLHdt4zkxQ11B9ZkCxMg{font-size:1.1rem;text-align:center}@media only screen and (min-width: 750px){.PPLHdt4zkxQ11B9ZkCxMg{text-align:left}}
._3wiI9LatlTWh7Gw0_12rbT{box-shadow:0 2px 1px 0 rgba(143,161,178,.1) !important;padding:10px 14px;font-size:1.1rem;font-weight:600;text-align:center}._3wiI9LatlTWh7Gw0_12rbT:focus{box-shadow:inset 0 0 0 2px #204060 !important}
._1ts0tUvKb6DrmCUp1vlR0Q{display:grid;grid-gap:2rem;grid-auto-rows:minmax(min-content, max-content)}._16ThFY4t4eExmkcQTl8h77{font-size:1.1rem}._3mMK6-9TvPE_f7-bG3QyWN{display:grid;grid-gap:1.3rem;grid-auto-rows:minmax(min-content, max-content)}._3mMK6-9TvPE_f7-bG3QyWN>p{margin-top:0 !important;margin-bottom:0 !important}.tP33Ha4wgc8TtEY3y_88X{border:solid 1px #d7d9e0;border-radius:9px;width:min(320px, 100%)}@media only screen and (min-width: 750px){.tP33Ha4wgc8TtEY3y_88X{width:280px}}.JqDcQcHFwDieoPFIaInug{color:#666}._2QzV_tXuS4x07BuhMh6Zja{min-width:min(320px, 100%)}.m-rXT_Bt0LMpm2ggWF9kK{min-width:250px}._1ts0tUvKb6DrmCUp1vlR0Q>button,._1ts0tUvKb6DrmCUp1vlR0Q>a{justify-self:center}@media only screen and (min-width: 750px){._1ts0tUvKb6DrmCUp1vlR0Q>button,._1ts0tUvKb6DrmCUp1vlR0Q>a{justify-self:left}}._3mMK6-9TvPE_f7-bG3QyWN{width:min(320px, 100%);text-align:center;justify-items:center;justify-self:center}@media only screen and (min-width: 750px){._3mMK6-9TvPE_f7-bG3QyWN{width:425px;text-align:left;justify-items:left;justify-self:left}}
._34kxftoWwxF_PhqHhqSGyI{display:grid;grid-gap:2rem;grid-auto-rows:minmax(min-content, max-content)}._34kxftoWwxF_PhqHhqSGyI>*{margin-top:0 !important;margin-bottom:0 !important}._3PyBN24kKwiV55xDVzeYBN{font-size:1.1rem}.c9cfhzj3ECQuvReloAgPh{min-width:min(100%, 300px)}._8AzZOWnfwr7EBRWWcED0W{min-width:260px}._34kxftoWwxF_PhqHhqSGyI>h3{text-align:center}._34kxftoWwxF_PhqHhqSGyI>button,._34kxftoWwxF_PhqHhqSGyI>a{justify-self:center}@media only screen and (min-width: 750px){._34kxftoWwxF_PhqHhqSGyI>h3{text-align:left}._34kxftoWwxF_PhqHhqSGyI>button,._34kxftoWwxF_PhqHhqSGyI>a{justify-self:left}}
._1h3bEQtWj9w2tkYFg0OoDv{position:relative}._1h3bEQtWj9w2tkYFg0OoDv::before{content:"";position:absolute;top:20px;left:12px;height:calc(100% - 38px);width:2px;background:#adbbc8}._1E85rD9RjpQs5C0H9tpn26{margin-left:37px}.SPQp0usa2_TD2rm-9FdYC{position:relative;font-size:1.2rem;font-weight:600}.SPQp0usa2_TD2rm-9FdYC:not(:first-of-type){margin-top:2.3rem}._1EgbrpOka8Nf7Cb6p_0xr2{height:24px;width:24px;background-color:#6a788a;color:#fcfcfc;font-size:14px;font-weight:900;text-align:center;padding-top:3px;position:absolute;top:-3px;left:-36px;border-radius:60%}
._2NIXBfbKgsztmMdJ1Vxms1{display:grid;grid-gap:2rem;grid-auto-rows:minmax(min-content, max-content);justify-items:stretch}._2NIXBfbKgsztmMdJ1Vxms1>*{margin-top:0 !important;margin-bottom:0 !important}._2ITEQJuVsFO2z8tyjrI6Z_>h3,._2ITEQJuVsFO2z8tyjrI6Z_>h4,._2ITEQJuVsFO2z8tyjrI6Z_>p{text-align:center}._2ITEQJuVsFO2z8tyjrI6Z_ ._3qQQ4tqKFFqTXgREHIDq06{justify-self:center}@media only screen and (min-width: 750px){._2ITEQJuVsFO2z8tyjrI6Z_>h3,._2ITEQJuVsFO2z8tyjrI6Z_>h4,._2ITEQJuVsFO2z8tyjrI6Z_>p{text-align:left}._2ITEQJuVsFO2z8tyjrI6Z_ ._3qQQ4tqKFFqTXgREHIDq06{justify-self:stretch}}._219HHOc_3uXhYUZYBBbeTD{min-height:auto !important}._3qQQ4tqKFFqTXgREHIDq06{color:#0572ec;text-align:left}.GZSELcHEu37sNmQYkhDcR{text-decoration:none}._2UgbxNzN3dck8J0AH13oO9{color:#757575}._3c8falUf3ili1aXsRUbNK8{display:flex;flex-direction:column;align-items:flex-end;padding:0 10px}._3c8falUf3ili1aXsRUbNK8 *{flex:unset;width:100%}._3c8falUf3ili1aXsRUbNK8 *:not(:first-child){margin-top:20px}@media only screen and (min-width: 750px){._3c8falUf3ili1aXsRUbNK8{padding:0;flex-direction:row}._3c8falUf3ili1aXsRUbNK8 *{margin-top:0;flex:1}._3c8falUf3ili1aXsRUbNK8 *:not(:first-child){margin-left:20px}}.RS70VB3WvAxb2f5KLhUIw{white-space:nowrap;height:2.7rem;scrollbar-width:none}.RS70VB3WvAxb2f5KLhUIw::-webkit-scrollbar{scrollbar-width:none;display:none}
._3_az4zMoFsf6fEWNZgG2k{position:relative;margin:50px auto;display:block}
:root{--color-black-pure-hsl: var(--color-mono-hs), 0%;--color-black-pure: hsl(var(--color-black-pure-hsl));--color-black: hsl(var(--color-mono-hs), 15%);--color-blue-bright: hsl(210, 100%, 55%);--color-blue-focus-dark: hsla(var(--color-blue-focus-hsl), 0.5);--color-blue-focus-hsl: 210, 100%, 50%;--color-blue-focus-light: hsla(var(--color-blue-focus-hsl), 0.3);--color-blue-highlight-dark: hsla(var(--color-blue-focus-hsl), 0.05);--color-blue-highlight-light: hsla(var(--color-blue-focus-hsl), 0.07);--color-blue-readable-dark: hsl(210, 75%, 44%);--color-blue-readable-light: hsl(210, 100%, 77%);--color-gray-almostBlack: hsl(var(--color-mono-hs), 20%);--color-gray-almostWhite: hsl(var(--color-mono-hs), 97%);--color-gray-dark: hsl(var(--color-mono-hs), 27%);--color-gray-light: hsl(var(--color-mono-hs), 85%);--color-gray-medium: hsl(var(--color-mono-hs), 70%);--color-gray-mediumDark: hsl(var(--color-mono-hs), 40%);--color-gray-ultraLight: hsl(var(--color-mono-hs), 93%);--color-green-bright: hsl(109, 50%, 47%);--color-green-readable-dark: hsl(109, 65%, 30%);--color-green-readable-light: hsl(109, 48%, 67%);--color-highlight-barelyThere: hsla(var(--color-white-hsl), 0.05);--color-highlight-ultraDim: hsla(var(--color-white-hsl), 0.1);--color-highlight-dim: hsla(var(--color-white-hsl), 0.2);--color-highlight-medium: hsla(var(--color-white-hsl), 0.4);--color-highlight-mediumBright: hsla(var(--color-white-hsl), 0.6);--color-highlight-bright: hsla(var(--color-white-hsl), 0.75);--color-mono-hs: 0, 0%;--color-purple-bright: hsl(249, 46%, 64%);--color-purple-highlight-dark: hsla(247, 100%, 50%, 0.06);--color-purple-highlight-light: hsla(247, 100%, 50%, 0.05);--color-purple-readable-dark: hsl(249, 46%, 54%);--color-purple-readable-light: hsl(249, 50%, 82%);--color-red-bright: hsl(12, 83%, 56%);--color-red-highlight-dark: hsla(12, 90%, 80%, 0.5);--color-red-highlight-light: hsla(12, 90%, 80%, 0.5);--color-red-readable-dark: hsl(12, 65%, 45%);--color-red-readable-light: hsl(12, 90%, 80%);--color-shadow-barelyThere: hsla(var(--color-black-pure-hsl), 0.03);--color-shadow-ultraLight: hsla(var(--color-black-pure-hsl), 0.07);--color-shadow-light: hsla(var(--color-black-pure-hsl), 0.15);--color-shadow-medium: hsla(var(--color-black-pure-hsl), 0.25);--color-shadow-mediumDark: hsla(var(--color-black-pure-hsl), 0.4);--color-shadow-dark: hsla(var(--color-black-pure-hsl), 0.6);--color-white-hsl: var(--color-mono-hs), 100%;--color-white: hsl(var(--color-white-hsl));--color-yellow-highlight-dark: hsla(40, 100%, 60%, 0.08);--color-yellow-highlight-light-hsl: 40, 100%, 50%;--color-yellow-highlight-light: hsla(var(--color-yellow-highlight-light-hsl), 0.08);--color-soft-black: hsl(209, 77%, 17%);--color-soft-navy: hsl(209, 66%, 26%);--bg-color-invert: var(--color-gray-dark);--bg-color-secondary: var(--color-gray-almostWhite);--bg-color: var(--color-white);--bg-highlight-color-secondary: var(--color-shadow-ultraLight);--bg-highlight-color-tertiary: var(--color-shadow-light);--bg-highlight-color-yellow: var(--color-yellow-highlight-light);--bg-highlight-color: var(--color-shadow-barelyThere);--bg-highlight-color-invert: var(--color-highlight-ultraDim);--bg-image-blue-hover: linear-gradient(var(--color-blue-highlight-light), var(--color-blue-highlight-light));--bg-image-blue-active: var(--bg-image-blue-hover), var(--bg-image-blue-hover);--bg-image-highlight-hover: linear-gradient(var(--bg-highlight-color), var(--bg-highlight-color));--bg-image-highlight-active: var(--bg-image-highlight-hover), var(--bg-image-highlight-hover);--bg-image-highlight-invert-hover: linear-gradient( var(--bg-highlight-color-invert), var(--bg-highlight-color-invert) );--bg-image-highlight-invert-active: var(--bg-image-highlight-invert-hover), var(--bg-image-highlight-invert-hover);--bg-blue-focus: var( --color-blue-highlight-light );--border-color: var(--color-shadow-light);--border-color-secondary: var(--color-shadow-ultraLight);--border-elevated: 0 0 0 1px var(--color-shadow-light);--checkmark-color-hover: var(--color-blue-readable-light);--checkmark-color: var(--color-blue-bright);--primaryLight-button-color: var(--color-black);--color-blue-highlight: var(--color-blue-highlight-light);--color-faded-medium: var(--color-shadow-medium);--focus-ring-color: var(--color-blue-focus-light);--tag-bg-color: hsla(var(--color-black-pure-hsl), 0.05);--sidebar-bg-color: var(--color-soft-navy);--text-color-blue: var(--color-blue-readable-dark);--text-color-green: var(--color-green-readable-dark);--text-color-invert: var(--color-white);--text-color-purple: var(--color-purple-readable-dark);--text-color-red: var(--color-red-readable-dark);--text-color-secondary: var(--color-shadow-dark);--text-color-tertiary: var(--color-shadow-mediumDark);--text-color: var(--color-gray-almostBlack)}[data-theme=dark]{--bg-color-invert: var(--color-gray-ultraLight);--bg-color-secondary: var(--color-black);--bg-color: var(--color-gray-almostBlack);--bg-highlight-color-secondary: var(--color-highlight-ultraDim);--bg-highlight-color-tertiary: var(--color-highlight-dim);--bg-highlight-color-yellow: var(--color-yellow-highlight-dark);--bg-highlight-color: var(--color-highlight-barelyThere);--bg-highlight-color-invert: var(--color-shadow-ultraLight);--bg-image-highlight-hover: linear-gradient(var(--color-highlight-ultraDim), var(--color-highlight-ultraDim));--bg-image-highlight-active: var(--bg-image-highlight-hover), var(--bg-image-highlight-hover);--bg-blue-focus: var(--color-blue-focus-light);--border-color: var(--color-highlight-ultraDim);--border-color-secondary: var(--color-highlight-barelyThere);--border-elevated: 0 0 0 1px var(--color-highlight-dim), 0 0 0 2px var(--color-shadow-medium);--checkmark-color-hover: var(--color-white);--checkmark-color: var(--color-white);--color-blue-highlight: var(--color-blue-highlight-dark);--color-faded-medium: var(--color-highlight-medium);--focus-ring-color: var(--color-blue-focus-dark);--tag-bg-color: var(--color-highlight-ultraDim);--sidebar-bg-color: var(--color-black);--text-color-blue: var(--color-blue-readable-light);--text-color-green: var(--color-green-readable-light);--text-color-invert: var(--color-gray-almostBlack);--text-color-purple: var(--color-purple-readable-light);--text-color-red: var(--color-red-readable-light);--text-color-secondary: var(--color-highlight-bright);--text-color-tertiary: var(--color-highlight-mediumBright);--text-color: var(--color-white)}
:root{--hs-mono: 0, 0%;--hsl-black: var(--hs-mono), 0%;--hsl-white: var(--hs-mono), 100%;--fill-01-01: hsl(var(--hsl-black));--fill-01-02: hsl(var(--hs-mono), 15%);--fill-01-03: hsl(var(--hs-mono), 20%);--fill-01-04: hsl(var(--hs-mono), 97%);--fill-01-05: hsl(var(--hsl-white));--fill-02-01: hsla(var(--hsl-black), 0.55);--fill-02-02: hsla(var(--hsl-black), 0.3);--fill-02-03: hsla(var(--hsl-black), 0.1);--fill-02-04: hsla(var(--hsl-black), 0.06);--fill-02-05: hsla(var(--hsl-black), 0.03);--fill-03-01: hsla(var(--hsl-white), 0.65);--fill-03-02: hsla(var(--hsl-white), 0.35);--fill-03-03: hsla(var(--hsl-white), 0.12);--fill-03-04: hsla(var(--hsl-white), 0.08);--fill-03-05: hsla(var(--hsl-white), 0.05);--fill-04-01: hsl(210, 100%, 55%);--fill-04-02: hsl(250, 100%, 73%);--fill-04-03: hsl(110, 100%, 32%);--fill-04-04: hsl(12, 90%, 56%);--fill-05-01-01: hsl(210, 99%, 40%);--fill-05-01-02: hsl(250, 62%, 58%);--fill-05-01-03: hsl(110, 98%, 24%);--fill-05-01-04: hsl(12, 75%, 42%);--fill-05-02-01: hsl(210, 100%, 74%);--fill-05-02-02: hsl(250, 100%, 84%);--fill-05-02-03: hsl(110, 45%, 62%);--fill-05-02-04: hsl(12, 100%, 77%);--fill-06-01-01: hsla(210, 100%, 50%, 0.04);--fill-06-01-02: hsla(250, 100%, 60%, 0.04);--fill-06-01-03: hsla(40, 100%, 50%, 0.05);--fill-06-01-04: hsla(12, 100%, 50%, 0.05);--fill-06-02-01: hsla(210, 100%, 50%, 0.12);--fill-06-02-02: hsla(250, 100%, 60%, 0.12);--fill-06-02-03: hsla(40, 100%, 50%, 0.08);--fill-06-02-04: hsla(12, 100%, 50%, 0.1);--fill-07-01-02: hsla(var(--hs-mono), 50%, 0.6);--fill-07-02-02: hsla(var(--hs-mono), 15%, 0.7);--border-01-01: var(--fill-02-05);--border-01-02: var(--fill-02-03);--border-01-03: var(--fill-04-01);--border-01-04: var(--fill-04-04);--border-01-08: hsla(210, 100%, 50%, 0.3);--border-02-01: var(--fill-03-05);--border-02-02: var(--fill-03-03);--border-02-03: var(--fill-05-01-01);--border-02-04: var(--fill-05-01-04);--border-02-08: hsla(210, 100%, 60%, 0.45);--elevation-01-01: 0 0 0 1px var(--fill-02-04), 0 2px 8px 0 var(--fill-02-04);--elevation-01-02: 0 0 0 1px var(--fill-02-03), 0 4px 20px 0 var(--fill-02-03);--elevation-01-03: 0 0 0 1px var(--fill-02-03), 0 4px 16px 0 var(--fill-02-04), 0 8px 40px 0 var(--fill-02-03);--elevation-01-04: inset 0 1px 0 0 var(--fill-02-04), inset 0 10px 8px -8px var(--fill-02-04);--elevation-02-01: 0 0 0 1px var(--fill-02-03), 0 2px 8px 0 var(--fill-02-02);--elevation-02-02: 0 0 0 1px var(--fill-02-02), 0 2px 8px 0 var(--fill-02-03), 0 4px 20px 0 var(--fill-02-02);--elevation-02-03: 0 0 0 1px var(--fill-02-02), 0 4px 16px 0 var(--fill-02-03), 0 8px 40px 0 var(--fill-02-01);--elevation-02-04: 0 -1px 0 0 var(--fill-03-04), inset 0 1px 0 0 var(--fill-02-03), inset 0 10px 8px -8px var(--fill-02-02)}:root{--text-height-header: 1.2;--text-height: 1.3;--text-size-base: 16;--text-size-01: calc((48 / var(--text-size-base)) * 1rem);--text-size-02: calc((28 / var(--text-size-base)) * 1rem);--text-size-03: calc((20 / var(--text-size-base)) * 1rem);--text-size-04: 1rem;--text-size-05: calc((14 / var(--text-size-base)) * 1rem);--text-size-06: calc((12 / var(--text-size-base)) * 1rem);--text-size-07: var(--text-size-04);--text-size-08: var(--text-size-05);--text-size-09: var(--text-size-06);--text-color-01-01: var(--fill-01-02);--text-color-01-02: var(--fill-01-05);--text-color-02-01: var(--fill-02-01);--text-color-02-02: var(--fill-03-01);--text-color-03-01: var(--fill-02-02);--text-color-03-02: var(--fill-03-02);--text-color-04-01: var(--fill-05-01-01);--text-color-04-02: var(--fill-05-02-01);--text-color-05-01: var(--fill-05-01-04);--text-color-05-02: var(--fill-05-02-04)}:root{--border-01: var(--border-01-01);--border-02: var(--border-01-02);--border-03: var(--border-01-03);--border-04: var(--border-01-04);--border-08: var(--border-01-08);--border-focus-08: var(--border-01-08);--button-bg-primary-alt: var(--fill-01-05);--checkbox-bg: var(--fill-01-05);--checkbox-checkmark: var(--fill-01-05);--elevation-01: var(--elevation-01-01);--elevation-02: var(--elevation-01-02);--elevation-03: var(--elevation-01-03);--elevation-04: var(--elevation-01-04);--fill-01: var(--fill-02-01);--fill-02: var(--fill-02-02);--fill-03: var(--fill-02-03);--fill-04: var(--fill-02-04);--fill-05: var(--fill-02-05);--fill-05-01: var(--fill-05-01-01);--fill-05-02: var(--fill-05-01-02);--fill-05-03: var(--fill-05-01-03);--fill-05-04: var(--fill-05-01-04);--fill-06-01: var(--fill-06-01-01);--fill-06-02: var(--fill-06-01-02);--fill-06-03: var(--fill-06-01-03);--fill-06-04: var(--fill-06-01-04);--fill-07-02: var(--fill-07-01-02);--image-02: linear-gradient(var(--fill-02-02), var(--fill-02-02));--image-03: linear-gradient(var(--fill-02-03), var(--fill-02-03));--image-05: linear-gradient(var(--fill-02-05), var(--fill-02-05));--image-06-01: linear-gradient(var(--fill-06-01-01), var(--fill-06-01-01));--image-06-04: linear-gradient(var(--fill-06-01-04), var(--fill-06-01-04));--modal-bg: var(--fill-01-05);--move-menu-bg: var(--fill-01-05);--switch-bg-active: var(--fill-04-03);--switch-bg: var(--fill-02-02);--switch-button: var(--fill-01-05);--text-color-01-invert: var(--text-color-01-02);--text-color-01: var(--text-color-01-01);--text-color-02-invert: var(--text-color-02-02);--text-color-02: var(--text-color-02-01);--text-color-03: var(--text-color-03-01);--text-color-04: var(--text-color-04-01);--text-color-05: var(--text-color-05-01);--vault-collection-bg-content: var(--fill-01-04);--vault-collection-bg-list-even: var(--fill-01-04);--vault-collection-bg-list: var(--fill-01-05);--vault-collection-input-fill: var(--fill-01-05);--vault-collection-text-active: var(--text-color-01-02)}[data-theme=dark]{--border-01: var(--border-02-01);--border-02: var(--border-02-02);--border-03: var(--border-02-03);--border-04: var(--border-02-04);--border-08: var(--border-02-08);--border-focus-08: var(--border-02-08);--button-bg-primary-alt: var(--fill-02-03);--checkbox-bg: var(--fill-03-05);--checkbox-checkmark: var(--fill-02-05);--elevation-01: var(--elevation-02-01);--elevation-02: var(--elevation-02-02);--elevation-03: var(--elevation-02-03);--elevation-04: var(--elevation-02-04);--fill-01: var(--fill-03-01);--fill-02: var(--fill-03-02);--fill-03: var(--fill-03-03);--fill-04: var(--fill-03-04);--fill-05: var(--fill-03-05);--fill-05-01: var(--fill-05-02-01);--fill-05-02: var(--fill-05-02-02);--fill-05-03: var(--fill-05-02-03);--fill-05-04: var(--fill-05-02-04);--fill-06-01: var(--fill-06-02-01);--fill-06-02: var(--fill-06-02-02);--fill-06-03: var(--fill-06-02-03);--fill-06-04: var(--fill-06-02-04);--fill-07-02: var(--fill-07-02-02);--image-02: linear-gradient(var(--fill-03-02), var(--fill-03-02));--image-03: linear-gradient(var(--fill-03-03), var(--fill-03-03));--image-05: linear-gradient(var(--fill-03-05), var(--fill-03-05));--image-06-01: linear-gradient(var(--fill-06-02-01), var(--fill-06-02-01));--image-06-04: linear-gradient(var(--fill-06-02-04), var(--fill-06-02-04));--modal-bg: var(--fill-01-03);--move-menu-bg: var(--fill-01-03);--switch-bg: var(--fill-03-02);--text-color-01-invert: var(--text-color-01-01);--text-color-01: var(--text-color-01-02);--text-color-02-invert: var(--text-color-02-01);--text-color-02: var(--text-color-02-02);--text-color-03: var(--text-color-03-02);--text-color-04: var(--text-color-04-02);--text-color-05: var(--text-color-05-02);--vault-collection-bg-content: var(--fill-01-03);--vault-collection-bg-list-even: var(--fill-01-03);--vault-collection-bg-list: var(--fill-01-02);--vault-collection-input-fill: var(--fill-01-02);--vault-collection-text-active: var(--text-color-01-02)}
._1Eiw4chAAjbLu5j305A4XL{align-items:center;-webkit-app-region:no-drag;border:none;border-radius:8px;color:var(--text-color-01);cursor:pointer;display:inline-flex;justify-content:center;outline:none;overflow:hidden;padding:0 12px}._1Eiw4chAAjbLu5j305A4XL ._3EGpn5k8vEAdGpOHHfh6cm{color:var(--text-color-02)}._1Eiw4chAAjbLu5j305A4XL._2m1Acc5DgeBrqiJh1nh1Md{font-size:var(--text-size-08);font-weight:normal;line-height:var(--text-height);height:28px;min-height:28px}._1Eiw4chAAjbLu5j305A4XL._2m1Acc5DgeBrqiJh1nh1Md.uTo12NCvSU2cdY54fk7WP{padding-left:10px}._1Eiw4chAAjbLu5j305A4XL._2m1Acc5DgeBrqiJh1nh1Md.PeTTynq1pScRUjIPGh1Ng{padding:0 9px}._1Eiw4chAAjbLu5j305A4XL._2ZDLdwd0erOG8eUEjwY0vv{font-size:var(--text-size-07);font-weight:normal;line-height:var(--text-height);height:40px;min-height:40px;padding:0 16px}._1Eiw4chAAjbLu5j305A4XL._2ZDLdwd0erOG8eUEjwY0vv.PeTTynq1pScRUjIPGh1Ng{padding:0 14px}._1Eiw4chAAjbLu5j305A4XL:hover{background-image:var(--image-06-01)}._1Eiw4chAAjbLu5j305A4XL:active,._1Eiw4chAAjbLu5j305A4XL[aria-expanded=true]{background-image:var(--image-06-01)}._1Eiw4chAAjbLu5j305A4XL::-moz-focus-inner{border:none}._1Eiw4chAAjbLu5j305A4XL:disabled{color:var(--text-color-03);cursor:default}._1Eiw4chAAjbLu5j305A4XL:disabled ._3EGpn5k8vEAdGpOHHfh6cm{color:inherit}._1Eiw4chAAjbLu5j305A4XL._3dpCRPLfQ261HiHXuMSl6P{background-color:var(--fill-05);box-shadow:inset 0 0 0 1px var(--border-01)}._1Eiw4chAAjbLu5j305A4XL._3dpCRPLfQ261HiHXuMSl6P:active,._1Eiw4chAAjbLu5j305A4XL._3dpCRPLfQ261HiHXuMSl6P[aria-expanded=true]{background-color:var(--fill-03)}._1Eiw4chAAjbLu5j305A4XL._3dpCRPLfQ261HiHXuMSl6P:disabled{background-color:transparent;box-shadow:inset 0 0 0 1px var(--border-02)}._1Eiw4chAAjbLu5j305A4XL._1BYEVZBmth9_sVA_FZLbMq{background-color:var(--fill-05-04);color:var(--text-color-01-invert)}._1Eiw4chAAjbLu5j305A4XL._1BYEVZBmth9_sVA_FZLbMq ._3EGpn5k8vEAdGpOHHfh6cm{color:var(--text-color-02-invert)}._1Eiw4chAAjbLu5j305A4XL._1BYEVZBmth9_sVA_FZLbMq:hover{background-image:var(--image-03)}._1Eiw4chAAjbLu5j305A4XL._1BYEVZBmth9_sVA_FZLbMq:active,._1Eiw4chAAjbLu5j305A4XL._1BYEVZBmth9_sVA_FZLbMq[aria-expanded=true]{background-image:var(--image-02)}._1Eiw4chAAjbLu5j305A4XL._1BYEVZBmth9_sVA_FZLbMq:disabled{background-color:var(--fill-02);color:var(--text-color-01-invert)}._1Eiw4chAAjbLu5j305A4XL._1H-HIuqU1cXvJe4P3eGlTC{background-color:var(--button-bg-primary-alt);box-shadow:inset 0 0 0 1px var(--border-04);color:var(--text-color-05)}._1Eiw4chAAjbLu5j305A4XL._1H-HIuqU1cXvJe4P3eGlTC ._3EGpn5k8vEAdGpOHHfh6cm{color:inherit}._1Eiw4chAAjbLu5j305A4XL._1H-HIuqU1cXvJe4P3eGlTC:hover{background-image:var(--image-06-04)}._1Eiw4chAAjbLu5j305A4XL._1H-HIuqU1cXvJe4P3eGlTC:active,._1Eiw4chAAjbLu5j305A4XL._1H-HIuqU1cXvJe4P3eGlTC[aria-expanded=true]{background-color:var(--fill-05-04);background-image:none;box-shadow:none;color:var(--text-color-01-invert)}._1Eiw4chAAjbLu5j305A4XL._1H-HIuqU1cXvJe4P3eGlTC:active ._3EGpn5k8vEAdGpOHHfh6cm,._1Eiw4chAAjbLu5j305A4XL._1H-HIuqU1cXvJe4P3eGlTC[aria-expanded=true] ._3EGpn5k8vEAdGpOHHfh6cm{color:var(--text-color-02-invert)}._1Eiw4chAAjbLu5j305A4XL._1H-HIuqU1cXvJe4P3eGlTC:disabled{background-color:transparent;box-shadow:inset 0 0 0 1px var(--border-02);color:var(--text-color-03)}._1Eiw4chAAjbLu5j305A4XL._1H-HIuqU1cXvJe4P3eGlTC:disabled ._3EGpn5k8vEAdGpOHHfh6cm{color:inherit}._1Eiw4chAAjbLu5j305A4XL.ZAoD_D6EV6fbfSF6O8aiO{background-color:transparent}._1Eiw4chAAjbLu5j305A4XL.ZAoD_D6EV6fbfSF6O8aiO:active,._1Eiw4chAAjbLu5j305A4XL.ZAoD_D6EV6fbfSF6O8aiO[aria-expanded=true]{background-color:var(--fill-05)}._1Eiw4chAAjbLu5j305A4XL.ZAoD_D6EV6fbfSF6O8aiO:disabled{background-color:transparent}._1Eiw4chAAjbLu5j305A4XL._3wn3pjgcRf1v-WVvQcaD2f{background-color:var(--fill-05-01);color:var(--text-color-01-invert)}._1Eiw4chAAjbLu5j305A4XL._3wn3pjgcRf1v-WVvQcaD2f ._3EGpn5k8vEAdGpOHHfh6cm{color:var(--text-color-02-invert)}._1Eiw4chAAjbLu5j305A4XL._3wn3pjgcRf1v-WVvQcaD2f:hover{background-image:var(--image-03)}._1Eiw4chAAjbLu5j305A4XL._3wn3pjgcRf1v-WVvQcaD2f:active,._1Eiw4chAAjbLu5j305A4XL._3wn3pjgcRf1v-WVvQcaD2f[aria-expanded=true]{background-image:var(--image-02)}._1Eiw4chAAjbLu5j305A4XL._3wn3pjgcRf1v-WVvQcaD2f:disabled{background-color:var(--fill-02);color:var(--text-color-01-invert)}._1Eiw4chAAjbLu5j305A4XL._2z8c16AF_4oo0iGoL-B5ev{background-color:var(--button-bg-primary-alt);box-shadow:inset 0 0 0 1px var(--border-03);color:var(--text-color-04)}._1Eiw4chAAjbLu5j305A4XL._2z8c16AF_4oo0iGoL-B5ev ._3EGpn5k8vEAdGpOHHfh6cm{color:inherit}._1Eiw4chAAjbLu5j305A4XL._2z8c16AF_4oo0iGoL-B5ev:active,._1Eiw4chAAjbLu5j305A4XL._2z8c16AF_4oo0iGoL-B5ev[aria-expanded=true]{background-color:var(--fill-05-01);background-image:none;box-shadow:none;color:var(--text-color-01-invert)}._1Eiw4chAAjbLu5j305A4XL._2z8c16AF_4oo0iGoL-B5ev:active ._3EGpn5k8vEAdGpOHHfh6cm,._1Eiw4chAAjbLu5j305A4XL._2z8c16AF_4oo0iGoL-B5ev[aria-expanded=true] ._3EGpn5k8vEAdGpOHHfh6cm{color:var(--text-color-02-invert)}._1Eiw4chAAjbLu5j305A4XL._2z8c16AF_4oo0iGoL-B5ev:disabled{background-color:transparent;box-shadow:inset 0 0 0 1px var(--border-02);color:var(--text-color-03)}._1Eiw4chAAjbLu5j305A4XL._2z8c16AF_4oo0iGoL-B5ev:disabled ._3EGpn5k8vEAdGpOHHfh6cm{color:inherit}._1Eiw4chAAjbLu5j305A4XL._3NAHZLBFuHPAUIt7pexEPA{background-color:var(--fill-01-05);color:var(--text-color-01-01)}._1Eiw4chAAjbLu5j305A4XL._3NAHZLBFuHPAUIt7pexEPA ._3EGpn5k8vEAdGpOHHfh6cm{color:var(--text-color-02-01)}._1Eiw4chAAjbLu5j305A4XL._3NAHZLBFuHPAUIt7pexEPA:hover{background-image:linear-gradient(var(--fill-02-05), var(--fill-02-05))}._1Eiw4chAAjbLu5j305A4XL._3NAHZLBFuHPAUIt7pexEPA:active,._1Eiw4chAAjbLu5j305A4XL._3NAHZLBFuHPAUIt7pexEPA[aria-expanded=true]{background-image:linear-gradient(var(--fill-02-03), var(--fill-02-03))}._1Eiw4chAAjbLu5j305A4XL._3NAHZLBFuHPAUIt7pexEPA:disabled{background-color:var(--fill-02);color:var(--text-color-01-invert)}._1Eiw4chAAjbLu5j305A4XL:disabled:hover,._1Eiw4chAAjbLu5j305A4XL:disabled:active,._1Eiw4chAAjbLu5j305A4XL:disabled[aria-expanded=true]{background-image:none;text-decoration:none}._1Eiw4chAAjbLu5j305A4XL .GX8hPliJD0NNkKl_HEab4{margin-left:8px}[data-focus-visible] ._1Eiw4chAAjbLu5j305A4XL:focus{box-shadow:inset 0 0 0 1px var(--border-08),0 0 0 3px var(--border-08)}[data-focus-visible] ._1Eiw4chAAjbLu5j305A4XL._3dpCRPLfQ261HiHXuMSl6P:focus{box-shadow:inset 0 0 0 1px var(--border-01),inset 0 0 0 1px var(--border-08),0 0 0 3px var(--border-08)}[data-focus-visible] ._1Eiw4chAAjbLu5j305A4XL._1H-HIuqU1cXvJe4P3eGlTC:focus:not(:active){box-shadow:inset 0 0 0 1px var(--border-04),inset 0 0 0 1px var(--border-08),0 0 0 3px var(--border-08)}[data-focus-visible] ._1Eiw4chAAjbLu5j305A4XL._2z8c16AF_4oo0iGoL-B5ev:focus:not(:active){box-shadow:inset 0 0 0 1px var(--border-03),inset 0 0 0 1px var(--border-08),0 0 0 3px var(--border-08)}._2oJJbbyjVSAB2sAOFMX2xR{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
._3AOj_6l94fr4JgypBx8i_g{-webkit-app-region:no-drag;bottom:0;opacity:0;overflow:hidden scroll;position:absolute;right:0;scrollbar-color:var(--fill-02) transparent;top:0;transition:opacity 150ms;width:16px}._3AOj_6l94fr4JgypBx8i_g::-webkit-scrollbar{width:16px}._3AOj_6l94fr4JgypBx8i_g::-webkit-scrollbar-track{background-color:transparent}._3AOj_6l94fr4JgypBx8i_g::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--fill-02);border:4px solid transparent;border-radius:8px;min-height:30px}._3AOj_6l94fr4JgypBx8i_g::-webkit-scrollbar-thumb:hover{background-color:var(--fill-01)}._3AOj_6l94fr4JgypBx8i_g::-webkit-scrollbar-button,._3AOj_6l94fr4JgypBx8i_g::-webkit-scrollbar-corner{display:none}._3AOj_6l94fr4JgypBx8i_g._3Gk6jYzLmrYXsJn6F-OX0Q{scrollbar-width:thin;width:12px}._3AOj_6l94fr4JgypBx8i_g._3Gk6jYzLmrYXsJn6F-OX0Q::-webkit-scrollbar{width:10px}._3AOj_6l94fr4JgypBx8i_g._3Gk6jYzLmrYXsJn6F-OX0Q::-webkit-scrollbar-thumb{border-width:3px}._3AOj_6l94fr4JgypBx8i_g._2Zz1rXa8-Bu8uArdv1NRS4{opacity:1}._3OEVZYASGqp5hKoMD8ksa8{height:100%;position:relative}._3OEVZYASGqp5hKoMD8ksa8>*:first-child{scrollbar-width:none !important}._3OEVZYASGqp5hKoMD8ksa8>*:first-child::-webkit-scrollbar{display:none !important}._3OEVZYASGqp5hKoMD8ksa8:hover ._3AOj_6l94fr4JgypBx8i_g{opacity:1}._2Zsl5rnjfpIlrMcmxBLgi4{position:relative}._2Zsl5rnjfpIlrMcmxBLgi4::before{bottom:0;box-shadow:var(--elevation-04);content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}
._3hCwg3801qiwG85L1eD0ul{align-items:flex-end;display:flex;justify-content:flex-end;pointer-events:none;position:absolute;z-index:2147483647}._3hCwg3801qiwG85L1eD0ul>*{pointer-events:initial}.xEQuLBaajjqMl4csoo7QN{visibility:hidden}
._3Y2QHks0lCniy9wKrbF-zY{justify-content:space-between !important}._3Y2QHks0lCniy9wKrbF-zY::after{-webkit-mask:url(/images/chevron-down-53a555f82fb7407603e982eea7030c25.svg);mask:url(/images/chevron-down-53a555f82fb7407603e982eea7030c25.svg);background-color:currentColor;content:"";flex-shrink:0;height:6px;margin-left:6px;width:10px}._3Y2QHks0lCniy9wKrbF-zY._1X5WfhPuCiQAg-BZk5OLX6::after{transform:rotate(180deg)}.dhdDxkRQpgLIIjPimpdw1{bottom:0;left:0;position:fixed;right:0;top:0;z-index:2147483647}.-TJKXZJoW556B6e0wytrK{--padding: 10px;background-color:var(--bg-color);border-radius:8px;box-shadow:0 2px 16px 0 var(--color-shadow-ultraLight),var(--border-elevated);box-sizing:border-box;list-style:none;margin:0;max-height:100%;min-width:210px;outline:none;overflow:hidden auto;padding:var(--padding);position:relative}.-TJKXZJoW556B6e0wytrK li{user-select:none}.-TJKXZJoW556B6e0wytrK ._3qJxcSINF6o0WbR1dxWfgt,.-TJKXZJoW556B6e0wytrK .zpM1T7-4XZJKKdOcL8kFL{align-items:center;display:flex;padding:8px}.-TJKXZJoW556B6e0wytrK ._3qJxcSINF6o0WbR1dxWfgt{color:var(--text-color-tertiary)}.-TJKXZJoW556B6e0wytrK ._3LWEUC2_2j_JhK-1CGjaeU hr{background-color:var(--bg-highlight-color-tertiary);border-style:none;height:1px;margin:var(--padding) 8px}.-TJKXZJoW556B6e0wytrK .zpM1T7-4XZJKKdOcL8kFL{border-radius:6px;color:var(--text-color);cursor:pointer}.-TJKXZJoW556B6e0wytrK .zpM1T7-4XZJKKdOcL8kFL[data-current=true]{background-color:var(--color-blue-readable-dark);color:var(--color-white)}.-TJKXZJoW556B6e0wytrK ._3-ByCQ0nWDiomids-J7h-B>*:last-child{margin-left:10px}
._3ICrXU5IWX4AC3R-0F7JCC [role=option]{padding-left:32px}._3ICrXU5IWX4AC3R-0F7JCC [role=option][aria-selected=true]::before{-webkit-mask:url(/images/list-checkmark-1f7bd23b7dbd0ae1f77d12622df53d8f.svg);mask:url(/images/list-checkmark-1f7bd23b7dbd0ae1f77d12622df53d8f.svg);background-color:var(--checkmark-color);content:"";height:18px;position:absolute;transform:translate(-26px, 1px);width:18px}._3ICrXU5IWX4AC3R-0F7JCC [role=option][data-current=true][aria-selected=true]::before{background-color:var(--checkmark-color-hover)}._1Hs9v9OU8rOPc5VD1ApG6o{clip:rect(0, 0, 0, 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px;word-wrap:normal}
._27E1tWYBk6PDiYX2bvsClG{color:var(--color-gray-mediumDark);display:block;font-size:16px;font-weight:300}._2xnJv72tBg2mAaHnb22jLJ{display:flex;flex-flow:column}._2xnJv72tBg2mAaHnb22jLJ>*+*{margin-top:16px}._2xnJv72tBg2mAaHnb22jLJ label{display:block;width:100%}._2xnJv72tBg2mAaHnb22jLJ label>*+*{margin-top:4px}._2xnJv72tBg2mAaHnb22jLJ label input,._2xnJv72tBg2mAaHnb22jLJ label textarea{background:var(--color-white);border:none;border-radius:6px;box-shadow:inset 0 0 0 1px var(--color-shadow-light);box-sizing:border-box;font-size:16px;outline:none;padding:13px;width:100%}._2xnJv72tBg2mAaHnb22jLJ label input:focus,._2xnJv72tBg2mAaHnb22jLJ label textarea:focus{box-shadow:inset 0 0 0 2px var(--color-blue-focus-light)}._2xnJv72tBg2mAaHnb22jLJ label textarea{max-width:100%;min-width:100%}._2xnJv72tBg2mAaHnb22jLJ p{color:var(--color-gray-dark);font-size:16px;font-weight:300}._2xnJv72tBg2mAaHnb22jLJ p a{color:var(--color-blue-readable-dark);text-decoration:none}._2xnJv72tBg2mAaHnb22jLJ p a:hover{text-decoration:underline}._2ZXtEW0geozhjELIcaz6O7{height:45px;text-align:left;width:100%}._10AnuD8hMNLf0YlzU-Fi7Y{width:100%}.fv1cHqb9X1LrqB52Zfd63>div{background-color:var(--color-yellow-highlight-light);border:solid 1px hsla(var(--color-yellow-highlight-light-hsl), 0.3);border-radius:8px;display:grid;grid-gap:16px;grid-template-columns:1fr;padding:24px}@media(min-width: 450px){.fv1cHqb9X1LrqB52Zfd63>div{grid-template-columns:1fr 1fr}}.fv1cHqb9X1LrqB52Zfd63>div p{line-height:1.44;margin:0}@media(min-width: 450px){.fv1cHqb9X1LrqB52Zfd63>div p{grid-column:1/3}}.fv1cHqb9X1LrqB52Zfd63>p{font-size:14px;line-height:1.44;margin-bottom:0;margin-top:16px}._3TzS745LXwvIGmZhLhE48h{border-bottom:1px solid var(--color-gray-light);border-top:1px solid var(--color-gray-light);display:grid;grid-gap:8px;grid-template-columns:1fr;margin-top:30px;padding:12px 0}@media(min-width: 450px){._3TzS745LXwvIGmZhLhE48h{grid-gap:16px;grid-template-columns:auto 1fr}}._3TzS745LXwvIGmZhLhE48h>div{border:solid 1px var(--color-gray-medium);border-radius:5px;color:var(--color-gray-medium);display:flex;font-size:11px;font-weight:500;justify-self:left;padding:2px 4px;text-transform:uppercase}@media(min-width: 450px){._3TzS745LXwvIGmZhLhE48h>div{align-self:center;grid-template-columns:auto 1fr}}._3TzS745LXwvIGmZhLhE48h>div img{margin-right:4px}._3TzS745LXwvIGmZhLhE48h p{font-size:14px;line-height:20px;margin:0}._12bFrX5EgosPY5CszHCV0d{text-align:left;width:100%}._2adlUzSxpiKfuetIbyGTcd{width:100%}._13Qx1FkKF5PYu8kCymmAj4{background:var(--color-red-highlight-light);border-radius:4px;box-shadow:inset 0 0 0 2px var(--color-red-highlight-dark);display:grid;grid-gap:12px;grid-template-columns:auto 1fr;line-height:1.2;padding:8px}._13Qx1FkKF5PYu8kCymmAj4 img{align-self:center;width:40px}._13Qx1FkKF5PYu8kCymmAj4 p{align-self:center;font-size:14px;margin:0}.kE7sTdGQ2kUiEfzSWA9WF{background:var(--color-red-highlight-light);border-radius:6px;box-shadow:inset 0 0 0 2px var(--color-red-highlight-dark);font-size:15px;line-height:1.2;margin-top:8px;padding:12px}@keyframes MrasuZ0ulmxqSdnjkA2Gz{to{transform:rotate(1turn)}}._3c7pEwdRe0U9BIhZTvFgy-{animation:MrasuZ0ulmxqSdnjkA2Gz .6s infinite steps(8)}._1Nhn1ZLtxiSqGgGRGJ9AbF{align-items:center;display:flex;justify-content:space-between}._1Nhn1ZLtxiSqGgGRGJ9AbF>div{align-items:center;color:var(--color-gray-medium);display:flex;font-size:15px;margin-top:0}._1Nhn1ZLtxiSqGgGRGJ9AbF>div img{height:36px;margin-right:8px;margin-top:0}
._2Kyz3kRz_3Wz1havF2olOh{align-items:center;display:flex;flex-flow:column}._2Kyz3kRz_3Wz1havF2olOh h1{font-size:2rem;font-weight:400;line-height:2rem;margin-bottom:1rem;margin-top:0;text-align:center}._2Kyz3kRz_3Wz1havF2olOh p{color:var(--color-gray-mediumDark);font-size:1.4rem;font-weight:400;line-height:1.4rem;margin-bottom:2rem;margin-top:0;text-align:center}._2Kyz3kRz_3Wz1havF2olOh img{width:410px}._1FDpxxcNVn-6y2e_rK5wOh{margin:0 auto;max-width:1200px}@media(min-width: 1000px){._1FDpxxcNVn-6y2e_rK5wOh>div{display:flex;justify-content:center}}._1FDpxxcNVn-6y2e_rK5wOh>div ._177WM50F3w0ikXbe9OuXIM{display:none}@media(min-width: 1000px){._1FDpxxcNVn-6y2e_rK5wOh>div ._177WM50F3w0ikXbe9OuXIM{display:block;flex:1;text-align:right}._1FDpxxcNVn-6y2e_rK5wOh>div ._177WM50F3w0ikXbe9OuXIM img{margin-left:-50%;margin-top:3rem;max-width:864px;width:150%}}._1FDpxxcNVn-6y2e_rK5wOh>div ._1GzwO0_Xn6cUr6B7HvZlc7{flex:1;margin:0 auto;max-width:500px}@media(min-width: 1000px){._1FDpxxcNVn-6y2e_rK5wOh>div ._1GzwO0_Xn6cUr6B7HvZlc7{margin:0 3.5rem}}._1FDpxxcNVn-6y2e_rK5wOh>div ._1GzwO0_Xn6cUr6B7HvZlc7>h1{font-size:2rem;font-weight:400;line-height:2rem;margin-bottom:1rem;margin-top:0;text-align:center}._1FDpxxcNVn-6y2e_rK5wOh>div ._1GzwO0_Xn6cUr6B7HvZlc7>p{color:var(--color-gray-mediumDark);font-size:1.4rem;font-weight:400;line-height:1.4rem;margin-bottom:2rem;margin-top:0;text-align:center}._1FDpxxcNVn-6y2e_rK5wOh>div ._1GzwO0_Xn6cUr6B7HvZlc7 form{margin:0 auto;width:100%}@media(min-width: 1000px){._1FDpxxcNVn-6y2e_rK5wOh>div ._1GzwO0_Xn6cUr6B7HvZlc7 form{margin:0}}
._38yEYTugH9ASXVo3TP1Jv_::before{box-shadow:inset 0 0 0 1px var(--color-faded-medium);content:"";display:block;height:100%;pointer-events:none;position:absolute;top:0;width:100%}.O-sNAGqFL3Km5glxNkDdX{--border-radius-ratio: 5;height:var(--size);position:relative;width:var(--size)}.O-sNAGqFL3Km5glxNkDdX img{border-radius:inherit;height:100%;width:100%}.BWUZMUeHue74ha7VuG02x{opacity:.4}._2DfY67cIoUYrfpbETMk9uq{--size: 16px}.MZeYiDKKTgloZ09Duxh_P{--size: 24px}.RHfXKhYb7q1LmW_GOUuVa{--size: 32px}._2uiHCa4hUiNOZafQ-YyNb{--size: 64px}._38yEYTugH9ASXVo3TP1Jv_,._1AznPeSkMFtsQSOT6pDEMY{--space-outer: 0;margin:var(--space-outer)}._38yEYTugH9ASXVo3TP1Jv_.MZeYiDKKTgloZ09Duxh_P,._1AznPeSkMFtsQSOT6pDEMY.MZeYiDKKTgloZ09Duxh_P{--size: 22px;--space-outer: 2px}._38yEYTugH9ASXVo3TP1Jv_.RHfXKhYb7q1LmW_GOUuVa,._1AznPeSkMFtsQSOT6pDEMY.RHfXKhYb7q1LmW_GOUuVa{--size: 30px;--space-outer: 1px}._38yEYTugH9ASXVo3TP1Jv_._2uiHCa4hUiNOZafQ-YyNb,._1AznPeSkMFtsQSOT6pDEMY._2uiHCa4hUiNOZafQ-YyNb{--size: 60px;--space-outer: 2px}._38yEYTugH9ASXVo3TP1Jv_._3iBtM1DNCknxGLzkYwcm6y,._1AznPeSkMFtsQSOT6pDEMY._3iBtM1DNCknxGLzkYwcm6y{border-radius:calc(var(--size) / var(--border-radius-ratio))}._38yEYTugH9ASXVo3TP1Jv_._1_bXJ6RixjvkrQi9JoSj6Q,._1AznPeSkMFtsQSOT6pDEMY._1_bXJ6RixjvkrQi9JoSj6Q{border-radius:50%}._38yEYTugH9ASXVo3TP1Jv_{background-color:var(--bg-color)}._38yEYTugH9ASXVo3TP1Jv_._3iBtM1DNCknxGLzkYwcm6y::before{border-radius:calc(var(--size) / var(--border-radius-ratio))}._38yEYTugH9ASXVo3TP1Jv_._1_bXJ6RixjvkrQi9JoSj6Q::before{border-radius:50%}._1AznPeSkMFtsQSOT6pDEMY{background-color:var(--bg-highlight-color-tertiary)}._1jPFOmARq0n_hY8XUH2wK8{display:inline-flex}._1jPFOmARq0n_hY8XUH2wK8._2F0vaEjf3GlcGDUJKhDHMJ{margin-left:-4px}._1jPFOmARq0n_hY8XUH2wK8.GoE1wL8wIB3D412IQgIeC{margin-left:-5px}._1jPFOmARq0n_hY8XUH2wK8 .O-sNAGqFL3Km5glxNkDdX{--size: 32px}._1jPFOmARq0n_hY8XUH2wK8 .O-sNAGqFL3Km5glxNkDdX:nth-child(2){-webkit-mask:url(/images/icons_02_32_collectionmask_medium-c917696096b8d6524982f20a253d5f99.svg) right no-repeat;mask:url(/images/icons_02_32_collectionmask_medium-c917696096b8d6524982f20a253d5f99.svg) right no-repeat;margin-left:-28px}._1jPFOmARq0n_hY8XUH2wK8 .O-sNAGqFL3Km5glxNkDdX:nth-child(2):last-child{-webkit-mask:url(/images/icons_02_32_collectionmask_large-4416258442cae833e9dbbd02ce2d59bc.svg) right no-repeat;mask:url(/images/icons_02_32_collectionmask_large-4416258442cae833e9dbbd02ce2d59bc.svg) right no-repeat;margin-left:-27px}._1jPFOmARq0n_hY8XUH2wK8 .O-sNAGqFL3Km5glxNkDdX:nth-child(3){-webkit-mask:url(/images/icons_02_32_collectionmask_small-6c21aca4f2ec24a2f2ee4cba39b698b6.svg) right no-repeat;mask:url(/images/icons_02_32_collectionmask_small-6c21aca4f2ec24a2f2ee4cba39b698b6.svg) right no-repeat;margin-left:-29px}._1jPFOmARq0n_hY8XUH2wK8 .O-sNAGqFL3Km5glxNkDdX::before{content:none}._1kl_UUNcPf33XBHWW4ia8z{-webkit-mask:var(--image-url) center no-repeat;mask:var(--image-url) center no-repeat;background-color:currentColor}._1kl_UUNcPf33XBHWW4ia8z._3i1YiankytRt2oxi9wvUMh{--image-url: url(/images/icons_01_16_cancel-1f2f7718c264d688efde76101a80f5cc.svg)}._1kl_UUNcPf33XBHWW4ia8z._2U3txqpw_chMKeU7psxX3O{--image-url: url(/images/icons_01_16_chevronLeft-4c631889e2d65363ac26eb3db81d3ddc.svg)}._1kl_UUNcPf33XBHWW4ia8z._1nNPnjbp2b0Cudr9N0d4HG{--image-url: url(/images/icons_01_16_chevronRight-21296f4f2ed1802920d72ec90738ec91.svg)}._1kl_UUNcPf33XBHWW4ia8z._2Y4X3_M8FmK14VR_pEhExo{--image-url: url(/images/icons_01_16_close-abc38b7f8ecf236fe300bb7e9e794e14.svg)}._1kl_UUNcPf33XBHWW4ia8z._3UHilw5GRIvUQwoD_Qs068{--image-url: url(/images/icons_01_16_dropdown-4f7b108f0478d9781703c7e17c95e451.svg)}._1kl_UUNcPf33XBHWW4ia8z._25lpSk4iK8qiYqGk7hhi6V{--image-url: url(/images/icons_01_16_edit-77f018c4cb607bbbc18bbe8c2723e1d1.svg)}._1kl_UUNcPf33XBHWW4ia8z.MjjZsp07mdqu8X5NWQYUS{--image-url: url(/images/icons_01_16_email_onLight-ef8c421f54170bd0137065c8fbde1113.svg)}[data-theme=dark] ._1kl_UUNcPf33XBHWW4ia8z.MjjZsp07mdqu8X5NWQYUS{--image-url: url(/images/icons_01_16_email_onDark-ef8c421f54170bd0137065c8fbde1113.svg)}._1kl_UUNcPf33XBHWW4ia8z._29rCl0CtUftUR95yZQkjUM{--image-url: url(/images/icons_01_16_favoriteOff-12e3cf3dc82882e70ad507608a218987.svg)}._1kl_UUNcPf33XBHWW4ia8z.fQKpwm_MCWV-dPW_6mxg-{--image-url: url(/images/icons_01_16_favoriteOn-58ada449b83886d3107a917b6ac9d3d2.svg)}._1kl_UUNcPf33XBHWW4ia8z._3dcQPBvj-w7knoWEOMZUzJ{--image-url: url(/images/icons_01_16_filter-be97c2790d50cd9ee7fe95d132e5dc94.svg)}._1kl_UUNcPf33XBHWW4ia8z._9P8fGGJYEwSVrrr5NBqVO{--image-url: url(/images/icons_01_16_info_onLight-699242c70c1fa7dd1310633257a706bc.svg)}[data-theme=dark] ._1kl_UUNcPf33XBHWW4ia8z._9P8fGGJYEwSVrrr5NBqVO{--image-url: url(/images/icons_01_16_info_onDark-9eb187652f44e876cff34104f6e3041f.svg)}._1kl_UUNcPf33XBHWW4ia8z._9MJrNrTIqnbfYQrLtsduE{--image-url: url(/images/icons_01_16_ladybug_onLight-17fd8b58ebb5a40a4566e8c2542e246b.svg)}[data-theme=dark] ._1kl_UUNcPf33XBHWW4ia8z._9MJrNrTIqnbfYQrLtsduE{--image-url: url(/images/icons_01_16_ladybug_onDark-1a66513e288998c44048fa4e73a93b37.svg)}._1kl_UUNcPf33XBHWW4ia8z._1wrKCv1i3RfKEjKoTvNm5P{--image-url: url(/images/icons_01_16_link-4c27d078eb6c792fae063204f344698d.svg)}._1kl_UUNcPf33XBHWW4ia8z._2rwHS6C9x_5N2q9AEPscZp{--image-url: url(/images/icons_01_16_lock-98d00dbbf3418a4df5664100d97eb4f2.svg)}._1kl_UUNcPf33XBHWW4ia8z._3ytLj5wcOpAxEzOKiDHhrl{--image-url: url(/images/icons_01_16_minus-4376642c7ad4fed412a539d647c7db59.svg)}._1kl_UUNcPf33XBHWW4ia8z._1Cknk0D-Vitx7PNYrWCR2b{--image-url: url(/images/icons_01_16_move-ce1f3f7e676a968d068bfac171358eb6.svg)}._1kl_UUNcPf33XBHWW4ia8z._3KCKvzt573NRn9YDkZ35Zl{--image-url: url(/images/icons_01_16_navigateBack-d31aa1252ebac62be5da12d494f85068.svg)}._1kl_UUNcPf33XBHWW4ia8z.anvShZdqGnhPJ_5b0IVrk{--image-url: url(/images/icons_01_16_navigateForward-fcbb129f506e0855fcc62ac52ce37b5e.svg)}._1kl_UUNcPf33XBHWW4ia8z._2ysUSZEVZ0XARBCfsS8QEG{--image-url: url(/images/icons_01_16_newWindow-1d04e42e1a82f32633197627376871ae.svg)}._1kl_UUNcPf33XBHWW4ia8z._208sTHVVrBaUBtLoHbMi4R{--image-url: url(/images/icons_01_16_notifications-151448ad0e2b147b00615f0372acec46.svg)}._1kl_UUNcPf33XBHWW4ia8z._3yYfPO_e-pUvxjKxLQ29Ch{--image-url: url(/images/icons_01_16_overflow-be2ecee5a63c7eac69b363c075a05a85.svg)}._1kl_UUNcPf33XBHWW4ia8z._3KeRAv5hfL0y_gkTN7ieqH{--image-url: url(/images/icons_01_16_plus-59c9124a479f969170ca9cac6c4e7d0a.svg)}._1kl_UUNcPf33XBHWW4ia8z._20Cd_FsEDkuPHAyo_ojiEY{--image-url: url(/images/icons_01_16_print_onLight-fe65a560644e34db2ae75923799e6f7e.svg)}[data-theme=dark] ._1kl_UUNcPf33XBHWW4ia8z._20Cd_FsEDkuPHAyo_ojiEY{--image-url: url(/images/icons_01_16_print_onDark-fe65a560644e34db2ae75923799e6f7e.svg)}._1kl_UUNcPf33XBHWW4ia8z._3ElyKapR0yw1FHS4t7UHb{--image-url: url(/images/icons_01_16_private-e094dabe67321307c6ba7a1d69560c37.svg)}._1kl_UUNcPf33XBHWW4ia8z._3l9toZIs7G7CmDAqWfvq4l{--image-url: url(/images/icons_01_16_search-43f56a8fa1cdf642a0154982c7a91a28.svg)}._1kl_UUNcPf33XBHWW4ia8z.VDgwGsWWUYSbzBFsIsqkQ{--image-url: url(/images/icons_01_16_settings-815bb88288ca1222f49ec9d1a63422fd.svg)}._1kl_UUNcPf33XBHWW4ia8z._2wfD8mO8qKA__HFl0ybWRo{--image-url: url(/images/icons_01_16_share-1048224efb80ed3e12b836c01e05fb26.svg)}._1kl_UUNcPf33XBHWW4ia8z._3jetAHzbhE325TSXCmwNtz{--image-url: url(/images/icons_01_16_shared-8b3a6aec4e430788200304308f896f6b.svg)}._1kl_UUNcPf33XBHWW4ia8z._28f6BFWmGVQlABuDZlLHYD{--image-url: url(/images/icons_01_16_sidebarClose-894235075bb697fcf842b8f1b414cfb1.svg)}._1kl_UUNcPf33XBHWW4ia8z.knFqIETfq2giF1DaRfrPc{--image-url: url(/images/icons_01_16_sidebarOpen-2d6b1e3a62af550e35931e04b72e0603.svg)}._1kl_UUNcPf33XBHWW4ia8z._1uaCFfWHaqP7qQ1vcV3DRa{--image-url: url(/images/icons_01_16_sort-ed87517b8a617e36dbbabab410e6c765.svg)}._1kl_UUNcPf33XBHWW4ia8z._2bZFDxKT__HqCLGWUYQUxn{--image-url: url(/images/icons_01_16_whatsapp_onLight-a73cedf49cea59a20bd58902e5ada8fb.svg)}[data-theme=dark] ._1kl_UUNcPf33XBHWW4ia8z._2bZFDxKT__HqCLGWUYQUxn{--image-url: url(/images/icons_01_16_whatsapp_onDark-2a70464d9b689e2700d9f873eb7cf9cb.svg)}.pA-egHFCSFLT1QseWBrdG::after{background:url(/images/chevron-down-faded-0845b94284a0a5a42493e703d7ab4a8b.svg) center no-repeat,linear-gradient(to bottom, #fff 53%, #e2e2e2 98%);background-size:auto 5px,cover;border-radius:50%;bottom:0;box-shadow:0 1px 2px 0 hsla(var(--color-black-pure-hsl), 0.2),0 0 0 1px hsla(var(--color-black-pure-hsl), 0.1);content:"";height:16px;pointer-events:none;position:absolute;right:0;width:16px}._1859kzdC9Mgzjo8DHOPOkg::after{background:url(/images/chevron-down-faded-0845b94284a0a5a42493e703d7ab4a8b.svg) center no-repeat;background-color:var(--color-gray-almostWhite);background-size:auto 5px;box-shadow:0 -1px 2px 0 hsla(var(--color-black-pure-hsl), 0.2),0 0 0 1px hsla(var(--color-black-pure-hsl), 0.1);transform:rotate(180deg)}._2tk56QYeSU25NSoIoIxbAx::after{background:url(/images/favorites-mini-ecc747ab19a108b73c1f0220034ac50e.svg) no-repeat;background-size:100%;bottom:-2px;content:"";height:12px;pointer-events:none;position:absolute;right:-4px;width:12px}._2rwHS6C9x_5N2q9AEPscZp::after{--icon-source: url(/images/lock-dark-97bdb29d7e14a371c6cb1ed35561bce6.svg);background:var(--icon-source) center no-repeat,linear-gradient(var(--Icon-bg-color), var(--Icon-bg-color));background-size:auto 8px;border-top-left-radius:calc(var(--size) / var(--border-radius-ratio));bottom:-4px;content:"";height:16px;pointer-events:none;position:absolute;right:-4px;width:16px}[data-theme=dark] ._2rwHS6C9x_5N2q9AEPscZp::after{--icon-source: url(/images/lock-light-7c8143a0deeba2c26b5159d446b04fc5.svg)}
.E8xMmUj1mFJcpSbR8D16a::before,._3WT4X8jLwT_OfCWYh4f2Lq::before{box-shadow:inset 0 0 0 1px var(--color-faded-medium);content:"";display:block;height:100%;pointer-events:none;position:absolute;top:0;width:100%}._3P90sr4j-O2qZCvUBKpKBn{--border-radius-ratio: 5;height:var(--size);position:relative;width:var(--size)}._3P90sr4j-O2qZCvUBKpKBn img{border-radius:inherit;height:100%;width:100%}._1dwyBsyHrin1ulWw3Sbvs7{opacity:.4}._1rxP6OqYNiZwso9B-IYF3K{--size: 16px}._3iv2V5biI6gFROw7bKUvjW{--size: 24px}._2qpiE5aGYOHTZxZ6y_y5kR{--size: 32px}._1ubFVSFBWHEDjamlwX-FdY{--size: 64px}._3WT4X8jLwT_OfCWYh4f2Lq,._2c-avbDKTejGhCx16J7Jdr{--space-outer: 0;margin:var(--space-outer)}._3WT4X8jLwT_OfCWYh4f2Lq._3iv2V5biI6gFROw7bKUvjW,._2c-avbDKTejGhCx16J7Jdr._3iv2V5biI6gFROw7bKUvjW{--size: 22px;--space-outer: 2px}._3WT4X8jLwT_OfCWYh4f2Lq._2qpiE5aGYOHTZxZ6y_y5kR,._2c-avbDKTejGhCx16J7Jdr._2qpiE5aGYOHTZxZ6y_y5kR{--size: 30px;--space-outer: 1px}._3WT4X8jLwT_OfCWYh4f2Lq._1ubFVSFBWHEDjamlwX-FdY,._2c-avbDKTejGhCx16J7Jdr._1ubFVSFBWHEDjamlwX-FdY{--size: 60px;--space-outer: 2px}._3WT4X8jLwT_OfCWYh4f2Lq._29HhNoHXFzPFVin2npkYOO,._2c-avbDKTejGhCx16J7Jdr._29HhNoHXFzPFVin2npkYOO{border-radius:calc(var(--size) / var(--border-radius-ratio))}._3WT4X8jLwT_OfCWYh4f2Lq._1UrzzvWWWT2mq7UkqdACSJ,._2c-avbDKTejGhCx16J7Jdr._1UrzzvWWWT2mq7UkqdACSJ{border-radius:50%}._3WT4X8jLwT_OfCWYh4f2Lq{background-color:var(--bg-color)}._3WT4X8jLwT_OfCWYh4f2Lq._29HhNoHXFzPFVin2npkYOO::before{border-radius:calc(var(--size) / var(--border-radius-ratio))}._3WT4X8jLwT_OfCWYh4f2Lq._1UrzzvWWWT2mq7UkqdACSJ::before{border-radius:50%}._2c-avbDKTejGhCx16J7Jdr{background-color:var(--bg-highlight-color-tertiary)}._3tRxarD-mYB27_XvbIJxq-{display:inline-flex}._3tRxarD-mYB27_XvbIJxq-._1XxbYlPONlSOqOPYFpLUpr{margin-left:-4px}._3tRxarD-mYB27_XvbIJxq-._3LLMaBM5YeAmgWzio0bmjJ{margin-left:-5px}._3tRxarD-mYB27_XvbIJxq- ._3P90sr4j-O2qZCvUBKpKBn{--size: 32px}._3tRxarD-mYB27_XvbIJxq- ._3P90sr4j-O2qZCvUBKpKBn:nth-child(2){-webkit-mask:url(/images/icons_02_32_collectionmask_medium-c917696096b8d6524982f20a253d5f99.svg) right no-repeat;mask:url(/images/icons_02_32_collectionmask_medium-c917696096b8d6524982f20a253d5f99.svg) right no-repeat;margin-left:-28px}._3tRxarD-mYB27_XvbIJxq- ._3P90sr4j-O2qZCvUBKpKBn:nth-child(2):last-child{-webkit-mask:url(/images/icons_02_32_collectionmask_large-4416258442cae833e9dbbd02ce2d59bc.svg) right no-repeat;mask:url(/images/icons_02_32_collectionmask_large-4416258442cae833e9dbbd02ce2d59bc.svg) right no-repeat;margin-left:-27px}._3tRxarD-mYB27_XvbIJxq- ._3P90sr4j-O2qZCvUBKpKBn:nth-child(3){-webkit-mask:url(/images/icons_02_32_collectionmask_small-6c21aca4f2ec24a2f2ee4cba39b698b6.svg) right no-repeat;mask:url(/images/icons_02_32_collectionmask_small-6c21aca4f2ec24a2f2ee4cba39b698b6.svg) right no-repeat;margin-left:-29px}._3tRxarD-mYB27_XvbIJxq- ._3P90sr4j-O2qZCvUBKpKBn::before{content:none}._3yc4u7wqiUI0OOJUUwu7ld{-webkit-mask:var(--image-url) center no-repeat;mask:var(--image-url) center no-repeat;background-color:currentColor}._3yc4u7wqiUI0OOJUUwu7ld._2VtZTQvWacJ6A-xFKe2UmP{--image-url: url(/images/icons_01_16_cancel-1f2f7718c264d688efde76101a80f5cc.svg)}._3yc4u7wqiUI0OOJUUwu7ld._36ucgsgUVnXGx6WVb9AMkD{--image-url: url(/images/icons_01_16_chevronLeft-4c631889e2d65363ac26eb3db81d3ddc.svg)}._3yc4u7wqiUI0OOJUUwu7ld._1WWyNHFqf2FAx_0oCKTb2z{--image-url: url(/images/icons_01_16_chevronRight-21296f4f2ed1802920d72ec90738ec91.svg)}._3yc4u7wqiUI0OOJUUwu7ld._3mtdMaGXly0Vt4XpCkmiZd{--image-url: url(/images/icons_01_16_close-abc38b7f8ecf236fe300bb7e9e794e14.svg)}._3yc4u7wqiUI0OOJUUwu7ld._3IegLM7JNFtHpmWshuLkAx{--image-url: url(/images/icons_01_16_dropdown-4f7b108f0478d9781703c7e17c95e451.svg)}._3yc4u7wqiUI0OOJUUwu7ld._2eOElScPA-RuVXwPmWa2pg{--image-url: url(/images/icons_01_16_edit-77f018c4cb607bbbc18bbe8c2723e1d1.svg)}._3yc4u7wqiUI0OOJUUwu7ld._2AvJWgSYzPVA_JElAqz9Io{--image-url: url(/images/icons_01_16_email_onLight-ef8c421f54170bd0137065c8fbde1113.svg)}[data-theme=dark] ._3yc4u7wqiUI0OOJUUwu7ld._2AvJWgSYzPVA_JElAqz9Io{--image-url: url(/images/icons_01_16_email_onDark-ef8c421f54170bd0137065c8fbde1113.svg)}._3yc4u7wqiUI0OOJUUwu7ld.NN55SUnR7eqEZiVl0EHa0{--image-url: url(/images/icons_01_16_favoriteOff-12e3cf3dc82882e70ad507608a218987.svg)}._3yc4u7wqiUI0OOJUUwu7ld._1jBkC9oLqD8W5HhFkDCTJw{--image-url: url(/images/icons_01_16_favoriteOn-58ada449b83886d3107a917b6ac9d3d2.svg)}._3yc4u7wqiUI0OOJUUwu7ld._2E0XsFAKWJHHGeEJs1Rl7t{--image-url: url(/images/icons_01_16_filter-be97c2790d50cd9ee7fe95d132e5dc94.svg)}._3yc4u7wqiUI0OOJUUwu7ld._33M0J6GSf1xTEbIIw_ABEy{--image-url: url(/images/icons_01_16_info_onLight-699242c70c1fa7dd1310633257a706bc.svg)}[data-theme=dark] ._3yc4u7wqiUI0OOJUUwu7ld._33M0J6GSf1xTEbIIw_ABEy{--image-url: url(/images/icons_01_16_info_onDark-9eb187652f44e876cff34104f6e3041f.svg)}._3yc4u7wqiUI0OOJUUwu7ld._2BvZGkjENh9cF4o4ozxk23{--image-url: url(/images/icons_01_16_ladybug_onLight-17fd8b58ebb5a40a4566e8c2542e246b.svg)}[data-theme=dark] ._3yc4u7wqiUI0OOJUUwu7ld._2BvZGkjENh9cF4o4ozxk23{--image-url: url(/images/icons_01_16_ladybug_onDark-1a66513e288998c44048fa4e73a93b37.svg)}._3yc4u7wqiUI0OOJUUwu7ld._1WU9Xfsn4lNLwhLcmesRmF{--image-url: url(/images/icons_01_16_link-4c27d078eb6c792fae063204f344698d.svg)}._3yc4u7wqiUI0OOJUUwu7ld.rrr3EeGSWu7v-9FV811_2{--image-url: url(/images/icons_01_16_lock-98d00dbbf3418a4df5664100d97eb4f2.svg)}._3yc4u7wqiUI0OOJUUwu7ld._2m0meqzyz0hjk6Fr3PCJOG{--image-url: url(/images/icons_01_16_minus-4376642c7ad4fed412a539d647c7db59.svg)}._3yc4u7wqiUI0OOJUUwu7ld._3v6NqhNElBllv_9uYMH4_j{--image-url: url(/images/icons_01_16_move-ce1f3f7e676a968d068bfac171358eb6.svg)}._3yc4u7wqiUI0OOJUUwu7ld._3r5Omd6x8pcM5sBZn1KOy8{--image-url: url(/images/icons_01_16_navigateBack-d31aa1252ebac62be5da12d494f85068.svg)}._3yc4u7wqiUI0OOJUUwu7ld._1Cr0lc_pGlJUTh5b_d9ym9{--image-url: url(/images/icons_01_16_navigateForward-fcbb129f506e0855fcc62ac52ce37b5e.svg)}._3yc4u7wqiUI0OOJUUwu7ld._3x_WBocUAkK5MEJzOz-esr{--image-url: url(/images/icons_01_16_newWindow-1d04e42e1a82f32633197627376871ae.svg)}._3yc4u7wqiUI0OOJUUwu7ld._2De3W7zY27LnDXXaiJEO3N{--image-url: url(/images/icons_01_16_notifications-151448ad0e2b147b00615f0372acec46.svg)}._3yc4u7wqiUI0OOJUUwu7ld.ecDtBtuCyZAFsIFy2dWKz{--image-url: url(/images/icons_01_16_overflow-be2ecee5a63c7eac69b363c075a05a85.svg)}._3yc4u7wqiUI0OOJUUwu7ld._19eShBOGQNdpg0JEAMEmPC{--image-url: url(/images/icons_01_16_plus-59c9124a479f969170ca9cac6c4e7d0a.svg)}._3yc4u7wqiUI0OOJUUwu7ld._18woj9DrWi0NNbuo69h7wC{--image-url: url(/images/icons_01_16_print_onLight-fe65a560644e34db2ae75923799e6f7e.svg)}[data-theme=dark] ._3yc4u7wqiUI0OOJUUwu7ld._18woj9DrWi0NNbuo69h7wC{--image-url: url(/images/icons_01_16_print_onDark-fe65a560644e34db2ae75923799e6f7e.svg)}._3yc4u7wqiUI0OOJUUwu7ld.T0eufDOApcwQ9hqcorUU5{--image-url: url(/images/icons_01_16_private-e094dabe67321307c6ba7a1d69560c37.svg)}._3yc4u7wqiUI0OOJUUwu7ld.jh8T35fTW_-5LQh52jD4l{--image-url: url(/images/icons_01_16_search-43f56a8fa1cdf642a0154982c7a91a28.svg)}._3yc4u7wqiUI0OOJUUwu7ld._1VBxOu1azq5ylltU9gZn65{--image-url: url(/images/icons_01_16_settings-815bb88288ca1222f49ec9d1a63422fd.svg)}._3yc4u7wqiUI0OOJUUwu7ld._2awR50q0jYHinbel-cEl_r{--image-url: url(/images/icons_01_16_share-1048224efb80ed3e12b836c01e05fb26.svg)}._3yc4u7wqiUI0OOJUUwu7ld._1uRJ30h4uu7p2g8daVY_q_{--image-url: url(/images/icons_01_16_shared-8b3a6aec4e430788200304308f896f6b.svg)}._3yc4u7wqiUI0OOJUUwu7ld.krN57TYhtTB9PcBP5qtzT{--image-url: url(/images/icons_01_16_sidebarClose-894235075bb697fcf842b8f1b414cfb1.svg)}._3yc4u7wqiUI0OOJUUwu7ld._3QDkdj_jOJ7roL3NJnDz3l{--image-url: url(/images/icons_01_16_sidebarOpen-2d6b1e3a62af550e35931e04b72e0603.svg)}._3yc4u7wqiUI0OOJUUwu7ld._j8yAn5-nR7OWJsdJsnvj{--image-url: url(/images/icons_01_16_sort-ed87517b8a617e36dbbabab410e6c765.svg)}._3yc4u7wqiUI0OOJUUwu7ld._2a5UJcSw-5hfYx6nqmD92r{--image-url: url(/images/icons_01_16_whatsapp_onLight-a73cedf49cea59a20bd58902e5ada8fb.svg)}[data-theme=dark] ._3yc4u7wqiUI0OOJUUwu7ld._2a5UJcSw-5hfYx6nqmD92r{--image-url: url(/images/icons_01_16_whatsapp_onDark-2a70464d9b689e2700d9f873eb7cf9cb.svg)}.XdZsORbtKWtaUTZRLLuXc::after{background:url(/images/chevron-down-faded-0845b94284a0a5a42493e703d7ab4a8b.svg) center no-repeat,linear-gradient(to bottom, #fff 53%, #e2e2e2 98%);background-size:auto 5px,cover;border-radius:50%;bottom:0;box-shadow:0 1px 2px 0 hsla(var(--color-black-pure-hsl), 0.2),0 0 0 1px hsla(var(--color-black-pure-hsl), 0.1);content:"";height:16px;pointer-events:none;position:absolute;right:0;width:16px}.QMy62FdXFAB9oZnLCqJZX::after{background:url(/images/chevron-down-faded-0845b94284a0a5a42493e703d7ab4a8b.svg) center no-repeat;background-color:var(--color-gray-almostWhite);background-size:auto 5px;box-shadow:0 -1px 2px 0 hsla(var(--color-black-pure-hsl), 0.2),0 0 0 1px hsla(var(--color-black-pure-hsl), 0.1);transform:rotate(180deg)}._3iD8mtyu6nCXPpQ-GYvmXx::after{background:url(/images/favorites-mini-ecc747ab19a108b73c1f0220034ac50e.svg) no-repeat;background-size:100%;bottom:-2px;content:"";height:12px;pointer-events:none;position:absolute;right:-4px;width:12px}.rrr3EeGSWu7v-9FV811_2::after{--icon-source: url(/images/lock-dark-97bdb29d7e14a371c6cb1ed35561bce6.svg);background:var(--icon-source) center no-repeat,linear-gradient(var(--Icon-bg-color), var(--Icon-bg-color));background-size:auto 8px;border-top-left-radius:calc(var(--size) / var(--border-radius-ratio));bottom:-4px;content:"";height:16px;pointer-events:none;position:absolute;right:-4px;width:16px}[data-theme=dark] .rrr3EeGSWu7v-9FV811_2::after{--icon-source: url(/images/lock-light-7c8143a0deeba2c26b5159d446b04fc5.svg)}.E8xMmUj1mFJcpSbR8D16a{--space-outer: 0;border-radius:calc(var(--size) / var(--border-radius-ratio));font-weight:bold;line-height:var(--size);margin:var(--space-outer);position:relative;text-align:center;user-select:none}.E8xMmUj1mFJcpSbR8D16a::before{border-radius:calc(var(--size) / var(--border-radius-ratio))}._1rxP6OqYNiZwso9B-IYF3K{font-size:7px}._3iv2V5biI6gFROw7bKUvjW{--size: 22px;--space-outer: 2px;font-size:10px}._2qpiE5aGYOHTZxZ6y_y5kR{--size: 30px;--space-outer: 1px;font-size:12px}._1ubFVSFBWHEDjamlwX-FdY{--size: 60px;--space-outer: 2px;font-size:24px}
._2fG1etr9EL77_EwPCZi_1F{position:relative}._1oqelv4ItC2iDQ6faIjxvu{background:none;border:none;outline:0;padding:0}._1oqelv4ItC2iDQ6faIjxvu:focus>*{box-shadow:inset 0 0 0 1px var(--color-shadow-medium),inset 0 0 0 1px var(--color-blue-focus-light),0 0 0 3px var(--color-blue-focus-light)}._13MNMOfubo2dnWf6ieaD6K{background:var(--color-white);background-clip:content-box;border-left:1px solid hsla(var(--color-black-pure-hsl), 0.1);border-top:1px solid hsla(var(--color-black-pure-hsl), 0.1);border-top-left-radius:3px;height:16px;left:0;margin:0 auto;position:absolute;right:0;transform:rotate(45deg) translateY(-7px) translateX(-6px);width:16px}.PCLJX0HS3bSvdcnk4Q_Kp{max-height:231px;overflow-y:scroll}._1645PhTQPB3BjXZMXRguFI{background:var(--color-white);border-radius:6px;box-shadow:0 0 0 1px hsla(var(--color-black-pure-hsl), 0.1),0 1px 20px 0 var(--color-shadow-medium);position:absolute;top:80px;transform:translateX(calc(-50% + 30px))}._18HfKV-w8sIycVN7V3RUZz{display:grid;grid-gap:10px;grid-template-columns:repeat(6, 1fr);list-style:none;margin:0;outline:0;padding:16px}._2kHi6QwvnOJ4N8Nvxjfy-D{height:30px;width:30px}._2kHi6QwvnOJ4N8Nvxjfy-D img{border-radius:50%;width:100%}._3IhbDjNmtWWiqDgCAY2jC_ img{border-radius:6px}._2D5HMD0f5X2zFmAziQqCUm>*{box-shadow:inset 0 0 0 1px var(--color-shadow-medium),inset 0 0 0 1px var(--color-blue-focus-light),0 0 0 3px var(--color-blue-focus-light)}.p8o9I-xyvpzUZsqCKmVHV{border-radius:12px}
._2lKdJciL_SgqBbd1-OMmqB{font-size:var(--text-size-04);font-weight:600;line-height:var(--text-height);margin-bottom:16px}._30QMlFeqQoTwL_nujXzSO{font-size:var(--text-size-08);font-weight:normal;line-height:var(--text-height);margin-bottom:16px}._1pS4kFwUJ05MsPKSWSA81t{display:flex;flex-shrink:1;height:auto !important;margin:0 -16px;max-height:530px;min-height:0}._3iYwhMob2MTkJTb1cEbqUD{overflow-y:auto;padding:16px;width:100%}._3iYwhMob2MTkJTb1cEbqUD>div+div{padding-bottom:6px;padding-top:6px}._2t3vEpdeW76rPDXOgiXXvz{padding-left:27px}._2tS9L3VmR4z3793tptRQZI{font-size:var(--text-size-08);font-weight:normal;line-height:var(--text-height);align-items:center;display:flex}._2tS9L3VmR4z3793tptRQZI *+*{margin-left:8px}._2oj28K0kEPW2fKuZXnWWbk{font-size:var(--text-size-08);font-weight:normal;line-height:var(--text-height);align-items:center;display:flex;padding-left:27px}._1qeX6kogNy-AWEWfe1o26_{background-color:var(--fill-03);border-style:none;height:1px}.HVEjCosrIe509uZrHk527{margin-bottom:16px;min-width:100%}.HVEjCosrIe509uZrHk527 input{max-width:100%}._14Oe2M4YsVPMZ6zbtcqmPW{box-shadow:0 3px 4px 0 var(--fill-02-03);margin:0 -16px}._1h7kXds5WxlOrhQolKX_8V{border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 3px 3px -2px rgba(0,0,0,.03),0 3px 4px 0 rgba(0,0,0,.1),0 1px 8px 0 rgba(0,0,0,.03);padding:12px}._1h7kXds5WxlOrhQolKX_8V div+div{margin-top:5px}.MtJu-njLTJlVrIFiDMpMm{display:flex;justify-content:flex-end;margin-top:16px}.MtJu-njLTJlVrIFiDMpMm *+*{margin-left:8px}._1Ks9BdVCcnBC4r0kTCBZrG{padding:16px 0 16px 0}._1Ks9BdVCcnBC4r0kTCBZrG ._1A8ZsBYA4PwciBKNSEiBZ0{margin-right:8px}._3TUlZuJwdur-l4OjJXDCuQ:hover{background-color:var(--fill-06-01)}._3cq9vW3yZz20lfweVK-QDb{color:var(--text-03-08)}._2tvWVY-OV8qdMlD7HEJ8uf{background-color:var(--move-menu-bg);box-sizing:border-box;color:var(--text-color-01);display:flex;flex-direction:column;max-height:inherit;padding:16px;width:400px}._1JRy1uPf2SBgUQcmOdHX0D{background-color:var(--move-menu-bg);color:var(--text-color-01);max-height:inherit;padding:16px;width:400px}._1JRy1uPf2SBgUQcmOdHX0D ._3iYwhMob2MTkJTb1cEbqUD{height:150px}
._1X7N9BBIMJczsLANTfks5x,._2GKjcjwVjaAGVbzHnv2s2_,._2i_BSXO3q09Jn0zn6WEtdE{color:var(--text-color-04)}._1dVTrgJ3SR7VX3C7dhHEVh{color:var(--text-color-05)}._2gsVIJ0HPLkfC-QO0VTEO{background-color:var(--fill-06-03);font-weight:600}.ZVaDEO95kyaz0Wtz9tNPz{font-weight:600}
._3Ye_KvZiJzl1_a9_-H5-j-{position:relative}._3Ye_KvZiJzl1_a9_-H5-j-::before{-webkit-mask:url(/images/icons_01_16_search-43f56a8fa1cdf642a0154982c7a91a28.svg);mask:url(/images/icons_01_16_search-43f56a8fa1cdf642a0154982c7a91a28.svg);background-color:var(--text-color-secondary);content:"";height:16px;left:12px;pointer-events:none;position:absolute;top:6px;width:16px}.HeRYIOfmjvfg3wbQ-mkSd{background-color:var(--bg-color);border:none;border-radius:18px;box-shadow:0 0 0 1px var(--border-color);color:var(--text-color);font-size:13px;height:28px;max-width:320px;outline:none;padding:0 12px 0 36px;width:100%}.HeRYIOfmjvfg3wbQ-mkSd::placeholder{color:var(--text-color-secondary)}.HeRYIOfmjvfg3wbQ-mkSd::-webkit-search-cancel-button{-webkit-mask:url(/images/icons_01_16_cancel-1f2f7718c264d688efde76101a80f5cc.svg);mask:url(/images/icons_01_16_cancel-1f2f7718c264d688efde76101a80f5cc.svg);-webkit-appearance:none;background-color:var(--text-color-secondary);cursor:pointer;height:16px;margin:0 0 0 8px;width:16px}.HeRYIOfmjvfg3wbQ-mkSd:focus{box-shadow:0 0 0 1px var(--border-color),0 0 0 3px var(--focus-ring-color)}._1QtsrS0cQ-fZagYTHSrByo{background-color:var(--bg-color);border-radius:8px;box-shadow:var(--border-elevated),0 2px 24px var(--color-shadow-ultraLight);box-sizing:border-box;font-size:13px;list-style:none;margin:0;overflow:hidden auto;padding:6px;width:320px}._1QtsrS0cQ-fZagYTHSrByo .G5Z2ZYBNKWbYs1AgPzdhX{align-items:center;border-radius:6px;display:flex;height:32px}._1QtsrS0cQ-fZagYTHSrByo .G5Z2ZYBNKWbYs1AgPzdhX[aria-selected=true]{background-color:var(--color-blue-readable-dark);color:var(--color-white)}._1QtsrS0cQ-fZagYTHSrByo .G5Z2ZYBNKWbYs1AgPzdhX[aria-selected=true] ._1ZS9TNln5VFQxMfYNByejJ{color:var(--color-highlight-bright)}._1QtsrS0cQ-fZagYTHSrByo .G5Z2ZYBNKWbYs1AgPzdhX[aria-selected=true] ._3OUbF-8ocsn_zJSmnfj7-4{background-color:transparent !important}._35sxu3nKh33dR2fSBfD5RZ{color:var(--text-color-secondary);padding:6px 8px 12px}.G5Z2ZYBNKWbYs1AgPzdhX{color:var(--text-color);cursor:pointer;padding:0 8px;user-select:none}._1ZS9TNln5VFQxMfYNByejJ{color:var(--text-color-secondary);display:inline-block;flex-shrink:0;margin-right:8px}._3OUbF-8ocsn_zJSmnfj7-4,._3AuTggydOuMCAJJbv361EO{color:inherit !important}._1w1-jaz3LF6u3jQyuWwujy{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._3P0Yy-QoYKgRUDOuka6bRf{clip:rect(0, 0, 0, 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px;word-wrap:normal}
._1qvgjAGKcAEJw99CtRscSm{align-items:center;border-radius:8px;display:grid;grid-column-gap:13px;grid-template-columns:32px auto max-content;width:100%}._1qvgjAGKcAEJw99CtRscSm .evJ-uN5w1xDLYXKScZE2n{display:grid}._1qvgjAGKcAEJw99CtRscSm .evJ-uN5w1xDLYXKScZE2n .X_G2o69LMeaI0JkLJB1H4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-size-08);font-weight:normal;line-height:var(--text-height);color:var(--text-color-01)}._1qvgjAGKcAEJw99CtRscSm .evJ-uN5w1xDLYXKScZE2n ._1Kh_xW8-_ZKmlsi94qfM59{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-size-09);font-weight:normal;line-height:var(--text-height);color:var(--text-color-02)}._1qvgjAGKcAEJw99CtRscSm .evJ-uN5w1xDLYXKScZE2n._2KnT7ZKGZQN80ClZ_uJAML .X_G2o69LMeaI0JkLJB1H4,._1qvgjAGKcAEJw99CtRscSm .evJ-uN5w1xDLYXKScZE2n._2KnT7ZKGZQN80ClZ_uJAML ._1Kh_xW8-_ZKmlsi94qfM59{color:var(--text-color-03)}
.GG0YuiEjcIQG8iQNhFX-Z{bottom:0;display:grid;left:0;place-items:center;position:fixed;right:0;top:0;z-index:2147483647}._3_Zw8_KWqBdlpvHqlCRoS5{-webkit-app-region:no-drag;background-color:var(--bg-color);border-radius:6px;box-shadow:0 2px 16px 0 var(--color-shadow-ultraLight),var(--border-elevated);max-height:calc(100vh - 32px);max-width:calc(100vw - 32px);outline:none;overflow:hidden auto;position:relative}._3nrMLqDKhAuziaPjB5olgi{background-color:var(--color-shadow-light);bottom:0;left:0;position:absolute;right:0;top:0}[data-theme=dark] ._3nrMLqDKhAuziaPjB5olgi{background-color:var(--color-shadow-mediumDark)}
._3TxbO9b2v1KIHhhXpv_l-s{background-color:var(--bg-color-secondary)}._2856xEby85AFaum8Ee6m5B{align-items:center;display:flex;height:36px;justify-content:space-between;padding:0 16px}._2856xEby85AFaum8Ee6m5B._33SnA_3zYf-DzhZcGXZiyF{background-color:var(--fill-06-02);border-bottom:1px solid var(--border-02)}._2856xEby85AFaum8Ee6m5B ._2TY49t_YUGFlNZKAj3RXex+._2856xEby85AFaum8Ee6m5B ._2TY49t_YUGFlNZKAj3RXex{margin-left:6px}._2856xEby85AFaum8Ee6m5B ._2TY49t_YUGFlNZKAj3RXex._1X8_UXIxdqLYQH3QGoG632._2G3OjQH68J7ktKAiHXR5Bq{background-color:var(--color-purple-readable-dark) !important;color:var(--color-white) !important}._2856xEby85AFaum8Ee6m5B ._2TY49t_YUGFlNZKAj3RXex.aDGHROcFz7sM-_ATuJOOa{align-items:center;display:flex;margin-left:8px;overflow:hidden}._2856xEby85AFaum8Ee6m5B ._2TY49t_YUGFlNZKAj3RXex.aDGHROcFz7sM-_ATuJOOa button{background:transparent;border:none;color:var(--text-color-secondary);cursor:pointer;flex-shrink:0;outline:none;padding:0}._2856xEby85AFaum8Ee6m5B ._2TY49t_YUGFlNZKAj3RXex.aDGHROcFz7sM-_ATuJOOa ._1o-BjErt52UPK1XXPoY6vz{font-size:var(--text-size-08);font-weight:normal;line-height:var(--text-height);color:var(--text-color)}._2856xEby85AFaum8Ee6m5B ._2TY49t_YUGFlNZKAj3RXex.Rr3CPFVr92KTnKrwE9SiG{flex-shrink:0}._2856xEby85AFaum8Ee6m5B ._2TY49t_YUGFlNZKAj3RXex.Rr3CPFVr92KTnKrwE9SiG::after{display:none}._2856xEby85AFaum8Ee6m5B ._2TY49t_YUGFlNZKAj3RXex>*+*{margin-left:8px}._2856xEby85AFaum8Ee6m5B ._2TY49t_YUGFlNZKAj3RXex ._3H5x-CBVfRduAOsCMoPy1B{color:var(--text-color-secondary);flex-shrink:0}._2856xEby85AFaum8Ee6m5B ._2TY49t_YUGFlNZKAj3RXex ._1o-BjErt52UPK1XXPoY6vz{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._2jPhggALDcsPjx2s2RbXVk{outline:none}._2jPhggALDcsPjx2s2RbXVk ul{margin:0;padding:0}._2jPhggALDcsPjx2s2RbXVk .NZd-SLvBZPIYjTDmj3w4l{align-items:center;border-radius:6px;box-sizing:border-box;column-gap:12px;cursor:default;display:grid;grid-template-columns:32px auto;grid-template-rows:48px;margin:0 16px;overflow:hidden;padding:0 8px}._2jPhggALDcsPjx2s2RbXVk .NZd-SLvBZPIYjTDmj3w4l:last-child{box-shadow:none;margin-bottom:0}._2jPhggALDcsPjx2s2RbXVk .NZd-SLvBZPIYjTDmj3w4l ._2_kiEZ7qZ91y3QNMrr_gn2{display:flex;flex-direction:column;overflow:hidden}._2jPhggALDcsPjx2s2RbXVk .NZd-SLvBZPIYjTDmj3w4l ._2_kiEZ7qZ91y3QNMrr_gn2 .s4FU6rwxjqpBnOnRTFAK_,._2jPhggALDcsPjx2s2RbXVk .NZd-SLvBZPIYjTDmj3w4l ._2_kiEZ7qZ91y3QNMrr_gn2 ._25cEq_hLo9qqLA7jwUuOfv{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._2jPhggALDcsPjx2s2RbXVk .NZd-SLvBZPIYjTDmj3w4l ._2_kiEZ7qZ91y3QNMrr_gn2 .s4FU6rwxjqpBnOnRTFAK_{font-size:var(--text-size-07);font-weight:normal;line-height:var(--text-height);color:var(--text-color-01)}._2jPhggALDcsPjx2s2RbXVk .NZd-SLvBZPIYjTDmj3w4l ._2_kiEZ7qZ91y3QNMrr_gn2 ._25cEq_hLo9qqLA7jwUuOfv{font-size:var(--text-size-09);font-weight:normal;line-height:var(--text-height);color:var(--text-color-02)}._2jPhggALDcsPjx2s2RbXVk .NZd-SLvBZPIYjTDmj3w4l ._2_kiEZ7qZ91y3QNMrr_gn2 .Bup7KJquMqvWBQwqQaZKw{color:inherit !important}._2jPhggALDcsPjx2s2RbXVk .NZd-SLvBZPIYjTDmj3w4l ._2_kiEZ7qZ91y3QNMrr_gn2 ._2WP24ldqBksGwxjggA6T9h{color:var(--text-color-01) !important}._2jPhggALDcsPjx2s2RbXVk .NZd-SLvBZPIYjTDmj3w4l._3o4GX12UN0Dg_4Rmmwf0Ws{background-color:var(--bg-highlight-color-secondary);box-shadow:none}._2jPhggALDcsPjx2s2RbXVk:focus .NZd-SLvBZPIYjTDmj3w4l._3o4GX12UN0Dg_4Rmmwf0Ws{background-color:var(--color-blue-readable-dark)}._2jPhggALDcsPjx2s2RbXVk:focus .NZd-SLvBZPIYjTDmj3w4l._3o4GX12UN0Dg_4Rmmwf0Ws .s4FU6rwxjqpBnOnRTFAK_{color:var(--text-color-01-02)}._2jPhggALDcsPjx2s2RbXVk:focus .NZd-SLvBZPIYjTDmj3w4l._3o4GX12UN0Dg_4Rmmwf0Ws ._25cEq_hLo9qqLA7jwUuOfv{color:var(--text-color-02-02)}._2jPhggALDcsPjx2s2RbXVk:focus .NZd-SLvBZPIYjTDmj3w4l._3o4GX12UN0Dg_4Rmmwf0Ws ._2WP24ldqBksGwxjggA6T9h{background-color:transparent !important;color:var(--text-color-01-02) !important}._1vdDVoNCgX7Al4pJvMcNq8{height:36px}._1euBRV0OYUw1wjEqCAA5pt{font-size:var(--text-size-08);font-weight:normal;line-height:var(--text-height);color:var(--text-color-02);display:grid;height:calc(100% - 72px);padding:0 16px;place-items:center}
._3Fpk4duasIuiPri7FBVRkn{background-color:var(--bg-color-secondary);display:grid;grid-template-columns:minmax(64px, 1fr) repeat(auto-fit, minmax(64px, 1fr) minmax(64px, 1fr));height:100vh;width:100vw}@media only screen and (max-width: 192px){._3Fpk4duasIuiPri7FBVRkn{grid-template-columns:1fr}}._3Fpk4duasIuiPri7FBVRkn.qzloEXHYoR4buDLD0quHS{background-color:var(--bg-color)}._3Fpk4duasIuiPri7FBVRkn ._3tWlbwLBrkrbmVy4C3OeOq{background-color:var(--bg-color);color:var(--text-color-01);display:flex;flex-direction:column-reverse;font-feature-settings:"ss01","ss02";padding:0 4px;text-align:center}._3Fpk4duasIuiPri7FBVRkn ._3tWlbwLBrkrbmVy4C3OeOq:nth-child(even){background-color:var(--bg-color-secondary)}._3Fpk4duasIuiPri7FBVRkn ._3tWlbwLBrkrbmVy4C3OeOq ._3jgG1A85Hln96d_M3e9ERF{color:var(--text-color-secondary);line-height:1.25rem;margin-bottom:8px}._3Fpk4duasIuiPri7FBVRkn ._3tWlbwLBrkrbmVy4C3OeOq ._17mY2TuygQJdmla6L5FjEK{font-size:60px;font-size:clamp(60px, 4.62vw, 100px);line-height:initial;margin:auto 0;white-space:pre}
._3GPuSxLH6OYFQjCKNvxRFm{bottom:12px;left:12px;opacity:0;position:absolute;right:12px;transition:opacity 150ms}._3GPuSxLH6OYFQjCKNvxRFm._1Q9Rvm6eNRDbZqbT5sniN6,._3GPuSxLH6OYFQjCKNvxRFm._3AWcSiTyJsaqFpCX8ui92q{opacity:1}._3GPuSxLH6OYFQjCKNvxRFm._1v86ssHuM88Jz5Kmtps0Ah{opacity:0;transition-duration:300ms}._3grafS2WN6qM0w9hH8rHP5{background-color:var(--bg-color-invert);border-radius:4px;box-shadow:0 2px 4px 0 var(--color-shadow-medium);box-sizing:border-box;color:var(--text-color-invert);padding:12px;width:100%}
.XmBBpw0XIS81uK-NosDtm{transform:rotateZ(-90deg)}.XmBBpw0XIS81uK-NosDtm circle:first-child{stroke:var(--fill-03)}.XmBBpw0XIS81uK-NosDtm circle:last-child{stroke:var(--fill-01);transition:stroke-dashoffset 1s linear,stroke 125ms linear}
._1vz5wrqY8cepw01ijJt5wm:focus,._1vz5wrqY8cepw01ijJt5wm::-moz-focus-inner,._3KNrixnCSoigKIvSo7pGxy:focus,._3KNrixnCSoigKIvSo7pGxy::-moz-focus-inner{border:none}._1vz5wrqY8cepw01ijJt5wm:focus,._3KNrixnCSoigKIvSo7pGxy:focus{outline:none}._1vz5wrqY8cepw01ijJt5wm{font-size:var(--text-size-05);font-weight:600;line-height:var(--text-height);background-color:transparent;border:none;color:var(--text-color-01);flex-shrink:0;opacity:0;overflow:hidden;padding:0;white-space:nowrap;width:0}._3KNrixnCSoigKIvSo7pGxy{background-color:transparent;border:none;border-bottom-right-radius:inherit;border-top-right-radius:inherit;color:var(--text-color-01);display:grid;flex-shrink:0;opacity:0;overflow:hidden;padding:0;place-items:center;width:0}._2mrNc3uOU08BQ1RppHHcm7{font-size:var(--text-size-08);font-weight:normal;line-height:var(--text-height);--border-radius: 8px;display:flex;position:relative;user-select:none}._2mrNc3uOU08BQ1RppHHcm7 ._2gRglbs-mLGHC4k5mItCQ8{border-radius:inherit;display:flex;flex-grow:1;overflow:hidden;padding:9px 16px}._2mrNc3uOU08BQ1RppHHcm7 ._2SRnY0sY8AFEsu1kVKsZVE{color:var(--text-color-01);flex-grow:1;margin:auto 0}._2mrNc3uOU08BQ1RppHHcm7 ._1n0qv35yO5NC-MZIlCfRmO{font-size:var(--text-size-09);font-weight:normal;line-height:var(--text-height);color:var(--fill-05-02)}._2mrNc3uOU08BQ1RppHHcm7 ._3NKLOSI8UsWLoaKBrsiRRL{flex-shrink:0;margin:auto 0 auto 8px}._2mrNc3uOU08BQ1RppHHcm7._3jEUbWHP-bmlem0PElOWJe ._2gRglbs-mLGHC4k5mItCQ8{padding:7px 12px}._2mrNc3uOU08BQ1RppHHcm7._3jEUbWHP-bmlem0PElOWJe ._3NKLOSI8UsWLoaKBrsiRRL{margin-left:6px}._2mrNc3uOU08BQ1RppHHcm7._2SKf8v9Z-nSasQe9YMFH1u{border-radius:0 0 var(--border-radius) var(--border-radius)}._2mrNc3uOU08BQ1RppHHcm7.RzexxWUTgla0PcdS9x8ZE{border-radius:var(--border-radius) var(--border-radius) 0 0}._2mrNc3uOU08BQ1RppHHcm7._28BZjOfTIPsNGpc87IlPoC{border-radius:var(--border-radius)}._2mrNc3uOU08BQ1RppHHcm7.a5GRPP5yZFF_CIOdUOs34{background-color:var(--fill-01-05)}._2mrNc3uOU08BQ1RppHHcm7.a5GRPP5yZFF_CIOdUOs34::after{border:1px solid var(--border-02);border-radius:inherit;box-sizing:border-box;content:"";height:100%;pointer-events:none;position:absolute;width:100%}._2mrNc3uOU08BQ1RppHHcm7.a5GRPP5yZFF_CIOdUOs34.auZ72vBCqx_EuUMlB16Em,._2mrNc3uOU08BQ1RppHHcm7.a5GRPP5yZFF_CIOdUOs34._2SKf8v9Z-nSasQe9YMFH1u{margin-top:-1px}._2mrNc3uOU08BQ1RppHHcm7.a5GRPP5yZFF_CIOdUOs34.auZ72vBCqx_EuUMlB16Em::after,._2mrNc3uOU08BQ1RppHHcm7.a5GRPP5yZFF_CIOdUOs34.RzexxWUTgla0PcdS9x8ZE::after{border-bottom-width:0}[data-theme=dark] ._2mrNc3uOU08BQ1RppHHcm7.a5GRPP5yZFF_CIOdUOs34{background-color:var(--fill-01-02)}._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz{cursor:pointer}._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz ._1vz5wrqY8cepw01ijJt5wm,._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz ._3KNrixnCSoigKIvSo7pGxy{cursor:inherit}._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz ._2gRglbs-mLGHC4k5mItCQ8:hover,._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz ._2gRglbs-mLGHC4k5mItCQ8:active,[data-focus-visible] ._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz ._2gRglbs-mLGHC4k5mItCQ8:focus-within{background-image:var(--image-06-01)}._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz ._2gRglbs-mLGHC4k5mItCQ8:hover,[data-focus-visible] ._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz ._2gRglbs-mLGHC4k5mItCQ8:focus-within{--content-and-actions-bg-color: transparent}._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz ._2gRglbs-mLGHC4k5mItCQ8:active{--content-and-actions-bg-color: var(--fill-03)}._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz ._3KNrixnCSoigKIvSo7pGxy:hover,._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz ._3KNrixnCSoigKIvSo7pGxy:active,[data-focus-visible] ._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz ._3KNrixnCSoigKIvSo7pGxy:focus,._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz ._3KNrixnCSoigKIvSo7pGxy[aria-expanded=true]{background-image:var(--image-06-01)}._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz ._3KNrixnCSoigKIvSo7pGxy:hover,[data-focus-visible] ._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz ._3KNrixnCSoigKIvSo7pGxy:focus{--content-and-actions-bg-color: transparent}._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz ._3KNrixnCSoigKIvSo7pGxy:active,._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz ._3KNrixnCSoigKIvSo7pGxy[aria-expanded=true]{--content-and-actions-bg-color: var(--fill-03)}._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:hover ._2gRglbs-mLGHC4k5mItCQ8,._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:hover ._3KNrixnCSoigKIvSo7pGxy,._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:active ._2gRglbs-mLGHC4k5mItCQ8,._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:active ._3KNrixnCSoigKIvSo7pGxy,[data-focus-visible] ._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:focus-within ._2gRglbs-mLGHC4k5mItCQ8,[data-focus-visible] ._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:focus-within ._3KNrixnCSoigKIvSo7pGxy,._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz._36NxUoyj0iTkmMVUKaZMgh ._2gRglbs-mLGHC4k5mItCQ8,._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz._36NxUoyj0iTkmMVUKaZMgh ._3KNrixnCSoigKIvSo7pGxy{background-color:var(--content-and-actions-bg-color, var(--fill-05))}._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:hover ._3NKLOSI8UsWLoaKBrsiRRL,._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:active ._3NKLOSI8UsWLoaKBrsiRRL,[data-focus-visible] ._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:focus-within ._3NKLOSI8UsWLoaKBrsiRRL,._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz._36NxUoyj0iTkmMVUKaZMgh ._3NKLOSI8UsWLoaKBrsiRRL{display:none}._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:hover ._1vz5wrqY8cepw01ijJt5wm,._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:hover ._3KNrixnCSoigKIvSo7pGxy,._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:active ._1vz5wrqY8cepw01ijJt5wm,._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:active ._3KNrixnCSoigKIvSo7pGxy,[data-focus-visible] ._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:focus-within ._1vz5wrqY8cepw01ijJt5wm,[data-focus-visible] ._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:focus-within ._3KNrixnCSoigKIvSo7pGxy,._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz._36NxUoyj0iTkmMVUKaZMgh ._1vz5wrqY8cepw01ijJt5wm,._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz._36NxUoyj0iTkmMVUKaZMgh ._3KNrixnCSoigKIvSo7pGxy{opacity:1}._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:hover ._1vz5wrqY8cepw01ijJt5wm,._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:active ._1vz5wrqY8cepw01ijJt5wm,[data-focus-visible] ._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:focus-within ._1vz5wrqY8cepw01ijJt5wm,._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz._36NxUoyj0iTkmMVUKaZMgh ._1vz5wrqY8cepw01ijJt5wm{margin-left:12px;width:auto}._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:hover ._3KNrixnCSoigKIvSo7pGxy,._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:active ._3KNrixnCSoigKIvSo7pGxy,[data-focus-visible] ._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:focus-within ._3KNrixnCSoigKIvSo7pGxy,._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz._36NxUoyj0iTkmMVUKaZMgh ._3KNrixnCSoigKIvSo7pGxy{margin-left:1px;width:48px}._2gRglbs-mLGHC4k5mItCQ8 ._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:hover,._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:active,[data-focus-visible] ._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:focus-within,._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz._36NxUoyj0iTkmMVUKaZMgh{z-index:1}._2gRglbs-mLGHC4k5mItCQ8 ._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:hover.auZ72vBCqx_EuUMlB16Em::after,._2gRglbs-mLGHC4k5mItCQ8 ._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:hover.RzexxWUTgla0PcdS9x8ZE::after,._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:active.auZ72vBCqx_EuUMlB16Em::after,._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:active.RzexxWUTgla0PcdS9x8ZE::after,[data-focus-visible] ._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:focus-within.auZ72vBCqx_EuUMlB16Em::after,[data-focus-visible] ._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:focus-within.RzexxWUTgla0PcdS9x8ZE::after,._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz._36NxUoyj0iTkmMVUKaZMgh.auZ72vBCqx_EuUMlB16Em::after,._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz._36NxUoyj0iTkmMVUKaZMgh.RzexxWUTgla0PcdS9x8ZE::after{border-bottom-width:1px}[data-focus-visible] ._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:focus-within{z-index:2}[data-focus-visible] ._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:focus-within ._2gRglbs-mLGHC4k5mItCQ8:focus-within,[data-focus-visible] ._2mrNc3uOU08BQ1RppHHcm7._11Lx41NEzaJhADRVCOJDJz:focus-within ._3KNrixnCSoigKIvSo7pGxy:focus{box-shadow:inset 0 0 0 1px var(--border-08),0 0 0 3px var(--border-08)}._2mrNc3uOU08BQ1RppHHcm7.Rmji-wU7t1o-uIOysYn8e ._2gRglbs-mLGHC4k5mItCQ8{border-bottom-right-radius:0;border-top-right-radius:0}._1XJpc1V3LyLmqGi9c9BEKI{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qizTxgUE0Ab44cl01vmzp{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-feature-settings:"ss01","ss02"}._2koRfzY2usXn7bK8WB9eCA{font-size:var(--text-size-09);font-weight:normal;line-height:var(--text-height);align-items:center;color:var(--text-color-02);display:flex}._2koRfzY2usXn7bK8WB9eCA svg{margin-left:8px}
._2aags_QgTr-oqhVGIcv5BB{display:grid;grid-template-rows:53px calc(100% - 53px);overflow:hidden !important;width:400px}._2aags_QgTr-oqhVGIcv5BB ._25twjPIr2eEFRR_SbIGSd8{align-items:center;border-bottom:1px solid var(--border-color);display:flex;padding:12px 16px}._2aags_QgTr-oqhVGIcv5BB ._25twjPIr2eEFRR_SbIGSd8 .dbATZbZ8OAueHPDNa8EIZ{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-color);flex-grow:1;margin:0 16px 0 0}._3WoTptKPTBNykiVyCY6p8g{background-color:var(--bg-color-secondary);height:100%;overflow:hidden auto;padding:16px}
._2ysHizjqmzKLmheGrhkIy8{background-color:var(--bg-color-invert);border-radius:4px;color:var(--text-color-invert);font-size:.9em;padding:4px 8px}
.FZ32hRl4jNfi7id0Ai4VW{font-size:var(--text-size-08);font-weight:normal;line-height:var(--text-height);--sidebar-width: 200px;color:var(--text-color-01);display:grid;grid-template-columns:minmax(180px, var(--sidebar-width)) 1fr;grid-template-rows:100%;height:100%;overflow:hidden;position:relative}._3FqGtUvDwfnFErgK7-UK-l{background-color:var(--fill-05);border-right:1px solid var(--border-02);display:grid;grid-area:1/1/-1/1;grid-template-rows:calc(100% - 45px) 45px;overflow:hidden}._3FqGtUvDwfnFErgK7-UK-l ul{box-sizing:border-box;height:100%;margin:0;outline:none;overflow:hidden auto;padding:12px}._3FqGtUvDwfnFErgK7-UK-l ul li{align-items:center;border-radius:6px;box-sizing:border-box;cursor:default;display:grid;grid-column-gap:8px;grid-template-columns:38px auto;grid-template-rows:48px;overflow:hidden;padding:0 16px}._3FqGtUvDwfnFErgK7-UK-l ul li._361EW7ElvW0A-rtmwzuqcl{background-color:var(--bg-highlight-color-secondary)}._3FqGtUvDwfnFErgK7-UK-l ul:focus li._361EW7ElvW0A-rtmwzuqcl{background-color:var(--color-blue-readable-dark)}._3FqGtUvDwfnFErgK7-UK-l ul:focus li._361EW7ElvW0A-rtmwzuqcl span{color:var(--vault-collection-text-active)}._3FqGtUvDwfnFErgK7-UK-l ._2WEBIAd2A2t5y7FHQOXC7C{display:grid}._3FqGtUvDwfnFErgK7-UK-l ._2WEBIAd2A2t5y7FHQOXC7C span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._3FqGtUvDwfnFErgK7-UK-l ._2aD60Su_hG1U-SBhxUftif{font-size:var(--text-size-09);font-weight:normal;line-height:var(--text-height);color:var(--text-color-02)}._3FqGtUvDwfnFErgK7-UK-l ._3x2gz_dMMGyXHe2WNuIf3v{border-top:1px solid var(--border-02);display:flex;padding:8px}._3FqGtUvDwfnFErgK7-UK-l ._3x2gz_dMMGyXHe2WNuIf3v button+button{margin-left:8px}.iDmxymSE1PE4-S7YhH750{background-color:var(--vault-collection-bg-content);display:grid;grid-row-gap:16px;grid-template-rows:32px 1fr;padding:24px}.iDmxymSE1PE4-S7YhH750 ul{list-style-type:none;margin:0;padding:16px}.iDmxymSE1PE4-S7YhH750 .VU2cVoogG-C1EqUvQNXf_{-webkit-app-region:no-drag}.iDmxymSE1PE4-S7YhH750 .VU2cVoogG-C1EqUvQNXf_ span{margin-left:16px}.iDmxymSE1PE4-S7YhH750 .VU2cVoogG-C1EqUvQNXf_ input[type=text]{font-size:var(--text-size-04);font-weight:600;line-height:var(--text-height);background-color:var(--vault-collection-input-fill);border:none;border-radius:6px;box-shadow:inset 0 0 0 1px var(--border-02);color:var(--text-color-01);height:32px;outline:none;padding:0 13px;width:100%}.iDmxymSE1PE4-S7YhH750 .VU2cVoogG-C1EqUvQNXf_ input[type=text]:focus{box-shadow:inset 0 0 0 1px var(--border-02),inset 0 0 0 1px var(--border-08),0 0 0 3px var(--border-08)}.iDmxymSE1PE4-S7YhH750 ._2IDUTZpMcTrja2DrqCHimS{background-color:var(--vault-collection-bg-list);border:1px solid var(--border-02);border-radius:6px;color:var(--text-color-01);overflow:hidden}.iDmxymSE1PE4-S7YhH750 ._2IDUTZpMcTrja2DrqCHimS ul{height:100%;overflow:hidden auto;padding:0 !important}.iDmxymSE1PE4-S7YhH750 ._2IDUTZpMcTrja2DrqCHimS ul:focus{outline:none}.iDmxymSE1PE4-S7YhH750 ._2IDUTZpMcTrja2DrqCHimS li{align-items:center;box-sizing:border-box;display:flex;min-height:32px;overflow:hidden;padding-right:8px}.iDmxymSE1PE4-S7YhH750 ._2IDUTZpMcTrja2DrqCHimS li:nth-child(even){background-color:var(--vault-collection-bg-content)}.iDmxymSE1PE4-S7YhH750 ._2IDUTZpMcTrja2DrqCHimS li._33Amp9eN7zZbKAqeTIvbCP{color:var(--text-color-03)}.iDmxymSE1PE4-S7YhH750 ._2IDUTZpMcTrja2DrqCHimS li ._1pRMOaU1M6lZ_upkr7XYzF{align-items:center;cursor:default;display:flex;justify-content:space-between;margin-right:8px;overflow:hidden;width:100%}.iDmxymSE1PE4-S7YhH750 ._2IDUTZpMcTrja2DrqCHimS li ._1pRMOaU1M6lZ_upkr7XYzF>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iDmxymSE1PE4-S7YhH750 ._2IDUTZpMcTrja2DrqCHimS li ._1awZQIdRecDJudTzUkFc_5{flex-shrink:0;margin-right:8px}.iDmxymSE1PE4-S7YhH750 ._2IDUTZpMcTrja2DrqCHimS li ._3DZ7EOKHVU1HPgShD1Imyh{display:flex;flex-shrink:0}.iDmxymSE1PE4-S7YhH750 ._2IDUTZpMcTrja2DrqCHimS li ._35XOUvbDyBzJmq1GvPQMsD{color:var(--fill-02);margin-left:8px}.iDmxymSE1PE4-S7YhH750 ._2IDUTZpMcTrja2DrqCHimS li ._1QijFeBd62Nk75cQiMVjZz{display:flex;flex-shrink:0;justify-content:flex-end;margin-right:8px}._1nhScj19nKxSt4-6UKQhPX{color:var(--text-color-01);min-width:275px;padding:16px 20px}._1nhScj19nKxSt4-6UKQhPX ._3wruFO_JVN0OQHJEl7qqch{font-size:var(--text-size-04);font-weight:600;line-height:var(--text-height)}._1nhScj19nKxSt4-6UKQhPX ._B5eAkB_76pdgCfyaoi6P{align-items:center;display:flex;margin:16px 8px}._1nhScj19nKxSt4-6UKQhPX ._B5eAkB_76pdgCfyaoi6P ._3PT_pEdsPE5RhpGdJTwarx{display:flex;flex-direction:column;margin-left:8px}._1nhScj19nKxSt4-6UKQhPX ._B5eAkB_76pdgCfyaoi6P ._3b_v3wduukIFvWjkcFdCJr{margin-right:8px}._1nhScj19nKxSt4-6UKQhPX ._B5eAkB_76pdgCfyaoi6P span{font-size:var(--text-size-08);font-weight:normal;line-height:var(--text-height);margin-left:4px}._1nhScj19nKxSt4-6UKQhPX ._B5eAkB_76pdgCfyaoi6P span~span{font-size:var(--text-size-09);font-weight:normal;line-height:var(--text-height);color:var(--text-color-02)}._1nhScj19nKxSt4-6UKQhPX ._3x2gz_dMMGyXHe2WNuIf3v{display:flex;justify-content:flex-end}._1nhScj19nKxSt4-6UKQhPX ._3x2gz_dMMGyXHe2WNuIf3v>:last-child{margin-left:8px}._1up_ot_ZQA2bdDykosLMcv{background-color:var(--switch-bg);border-radius:20px;display:inline-block;height:20px;position:relative;transition:margin ease-out 1s background-color ease-in-out 1s;width:32px}._1up_ot_ZQA2bdDykosLMcv:focus-within{box-shadow:inset 0 0 0 1px var(--border-08),0 0 0 3px var(--border-08)}._1up_ot_ZQA2bdDykosLMcv._1Kvc1dACGXMQwXf32DdX7j{background-color:var(--switch-bg-active)}._1up_ot_ZQA2bdDykosLMcv ._2M51vwH6tyukQBL_RQAWH8{display:block;height:100%;margin:0;opacity:0;position:absolute;top:0;width:100%}._1up_ot_ZQA2bdDykosLMcv ._1CKQqm3eD33wriX0lzv4CC{background-color:var(--switch-button);border-radius:9px;display:block;height:16px;margin:2px 24px 2px 2px;width:16px;z-index:1}._1up_ot_ZQA2bdDykosLMcv ._2M51vwH6tyukQBL_RQAWH8:checked+._1CKQqm3eD33wriX0lzv4CC{margin:2px 2px 2px 14px}._3P9PwBv9LYqdrKg-995qbl{-webkit-appearance:none;-moz-appearance:none;border:none;border-radius:3.2px;box-shadow:inset 0 0 0 1px var(--border-02);display:inline-block;flex-shrink:0;height:16px;margin-left:0;margin-right:8px;position:relative;width:16px}._3P9PwBv9LYqdrKg-995qbl:indeterminate{background-color:var(--fill-05-01)}._3P9PwBv9LYqdrKg-995qbl:indeterminate::after{border-right:2px solid var(--checkbox-checkmark);content:"";display:block;height:7px;left:0;left:4px;opacity:1;position:absolute;top:0;top:2px;transform:rotate(90deg);width:4px}._3P9PwBv9LYqdrKg-995qbl:not(:indeterminate)::after{border:2px solid var(--checkbox-checkmark);border-left:0;border-top:0;content:"";display:block;height:6px;left:0;left:5px;opacity:0;position:absolute;top:0;top:2px;transform:rotate(40deg);width:3px}._3P9PwBv9LYqdrKg-995qbl:checked{background-color:var(--fill-05-01)}._3P9PwBv9LYqdrKg-995qbl:checked::after{opacity:1}._3P9PwBv9LYqdrKg-995qbl:disabled{background-color:var(--fill-02);border-color:var(--border-02);opacity:.3}._3P9PwBv9LYqdrKg-995qbl:focus{box-shadow:inset 0 0 0 1px var(--border-02),inset 0 0 0 1px var(--border-08),0 0 0 3px var(--border-08);outline:none}
._1dDe-rX3vXAZo9dknBZwbL{background-color:var(--bg-highlight-color-secondary);box-shadow:none;outline:none;position:relative;transition-delay:50ms;transition-duration:150ms;transition-property:background-color,box-shadow;width:1px;z-index:1}._1dDe-rX3vXAZo9dknBZwbL::after{bottom:0;content:"";cursor:col-resize;left:-3px;position:absolute;top:0;width:7px}._1dDe-rX3vXAZo9dknBZwbL:hover,._1dDe-rX3vXAZo9dknBZwbL._28lNIosabGtCs8Akx4Yxia,[data-focus-visible] ._1dDe-rX3vXAZo9dknBZwbL:focus{background-color:var(--color-blue-bright);box-shadow:0 1px 0 1px var(--color-blue-bright)}._1dDe-rX3vXAZo9dknBZwbL._28lNIosabGtCs8Akx4Yxia::after{left:0;position:fixed;right:0;width:auto}
.qFiAu8jnc_HCjxRQH0dHY{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:pre}
.dEy7_uVjqprGVgbVySJWJ{flex-direction:column}.zskBMXMQGAl836WGIZnOK{display:grid;padding:32px 0 16px;place-items:center;position:relative}.zskBMXMQGAl836WGIZnOK::before{background:url(/images/document_noPreview_onlight@3x-1788edb6c03c24153315f0ec333a7fd5.png) center/contain;content:"";height:96px;width:96px}[data-theme=dark] .zskBMXMQGAl836WGIZnOK::before{background-image:url(/images/document_noPreview_ondark@3x-bd6a8b0bb2d71ecd86e6d27fae38b4ab.png)}.zskBMXMQGAl836WGIZnOK::after{background-color:var(--border-02);bottom:-1px;content:"";height:1px;left:0;position:absolute;width:100%}.zskBMXMQGAl836WGIZnOK p{font-size:var(--text-size-09);font-weight:normal;line-height:var(--text-height);color:var(--text-color-02);margin:16px 0 0;text-align:center}._33NqCghwpGk9he4hI2OLvM{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;cursor:pointer;display:flex;height:48px}._33NqCghwpGk9he4hI2OLvM .K4an6mWvpeIV92FDKozyi,._33NqCghwpGk9he4hI2OLvM ._3imeXxkvxGuQnFYqlQsqil{cursor:inherit;opacity:1 !important}._33NqCghwpGk9he4hI2OLvM .K4an6mWvpeIV92FDKozyi:hover,._33NqCghwpGk9he4hI2OLvM .K4an6mWvpeIV92FDKozyi:active,[data-focus-visible] ._33NqCghwpGk9he4hI2OLvM .K4an6mWvpeIV92FDKozyi:focus,._33NqCghwpGk9he4hI2OLvM .K4an6mWvpeIV92FDKozyi[aria-expanded=true],._33NqCghwpGk9he4hI2OLvM ._3imeXxkvxGuQnFYqlQsqil:hover,._33NqCghwpGk9he4hI2OLvM ._3imeXxkvxGuQnFYqlQsqil:active,[data-focus-visible] ._33NqCghwpGk9he4hI2OLvM ._3imeXxkvxGuQnFYqlQsqil:focus,._33NqCghwpGk9he4hI2OLvM ._3imeXxkvxGuQnFYqlQsqil[aria-expanded=true]{background-image:var(--image-06-01)}._33NqCghwpGk9he4hI2OLvM .K4an6mWvpeIV92FDKozyi:hover,[data-focus-visible] ._33NqCghwpGk9he4hI2OLvM .K4an6mWvpeIV92FDKozyi:focus,._33NqCghwpGk9he4hI2OLvM ._3imeXxkvxGuQnFYqlQsqil:hover,[data-focus-visible] ._33NqCghwpGk9he4hI2OLvM ._3imeXxkvxGuQnFYqlQsqil:focus{--content-and-actions-bg-color: transparent}._33NqCghwpGk9he4hI2OLvM .K4an6mWvpeIV92FDKozyi:active,._33NqCghwpGk9he4hI2OLvM .K4an6mWvpeIV92FDKozyi[aria-expanded=true],._33NqCghwpGk9he4hI2OLvM ._3imeXxkvxGuQnFYqlQsqil:active,._33NqCghwpGk9he4hI2OLvM ._3imeXxkvxGuQnFYqlQsqil[aria-expanded=true]{--content-and-actions-bg-color: var(--fill-03)}[data-focus-visible] ._33NqCghwpGk9he4hI2OLvM .K4an6mWvpeIV92FDKozyi:focus,[data-focus-visible] ._33NqCghwpGk9he4hI2OLvM ._3imeXxkvxGuQnFYqlQsqil:focus{box-shadow:inset 0 0 0 1px var(--border-08),0 0 0 3px var(--border-08)}._33NqCghwpGk9he4hI2OLvM .K4an6mWvpeIV92FDKozyi{border-bottom-left-radius:inherit;color:var(--text-color-04) !important;flex:1 1 !important;font-weight:normal !important;padding:0 16px;text-align:left;width:auto !important}._33NqCghwpGk9he4hI2OLvM ._3imeXxkvxGuQnFYqlQsqil{margin-left:1px !important;width:48px !important}._33NqCghwpGk9he4hI2OLvM:hover .K4an6mWvpeIV92FDKozyi,._33NqCghwpGk9he4hI2OLvM:hover ._3imeXxkvxGuQnFYqlQsqil,._33NqCghwpGk9he4hI2OLvM:active .K4an6mWvpeIV92FDKozyi,._33NqCghwpGk9he4hI2OLvM:active ._3imeXxkvxGuQnFYqlQsqil,[data-focus-visible] ._33NqCghwpGk9he4hI2OLvM:focus-within .K4an6mWvpeIV92FDKozyi,[data-focus-visible] ._33NqCghwpGk9he4hI2OLvM:focus-within ._3imeXxkvxGuQnFYqlQsqil,._33NqCghwpGk9he4hI2OLvM._1NKOLn0W4piTEAKtU0uHcX .K4an6mWvpeIV92FDKozyi,._33NqCghwpGk9he4hI2OLvM._1NKOLn0W4piTEAKtU0uHcX ._3imeXxkvxGuQnFYqlQsqil{background-color:var(--content-and-actions-bg-color, var(--fill-05))}
._1GpSkNPJ-x7ZxDWfkLHyDc{white-space:normal;word-wrap:break-word}._1GpSkNPJ-x7ZxDWfkLHyDc *:not(a){cursor:text;user-select:text}._1GpSkNPJ-x7ZxDWfkLHyDc>*{margin:0}._1GpSkNPJ-x7ZxDWfkLHyDc>*+*{margin-block-start:16px}._1GpSkNPJ-x7ZxDWfkLHyDc h1,._1GpSkNPJ-x7ZxDWfkLHyDc h2,._1GpSkNPJ-x7ZxDWfkLHyDc h3,._1GpSkNPJ-x7ZxDWfkLHyDc h4,._1GpSkNPJ-x7ZxDWfkLHyDc h5,._1GpSkNPJ-x7ZxDWfkLHyDc h6,._1GpSkNPJ-x7ZxDWfkLHyDc strong{font-weight:bold}._1GpSkNPJ-x7ZxDWfkLHyDc h1,._1GpSkNPJ-x7ZxDWfkLHyDc h2,._1GpSkNPJ-x7ZxDWfkLHyDc h3,._1GpSkNPJ-x7ZxDWfkLHyDc h4,._1GpSkNPJ-x7ZxDWfkLHyDc h5,._1GpSkNPJ-x7ZxDWfkLHyDc h6{--increment: 0.15rem;font-weight:bold}._1GpSkNPJ-x7ZxDWfkLHyDc h1{font-size:calc(1rem + var(--increment) + var(--increment) + var(--increment))}._1GpSkNPJ-x7ZxDWfkLHyDc h2{font-size:calc(1rem + var(--increment) + var(--increment))}._1GpSkNPJ-x7ZxDWfkLHyDc h3{font-size:calc(1rem + var(--increment))}._1GpSkNPJ-x7ZxDWfkLHyDc h4{font-size:calc(1rem + var(--increment) - var(--increment))}._1GpSkNPJ-x7ZxDWfkLHyDc h5{font-size:calc(1rem + var(--increment) - var(--increment) - var(--increment))}._1GpSkNPJ-x7ZxDWfkLHyDc h6{font-size:calc(1rem + var(--increment) - var(--increment) - var(--increment) - var(--increment))}._1GpSkNPJ-x7ZxDWfkLHyDc em{font-style:italic}._1GpSkNPJ-x7ZxDWfkLHyDc del,._1GpSkNPJ-x7ZxDWfkLHyDc strike{color:var(--text-color-secondary)}._1GpSkNPJ-x7ZxDWfkLHyDc ol,._1GpSkNPJ-x7ZxDWfkLHyDc ul{padding-inline-start:29px}._1GpSkNPJ-x7ZxDWfkLHyDc ol{list-style:decimal}._1GpSkNPJ-x7ZxDWfkLHyDc ul{list-style:disc}._1GpSkNPJ-x7ZxDWfkLHyDc code,._1GpSkNPJ-x7ZxDWfkLHyDc pre{background-color:var(--bg-highlight-color-secondary);border-radius:4px;font-family:monospace;white-space:pre-wrap}._1GpSkNPJ-x7ZxDWfkLHyDc code{padding:2px 4px}._1GpSkNPJ-x7ZxDWfkLHyDc pre{padding:8px 12px}._1GpSkNPJ-x7ZxDWfkLHyDc blockquote{color:var(--text-color-secondary);padding-inline-start:16px;position:relative}._1GpSkNPJ-x7ZxDWfkLHyDc blockquote::before{background-color:var(--color-faded-medium);border-radius:2px;content:"";height:100%;left:0;position:absolute;width:4px}._1GpSkNPJ-x7ZxDWfkLHyDc a,._1GpSkNPJ-x7ZxDWfkLHyDc a:visited{color:var(--text-color-blue)}._1GpSkNPJ-x7ZxDWfkLHyDc hr{background-color:var(--bg-highlight-color-secondary);border:none;height:1px;width:100%}
._1cDQWBDW380q2d1WA627QK{align-items:center;column-gap:12px;display:grid;grid-template-columns:32px auto;grid-template-rows:34px}._1cDQWBDW380q2d1WA627QK .GP0cZOABWEydC7Via44Cw{display:flex;flex-direction:column;overflow:hidden}._1cDQWBDW380q2d1WA627QK .GP0cZOABWEydC7Via44Cw .ez7HObMxkNN-adRDKBwAG,._1cDQWBDW380q2d1WA627QK .GP0cZOABWEydC7Via44Cw ._17YEcYDaQaGZXzDU3Calrm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._1cDQWBDW380q2d1WA627QK .GP0cZOABWEydC7Via44Cw .ez7HObMxkNN-adRDKBwAG{font-size:var(--text-size-08);font-weight:normal;line-height:var(--text-height);color:var(--text-color-01)}._1cDQWBDW380q2d1WA627QK .GP0cZOABWEydC7Via44Cw ._17YEcYDaQaGZXzDU3Calrm{font-size:var(--text-size-09);font-weight:normal;line-height:var(--text-height);color:var(--text-color-02)}
._1-B7pYEue13OJWQZ5vgaZk{overflow:hidden;padding:9px 16px;user-select:none}._1-B7pYEue13OJWQZ5vgaZk .FVM2z1MqTjk_YDorSd4Tr{font-size:var(--text-size-09);font-weight:normal;line-height:var(--text-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fill-05-02)}._1-B7pYEue13OJWQZ5vgaZk._3TJIc_h3AUh4RpGwoNhUIS{padding:7px 12px}._1lJIVMY8-5Wahs2LiimvcQ{display:flex;flex-wrap:wrap}._1HYMIvehiusJ0YlsEVyA68{font-size:var(--text-size-08);font-weight:normal;line-height:var(--text-height);align-items:center;background-color:var(--fill-05);border:none;border-radius:11.5px;color:var(--text-color-01);cursor:pointer;display:flex;margin-top:3px;outline:none;overflow:hidden;padding:2px 4px 2px 8px}._1HYMIvehiusJ0YlsEVyA68 ._2P26r3mKn9JLP02OjvjmoQ{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._1HYMIvehiusJ0YlsEVyA68 ._1UN5zsynD517Fjy1QF0Fay{color:var(--fill-01);flex-shrink:0;margin-left:2px}._1HYMIvehiusJ0YlsEVyA68:not(:last-child){margin-right:4px}._1HYMIvehiusJ0YlsEVyA68:hover,._1HYMIvehiusJ0YlsEVyA68:active,._1HYMIvehiusJ0YlsEVyA68[aria-expanded=true]{background-image:var(--image-06-01)}._1HYMIvehiusJ0YlsEVyA68:active,._1HYMIvehiusJ0YlsEVyA68[aria-expanded=true]{background-color:var(--fill-03)}._1HYMIvehiusJ0YlsEVyA68[aria-expanded=true]::after{transform:rotate(180deg)}._1i5BG5u8XORg_EvIZGO4r4{min-width:max-content}._1i5BG5u8XORg_EvIZGO4r4 ._1488pKWb2qqxFXOEtPxD9i{color:var(--text-color-05) !important}._1i5BG5u8XORg_EvIZGO4r4 ._1488pKWb2qqxFXOEtPxD9i[data-current=true]{color:var(--fill-01-05) !important}._2My_vxmfXPoUh8fJJqHam9{align-items:center;display:flex;margin-top:3px;position:relative}._2My_vxmfXPoUh8fJJqHam9::before{-webkit-mask:url(/images/tag-add-7a928ee30ba317b614d576f1d5de4315.svg);mask:url(/images/tag-add-7a928ee30ba317b614d576f1d5de4315.svg);background-color:var(--fill-04-01);content:"";height:14px;left:5px;pointer-events:none;position:absolute;width:14px}._2My_vxmfXPoUh8fJJqHam9 input{font-size:var(--text-size-08);font-weight:normal;line-height:var(--text-height);background-color:var(--fill-06-01);border:none;border-radius:11.5px;box-sizing:border-box;color:var(--text-color-01);outline:none;padding:2px 8px 2px 22px;width:79px}._2My_vxmfXPoUh8fJJqHam9 input::placeholder{color:var(--text-color-01)}._2My_vxmfXPoUh8fJJqHam9 input:hover{background-image:var(--image-06-01)}._2My_vxmfXPoUh8fJJqHam9 input:focus{background-color:var(--fill-01-05);background-image:none}._2My_vxmfXPoUh8fJJqHam9 input:focus::placeholder{color:var(--text-color-03)}[data-theme=dark] ._2My_vxmfXPoUh8fJJqHam9 input:focus{background-color:var(--fill-01-03)}[data-focus-visible] ._1HYMIvehiusJ0YlsEVyA68:focus,._2My_vxmfXPoUh8fJJqHam9>input:focus{box-shadow:inset 0 0 0 1px var(--border-08),0 0 0 3px var(--border-08)}
.CgJcwfrQxqadklT-l5H2k{align-items:center;background-color:var(--fill-05);border-radius:9.5px;display:inline-flex;padding:2px 6px 2px 4px}.CgJcwfrQxqadklT-l5H2k ._2Wp4xlWRpmJPHL8IPRMiWs{font-size:var(--text-size-09);font-weight:normal;line-height:var(--text-height);color:var(--text-color-02);font-feature-settings:"ss01","ss02";margin-left:4px}.CgJcwfrQxqadklT-l5H2k ._2Yw9u_Fa4otJi-iwCT4jpH{align-items:center;display:flex}.CgJcwfrQxqadklT-l5H2k ._2Yw9u_Fa4otJi-iwCT4jpH._3NIARsGPQ1WwKM8bjkxlZF circle:last-child{stroke:var(--fill-04-03)}.CgJcwfrQxqadklT-l5H2k ._2Yw9u_Fa4otJi-iwCT4jpH._3Kqo2nCPPTN901kCTXJSjm circle:last-child{stroke:var(--fill-04-04)}
._1Av9_3UiUaAeDhPxBaNyH8{align-items:center;display:flex}._1Av9_3UiUaAeDhPxBaNyH8>:last-child{flex-shrink:0}._3DuX5HrVWA89OieAnHWgiw{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._3DuX5HrVWA89OieAnHWgiw ._3burEU-54WUSOEyWaefJLK{font-size:var(--text-size-09);font-weight:normal;line-height:var(--text-height);font-feature-settings:"ss01","ss02"}._3DuX5HrVWA89OieAnHWgiw ._1xVcso3qYJYWa56yYONBi-{color:var(--text-color-03)}
.Gm_KxWceheUnuhyLoeHpI{font-size:var(--text-size-08);font-weight:normal;line-height:var(--text-height);color:var(--text-color-01) !important}.Gm_KxWceheUnuhyLoeHpI ._2vIzXaDw_2kFiqNa91qxL1,.Gm_KxWceheUnuhyLoeHpI ._1mp9A0V1grebtdN60Ykf25{color:var(--text-color-02)}.Gm_KxWceheUnuhyLoeHpI ._1mp9A0V1grebtdN60Ykf25{font-size:var(--text-size-09);font-weight:normal;line-height:var(--text-height);display:block}.Gm_KxWceheUnuhyLoeHpI[data-current=true]{color:var(--fill-01-05) !important}.Gm_KxWceheUnuhyLoeHpI[data-current=true] ._2vIzXaDw_2kFiqNa91qxL1,.Gm_KxWceheUnuhyLoeHpI[data-current=true] ._1mp9A0V1grebtdN60Ykf25{color:var(--fill-03-01)}
.jZBy29cAtE5F-JPqvTVY8{align-items:center;column-gap:8px;display:grid;grid-template-columns:auto 24px 10px}.jZBy29cAtE5F-JPqvTVY8>*+*{justify-self:end}.jZBy29cAtE5F-JPqvTVY8 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.93rem}.jZBy29cAtE5F-JPqvTVY8::after{background-image:url(/images/chevron-down-white-8506372286dabcb85216677ec978a127.svg);content:"";height:6px;transform:rotate(180deg);width:10px}._2xh6TgEYKopKSdDhA0r_q8{border-radius:6px;color:var(--color-white);display:flex;flex-direction:column;margin-top:16px;outline:none;overflow:hidden;padding:16px;user-select:none}._2xh6TgEYKopKSdDhA0r_q8 ._2Yw_DXv0XN36db8d-uyIyE{display:flex;flex-direction:column;margin:16px 0 0}._2xh6TgEYKopKSdDhA0r_q8 ._2Yw_DXv0XN36db8d-uyIyE p{font-size:.8rem;margin:0}._2xh6TgEYKopKSdDhA0r_q8 ._2Yw_DXv0XN36db8d-uyIyE p a{color:inherit}._2xh6TgEYKopKSdDhA0r_q8 ._2Yw_DXv0XN36db8d-uyIyE ._1Mq7sT8dFDonJqDlEf3VZ4{margin-top:16px}._2xh6TgEYKopKSdDhA0r_q8 ._2Yw_DXv0XN36db8d-uyIyE ._1Mq7sT8dFDonJqDlEf3VZ4>*+*{margin-left:12px}._2xh6TgEYKopKSdDhA0r_q8._2sr51R-YFNF3SOzW9EWa_w .jZBy29cAtE5F-JPqvTVY8::after{transform:rotate(0deg)}._2xh6TgEYKopKSdDhA0r_q8._2sr51R-YFNF3SOzW9EWa_w ._2Yw_DXv0XN36db8d-uyIyE{display:none}[data-focus-visible] ._2xh6TgEYKopKSdDhA0r_q8:focus{box-shadow:0 0 0 2px var(--focus-ring-color)}
._2n4ap4VlsWMXuukzymEL6e{--space-x: 16px;--space-y-large: 20px;background-color:var(--fill-01-05);color:var(--text-color-01);height:100%}[data-theme=dark] ._2n4ap4VlsWMXuukzymEL6e{background-color:var(--fill-01-02)}._3A0MjjYRhATTsjaBhgSKaB{box-sizing:border-box;height:100%;overflow:hidden auto;padding:0 var(--space-x);width:100%}._3QgjlB9DpIH19GJCYAgFrm{display:flex;justify-content:space-between;margin-top:3px}._3QgjlB9DpIH19GJCYAgFrm>*:last-child{margin-left:8px}.kwWmwSXNisCwhR1X9MFPu{align-items:center;display:flex;padding:var(--space-y-large) 0 0 var(--space-x)}.kwWmwSXNisCwhR1X9MFPu>:first-child{flex-shrink:0}.kwWmwSXNisCwhR1X9MFPu h1{font-size:var(--text-size-03);font-weight:600;line-height:var(--text-height-header);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-color-01);flex:auto;padding-left:var(--space-x)}.kwWmwSXNisCwhR1X9MFPu ._3qWot1fUD3Qdw5W2gmDMNv{flex-shrink:0;margin-left:var(--space-x)}.vWiOgHsuZ7BRO9qwS1qvp{margin-top:var(--space-y-large)}.vWiOgHsuZ7BRO9qwS1qvp h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:600;line-height:2.1rem;margin:0 var(--space-x)}.lnyP3E6u-JNaPItHcrMlY{color:var(--text-color-secondary);font-size:.8rem;padding:var(--space-y-large) 0;text-align:center}.lnyP3E6u-JNaPItHcrMlY span{display:block}.lnyP3E6u-JNaPItHcrMlY span+*{margin-top:4px}._2z_5sykLsuk06is0TVzXq-{height:12px}._1iQvaasTtmJc3GUtQrS63q{display:grid;height:100%;place-items:center}._1iQvaasTtmJc3GUtQrS63q::before{-webkit-mask:url(/images/item-detail-empty-26e863938a7a844290d743e8d24b8351.svg);mask:url(/images/item-detail-empty-26e863938a7a844290d743e8d24b8351.svg);background-color:var(--fill-05);content:"";height:128px;width:128px}
._34PfhQgN3j65BiMC2uC3Qq{color:var(--text-color-tertiary);font-size:13px;max-width:100%;overflow:hidden}._34PfhQgN3j65BiMC2uC3Qq::after{-webkit-mask:url(/images/chevron-down-53a555f82fb7407603e982eea7030c25.svg);mask:url(/images/chevron-down-53a555f82fb7407603e982eea7030c25.svg);background-color:currentColor;content:"";flex-shrink:0;height:6px;margin-left:10px;width:10px}._34PfhQgN3j65BiMC2uC3Qq._1gOZhUxsoSop6HGr31oh1G::after{transform:rotate(180deg)}._34PfhQgN3j65BiMC2uC3Qq ._3VYjhefinkiZZUXR4VSmYI{align-items:center;display:flex;overflow:hidden}._34PfhQgN3j65BiMC2uC3Qq ._3VYjhefinkiZZUXR4VSmYI:first-child{flex-basis:16px;flex-grow:1;min-width:16px}._34PfhQgN3j65BiMC2uC3Qq ._3VYjhefinkiZZUXR4VSmYI:not(:last-child) .VFZTEBi_AW4jsXjJ_bybP{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._34PfhQgN3j65BiMC2uC3Qq ._3VYjhefinkiZZUXR4VSmYI ._44eRvHLA38qRSDFFcDOKm,._34PfhQgN3j65BiMC2uC3Qq ._3VYjhefinkiZZUXR4VSmYI:last-child{flex-shrink:0}._34PfhQgN3j65BiMC2uC3Qq ._3VYjhefinkiZZUXR4VSmYI+._3VYjhefinkiZZUXR4VSmYI{margin-left:10px}._34PfhQgN3j65BiMC2uC3Qq ._3VYjhefinkiZZUXR4VSmYI+._3VYjhefinkiZZUXR4VSmYI::before{background-color:var(--bg-highlight-color-tertiary);content:"";flex-shrink:0;height:16px;margin-right:10px;width:1px}._34PfhQgN3j65BiMC2uC3Qq ._3VYjhefinkiZZUXR4VSmYI *+*{margin-left:6px}._2D1rMpjeyXH9q6mE7xoRpq{bottom:0;left:0;position:fixed;right:0;top:0;z-index:2147483647}._31t8FDOcXnLC4ru46pVTCu{background-color:var(--bg-color);border-radius:6px;box-shadow:0 2px 16px 0 var(--color-shadow-ultraLight),var(--border-elevated);box-sizing:border-box;max-height:100%;min-width:210px;overflow:hidden auto;padding:12px 0}._31t8FDOcXnLC4ru46pVTCu>*+*{margin-top:12px}._1cTGon9Odbu_mJUCgcFKil{font-size:var(--text-size-08);font-weight:normal;line-height:var(--text-height);align-items:center;color:var(--text-color-02);display:flex;margin-left:12px;margin-right:12px}._1cTGon9Odbu_mJUCgcFKil>span{margin-left:10px}._1cTGon9Odbu_mJUCgcFKil ._1OjsjUvpjPIgczHPtUfht0{color:var(--text-color-01)}.uQAW9oKwKoOWSvMkP6NUP{align-items:center;margin-left:38px;margin-right:12px}._1zmNvW3450c7rw9zurHfgx{background-color:var(--bg-highlight-color-tertiary);border-style:none;height:1px;margin-top:16px}._44eRvHLA38qRSDFFcDOKm{color:var(--text-color-tertiary);display:inline-block}._1qRRcbiZ0YohTHp1wPS2xc{display:inline-block;height:var(--size);width:var(--size)}._2O0npjAD6SlHMIBPKKlEkw{--size: 16px}
._2iPzL5jsKSb8ciXD1iFDMY{display:flex;justify-content:center}
.CXXzdze2P0W_GerifpldU h1{font-size:24px;line-height:32px !important;margin:0 0 12px}.CXXzdze2P0W_GerifpldU>p{font-size:16px;line-height:20px;margin:0 0 20px}.CXXzdze2P0W_GerifpldU>div{background:#faf2e1;border:1px solid #e6d2ac;padding:12px;border-radius:6px}.CXXzdze2P0W_GerifpldU>div p{font-size:13px;line-height:18px;color:330300;margin:0}@media(min-width: 650px){.CXXzdze2P0W_GerifpldU>div p{font-size:15px}}.CXXzdze2P0W_GerifpldU>a{display:block;text-align:center;margin-top:24px;text-decoration:none !important}.CXXzdze2P0W_GerifpldU>a:focus{outline:auto}.CXXzdze2P0W_GerifpldU button{margin-top:20px}
._2dMFjXXnvTa48pO0LayHEq{margin-top:-6% !important;max-width:82vw !important}._1uHsxk3mLdZ8bS3Nqug4Rt{margin:2rem 0 !important}.QgrMwWmGRaM9BHuMRqQCb{flex-direction:column !important;width:100% !important}.QgrMwWmGRaM9BHuMRqQCb .plan-selector{display:flex !important;max-width:82vw !important;margin-top:0 !important}.QgrMwWmGRaM9BHuMRqQCb .plan-selector>label.plan-option{margin-top:0 !important}.QgrMwWmGRaM9BHuMRqQCb .plan-selector>label.plan-option:first-child{-webkit-border-radius:6px 0 0 6px;-moz-border-radius:6px 0 0 6px;border-radius:6px 0 0 6px;width:50% !important;margin-top:0 !important}.QgrMwWmGRaM9BHuMRqQCb .plan-selector>label.plan-option:last-child{width:50% !important;-webkit-border-radius:0 6px 6px 0;-moz-border-radius:0 6px 6px 0;border-radius:0 6px 6px 0}.QgrMwWmGRaM9BHuMRqQCb .credit-card.form{max-width:82vw !important}._2s1vwOWGD7WnZVofCvq2Km{max-width:82vw !important;margin-top:2rem !important;display:grid !important;grid-template-columns:1fr 1fr !important;grid-template-rows:1fr 1fr !important;row-gap:8px !important;justify-content:space-between !important;align-content:space-between !important}._2s1vwOWGD7WnZVofCvq2Km #previous{max-width:100px !important;margin:0 !important}._2s1vwOWGD7WnZVofCvq2Km #continue{justify-self:end !important;margin:0 !important}._2s1vwOWGD7WnZVofCvq2Km .alt-action{justify-self:center !important;grid-column-start:1 !important;grid-column-end:3 !important}
._26nAogSvBV1fp_AO8t7qlU{background-color:#fff}@media(min-width: 600px){._26nAogSvBV1fp_AO8t7qlU{box-shadow:0 1px 1px 2px rgba(143,161,178,.1)}}._26nAogSvBV1fp_AO8t7qlU ._23Zf3tHcClFu2x_mMZNQhq{display:flex;flex-flow:column-reverse;padding:24px}@media(min-width: 600px){._26nAogSvBV1fp_AO8t7qlU ._23Zf3tHcClFu2x_mMZNQhq{flex-flow:row;max-width:832px;margin:0 auto}}._26nAogSvBV1fp_AO8t7qlU ._23Zf3tHcClFu2x_mMZNQhq div:first-of-type{flex-grow:1}._26nAogSvBV1fp_AO8t7qlU ._23Zf3tHcClFu2x_mMZNQhq div p{margin-top:0;font-size:.8rem;color:#757575;text-align:center}@media(min-width: 600px){._26nAogSvBV1fp_AO8t7qlU ._23Zf3tHcClFu2x_mMZNQhq div p{text-align:left}}._26nAogSvBV1fp_AO8t7qlU ._23Zf3tHcClFu2x_mMZNQhq select{margin:0;margin-bottom:24px}@media(min-width: 600px){._26nAogSvBV1fp_AO8t7qlU ._23Zf3tHcClFu2x_mMZNQhq select{margin-bottom:0}}
._3LKb_qTiqpPS3GXx0W7LXW{position:fixed;cursor:pointer;display:flex;justify-content:center;width:60px;height:60px;background:#0572ec;box-shadow:0 2px 5px rgba(135,135,135,.5);bottom:23px;right:15px;border-radius:100%;z-index:1001;transition:300ms}@media(min-width: 985px){._3LKb_qTiqpPS3GXx0W7LXW{bottom:40px;right:calc(50% - 500px)}}._3LKb_qTiqpPS3GXx0W7LXW svg{width:31px}._3LKb_qTiqpPS3GXx0W7LXW:hover{transform:scale(1.1)}._3LKb_qTiqpPS3GXx0W7LXW:focus{outline:auto}
._1C3eO8-fcZIzn7VzbwxN1D{background:#fae5e1;border:1px solid #e6b6ac;padding:12px;width:100%;display:block;border-radius:6px;margin-top:8px;color:#333}
._3foYKh-cxDwrbPpA3YJlV3{display:block;font-size:14px;margin-top:.5rem;font-weight:normal;letter-spacing:-0.38px;line-height:1.43;color:var(--text-color-02-01) !important}._2UMqUevVDx6lxqYr_kO51Z{margin-bottom:4px}
._1LH8BSPdhWuZW2VAFQNWpG{display:flex;align-items:flex-start}._1LH8BSPdhWuZW2VAFQNWpG label{color:var(--text-color-02-01) !important;font-weight:400}
[data-focus-visible] ._3zmAlU8mHf89zAKjHleSEj:focus{box-shadow:inset 0 0 0 1px var(--border-08),0 0 0 3px var(--border-08)}
.VhWAFgNFlOcbGMjQwpF4d{color:var(--text-color-02-01) !important;line-height:20px}
._3VXIJ_7ad33OCw6VetmffM{color:var(--text-color-02-01) !important;line-height:20px}
@media(max-width: 550px){._1Lgv9R67CPENu66GoXxcPO{flex-flow:column-reverse}._1Lgv9R67CPENu66GoXxcPO select{margin-bottom:16px !important}}@media(max-width: 950px){._1Lgv9R67CPENu66GoXxcPO{padding-right:90px !important}}
[data-focus-visible] ._2h6FnnUcd2UJJs2ohzClZF:focus{text-decoration:underline !important}
._15JE3rc_Q1bedbx4EZp4xW{display:grid !important;grid-template-columns:1fr auto;padding-top:0 !important;padding-right:4px !important}._2w7xzoIYdeS4q6U0mZcjrX{margin-top:14px !important;font-weight:unset !important;color:unset !important}._39J0VL7nPPXQArAhCP7pUv{width:unset !important;margin-top:6px !important;align-self:start !important}._39J0VL7nPPXQArAhCP7pUv:focus{box-shadow:inset 0 0 0 1px var(--border-08),0 0 0 3px var(--border-08)}._39J0VL7nPPXQArAhCP7pUv svg{filter:invert(36%) sepia(97%) saturate(318%) hue-rotate(360deg) brightness(93%) contrast(91%)}._3D063Fu1SAc4ZfyFt7qxLm{justify-self:start !important;width:unset !important;margin-top:12px !important}
._1poD1j_YysBVpHYvgKTkct{display:flex;justify-content:center;margin-top:40px}._3lNIE6ysBPHHL86jw2ev7e h1{margin-bottom:20px}
._2VdFN0LRWA7yVDUAowA_m8{margin-top:20px}
.vZB-StipxnQBNBape9At_{height:100%;display:flex;align-items:center;justify-content:center}
._3yl5gynJO6yiUByliULWm5{margin-top:20px}._3LLt5E-NrODup00mAQoAc2{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
._2NpOZghXI71NpZ53iAsy1s{display:grid;min-height:100vh;grid-template-rows:68px auto 1fr;background-color:#083357}._2NpOZghXI71NpZ53iAsy1s ._1rA--_UBr3gLE5drzptcOi{margin:8px 0 0 8px}._2NpOZghXI71NpZ53iAsy1s main{display:grid;text-align:center;color:#fff;margin:0 auto 60px}._2NpOZghXI71NpZ53iAsy1s main h1{margin-bottom:14px;font-size:36px;line-height:40px}._2NpOZghXI71NpZ53iAsy1s main p{margin:0 auto 40px;font-size:20px;max-width:525px;line-height:24px}._2NpOZghXI71NpZ53iAsy1s main ._3OM8CG9xND9BJsLvw4IxuB{margin:0 auto 16px}._2NpOZghXI71NpZ53iAsy1s main ._3OM8CG9xND9BJsLvw4IxuB:focus{outline:auto}._2NpOZghXI71NpZ53iAsy1s main .Ms2-f5pmAFYM-h4C3koOt{margin:auto;color:#85beff}._2NpOZghXI71NpZ53iAsy1s section{display:none}@media(min-width: 1010px){._2NpOZghXI71NpZ53iAsy1s section{display:grid}}._2NpOZghXI71NpZ53iAsy1s section img{margin:0 auto;align-self:end;width:100%}@media(min-width: 1350px){._2NpOZghXI71NpZ53iAsy1s section img{width:85%}}._2NpOZghXI71NpZ53iAsy1s footer{grid-row-start:5;grid-row-end:6}
._2Ath_RqTxGnR34N8s-YCZz{top:70px;bottom:0;right:0;position:fixed;overflow-x:hidden;width:240px;padding:1.3rem;display:flex;flex-direction:column;background-color:#f6f7fb;-webkit-box-shadow:inset 1px 0 0 0 #d7d9e0;-moz-box-shadow:inset 1px 0 0 0 #d7d9e0;box-shadow:inset 1px 0 0 0 #d7d9e0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;z-index:499;transition:100ms}@media(max-width: 850px){._1itbzprwmVKWJOtTe5p1Qa{position:absolute !important;right:0 !important}}@media(max-width: 850px){.nQ2-VpI_k3zI7Ybih1Yc1{transform:translateX(250px)}}.T7Lh2q2QyxrjqtOb8rqj2{color:var(--text-color-02-01);margin-bottom:.8rem;padding:.2rem 0 .2rem .6rem;cursor:default}._1yaPITD7cYKIm1-DMWCov_{padding:.2rem .6rem;color:var(--text-color-02-01);margin-bottom:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;box-shadow:inset 0 0 0 1px transparent;text-align:left;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}._1yaPITD7cYKIm1-DMWCov_:hover{color:var(--fill-05-01-01);background-color:var(--fill-01-05);box-shadow:inset 0 0 0 1px #d7d9e0;text-decoration:none}.r7joPS1GJo-W9KU2opkes{color:var(--fill-05-01-01);background-color:var(--fill-01-05);box-shadow:inset 0 0 0 1px #d7d9e0;text-decoration:none}._3pJGmE8Zwq0jNOR0K6c_ts{display:inline-block;vertical-align:middle}.NKSfw9JUUql3_iaAW8ZJ_{padding-left:.6rem}._10gewG1KXBFdOWYw1VvQph{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;flex-shrink:0;padding:.4rem .6rem .2rem;color:var(--text-color-02-01);margin:0;text-transform:uppercase;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:.2rem .6rem;margin:.2rem 0}._10gewG1KXBFdOWYw1VvQph:hover{text-decoration:none}._10gewG1KXBFdOWYw1VvQph:hover>span{color:var(--fill-05-01-01)}._16X-oXmR9QmJMVFCRFjPuL{flex-shrink:0;padding:.4rem .6rem .2rem;color:var(--text-color-02-01);margin:0;text-transform:uppercase;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}._3n9YGpmuXOgh2q9gIDxBXE{position:relative}.Qsba-QubsE1iDusjthE6p{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;padding:1rem;position:relative;text-align:left;color:#333;background-repeat:no-repeat;margin-bottom:3px}[data-focus-visible] .Qsba-QubsE1iDusjthE6p:focus{box-shadow:inset 0 0 0 1px var(--border-08),0 0 0 3px var(--border-08)}._3Pw1RbmjGlD7iFBMQxPHos{padding-bottom:5.7rem;background-position:bottom left}._2Cel5MBATU3Se2pZikzOzv{margin-top:5px}._3HrFJUr_uJX7kK7dZbQIEI{display:block;text-decoration:none}._351o4BVgFYH99rXD0nOk_A{position:absolute;right:4px;top:7px;height:23px !important;width:23px !important}._2o8YWutmhGawZsztJAEwLi{margin-right:.1rem;width:14px;height:14px}._1DS8CVW9yQ1WywnwMMgdw4{margin-top:auto}._3_WoOOiQXRZwZJbe8aYWhi{background-color:#e8e7f5;-webkit-box-shadow:inset 0 0 0 1px #cdcae6;-moz-box-shadow:inset 0 0 0 1px #cdcae6;box-shadow:inset 0 0 0 1px #cdcae6}._2sJmIf4A9FYgK2L-AAisPH{background-color:#fefbf6;-webkit-box-shadow:inset 0 0 0 1px #e6d3ac;-moz-box-shadow:inset 0 0 0 1px #e6d3ac;box-shadow:inset 0 0 0 1px #e6d3ac}._1p21rBfaq7EubmzX_k_lPA{background-color:#fae5e1;-webkit-box-shadow:inset 0 0 0 1px #e6b6ac;-moz-box-shadow:inset 0 0 0 1px #e6b6ac;box-shadow:inset 0 0 0 1px #e6b6ac}._10eHBhb79qs8TZz_W_VWEi{background-color:#faf2e1;-webkit-box-shadow:inset 0 0 0 1px #e6d2ac;-moz-box-shadow:inset 0 0 0 1px #e6d2ac;box-shadow:inset 0 0 0 1px #e6d2ac}
._2PILQRICtfMPFbKsej8Yah{margin-top:20px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}._3j-Xxca4mQUQVuLJuH54b_{color:#fff;background-color:#736bbd;margin-bottom:0}._3j-Xxca4mQUQVuLJuH54b_:hover{background-color:#736bbd;color:#fff}._13yua--w9DNB6h1Az-gDZ7{color:#fff;background-color:#0572ec;margin-bottom:0}._13yua--w9DNB6h1Az-gDZ7:hover{background-color:#0572ec;color:#fff}._3Jpqt7NnksMuzpuZSwFRwg{width:12px;vertical-align:-2px;margin-left:10px}
._1vztkWw7Hf78BRzCD18zT3{color:#fff;background-color:#736bbd;margin-bottom:0;margin-top:20px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}._1vztkWw7Hf78BRzCD18zT3:hover{background-color:#736bbd;color:#fff}._1uPh40XVrXUYAf-Yg0cWG4{color:#fff;background-color:#0572ec;margin-bottom:0;margin-top:5px !important;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}._1uPh40XVrXUYAf-Yg0cWG4:hover{background-color:#0572ec;color:#fff}._33QxbSWY5Hb2U2LcHXGea1{width:12px;vertical-align:-2px;margin-left:10px}[data-focus-visible] .rv_IZWKx0PwFO0X_rSP2c:focus{box-shadow:inset 0 0 0 1px var(--border-08),0 0 0 3px var(--border-08)}._2hlQdGjGDC-Azajka3XsZD{padding:8px 16px}._2hlQdGjGDC-Azajka3XsZD:hover{text-decoration:none}
.Q7vRLtru7itRd3k2IRPE4{width:auto !important}.Q7vRLtru7itRd3k2IRPE4 main{padding:0 !important;height:100%}._1HNn4l7AIQs5ouQPTco4Q0{display:grid;grid-template-areas:"sidebar" "subscribe-form"}@media(min-width: 850px){._1HNn4l7AIQs5ouQPTco4Q0{grid-template-columns:520px 300px;grid-template-areas:"subscribe-form sidebar"}}@media(min-width: 750px){._1IELOQzqvA-2RKXVnqT5Y4{width:700px}}.ZBQtAeoYABKvbfVeyYKfd{grid-area:subscribe-form;padding:22px}.ZBQtAeoYABKvbfVeyYKfd .QckG5-Fq2kYBuvZ-G_DuP{display:grid;grid-template-columns:1fr 1fr}.ZBQtAeoYABKvbfVeyYKfd .QckG5-Fq2kYBuvZ-G_DuP label{margin:0 !important}.ZBQtAeoYABKvbfVeyYKfd .QckG5-Fq2kYBuvZ-G_DuP label:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.ZBQtAeoYABKvbfVeyYKfd .QckG5-Fq2kYBuvZ-G_DuP label:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}.ZBQtAeoYABKvbfVeyYKfd ._9SUPQmeGEpjaN-xb5QYIW{margin-top:48px;display:flex}.ZBQtAeoYABKvbfVeyYKfd ._9SUPQmeGEpjaN-xb5QYIW img{margin:0 auto}._1me9UIvfS7Op2dAAfTQrM3{display:grid;grid-area:sidebar;grid-template-rows:1fr auto;background:#f6f7f8;padding:22px}._1me9UIvfS7Op2dAAfTQrM3 h1{font-size:18px;line-height:26px;margin-top:8px;margin-bottom:0}._1me9UIvfS7Op2dAAfTQrM3 ._3yaK52D60zdDBkYnfd4_rN{margin-top:16px;margin-bottom:0;font-size:15px;line-height:20px}._1me9UIvfS7Op2dAAfTQrM3 ul{display:none}@media(min-width: 850px){._1me9UIvfS7Op2dAAfTQrM3 ul{display:block;padding:0;padding-bottom:32px;border-bottom:1px solid #e4e6e7;margin:0;margin-top:15px}}._1me9UIvfS7Op2dAAfTQrM3 ul li{display:grid;grid-template-columns:auto 1fr;grid-gap:12px;margin-top:15px;font-size:13px;line-height:19px}._1me9UIvfS7Op2dAAfTQrM3 ul li p{margin-top:0}._1me9UIvfS7Op2dAAfTQrM3 ul li svg{margin-top:5px}._1me9UIvfS7Op2dAAfTQrM3 .SIpeLStDisnAliySUDkYz{display:none}@media(min-width: 850px){._1me9UIvfS7Op2dAAfTQrM3 .SIpeLStDisnAliySUDkYz{display:block;font-size:13px;line-height:19px;margin-top:18px;margin-bottom:24px}}._1me9UIvfS7Op2dAAfTQrM3 section:last-of-type{display:none}@media(min-width: 850px){._1me9UIvfS7Op2dAAfTQrM3 section:last-of-type{display:grid}._1me9UIvfS7Op2dAAfTQrM3 section:last-of-type img{justify-self:center}}
._3tzh1HPyq6R6KPQsAQX5uO{padding:8px 16px}._3tzh1HPyq6R6KPQsAQX5uO:hover{text-decoration:none}._21T2F6t-Sodiz9IPFbzIS8:hover{text-decoration:none}
._3qzy9czxpaqqTwjdRH85zx:focus{outline:none}._2v2efg5Yw6MXtVkqLKrcTJ{position:absolute;left:14px;top:11px;height:46px;width:46px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}._2v2efg5Yw6MXtVkqLKrcTJ img{-webkit-user-drag:none}._3Syo4OJ7s-IJJoMwzVMnu_{padding:3px}._3Syo4OJ7s-IJJoMwzVMnu_:first-child{border-top-left-radius:6px;border-top-right-radius:6px}._3Syo4OJ7s-IJJoMwzVMnu_:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}._2qypUAOspIBXlQ9aooxlZu{width:100%;margin-left:0 !important}._2qypUAOspIBXlQ9aooxlZu:hover{background:#f6f7f8;text-decoration:none}._9ejJjlBBAjyDXOxOICeCb{transition:100ms}@media(max-width: 850px){._1poDkoW4dmOizzBiamRDkF{position:absolute !important;right:0 !important;height:100%}}@media(max-width: 850px){._2pcpvDRqtOpsI4e-BTJDZX{position:absolute !important;right:-250px !important;height:100%}}._1D6ER-Ofai_gyqu5H3UmJo{position:absolute;right:1.9rem;top:25px;transition:100ms}@media(min-width: 850px){._1D6ER-Ofai_gyqu5H3UmJo{display:none}}._13LYukjHo_hrJqqN2NQv48{right:239px;top:0;background:#f6f7fb;padding:12px;border:1px solid #d7d9e0;border-right:0;border-top:0;z-index:1100}